rsuite 5.75.0 → 6.0.0-canary-20241227

package/esm/DateRangePicker/DateRangePickerProvider.js

@@ -1,7 +1,7 @@
 'use client';
 import React, { useContext } from 'react';
-export var DateRangePickerContext = /*#__PURE__*/React.createContext({});
-export var useDateRangePickerContext = function useDateRangePickerContext() {
+export const DateRangePickerContext = /*#__PURE__*/React.createContext({});
+export const useDateRangePickerContext = () => {
   return useContext(DateRangePickerContext) || {};
 };
-export var DateRangePickerProvider = DateRangePickerContext.Provider;
+export const DateRangePickerProvider = DateRangePickerContext.Provider;

package/esm/DateRangePicker/Header.js

@@ -5,38 +5,37 @@ import { compareAsc } from "../internals/utils/date/index.js";
 import { FormattedDate } from "../CustomProvider/index.js";
 import Button from "../Button/index.js";
 function Header(props) {
-  var _prefix;
-  var _useClassNames = useClassNames('picker'),
-    prefix = _useClassNames.prefix;
-  var formatStr = props.formatStr,
-    character = props.character,
-    value = props.value,
-    _props$activeKey = props.activeKey,
-    activeKey = _props$activeKey === void 0 ? 'start' : _props$activeKey,
-    clickable = props.clickable,
-    onSelect = props.onSelect;
-  var _ref = value !== null && value !== void 0 ? value : [null, null],
-    startDate = _ref[0],
-    endDate = _ref[1];
-  var v = startDate && endDate ? [startDate, endDate].sort(compareAsc) : [startDate, endDate];
-  var start = v[0] ? /*#__PURE__*/React.createElement(FormattedDate, {
+  const {
+    prefix
+  } = useClassNames('picker');
+  const {
+    formatStr,
+    character,
+    value,
+    activeKey = 'start',
+    clickable,
+    onSelect
+  } = props;
+  const [startDate, endDate] = value !== null && value !== void 0 ? value : [null, null];
+  const v = startDate && endDate ? [startDate, endDate].sort(compareAsc) : [startDate, endDate];
+  const start = v[0] ? /*#__PURE__*/React.createElement(FormattedDate, {
     date: v[0],
     formatStr: formatStr
   }) : formatStr;
-  var end = v[1] ? /*#__PURE__*/React.createElement(FormattedDate, {
+  const end = v[1] ? /*#__PURE__*/React.createElement(FormattedDate, {
     date: v[1],
     formatStr: formatStr
   }) : formatStr;
   return /*#__PURE__*/React.createElement("div", {
-    className: prefix('daterange-header', (_prefix = {}, _prefix["tab-active-" + activeKey] = clickable, _prefix)),
+    className: prefix('daterange-header', {
+      [`tab-active-${activeKey}`]: clickable
+    }),
     "data-testid": "daterange-header"
   }, clickable ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     size: "xs",
     appearance: "subtle",
     className: prefix('header-date'),
-    onClick: function onClick() {
-      return onSelect === null || onSelect === void 0 ? void 0 : onSelect('start');
-    },
+    onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect('start'),
     "aria-label": "Select start date"
   }, start), /*#__PURE__*/React.createElement("span", {
     className: prefix('header-character')
@@ -44,9 +43,7 @@ function Header(props) {
     size: "xs",
     appearance: "subtle",
     className: prefix('header-date'),
-    onClick: function onClick() {
-      return onSelect === null || onSelect === void 0 ? void 0 : onSelect('end');
-    },
+    onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect('end'),
     "aria-label": "Select end date"
   }, end)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: prefix('header-date')

package/esm/DateRangePicker/disabledDateUtils.js

@@ -12,21 +12,13 @@ function isBeforeDay(date1, date2) {
  Allow the maximum number of days specified, other dates are disabled.
  */
 export function allowedMaxDays(days) {
-  return function (date, selectValue, selectedDone, target) {
-    var beforeLimit = false;
-    var afterLimit = false;
+  return (date, selectValue, selectedDone, target) => {
+    let beforeLimit = false;
+    let afterLimit = false;
     if (selectValue !== null && selectValue !== void 0 && selectValue[0]) {
-      var startDate = selectValue[0];
-      beforeLimit = composeFunctions(function (f) {
-        return DateUtils.addDays(f, -days + 1);
-      }, function (f) {
-        return isAfterDay(f, date);
-      })(startDate);
-      afterLimit = composeFunctions(function (f) {
-        return DateUtils.addDays(f, days - 1);
-      }, function (f) {
-        return isBeforeDay(f, date);
-      })(startDate);
+      const startDate = selectValue[0];
+      beforeLimit = composeFunctions(f => DateUtils.addDays(f, -days + 1), f => isAfterDay(f, date))(startDate);
+      afterLimit = composeFunctions(f => DateUtils.addDays(f, days - 1), f => isBeforeDay(f, date))(startDate);
     }
     if (target === 'CALENDAR' && !selectedDone && (beforeLimit || afterLimit)) {
       return true;
@@ -39,21 +31,13 @@ export function allowedMaxDays(days) {
  * Only allowed days are specified, other dates are disabled.
  */
 export function allowedDays(days) {
-  return function (date, selectValue, selectedDone, target) {
-    var beforeLimit = false;
-    var afterLimit = false;
+  return (date, selectValue, selectedDone, target) => {
+    let beforeLimit = false;
+    let afterLimit = false;
     if (selectValue !== null && selectValue !== void 0 && selectValue[0]) {
-      var startDate = selectValue[0];
-      beforeLimit = composeFunctions(function (f) {
-        return DateUtils.addDays(f, -days + 1);
-      }, function (f) {
-        return !DateUtils.isSameDay(f, date);
-      })(startDate);
-      afterLimit = composeFunctions(function (f) {
-        return DateUtils.addDays(f, days - 1);
-      }, function (f) {
-        return !DateUtils.isSameDay(f, date);
-      })(startDate);
+      const startDate = selectValue[0];
+      beforeLimit = composeFunctions(f => DateUtils.addDays(f, -days + 1), f => !DateUtils.isSameDay(f, date))(startDate);
+      afterLimit = composeFunctions(f => DateUtils.addDays(f, days - 1), f => !DateUtils.isSameDay(f, date))(startDate);
     }
     if (target === 'CALENDAR' && !selectedDone && beforeLimit && afterLimit) {
       return true;
@@ -66,7 +50,7 @@ export function allowedDays(days) {
  Allow specified date range, other dates are disabled.
  */
 export function allowedRange(startDate, endDate) {
-  return function (date) {
+  return date => {
     if (isBeforeDay(date, new Date(startDate)) || isAfterDay(date, new Date(endDate))) {
       return true;
     }
@@ -81,7 +65,7 @@ export function before(beforeDate) {
   if (beforeDate === void 0) {
     beforeDate = new Date();
   }
-  return function (date) {
+  return date => {
     if (isBeforeDay(date, new Date(beforeDate))) {
       return true;
     }
@@ -96,7 +80,7 @@ export function after(afterDate) {
   if (afterDate === void 0) {
     afterDate = new Date();
   }
-  return function (date) {
+  return date => {
     if (isAfterDay(date, new Date(afterDate))) {
       return true;
     }
@@ -129,8 +113,6 @@ export function combine() {
     for (var _len2 = arguments.length, disabledDateArgs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       disabledDateArgs[_key2] = arguments[_key2];
     }
-    return args.reduce(function (a, b) {
-      return a.apply(void 0, disabledDateArgs) || b.apply(void 0, disabledDateArgs);
-    });
+    return args.reduce((a, b) => a(...disabledDateArgs) || b(...disabledDateArgs));
   };
 }

package/esm/DateRangePicker/hooks/useCalendarHandlers.js

@@ -3,31 +3,31 @@ import { useMemo } from 'react';
 import { useEventCallback } from "../../internals/hooks/index.js";
 import { addMonths } from "../../internals/utils/date/index.js";
 export function useCalendarHandlers(_ref) {
-  var index = _ref.index,
-    calendarDateRange = _ref.calendarDateRange,
-    onChangeCalendarMonth = _ref.onChangeCalendarMonth,
-    onChangeCalendarTime = _ref.onChangeCalendarTime,
-    onSelect = _ref.onSelect;
-  var calendarDate = useMemo(function () {
-    return calendarDateRange[index];
-  }, [calendarDateRange, index]);
-  var handleSelect = useEventCallback(function (date, event) {
+  let {
+    index,
+    calendarDateRange,
+    onChangeCalendarMonth,
+    onChangeCalendarTime,
+    onSelect
+  } = _ref;
+  const calendarDate = useMemo(() => calendarDateRange[index], [calendarDateRange, index]);
+  const handleSelect = useEventCallback((date, event) => {
     onSelect === null || onSelect === void 0 || onSelect(index, date, event);
   });
-  var handleChangeMonth = useEventCallback(function (nextPageDate) {
+  const handleChangeMonth = useEventCallback(nextPageDate => {
     onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, nextPageDate);
   });
-  var handleChangeTime = useEventCallback(function (nextPageDate) {
+  const handleChangeTime = useEventCallback(nextPageDate => {
     onChangeCalendarTime === null || onChangeCalendarTime === void 0 || onChangeCalendarTime(index, nextPageDate);
   });
-  var handleMoveForward = useEventCallback(function () {
+  const handleMoveForward = useEventCallback(() => {
     onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, addMonths(calendarDate, 1));
   });
-  var handleMoveBackward = useEventCallback(function () {
+  const handleMoveBackward = useEventCallback(() => {
     onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, addMonths(calendarDate, -1));
   });
   return {
-    calendarDate: calendarDate,
+    calendarDate,
     onSelect: handleSelect,
     onChangeMonth: handleChangeMonth,
     onChangeTime: handleChangeTime,

package/esm/DateRangePicker/hooks/useDateDisabled.js

@@ -4,12 +4,16 @@ import { useCallback } from 'react';
  * Returns a function that determines whether a date is disabled and is compatible with the deprecated `disabledDate` prop.
  */
 export function useDateDisabled(props) {
-  var shouldDisableDate = props.shouldDisableDate,
-    DEPRECATED_disabledDate = props.DEPRECATED_disabledDate;
-  var isDateDisabled = useCallback(function (date, options) {
-    var selectDate = options.selectDate,
-      selectedDone = options.selectedDone,
-      target = options.target;
+  const {
+    shouldDisableDate,
+    DEPRECATED_disabledDate
+  } = props;
+  const isDateDisabled = useCallback((date, options) => {
+    const {
+      selectDate,
+      selectedDone,
+      target
+    } = options;
     if (typeof shouldDisableDate === 'function') {
       return shouldDisableDate(date, selectDate, selectedDone, target);
     }

package/esm/DateRangePicker/hooks/useDateRangePicker.js

@@ -1,6 +1,6 @@
 'use client';
 import { useContext } from 'react';
 import { DateRangePickerContext } from "../DateRangePickerProvider.js";
-export var useDateRangePicker = function useDateRangePicker() {
+export const useDateRangePicker = () => {
   return useContext(DateRangePickerContext) || {};
 };

package/esm/DateRangePicker/index.js

@@ -1,7 +1,7 @@
 'use client';
 import DateRangePicker from "./DateRangePicker.js";
 import * as utils from "./disabledDateUtils.js";
-Object.keys(utils).forEach(function (key) {
+Object.keys(utils).forEach(key => {
   DateRangePicker[key] = utils[key];
 });
 export default DateRangePicker;

package/esm/DateRangePicker/utils.js

@@ -2,15 +2,16 @@
 import { addMonths, isSameDay, shouldRenderTime, isSameSecond, startOfMonth, endOfMonth, startOfISOWeek, endOfISOWeek, startOfWeek, startOfToday, endOfWeek, differenceInCalendarMonths, copyTime } from "../internals/utils/date/index.js";
 export function getSafeCalendarDate(_ref) {
   var _value;
-  var value = _ref.value,
-    _ref$calendarKey = _ref.calendarKey,
-    calendarKey = _ref$calendarKey === void 0 ? 'start' : _ref$calendarKey,
-    allowSameMonth = _ref.allowSameMonth;
+  let {
+    value,
+    calendarKey = 'start',
+    allowSameMonth
+  } = _ref;
   // Update calendarDate if the value is not null
   value = (_value = value) !== null && _value !== void 0 ? _value : [];
-  var gap = allowSameMonth ? 0 : 1;
+  const gap = allowSameMonth ? 0 : 1;
   if (value[0] && value[1]) {
-    var diffMonth = differenceInCalendarMonths(value[1], value[0]);
+    const diffMonth = differenceInCalendarMonths(value[1], value[0]);
     if (calendarKey === 'start') {
       return [value[0], diffMonth <= 0 ? copyTime({
         from: value[1],
@@ -27,36 +28,36 @@ export function getSafeCalendarDate(_ref) {
   } else if (value[0]) {
     return [value[0], addMonths(value[0], gap)];
   }
-  var todayDate = startOfToday();
+  const todayDate = startOfToday();
   return [todayDate, addMonths(todayDate, gap)];
 }
-export var isSameRange = function isSameRange(source, dest, format) {
+export const isSameRange = (source, dest, format) => {
   // If both are null, reguard as same
   if (null === source && null === dest) return true;
   // If only one is null, regard as different
   if (null === source || null === dest) return false;
-  var result = isSameDay(source[0], dest[0]) && isSameDay(source[1], dest[1]);
+  let result = isSameDay(source[0], dest[0]) && isSameDay(source[1], dest[1]);
   if (shouldRenderTime(format)) {
-    result && (result = isSameSecond(source[0], dest[0]) && isSameSecond(source[1], dest[1]));
+    result &&= isSameSecond(source[0], dest[0]) && isSameSecond(source[1], dest[1]);
   }
   return result;
 };
-export var getMonthHoverRange = function getMonthHoverRange(date) {
-  return [startOfMonth(date), endOfMonth(date)];
-};
-export var getWeekHoverRange = function getWeekHoverRange(date, options) {
-  var isoWeek = options.isoWeek,
-    weekStart = options.weekStart,
-    locale = options.locale;
+export const getMonthHoverRange = date => [startOfMonth(date), endOfMonth(date)];
+export const getWeekHoverRange = (date, options) => {
+  const {
+    isoWeek,
+    weekStart,
+    locale
+  } = options;
   if (isoWeek) {
     // set to the first day of this week according to ISO 8601, 12:00 am
     return [startOfISOWeek(date), endOfISOWeek(date)];
   }
   return [startOfWeek(date, {
     weekStartsOn: weekStart,
-    locale: locale
+    locale
   }), endOfWeek(date, {
     weekStartsOn: weekStart,
-    locale: locale
+    locale
   })];
 };

package/esm/Divider/Divider.js

@@ -1,31 +1,30 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "className", "classPrefix", "children", "vertical"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Divider component is used to separate content.
  * @see https://rsuitejs.com/components/divider
  */
-var Divider = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Divider', 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 ? 'divider' : _propsWithDefaults$cl,
-    children = propsWithDefaults.children,
-    vertical = propsWithDefaults.vertical,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix(vertical ? 'vertical' : 'horizontal', {
+const Divider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Divider', props);
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'divider',
+    children,
+    vertical,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    prefix,
+    withClassPrefix,
+    merge
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix(vertical ? 'vertical' : 'horizontal', {
     'with-text': children
   }));
   return /*#__PURE__*/React.createElement(Component, _extends({
@@ -39,11 +38,4 @@ var Divider = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, children));
 });
 Divider.displayName = 'Divider';
-Divider.propTypes = {
-  as: PropTypes.elementType,
-  className: PropTypes.string,
-  classPrefix: PropTypes.string,
-  children: PropTypes.node,
-  vertical: PropTypes.bool
-};
 export default Divider;

package/esm/Drawer/Drawer.js

@@ -1,14 +1,10 @@
 'use client';
 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 from 'react';
-import PropTypes from 'prop-types';
 import Slide from "../Animation/Slide.js";
 import Modal from "../Modal/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { deprecateComponent } from "../internals/utils/index.js";
-import { oneOf } from "../internals/propTypes/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 import DrawerBody from "./DrawerBody.js";
 import DrawerHeader from "./DrawerHeader.js";
@@ -19,25 +15,25 @@ import DrawerTitle from "./DrawerTitle.js";
  * The Drawer component is used to display extra content from a main content.
  * @see https://rsuitejs.com/components/drawer
  */
-var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Drawer', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var className = propsWithDefaults.className,
-    _propsWithDefaults$pl = propsWithDefaults.placement,
-    placement = _propsWithDefaults$pl === void 0 ? 'right' : _propsWithDefaults$pl,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'drawer' : _propsWithDefaults$cl,
-    _propsWithDefaults$an = propsWithDefaults.animation,
-    animation = _propsWithDefaults$an === void 0 ? Slide : _propsWithDefaults$an,
-    _propsWithDefaults$cl2 = propsWithDefaults.closeButton,
-    closeButton = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, prefix(placement));
-  var animationProps = {
-    placement: placement
+const Drawer = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Drawer', props);
+  const {
+    className,
+    placement = 'right',
+    classPrefix = 'drawer',
+    animation = Slide,
+    closeButton = true,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    prefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, prefix(placement));
+  const animationProps = {
+    placement
   };
   return /*#__PURE__*/React.createElement(Modal, _extends({}, rest, {
     ref: ref,
@@ -61,10 +57,4 @@ Drawer.Actions = DrawerActions;
 Drawer.Footer = deprecateComponent(DrawerFooter, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.');
 Drawer.Title = DrawerTitle;
 Drawer.displayName = 'Drawer';
-Drawer.propTypes = _extends({}, Modal.propTypes, {
-  classPrefix: PropTypes.string,
-  placement: oneOf(['top', 'right', 'bottom', 'left']),
-  children: PropTypes.node,
-  className: PropTypes.string
-});
 export default Drawer;

package/esm/Drawer/DrawerActions.d.ts

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

package/esm/Drawer/DrawerActions.js

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

package/esm/Drawer/DrawerBody.js

@@ -2,11 +2,9 @@
 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
-  }));
-});
+const DrawerBody = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(ModalBody, _extends({
+  classPrefix: "drawer-body"
+}, props, {
+  ref: ref
+})));
 export default DrawerBody;

package/esm/Drawer/DrawerFooter.js

@@ -2,11 +2,9 @@
 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
-  }));
-});
+const DrawerFooter = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(ModalFooter, _extends({
+  classPrefix: "drawer-footer"
+}, props, {
+  ref: ref
+})));
 export default DrawerFooter;

package/esm/Drawer/DrawerHeader.js

@@ -2,11 +2,9 @@
 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
-  }));
-});
+const DrawerHeader = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(ModalHeader, _extends({
+  classPrefix: "drawer-header"
+}, props, {
+  ref: ref
+})));
 export default DrawerHeader;

package/esm/Drawer/DrawerTitle.js

@@ -2,11 +2,9 @@
 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
-  }));
-});
+const DrawerTitle = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(ModalTitle, _extends({
+  classPrefix: "drawer-title"
+}, props, {
+  ref: ref
+})));
 export default DrawerTitle;

package/esm/Dropdown/Dropdown.d.ts

@@ -6,7 +6,7 @@ import DropdownItem from './DropdownItem';
 import Button from '../Button';
 import DropdownSeparator from './DropdownSeparator';
 export type DropdownTrigger = 'click' | 'hover' | 'contextMenu';
-export interface DropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'title'> {
+export interface DropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'onToggle' | 'title'> {
     /** Define the title as a submenu */
     title?: React.ReactNode;
     /** Set the icon */