rsuite 5.60.2 → 5.62.0

package/esm/Dropdown/DropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StandardProps } from '../@types/common';
+import { StandardProps } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface DropdownMenuProps<T = string> extends StandardProps {
     /** Define the title as a submenu */

package/esm/Dropdown/DropdownMenu.js

@@ -5,19 +5,18 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject, _templateObject2;
 import React, { useCallback, useContext, useMemo } from 'react';
 import omit from 'lodash/omit';
-import Menu from '../internals/Menu/Menu';
-import MenuItem from '../internals/Menu/MenuItem';
-import Menubar from '../internals/Menu/Menubar';
-import { oneOf } from '../internals/propTypes';
-import { mergeRefs, useClassNames } from '../utils';
+import Menu from "../internals/Menu/Menu";
+import MenuItem from "../internals/Menu/MenuItem";
+import Menubar from "../internals/Menu/Menubar";
+import { oneOf } from "../internals/propTypes";
+import { useClassNames, useCustom } from "../internals/hooks";
+import { mergeRefs, warnOnce } from "../internals/utils";
 import PropTypes from 'prop-types';
 import AngleLeft from '@rsuite/icons/legacy/AngleLeft';
 import AngleRight from '@rsuite/icons/legacy/AngleRight';
-import useCustom from '../utils/useCustom';
-import DropdownContext from './DropdownContext';
-import Nav from '../Nav';
-import NavContext from '../Nav/NavContext';
-import warnOnce from '../utils/warnOnce';
+import DropdownContext from "./DropdownContext";
+import Nav from "../Nav";
+import NavContext from "../Nav/NavContext";
 /**
  * The `<Dropdown.Menu>` API
  *

package/esm/Dropdown/DropdownSeparator.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 export interface DropdownSeparatorProps extends WithAsProps, React.HTMLAttributes<HTMLElement> {
     /** You can use a custom element for this component */
     as?: React.ElementType;

package/esm/Dropdown/DropdownSeparator.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks";
 /**
  * The `<Dropdown.Separator>` API
  *

package/esm/Dropdown/DropdownToggle.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import Button from '../Button';
 import { IconProps } from '@rsuite/icons/lib/Icon';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '@/internals/types';
 export interface DropdownToggleProps extends WithAsProps {
     icon?: React.ReactElement<IconProps>;
     noCaret?: boolean;

package/esm/Dropdown/DropdownToggle.js

@@ -3,10 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import Button from '../Button';
-import { useClassNames } from '../utils';
-import useToggleCaret from '../utils/useToggleCaret';
-import { oneOf } from '../internals/propTypes';
+import Button from "../Button";
+import { useClassNames, useToggleCaret } from "../internals/hooks";
+import { oneOf } from "../internals/propTypes";
 var DropdownToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? Button : _props$as,

package/esm/Dropdown/index.js

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

package/esm/FlexboxGrid/FlexboxGrid.d.ts

@@ -1,5 +1,5 @@
 import FlexboxGridItem from './FlexboxGridItem';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FlexboxGridProps extends WithAsProps {
     /** align */
     align?: 'top' | 'middle' | 'bottom';

package/esm/FlexboxGrid/FlexboxGrid.js

@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
-import FlexboxGridItem from './FlexboxGridItem';
-import { oneOf } from '../internals/propTypes';
+import { useClassNames } from "../internals/hooks";
+import FlexboxGridItem from "./FlexboxGridItem";
+import { oneOf } from "../internals/propTypes";
 /**
  * The FlexboxGrid component is a box that can be used to layout other components.
  * @see https://rsuitejs.com/components/flexbox-grid

package/esm/FlexboxGrid/FlexboxGridItem.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FlexboxGridItemProps extends WithAsProps {
     /** spacing between grids */
     colspan?: number;

package/esm/FlexboxGrid/FlexboxGridItem.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks";
 /**
  * The `FlexboxGrid.Item` component is used to specify the layout of the child element in the `FlexboxGrid` component.
  * @see https://rsuitejs.com/components/flexbox-grid

package/esm/FlexboxGrid/index.js

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

package/esm/Footer/Footer.d.ts

@@ -1,8 +1,8 @@
-import { ComponentProps } from '../utils/createComponent';
+import { ComponentProps } from '@/internals/utils';
 export declare type FooterProps = ComponentProps;
 /**
  * The `<Footer>` component is used to specify the footer of the page.
  * @see https://rsuitejs.com/components/container/
  */
-declare const Footer: import("../@types/common").RsRefForwardingComponent<"footer", ComponentProps>;
+declare const Footer: import("../internals/types").RsRefForwardingComponent<"footer", ComponentProps>;
 export default Footer;

package/esm/Footer/Footer.js

@@ -1,5 +1,5 @@
 'use client';
-import createComponent from '../utils/createComponent';
+import { createComponent } from "../internals/utils";
 /**
  * The `<Footer>` component is used to specify the footer of the page.
  * @see https://rsuitejs.com/components/container/

package/esm/Footer/index.js

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

package/esm/Form/Form.d.ts

@@ -5,7 +5,7 @@ import FormControlLabel from '../FormControlLabel';
 import FormErrorMessage from '../FormErrorMessage';
 import FormGroup from '../FormGroup';
 import FormHelpText from '../FormHelpText';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '@/internals/types';
 import { FormInstance } from './hooks/useFormRef';
 export interface FormProps<V = Record<string, any>, M = any, E = {
     [P in keyof V]?: M;

package/esm/Form/Form.js

@@ -4,19 +4,19 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { SchemaModel } from 'schema-typed';
-import { FormValueProvider, FormProvider } from './FormContext';
-import FormControl from '../FormControl';
-import FormControlLabel from '../FormControlLabel';
-import FormErrorMessage from '../FormErrorMessage';
-import FormGroup from '../FormGroup';
-import FormHelpText from '../FormHelpText';
-import { useEventCallback } from '../utils';
-import { oneOf } from '../internals/propTypes';
-import useSchemaModel from './hooks/useSchemaModel';
-import useFormValidate from './hooks/useFormValidate';
-import useFormValue from './hooks/useFormValue';
-import useFormClassNames from './hooks/useFormClassNames';
-import useFormRef from './hooks/useFormRef';
+import { FormValueProvider, FormProvider } from "./FormContext";
+import FormControl from "../FormControl";
+import FormControlLabel from "../FormControlLabel";
+import FormErrorMessage from "../FormErrorMessage";
+import FormGroup from "../FormGroup";
+import FormHelpText from "../FormHelpText";
+import { useEventCallback } from "../internals/hooks";
+import { oneOf } from "../internals/propTypes";
+import useSchemaModel from "./hooks/useSchemaModel";
+import useFormValidate from "./hooks/useFormValidate";
+import useFormValue from "./hooks/useFormValue";
+import useFormClassNames from "./hooks/useFormClassNames";
+import useFormRef from "./hooks/useFormRef";
 var defaultSchema = SchemaModel({});
 
 /**

package/esm/Form/FormContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes } from '../@types/common';
+import { TypeAttributes } from '@/internals/types';
 import type { Schema, CheckResult } from 'schema-typed';
 import type { FieldRuleType } from './hooks/useSchemaModel';
 declare type RecordAny = Record<string, any>;

package/esm/Form/hooks/useFormClassNames.js

@@ -1,5 +1,5 @@
 'use client';
-import { useClassNames } from '../../utils';
+import { useClassNames } from "../../internals/hooks";
 /**
  * Take <Form> props and return className for <Form> styles
  */

package/esm/Form/hooks/useFormValidate.js

@@ -3,9 +3,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { useRef, useCallback } from 'react';
 import omit from 'lodash/omit';
 import set from 'lodash/set';
-import { useControlled } from '../../utils';
-import { nameToPath } from '../../FormControl/utils';
-import useEventCallback from '../../utils/useEventCallback';
+import { useControlled, useEventCallback } from "../../internals/hooks";
+import { nameToPath } from "../../FormControl/utils";
 export default function useFormValidate(formError, props) {
   var formValue = props.formValue,
     getCombinedModel = props.getCombinedModel,

package/esm/Form/hooks/useFormValue.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { useRef, useCallback } from 'react';
 import omit from 'lodash/omit';
 import set from 'lodash/set';
-import { useControlled } from '../../utils';
+import { useControlled } from "../../internals/hooks";
 export default function useFormValue(controlledValue, props) {
   var formDefaultValue = props.formDefaultValue,
     nestedField = props.nestedField;

package/esm/Form/index.js

@@ -1,4 +1,4 @@
 'use client';
-import Form from './Form';
-export { default as useFormClassNames } from './hooks/useFormClassNames';
+import Form from "./Form";
+export { default as useFormClassNames } from "./hooks/useFormClassNames";
 export default Form;

package/esm/FormControl/FormControl.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { CheckType } from 'schema-typed';
 import Input from '../Input';
-import { TypeAttributes, FormControlBaseProps, WithAsProps } from '../@types/common';
+import { TypeAttributes, FormControlBaseProps, WithAsProps } from '@/internals/types';
 /**
  * Props that FormControl passes to its accepter
  */

package/esm/FormControl/FormControl.js

@@ -5,16 +5,16 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject;
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
-import Input from '../Input';
-import FormErrorMessage from '../FormErrorMessage';
-import { useClassNames } from '../utils';
-import FormContext, { FormValueContext } from '../Form/FormContext';
-import { useFormGroup } from '../FormGroup';
-import { useWillUnmount, useEventCallback } from '../utils';
-import { oneOf } from '../internals/propTypes';
-import useRegisterModel from './hooks/useRegisterModel';
-import useField from './hooks/useField';
-import Toggle from '../Toggle';
+import Input from "../Input";
+import FormErrorMessage from "../FormErrorMessage";
+import { useClassNames } from "../internals/hooks";
+import FormContext, { FormValueContext } from "../Form/FormContext";
+import { useFormGroup } from "../FormGroup";
+import { useWillUnmount, useEventCallback } from "../internals/hooks";
+import { oneOf } from "../internals/propTypes";
+import useRegisterModel from "./hooks/useRegisterModel";
+import useField from "./hooks/useField";
+import Toggle from "../Toggle";
 
 /**
  * Props that FormControl passes to its accepter

package/esm/FormControl/hooks/useField.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { useCallback, useMemo } from 'react';
 import get from 'lodash/get';
 import set from 'lodash/set';
-import { nameToPath } from '../utils';
+import { nameToPath } from "../utils";
 function useField(props) {
   var name = props.name,
     formValue = props.formValue,

package/esm/FormControl/hooks/useRegisterModel.js

@@ -1,6 +1,6 @@
 'use client';
 import { useRef, useEffect } from 'react';
-import { useFormContext } from '../../Form/FormContext';
+import { useFormContext } from "../../Form/FormContext";
 function useRegisterModel(name, rule) {
   var _ref = useFormContext() || {},
     pushFieldRule = _ref.pushFieldRule,

package/esm/FormControl/index.js

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

package/esm/FormControlLabel/FormControlLabel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FormControlLabelProps extends WithAsProps, React.LabelHTMLAttributes<HTMLLabelElement> {
     /** Attribute of the html label tag, defaults to the controlId of the FormGroup */
     htmlFor?: string;

package/esm/FormControlLabel/FormControlLabel.js

@@ -3,8 +3,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
-import { useFormGroup } from '../FormGroup';
+import { useClassNames } from "../internals/hooks";
+import { useFormGroup } from "../FormGroup";
 /**
  * The `<Form.ControlLabel>` component renders a label with required indicator, for form controls.
  * @see https://rsuitejs.com/components/form/

package/esm/FormControlLabel/index.js

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

package/esm/FormErrorMessage/FormErrorMessage.d.ts

@@ -1,4 +1,4 @@
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FormErrorMessageProps extends WithAsProps {
     /** Show error messages */
     show?: boolean;

package/esm/FormErrorMessage/FormErrorMessage.js

@@ -6,8 +6,9 @@ var _templateObject, _templateObject2;
 import React from 'react';
 import PropTypes from 'prop-types';
 import kebabCase from 'lodash/kebabCase';
-import { placementPolyfill, useClassNames } from '../utils';
-import { oneOf } from '../internals/propTypes';
+import { useClassNames } from "../internals/hooks";
+import { placementPolyfill } from "../internals/utils";
+import { oneOf } from "../internals/propTypes";
 /**
  * The `<Form.ErrorMessage>` component is used to display error messages in the form.
  * @see https://rsuitejs.com/components/form/

package/esm/FormErrorMessage/index.js

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

package/esm/FormGroup/FormGroup.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FormGroupProps extends WithAsProps {
     /**
      * Sets id on `<Form.Control>` and `htmlFor` on `<Form.ControlLabel>`.

package/esm/FormGroup/FormGroup.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useUniqueId } from '../utils';
+import { useClassNames, useUniqueId } from "../internals/hooks";
 var FormGroupContext = /*#__PURE__*/React.createContext({});
 export var useFormGroup = function useFormGroup(controlId) {
   var context = React.useContext(FormGroupContext);

package/esm/FormGroup/index.js

@@ -1,4 +1,4 @@
 'use client';
-import FormGroup from './FormGroup';
-export { useFormGroup } from './FormGroup';
+import FormGroup from "./FormGroup";
+export { useFormGroup } from "./FormGroup";
 export default FormGroup;

package/esm/FormHelpText/FormHelpText.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FormHelpTextProps extends WithAsProps, React.HTMLAttributes<HTMLSpanElement> {
     /** Whether to show through the Tooltip component */
     tooltip?: boolean;

package/esm/FormHelpText/FormHelpText.js

@@ -3,10 +3,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import Tooltip from '../Tooltip';
-import Whisper from '../Whisper';
-import { useClassNames } from '../utils';
-import { useFormGroup } from '../FormGroup';
+import Tooltip from "../Tooltip";
+import Whisper from "../Whisper";
+import { useClassNames } from "../internals/hooks";
+import { useFormGroup } from "../FormGroup";
 import HelpIcon from '@rsuite/icons/legacy/HelpO';
 /**
  * The `<Form.HelpText>` component is used to display help information in the form.

package/esm/FormHelpText/index.js

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

package/esm/Grid/Grid.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface GridProps extends WithAsProps {
     /** Fluid layout */
     fluid?: boolean;

package/esm/Grid/Grid.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks";
 /**
  * The Grid component is used to specify the layout of child elements in rows and columns.
  * @see https://rsuitejs.com/components/grid

package/esm/Grid/index.js

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

package/esm/Header/Header.d.ts

@@ -1,8 +1,8 @@
-import { ComponentProps } from '../utils/createComponent';
+import { ComponentProps } from '@/internals/utils';
 export declare type HeaderProps = ComponentProps;
 /**
  * The `<Header>` component is used to specify the header of the page.
  * @see https://rsuitejs.com/components/container/
  */
-declare const Header: import("../@types/common").RsRefForwardingComponent<"header", ComponentProps>;
+declare const Header: import("../internals/types").RsRefForwardingComponent<"header", ComponentProps>;
 export default Header;

package/esm/Header/Header.js

@@ -1,5 +1,5 @@
 'use client';
-import createComponent from '../utils/createComponent';
+import { createComponent } from "../internals/utils";
 /**
  * The `<Header>` component is used to specify the header of the page.
  * @see https://rsuitejs.com/components/container/

package/esm/Header/index.js

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

package/esm/Heading/Heading.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface HeadingProps extends WithAsProps {
     /**
      * Sets heading level, h1 through h6.

package/esm/Heading/Heading.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks";
 /**
  *
  * The `Heading` component is used to display a heading.

package/esm/Heading/index.js

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

package/esm/HeadingGroup/HeadingGroup.d.ts

@@ -1,8 +1,8 @@
-import { ComponentProps } from '../utils/createComponent';
+import { ComponentProps } from '@/internals/utils';
 export declare type HeadingGroupProps = ComponentProps;
 /**
  * HeadingGroup is a group of headings.
  * @see https://rsuitejs.com/components/heading
  */
-declare const HeadingGroup: import("../@types/common").RsRefForwardingComponent<"hgroup", ComponentProps>;
+declare const HeadingGroup: import("../internals/types").RsRefForwardingComponent<"hgroup", ComponentProps>;
 export default HeadingGroup;

package/esm/HeadingGroup/HeadingGroup.js

@@ -1,5 +1,5 @@
 'use client';
-import createComponent from '../utils/createComponent';
+import { createComponent } from "../internals/utils";
 /**
  * HeadingGroup is a group of headings.
  * @see https://rsuitejs.com/components/heading

package/esm/HeadingGroup/index.js

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

package/esm/Highlight/Highlight.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
+export interface HighlightProps extends WithAsProps {
+    query?: string | string[];
+    renderMark?: (match: string, index: number) => React.ReactNode;
+}
+/**
+ *
+ * Highlight the matching text in the content.
+ *
+ * @see https://rsuitejs.com/components/highlight
+ */
+declare const Highlight: RsRefForwardingComponent<'div', HighlightProps>;
+export default Highlight;

package/esm/Highlight/Highlight.js

@@ -0,0 +1,52 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useClassNames } from "../internals/hooks";
+import { highlightText } from "./utils/highlightText";
+import { stringifyReactNode } from "../internals/utils";
+function defaultRenderMark(match, index) {
+  return /*#__PURE__*/React.createElement("mark", {
+    key: index,
+    className: "rs-highlight-mark"
+  }, match);
+}
+
+/**
+ *
+ * Highlight the matching text in the content.
+ *
+ * @see https://rsuitejs.com/components/highlight
+ */
+var Highlight = /*#__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 ? 'highlight' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    query = props.query,
+    _props$renderMark = props.renderMark,
+    renderMark = _props$renderMark === void 0 ? defaultRenderMark : _props$renderMark,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children", "query", "renderMark"]);
+  var _useClassNames = useClassNames(classPrefix),
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
+  var classes = merge(className, withClassPrefix());
+  var text = stringifyReactNode(children);
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    ref: ref,
+    className: classes
+  }, rest), highlightText(text, {
+    query: query,
+    renderMark: renderMark
+  }));
+});
+Highlight.displayName = 'Highlight';
+Highlight.propTypes = {
+  className: PropTypes.string,
+  classPrefix: PropTypes.string,
+  as: PropTypes.elementType
+};
+export default Highlight;

package/esm/Highlight/index.d.ts

@@ -0,0 +1,3 @@
+import Highlight from './Highlight';
+export type { HighlightProps } from './Highlight';
+export default Highlight;

package/esm/Highlight/index.js

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