rsuite 5.76.2 → 6.0.0-canary-20250103

package/cjs/Calendar/TimeDropdown/TimeDropdown.js

@@ -5,7 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _partial = _interopRequireDefault(require("lodash/partial"));
 var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
@@ -15,39 +14,38 @@ var _date = require("../../internals/utils/date");
 var _hooks2 = require("../hooks");
 var _TimeColumn = _interopRequireDefault(require("./TimeColumn"));
 var _utils = require("./utils");
-var _excluded = ["as", "className", "classPrefix", "show", "showMeridiem"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'calendar-time-dropdown' : _props$classPrefix,
-    show = props.show,
-    _props$showMeridiem = props.showMeridiem,
-    showMeridiem = _props$showMeridiem === void 0 ? false : _props$showMeridiem,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCalendar = (0, _hooks2.useCalendar)(),
-    locale = _useCalendar.locale,
-    format = _useCalendar.format,
-    date = _useCalendar.date,
-    onSelect = _useCalendar.onChangeTime,
-    targetId = _useCalendar.targetId;
-  var rowRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    var time = (0, _utils.getClockTime)({
-      format: format,
-      date: date,
-      showMeridiem: showMeridiem
+const TimeDropdown = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'calendar-time-dropdown',
+    show,
+    showMeridiem = false,
+    ...rest
+  } = props;
+  const {
+    locale,
+    format,
+    date,
+    onChangeTime: onSelect,
+    targetId
+  } = (0, _hooks2.useCalendar)();
+  const rowRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const time = (0, _utils.getClockTime)({
+      format,
+      date,
+      showMeridiem
     });
     // The currently selected time scrolls to the visible range.
     if (show && rowRef.current) {
       (0, _utils.scrollToTime)(time, rowRef.current);
     }
   }, [date, format, show, showMeridiem]);
-  var handleClick = (0, _hooks.useEventCallback)(function (type, d, event) {
-    var nextDate = date || (0, _date.startOfToday)();
+  const handleClick = (0, _hooks.useEventCallback)((type, d, event) => {
+    let nextDate = date || (0, _date.startOfToday)();
     switch (type) {
       case 'hours':
         nextDate = (0, _date.setHours)(nextDate, showMeridiem && (0, _date.getHours)(nextDate) >= 12 ? d + 12 : d);
@@ -61,38 +59,40 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }
     onSelect === null || onSelect === void 0 || onSelect(nextDate, event);
   });
-  var handleClickMeridiem = (0, _hooks.useEventCallback)(function (meridiem, event) {
-    var tempDate = date || (0, _date.startOfToday)();
-    var hours = (0, _date.getHours)(tempDate);
-    var isAM = hours < 12;
-    var adjustHours = function adjustHours(meridiem, hours) {
+  const handleClickMeridiem = (0, _hooks.useEventCallback)((meridiem, event) => {
+    const tempDate = date || (0, _date.startOfToday)();
+    const hours = (0, _date.getHours)(tempDate);
+    const isAM = hours < 12;
+    const adjustHours = (meridiem, hours) => {
       if (meridiem === 'AM') {
         return isAM ? hours : hours - 12;
       }
       return isAM ? hours + 12 : hours;
     };
-    var nextHours = adjustHours(meridiem, hours);
-    var nextDate = (0, _date.setHours)(tempDate, nextHours);
+    const nextHours = adjustHours(meridiem, hours);
+    const nextDate = (0, _date.setHours)(tempDate, nextHours);
     onSelect === null || onSelect === void 0 || onSelect(nextDate, event);
   });
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    rootPrefix = _useClassNames.rootPrefix,
-    merge = _useClassNames.merge;
-  var renderColumn = function renderColumn(type, value) {
+  const {
+    prefix,
+    rootPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const renderColumn = (type, value) => {
     if (!(0, _isNumber.default)(value)) {
       return null;
     }
-    var _getTimeLimits$type = (0, _utils.getTimeLimits)(showMeridiem)[type],
-      start = _getTimeLimits$type.start,
-      end = _getTimeLimits$type.end;
-    var items = [];
-    var hideFunc = props[(0, _camelCase.default)("hide_" + type)];
-    var disabledFunc = props[(0, _camelCase.default)("disabled_" + type)];
-    for (var i = start; i <= end; i += 1) {
+    const {
+      start,
+      end
+    } = (0, _utils.getTimeLimits)(showMeridiem)[type];
+    const items = [];
+    const hideFunc = props[(0, _camelCase.default)(`hide_${type}`)];
+    const disabledFunc = props[(0, _camelCase.default)(`disabled_${type}`)];
+    for (let i = start; i <= end; i += 1) {
       if (!(hideFunc !== null && hideFunc !== void 0 && hideFunc(i, date))) {
-        var disabled = disabledFunc === null || disabledFunc === void 0 ? void 0 : disabledFunc(i, date);
-        var itemClasses = prefix('cell', {
+        const disabled = disabledFunc === null || disabledFunc === void 0 ? void 0 : disabledFunc(i, date);
+        const itemClasses = prefix('cell', {
           'cell-active': value === i,
           'cell-disabled': disabled
         });
@@ -100,10 +100,10 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
           key: i,
           role: "option",
           tabIndex: -1,
-          "aria-label": i + " " + type,
+          "aria-label": `${i} ${type}`,
           "aria-selected": value === i,
           "aria-disabled": disabled,
-          "data-key": type + "-" + i,
+          "data-key": `${type}-${i}`,
           onClick: !disabled ? (0, _partial.default)(handleClick, type, i) : undefined
         }, /*#__PURE__*/_react.default.createElement("span", {
           className: itemClasses
@@ -114,19 +114,19 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       prefix: prefix,
       title: locale === null || locale === void 0 ? void 0 : locale[type],
       "data-type": type,
-      "aria-label": "Select " + type
+      "aria-label": `Select ${type}`
     }, items);
   };
-  var renderMeridiemColumn = function renderMeridiemColumn() {
-    var columns = ['AM', 'PM'];
+  const renderMeridiemColumn = () => {
+    const columns = ['AM', 'PM'];
     return /*#__PURE__*/_react.default.createElement(_TimeColumn.default, {
       prefix: prefix,
       title: 'AM/PM',
       "data-type": "meridiem",
       "aria-label": "Select meridiem"
-    }, columns.map(function (meridiem, index) {
-      var ampm = date && ((0, _date.getHours)(date) >= 12 ? 'PM' : 'AM');
-      var itemClasses = prefix('cell', {
+    }, columns.map((meridiem, index) => {
+      const ampm = date && ((0, _date.getHours)(date) >= 12 ? 'PM' : 'AM');
+      const itemClasses = prefix('cell', {
         'cell-active': ampm === meridiem
       });
       return /*#__PURE__*/_react.default.createElement("li", {
@@ -135,25 +135,25 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
         tabIndex: -1,
         "aria-label": meridiem,
         "aria-selected": ampm === meridiem,
-        "data-key": "meridiem-" + meridiem,
+        "data-key": `meridiem-${meridiem}`,
         onClick: (0, _partial.default)(handleClickMeridiem, meridiem)
       }, /*#__PURE__*/_react.default.createElement("span", {
         className: itemClasses
       }, meridiem));
     }));
   };
-  var time = (0, _utils.getClockTime)({
-    format: format,
-    date: date,
-    showMeridiem: showMeridiem
+  const time = (0, _utils.getClockTime)({
+    format,
+    date,
+    showMeridiem
   });
-  var classes = merge(className, rootPrefix(classPrefix), {
-    show: show
+  const classes = merge(className, rootPrefix(classPrefix), {
+    show
   });
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "group",
     tabIndex: -1,
-    id: targetId ? targetId + "-" + classPrefix : undefined
+    id: targetId ? `${targetId}-${classPrefix}` : undefined
   }, (0, _date.omitHideDisabledProps)(rest), {
     ref: ref,
     className: classes

package/cjs/Calendar/TimeDropdown/utils/formatWithLeadingZero.js

@@ -3,6 +3,7 @@
 
 exports.__esModule = true;
 exports.formatWithLeadingZero = void 0;
-var formatWithLeadingZero = exports.formatWithLeadingZero = function formatWithLeadingZero(number) {
+const formatWithLeadingZero = number => {
   return String(number).padStart(2, '0');
-};
+};
+exports.formatWithLeadingZero = formatWithLeadingZero;

package/cjs/Calendar/TimeDropdown/utils/getClockTime.js

@@ -12,10 +12,12 @@ function getMeridiemHours(hours) {
   return hours >= 12 ? hours - 12 : hours;
 }
 function getClockTime(props) {
-  var format = props.format,
-    date = props.date,
-    showMeridiem = props.showMeridiem;
-  var clockTime = {
+  const {
+    format,
+    date,
+    showMeridiem
+  } = props;
+  const clockTime = {
     hours: null,
     minutes: null,
     seconds: null,
@@ -27,7 +29,7 @@ function getClockTime(props) {
 
   // If date is provided, extract hours and meridiem
   if (/(H|h)/.test(format) && date) {
-    var hours = (0, _date.getHours)(date);
+    const hours = (0, _date.getHours)(date);
     clockTime.hours = showMeridiem ? getMeridiemHours(hours) : hours;
     clockTime.meridiem = hours >= 12 ? 'PM' : 'AM';
   }

package/cjs/Calendar/TimeDropdown/utils/getTimeLimits.js

@@ -4,15 +4,15 @@
 exports.__esModule = true;
 exports.getTimeLimits = getTimeLimits;
 function getTimeLimits(isMeridiem) {
-  var HOURS_24H = {
+  const HOURS_24H = {
     start: 0,
     end: 23
   };
-  var HOURS_12H = {
+  const HOURS_12H = {
     start: 0,
     end: 11
   };
-  var MINUTES_SECONDS = {
+  const MINUTES_SECONDS = {
     start: 0,
     end: 59
   };

package/cjs/Calendar/TimeDropdown/utils/scrollToTime.js

@@ -8,19 +8,18 @@ var _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
 var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
 function scrollToTime(time, row) {
   if (!row) return;
-  var scrollToPosition = function scrollToPosition(container, value, type) {
-    var node = container.querySelector("[data-key=\"" + type + "-" + value + "\"]");
+  const scrollToPosition = (container, value, type) => {
+    const node = container.querySelector(`[data-key="${type}-${value}"]`);
     if (node) {
-      var position = (0, _getPosition.default)(node, container);
+      const position = (0, _getPosition.default)(node, container);
       if (position) {
         (0, _scrollTop.default)(container, position.top);
       }
     }
   };
-  Object.entries(time).forEach(function (_ref) {
-    var type = _ref[0],
-      value = _ref[1];
-    var container = row.querySelector("[data-type=\"" + type + "\"]");
+  Object.entries(time).forEach(_ref => {
+    let [type, value] = _ref;
+    const container = row.querySelector(`[data-type="${type}"]`);
     if (container) {
       scrollToPosition(container, value, type);
     }

package/cjs/Calendar/hooks/useCalendar.js

@@ -5,6 +5,7 @@ exports.__esModule = true;
 exports.useCalendar = void 0;
 var _react = require("react");
 var _CalendarProvider = require("../CalendarProvider");
-var useCalendar = exports.useCalendar = function useCalendar() {
+const useCalendar = () => {
   return (0, _react.useContext)(_CalendarProvider.CalendarContext);
-};
+};
+exports.useCalendar = useCalendar;

package/cjs/Calendar/hooks/useCalendarDate.d.ts

@@ -1,5 +1,5 @@
 export declare const useCalendarDate: (value: Date | null | undefined, defaultDate: Date | undefined) => {
     calendarDate: Date;
     setCalendarDate: (date: React.SetStateAction<Date> | undefined) => void;
-    resetCalendarDate: (nextValue?: any) => void;
+    resetCalendarDate: (nextValue?: Date | null | undefined) => void;
 };

package/cjs/Calendar/hooks/useCalendarDate.js

@@ -6,25 +6,23 @@ exports.useCalendarDate = void 0;
 var _react = require("react");
 var _hooks = require("../../internals/hooks");
 var _date = require("../../internals/utils/date");
-var useCalendarDate = exports.useCalendarDate = function useCalendarDate(value, defaultDate) {
+const useCalendarDate = (value, defaultDate) => {
   var _ref;
-  var valueRef = (0, _react.useRef)(value);
-  var _useState = (0, _react.useState)((_ref = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref !== void 0 ? _ref : (0, _date.startOfToday)()),
-    calendarDate = _useState[0],
-    setValue = _useState[1];
-  var setCalendarDate = (0, _react.useCallback)(function (date) {
+  const valueRef = (0, _react.useRef)(value);
+  const [calendarDate, setValue] = (0, _react.useState)((_ref = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref !== void 0 ? _ref : (0, _date.startOfToday)());
+  const setCalendarDate = (0, _react.useCallback)(date => {
     if (date && (date === null || date === void 0 ? void 0 : date.valueOf()) !== (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.valueOf())) {
       setValue(date);
     }
   }, [calendarDate]);
-  var resetCalendarDate = (0, _react.useCallback)(function (nextValue) {
+  const resetCalendarDate = (0, _react.useCallback)(function (nextValue) {
     var _ref2, _nextValue;
     if (nextValue === void 0) {
       nextValue = value;
     }
     setValue((_ref2 = (_nextValue = nextValue) !== null && _nextValue !== void 0 ? _nextValue : defaultDate) !== null && _ref2 !== void 0 ? _ref2 : (0, _date.startOfToday)());
   }, [defaultDate, value]);
-  (0, _hooks.useUpdateEffect)(function () {
+  (0, _hooks.useUpdateEffect)(() => {
     var _valueRef$current;
     if ((value === null || value === void 0 ? void 0 : value.valueOf()) !== ((_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.valueOf())) {
       var _ref3;
@@ -33,8 +31,9 @@ var useCalendarDate = exports.useCalendarDate = function useCalendarDate(value,
     }
   }, [value, defaultDate]);
   return {
-    calendarDate: calendarDate,
-    setCalendarDate: setCalendarDate,
-    resetCalendarDate: resetCalendarDate
+    calendarDate,
+    setCalendarDate,
+    resetCalendarDate
   };
-};
+};
+exports.useCalendarDate = useCalendarDate;

package/cjs/Calendar/hooks/useCalendarState.js

@@ -6,16 +6,14 @@ exports.useCalendarState = exports.CalendarState = void 0;
 var _react = require("react");
 var _date = require("../../internals/utils/date");
 var _hooks = require("../../internals/hooks");
-var CalendarState = exports.CalendarState = /*#__PURE__*/function (CalendarState) {
+let CalendarState = exports.CalendarState = /*#__PURE__*/function (CalendarState) {
   CalendarState["TIME"] = "TIME";
   CalendarState["MONTH"] = "MONTH";
   return CalendarState;
 }({});
-var useCalendarState = exports.useCalendarState = function useCalendarState(props) {
-  var _useState = (0, _react.useState)(props.defaultState),
-    calendarState = _useState[0],
-    setCalendarState = _useState[1];
-  var reset = (0, _hooks.useEventCallback)(function () {
+const useCalendarState = props => {
+  const [calendarState, setCalendarState] = (0, _react.useState)(props.defaultState);
+  const reset = (0, _hooks.useEventCallback)(() => {
     setCalendarState(undefined);
     if (calendarState === CalendarState.TIME) {
       var _props$onToggleTimeDr;
@@ -25,15 +23,15 @@ var useCalendarState = exports.useCalendarState = function useCalendarState(prop
       (_props$onToggleMonthD = props.onToggleMonthDropdown) === null || _props$onToggleMonthD === void 0 || _props$onToggleMonthD.call(props, false);
     }
   });
-  var onMoveForward = (0, _hooks.useEventCallback)(function () {
+  const onMoveForward = (0, _hooks.useEventCallback)(() => {
     var _props$onMoveForward;
     (_props$onMoveForward = props.onMoveForward) === null || _props$onMoveForward === void 0 || _props$onMoveForward.call(props, (0, _date.addMonths)(props.calendarDate, 1));
   });
-  var onMoveBackward = (0, _hooks.useEventCallback)(function () {
+  const onMoveBackward = (0, _hooks.useEventCallback)(() => {
     var _props$onMoveBackward;
     (_props$onMoveBackward = props.onMoveBackward) === null || _props$onMoveBackward === void 0 || _props$onMoveBackward.call(props, (0, _date.addMonths)(props.calendarDate, -1));
   });
-  var onToggleTimeDropdown = (0, _hooks.useEventCallback)(function () {
+  const onToggleTimeDropdown = (0, _hooks.useEventCallback)(() => {
     var _props$onToggleTimeDr2;
     if (calendarState === CalendarState.TIME) {
       setCalendarState(undefined);
@@ -42,7 +40,7 @@ var useCalendarState = exports.useCalendarState = function useCalendarState(prop
     }
     (_props$onToggleTimeDr2 = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr2 === void 0 || _props$onToggleTimeDr2.call(props, calendarState !== CalendarState.TIME);
   });
-  var onToggleMonthDropdown = (0, _hooks.useEventCallback)(function () {
+  const onToggleMonthDropdown = (0, _hooks.useEventCallback)(() => {
     var _props$onToggleMonthD2;
     if (calendarState === CalendarState.MONTH) {
       setCalendarState(undefined);
@@ -51,17 +49,18 @@ var useCalendarState = exports.useCalendarState = function useCalendarState(prop
     }
     (_props$onToggleMonthD2 = props.onToggleMonthDropdown) === null || _props$onToggleMonthD2 === void 0 || _props$onToggleMonthD2.call(props, calendarState !== CalendarState.MONTH);
   });
-  var handlers = (0, _react.useMemo)(function () {
+  const handlers = (0, _react.useMemo)(() => {
     return {
-      onMoveForward: onMoveForward,
-      onMoveBackward: onMoveBackward,
-      onToggleTimeDropdown: onToggleTimeDropdown,
-      onToggleMonthDropdown: onToggleMonthDropdown
+      onMoveForward,
+      onMoveBackward,
+      onToggleTimeDropdown,
+      onToggleMonthDropdown
     };
   }, [onMoveBackward, onMoveForward, onToggleMonthDropdown, onToggleTimeDropdown]);
   return {
-    calendarState: calendarState,
-    handlers: handlers,
-    reset: reset
+    calendarState,
+    handlers,
+    reset
   };
-};
+};
+exports.useCalendarState = useCalendarState;

package/cjs/Calendar/utils/isEveryDateInMonth.js

@@ -5,8 +5,8 @@ exports.__esModule = true;
 exports.isEveryDateInMonth = isEveryDateInMonth;
 var _date = require("../../internals/utils/date");
 function isEveryDateInMonth(year, month, predicate) {
-  var days = (0, _date.getDaysInMonth)(new Date(year, month));
-  for (var i = 1; i <= days; i++) {
+  const days = (0, _date.getDaysInMonth)(new Date(year, month));
+  for (let i = 1; i <= days; i++) {
     if (!predicate(new Date(year, month, i))) {
       return false;
     }

package/cjs/Card/Card.js

@@ -5,44 +5,42 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _CardHeader = _interopRequireDefault(require("./CardHeader"));
 var _CardBody = _interopRequireDefault(require("./CardBody"));
 var _CardFooter = _interopRequireDefault(require("./CardFooter"));
 var _CustomProvider = require("../CustomProvider");
 var _hooks = require("../internals/hooks");
-var _propTypes2 = require("../internals/propTypes");
-var _excluded = ["as", "bordered", "classPrefix", "className", "children", "direction", "shaded", "style", "size", "width"];
-var Card = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _withClassPrefix;
-  var _useCustom = (0, _CustomProvider.useCustom)('Card', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$bo = propsWithDefaults.bordered,
-    bordered = _propsWithDefaults$bo === void 0 ? true : _propsWithDefaults$bo,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'card' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    children = propsWithDefaults.children,
-    direction = propsWithDefaults.direction,
-    shaded = propsWithDefaults.shaded,
-    style = propsWithDefaults.style,
-    size = propsWithDefaults.size,
-    width = propsWithDefaults.width,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix(direction, size, (_withClassPrefix = {
-    bordered: bordered,
-    shaded: shaded === true
-  }, _withClassPrefix['shaded-hover'] = shaded === 'hover', _withClassPrefix)));
-  var styles = (0, _extends2.default)({}, style, {
-    '--rs-card-width': typeof width === 'number' ? width + "px" : width
-  });
+const Card = /*#__PURE__*/_react.default.forwardRef(function Card(props, ref) {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Card', props);
+  const {
+    as: Component = 'div',
+    bordered = true,
+    classPrefix = 'card',
+    className,
+    children,
+    direction,
+    shaded,
+    style,
+    size,
+    width,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix(direction, size, {
+    bordered,
+    shaded: shaded === true,
+    ['shaded-hover']: shaded === 'hover'
+  }));
+  const styles = {
+    ...style,
+    '--rs-card-width': typeof width === 'number' ? `${width}px` : width
+  };
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     ref: ref,
     className: classes,
@@ -53,11 +51,4 @@ Card.displayName = 'Card';
 Card.Header = _CardHeader.default;
 Card.Body = _CardBody.default;
 Card.Footer = _CardFooter.default;
-Card.propTypes = {
-  bordered: _propTypes.default.bool,
-  shaded: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.oneOf(['hover'])]),
-  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  direction: (0, _propTypes2.oneOf)(['row', 'column']),
-  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm'])
-};
 var _default = exports.default = Card;

package/cjs/Card/CardBody.d.ts

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

package/cjs/Card/CardBody.js

@@ -4,7 +4,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _utils = require("../internals/utils");
-var CardBody = (0, _utils.createComponent)({
+const CardBody = (0, _utils.createComponent)({
   name: 'CardBody',
   componentAs: 'div'
 });

package/cjs/Card/CardFooter.d.ts

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

package/cjs/Card/CardFooter.js

@@ -4,7 +4,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _utils = require("../internals/utils");
-var CardFooter = (0, _utils.createComponent)({
+const CardFooter = (0, _utils.createComponent)({
   name: 'CardFooter',
   componentAs: 'div'
 });

package/cjs/Card/CardHeader.d.ts

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

package/cjs/Card/CardHeader.js

@@ -4,7 +4,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _utils = require("../internals/utils");
-var CardHeader = (0, _utils.createComponent)({
+const CardHeader = (0, _utils.createComponent)({
   name: 'CardHeader',
   componentAs: 'div'
 });