rsuite 5.76.0 → 6.0.0-canary-20241227

package/esm/Checkbox/Checkbox.js

@@ -1,107 +1,88 @@
 'use client';
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["as", "checked", "className", "children", "classPrefix", "checkable", "color", "defaultChecked", "title", "inputRef", "inputProps", "indeterminate", "labelClickable", "tabIndex", "disabled", "readOnly", "plaintext", "inline", "name", "value", "onClick", "onCheckboxClick", "onChange"];
 import React, { useContext, useMemo, useRef } from 'react';
-import PropTypes from 'prop-types';
 import { useControlled, useClassNames, useEventCallback, useUniqueId } from "../internals/hooks/index.js";
 import { partitionHTMLProps, mergeRefs } from "../internals/utils/index.js";
 import { CheckboxGroupContext } from "../CheckboxGroup/index.js";
-import { refType } from "../internals/propTypes/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Checkbox component is used for selecting multiple options from a set.
  * @see https://rsuitejs.com/components/checkbox
  */
-var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Checkbox', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var checkboxGroupContext = useContext(CheckboxGroupContext);
-  var _ref = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {},
-    inlineContext = _ref.inline,
-    nameContext = _ref.name,
-    disabledContext = _ref.disabled,
-    readOnlyContext = _ref.readOnly,
-    plaintextContext = _ref.plaintext,
-    onGroupChange = _ref.onChange;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    controlledChecked = propsWithDefaults.checked,
-    className = propsWithDefaults.className,
-    children = propsWithDefaults.children,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'checkbox' : _propsWithDefaults$cl,
-    _propsWithDefaults$ch = propsWithDefaults.checkable,
-    checkable = _propsWithDefaults$ch === void 0 ? true : _propsWithDefaults$ch,
-    color = propsWithDefaults.color,
-    _propsWithDefaults$de = propsWithDefaults.defaultChecked,
-    defaultChecked = _propsWithDefaults$de === void 0 ? false : _propsWithDefaults$de,
-    title = propsWithDefaults.title,
-    inputRef = propsWithDefaults.inputRef,
-    inputProps = propsWithDefaults.inputProps,
-    indeterminate = propsWithDefaults.indeterminate,
-    _propsWithDefaults$la = propsWithDefaults.labelClickable,
-    labelClickable = _propsWithDefaults$la === void 0 ? true : _propsWithDefaults$la,
-    _propsWithDefaults$ta = propsWithDefaults.tabIndex,
-    tabIndex = _propsWithDefaults$ta === void 0 ? 0 : _propsWithDefaults$ta,
-    _propsWithDefaults$di = propsWithDefaults.disabled,
-    disabled = _propsWithDefaults$di === void 0 ? disabledContext : _propsWithDefaults$di,
-    _propsWithDefaults$re = propsWithDefaults.readOnly,
-    readOnly = _propsWithDefaults$re === void 0 ? readOnlyContext : _propsWithDefaults$re,
-    _propsWithDefaults$pl = propsWithDefaults.plaintext,
-    plaintext = _propsWithDefaults$pl === void 0 ? plaintextContext : _propsWithDefaults$pl,
-    _propsWithDefaults$in = propsWithDefaults.inline,
-    inline = _propsWithDefaults$in === void 0 ? inlineContext : _propsWithDefaults$in,
-    _propsWithDefaults$na = propsWithDefaults.name,
-    name = _propsWithDefaults$na === void 0 ? nameContext : _propsWithDefaults$na,
-    value = propsWithDefaults.value,
-    onClick = propsWithDefaults.onClick,
-    onCheckboxClick = propsWithDefaults.onCheckboxClick,
-    onChange = propsWithDefaults.onChange,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useControlled = useControlled(controlledChecked, defaultChecked),
-    selfChecked = _useControlled[0],
-    setSelfChecked = _useControlled[1],
-    selfControlled = _useControlled[2];
+const Checkbox = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Checkbox', props);
+  const checkboxGroupContext = useContext(CheckboxGroupContext);
+  const {
+    inline: inlineContext,
+    name: nameContext,
+    disabled: disabledContext,
+    readOnly: readOnlyContext,
+    plaintext: plaintextContext,
+    onChange: onGroupChange
+  } = checkboxGroupContext !== null && checkboxGroupContext !== void 0 ? checkboxGroupContext : {};
+  const {
+    as: Component = 'div',
+    checked: controlledChecked,
+    className,
+    children,
+    classPrefix = 'checkbox',
+    checkable = true,
+    color,
+    defaultChecked = false,
+    title,
+    inputRef,
+    inputProps,
+    indeterminate,
+    labelClickable = true,
+    tabIndex = 0,
+    disabled = disabledContext,
+    readOnly = readOnlyContext,
+    plaintext = plaintextContext,
+    inline = inlineContext,
+    name = nameContext,
+    value,
+    onClick,
+    onCheckboxClick,
+    onChange,
+    ...rest
+  } = propsWithDefaults;
+  const [selfChecked, setSelfChecked, selfControlled] = useControlled(controlledChecked, defaultChecked);
 
   // Either <Checkbox> is checked itself or by parent <CheckboxGroup>
-  var checked = useMemo(function () {
+  const checked = useMemo(() => {
     var _checkboxGroupContext, _checkboxGroupContext2;
     if (!checkboxGroupContext) {
       return selfChecked;
     }
 
     // fixme value from group should not be nullable
-    return (_checkboxGroupContext = (_checkboxGroupContext2 = checkboxGroupContext.value) === null || _checkboxGroupContext2 === void 0 ? void 0 : _checkboxGroupContext2.some(function (checkedValue) {
-      return checkedValue === value;
-    })) !== null && _checkboxGroupContext !== void 0 ? _checkboxGroupContext : false;
+    return (_checkboxGroupContext = (_checkboxGroupContext2 = checkboxGroupContext.value) === null || _checkboxGroupContext2 === void 0 ? void 0 : _checkboxGroupContext2.some(checkedValue => checkedValue === value)) !== null && _checkboxGroupContext !== void 0 ? _checkboxGroupContext : false;
   }, [checkboxGroupContext, selfChecked, value]);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix(color, {
-    inline: inline,
-    indeterminate: indeterminate,
-    disabled: disabled,
-    checked: checked
+  const {
+    merge,
+    prefix,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix(color, {
+    inline,
+    indeterminate,
+    disabled,
+    checked
   }));
-  var _partitionHTMLProps = partitionHTMLProps(rest),
-    htmlInputProps = _partitionHTMLProps[0],
-    restProps = _partitionHTMLProps[1];
+  const [htmlInputProps, restProps] = partitionHTMLProps(rest);
 
   // If <Checkbox> is within a <CheckboxGroup>, it's bound to be controlled
   // because its checked state is inferred from group's value, not retrieved from the DOM
-  var controlled = checkboxGroupContext ? true : selfControlled;
+  const controlled = checkboxGroupContext ? true : selfControlled;
   if (typeof controlled !== 'undefined') {
     // In uncontrolled situations, use defaultChecked instead of checked
     htmlInputProps[controlled ? 'checked' : 'defaultChecked'] = checked;
   }
-  var checkboxRef = useRef(null);
-  var handleChange = useEventCallback(function (event) {
-    var nextChecked = event.target.checked;
+  const checkboxRef = useRef(null);
+  const handleChange = useEventCallback(event => {
+    const nextChecked = event.target.checked;
     if (disabled || readOnly) {
       return;
     }
@@ -109,21 +90,21 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange === null || onChange === void 0 || onChange(value, nextChecked, event);
     onGroupChange === null || onGroupChange === void 0 || onGroupChange(value, nextChecked, event);
   });
-  var handleLabelClick = useEventCallback(function (event) {
+  const handleLabelClick = useEventCallback(event => {
     // Prevent check when label is not clickable
     if (!labelClickable && event.target !== checkboxRef.current) {
       event.preventDefault();
     }
   });
-  var labelId = useUniqueId('label-');
+  const labelId = useUniqueId('label-');
   if (plaintext) {
     return checked ? /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
       ref: ref,
       className: classes
     }), children) : null;
   }
-  var control = /*#__PURE__*/React.createElement("span", {
-    className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["control"])))
+  const control = /*#__PURE__*/React.createElement("span", {
+    className: prefix`control`
   }, /*#__PURE__*/React.createElement("input", _extends({}, htmlInputProps, inputProps, {
     "aria-disabled": disabled,
     "aria-checked": indeterminate ? 'mixed' : checked,
@@ -138,7 +119,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick: onCheckboxClick,
     onChange: handleChange
   })), /*#__PURE__*/React.createElement("span", {
-    className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["inner"]))),
+    className: prefix`inner`,
     "aria-hidden": true,
     "data-testid": "checkbox-control-inner"
   }));
@@ -147,32 +128,14 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick: onClick,
     className: classes
   }), /*#__PURE__*/React.createElement("div", {
-    className: prefix(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["checker"])))
+    className: prefix`checker`
   }, /*#__PURE__*/React.createElement("label", {
     title: title,
     onClick: handleLabelClick
   }, checkable ? control : null, /*#__PURE__*/React.createElement("span", {
-    className: prefix(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["label"]))),
+    className: prefix`label`,
     id: labelId
   }, children))));
 });
 Checkbox.displayName = 'Checkbox';
-Checkbox.propTypes = {
-  as: PropTypes.elementType,
-  checked: PropTypes.bool,
-  checkable: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  classPrefix: PropTypes.string,
-  disabled: PropTypes.bool,
-  defaultChecked: PropTypes.bool,
-  inline: PropTypes.bool,
-  indeterminate: PropTypes.bool,
-  inputProps: PropTypes.any,
-  inputRef: refType,
-  value: PropTypes.any,
-  onChange: PropTypes.func,
-  onClick: PropTypes.func,
-  onCheckboxClick: PropTypes.func
-};
 export default Checkbox;

package/esm/CheckboxGroup/CheckboxGroup.js

@@ -1,9 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "className", "inline", "children", "name", "value", "defaultValue", "classPrefix", "disabled", "readOnly", "plaintext", "onChange"];
 import React, { useCallback, useMemo } from 'react';
-import PropTypes from 'prop-types';
 import cloneDeep from 'lodash/cloneDeep';
 import remove from 'lodash/remove';
 import Plaintext from "../internals/Plaintext/index.js";
@@ -15,58 +12,53 @@ import { useCustom } from "../CustomProvider/index.js";
  * The `CheckboxGroup` component is used for selecting multiple options which are unrelated.
  * @see https://rsuitejs.com/components/checkbox/#checkbox-group
  */
-var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('CheckboxGroup', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    className = propsWithDefaults.className,
-    inline = propsWithDefaults.inline,
-    children = propsWithDefaults.children,
-    name = propsWithDefaults.name,
-    valueProp = propsWithDefaults.value,
-    defaultValue = propsWithDefaults.defaultValue,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'checkbox-group' : _propsWithDefaults$cl,
-    disabled = propsWithDefaults.disabled,
-    readOnly = propsWithDefaults.readOnly,
-    plaintext = propsWithDefaults.plaintext,
-    onChange = propsWithDefaults.onChange,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix({
-    inline: inline
+const CheckboxGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('CheckboxGroup', props);
+  const {
+    as: Component = 'div',
+    className,
+    inline,
+    children,
+    name,
+    value: valueProp,
+    defaultValue,
+    classPrefix = 'checkbox-group',
+    disabled,
+    readOnly,
+    plaintext,
+    onChange,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    inline
   }));
-  var _useControlled = useControlled(valueProp, defaultValue),
-    value = _useControlled[0],
-    setValue = _useControlled[1],
-    isControlled = _useControlled[2];
-  var handleChange = useCallback(function (itemValue, itemChecked, event) {
-    var nextValue = cloneDeep(value) || [];
+  const [value, setValue, isControlled] = useControlled(valueProp, defaultValue);
+  const handleChange = useCallback((itemValue, itemChecked, event) => {
+    const nextValue = cloneDeep(value) || [];
     if (itemChecked) {
       nextValue.push(itemValue);
     } else {
-      remove(nextValue, function (i) {
-        return shallowEqual(i, itemValue);
-      });
+      remove(nextValue, i => shallowEqual(i, itemValue));
     }
     setValue(nextValue);
     onChange === null || onChange === void 0 || onChange(nextValue, event);
   }, [onChange, setValue, value]);
-  var contextValue = useMemo(function () {
-    return {
-      inline: inline,
-      name: name,
-      value: value,
-      readOnly: readOnly,
-      disabled: disabled,
-      plaintext: plaintext,
-      controlled: isControlled,
-      onChange: handleChange
-    };
-  }, [disabled, handleChange, inline, isControlled, name, plaintext, readOnly, value]);
+  const contextValue = useMemo(() => ({
+    inline,
+    name,
+    value,
+    readOnly,
+    disabled,
+    plaintext,
+    controlled: isControlled,
+    onChange: handleChange
+  }), [disabled, handleChange, inline, isControlled, name, plaintext, readOnly, value]);
   return /*#__PURE__*/React.createElement(CheckboxGroupContext.Provider, {
     value: contextValue
   }, plaintext ? /*#__PURE__*/React.createElement(Plaintext, _extends({
@@ -79,18 +71,4 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children));
 });
 CheckboxGroup.displayName = 'CheckboxGroup';
-CheckboxGroup.propTypes = {
-  as: PropTypes.elementType,
-  name: PropTypes.string,
-  className: PropTypes.string,
-  inline: PropTypes.bool,
-  value: PropTypes.array,
-  defaultValue: PropTypes.array,
-  onChange: PropTypes.func,
-  children: PropTypes.array,
-  classPrefix: PropTypes.string,
-  readOnly: PropTypes.bool,
-  disabled: PropTypes.bool,
-  plaintext: PropTypes.bool
-};
 export default CheckboxGroup;

package/esm/CheckboxGroup/CheckboxGroupContext.js

@@ -1,3 +1,3 @@
 'use client';
 import React from 'react';
-export var CheckboxGroupContext = /*#__PURE__*/React.createContext(void 0);
+export const CheckboxGroupContext = /*#__PURE__*/React.createContext(void 0);

package/esm/Col/Col.js

@@ -1,9 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "className"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
 import { COLUMN_SIZE } from "../internals/constants/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
@@ -12,40 +9,42 @@ import { useCustom } from "../CustomProvider/index.js";
  * The `Col` component is used for layout and grids.
  * @see https://rsuitejs.com/en/components/grid
  */
-var Col = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Col', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'col' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge,
-    rootPrefix = _useClassNames.rootPrefix,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var colClasses = {};
-  var omitKeys = {};
-  var getPropValue = function getPropValue(key) {
+const Col = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Col', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'col',
+    className,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    prefix,
+    merge,
+    rootPrefix,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const colClasses = {};
+  const omitKeys = {};
+  const getPropValue = key => {
     omitKeys[key] = null;
     return rest[key];
   };
-  COLUMN_SIZE.forEach(function (size) {
-    var col = getPropValue(size);
-    var hidden = getPropValue(size + "Hidden");
-    var offset = getPropValue(size + "Offset");
-    var push = getPropValue(size + "Push");
-    var pull = getPropValue(size + "Pull");
-    colClasses[rootPrefix("hidden-" + size)] = hidden;
-    colClasses[prefix(size + "-" + col)] = col >= 0;
-    colClasses[prefix(size + "-offset-" + offset)] = offset >= 0;
-    colClasses[prefix(size + "-push-" + push)] = push >= 0;
-    colClasses[prefix(size + "-pull-" + pull)] = pull >= 0;
+  COLUMN_SIZE.forEach(size => {
+    const col = getPropValue(size);
+    const hidden = getPropValue(`${size}Hidden`);
+    const offset = getPropValue(`${size}Offset`);
+    const push = getPropValue(`${size}Push`);
+    const pull = getPropValue(`${size}Pull`);
+    colClasses[rootPrefix(`hidden-${size}`)] = hidden;
+    colClasses[prefix(`${size}-${col}`)] = col >= 0;
+    colClasses[prefix(`${size}-offset-${offset}`)] = offset >= 0;
+    colClasses[prefix(`${size}-push-${push}`)] = push >= 0;
+    colClasses[prefix(`${size}-pull-${pull}`)] = pull >= 0;
   });
-  var classes = merge(className, withClassPrefix(), colClasses);
-  var unhandledProps = omit(rest, Object.keys(omitKeys));
+  const classes = merge(className, withClassPrefix(), colClasses);
+  const unhandledProps = omit(rest, Object.keys(omitKeys));
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "gridcell"
   }, unhandledProps, {
@@ -54,37 +53,4 @@ var Col = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 Col.displayName = 'Col';
-Col.propTypes = {
-  className: PropTypes.string,
-  classPrefix: PropTypes.string,
-  xs: PropTypes.number,
-  sm: PropTypes.number,
-  md: PropTypes.number,
-  lg: PropTypes.number,
-  xl: PropTypes.number,
-  xxl: PropTypes.number,
-  xsOffset: PropTypes.number,
-  smOffset: PropTypes.number,
-  mdOffset: PropTypes.number,
-  lgOffset: PropTypes.number,
-  xlOffset: PropTypes.number,
-  xxlOffset: PropTypes.number,
-  xsPush: PropTypes.number,
-  smPush: PropTypes.number,
-  mdPush: PropTypes.number,
-  lgPush: PropTypes.number,
-  xsPull: PropTypes.number,
-  smPull: PropTypes.number,
-  mdPull: PropTypes.number,
-  lgPull: PropTypes.number,
-  xlPull: PropTypes.number,
-  xxlPull: PropTypes.number,
-  xsHidden: PropTypes.bool,
-  smHidden: PropTypes.bool,
-  mdHidden: PropTypes.bool,
-  lgHidden: PropTypes.bool,
-  xlHidden: PropTypes.bool,
-  xxlHidden: PropTypes.bool,
-  as: PropTypes.elementType
-};
 export default Col;

package/esm/Container/Container.d.ts

@@ -9,5 +9,5 @@ interface ContainerContextValue {
  * The Container component is used to wrap content in a themed container with a max-width.
  * @see https://rsuitejs.com/components/container
  */
-declare const Container: React.ForwardRefExoticComponent<WithAsProps<React.ElementType<any>> & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Container: React.ForwardRefExoticComponent<WithAsProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>> & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export default Container;

package/esm/Container/Container.js

@@ -1,40 +1,35 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "className", "children"];
 import React, { useState, useMemo } from 'react';
-import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-export var ContainerContext = /*#__PURE__*/React.createContext({});
+export const ContainerContext = /*#__PURE__*/React.createContext({});
 /**
  * The Container component is used to wrap content in a themed container with a max-width.
  * @see https://rsuitejs.com/components/container
  */
-var Container = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Container', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'section' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'container' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    children = propsWithDefaults.children,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useState = useState(false),
-    hasSidebar = _useState[0],
-    setHasSidebar = _useState[1];
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix({
+const Container = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Container', props);
+  const {
+    as: Component = 'section',
+    classPrefix = 'container',
+    className,
+    children,
+    ...rest
+  } = propsWithDefaults;
+  const [hasSidebar, setHasSidebar] = useState(false);
+  const {
+    withClassPrefix,
+    merge
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix({
     'has-sidebar': hasSidebar
   }));
-  var contextValue = useMemo(function () {
-    return {
-      setHasSidebar: setHasSidebar
-    };
-  }, [setHasSidebar]);
+  const contextValue = useMemo(() => ({
+    setHasSidebar
+  }), [setHasSidebar]);
   return /*#__PURE__*/React.createElement(ContainerContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
@@ -43,9 +38,4 @@ var Container = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children));
 });
 Container.displayName = 'Container';
-Container.propTypes = {
-  className: PropTypes.string,
-  children: PropTypes.node,
-  classPrefix: PropTypes.string
-};
 export default Container;

package/esm/Content/Content.d.ts

@@ -7,5 +7,5 @@ export type ContentProps = ComponentProps;
  * For Internet Explorer 11 and lower, it's suggested that an ARIA role of "main"
  * be added to the <main> element to ensure it is accessible
  */
-declare const Content: import("../internals/types").RsRefForwardingComponent<"main", ComponentProps>;
+declare const Content: import("../internals/types").RsRefForwardingComponent<"main", ComponentProps, false>;
 export default Content;

package/esm/Content/Content.js

@@ -7,7 +7,7 @@ import { createComponent } from "../internals/utils/index.js";
  * For Internet Explorer 11 and lower, it's suggested that an ARIA role of "main"
  * be added to the <main> element to ensure it is accessible
  */
-var Content = createComponent({
+const Content = createComponent({
   name: 'Content',
   componentAs: 'main'
 });