rsuite 5.39.0 → 5.41.0

package/esm/CheckTreePicker/index.js

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

package/esm/CheckTreePicker/utils.d.ts

@@ -37,7 +37,7 @@ export declare function isEveryFirstLevelNodeUncheckable(nodes: TreeNodesType, u
  * @param {*} node
  */
 export declare function isNodeUncheckable(node: any, props: Required<Pick<CheckTreePickerProps, 'uncheckableItemValues' | 'valueKey'>>): boolean;
-export declare function getFormattedTree(data: any[], nodes: TreeNodesType, props: Required<Pick<CheckTreePickerProps, 'childrenKey' | 'cascade'>>): any[];
+export declare function getFormattedTree(nodes: TreeNodesType, data: any[], props: Required<Pick<CheckTreePickerProps, 'childrenKey' | 'cascade'>>): any[];
 export declare function getDisabledState(nodes: TreeNodesType, node: TreeNodeType, props: Required<Pick<CheckTreePickerProps, 'disabledItemValues' | 'valueKey'>>): boolean;
 export declare function getCheckTreePickerDefaultValue(value: any[], uncheckableItemValues: any[]): any[];
 export declare function getSelectedItems(nodes: TreeNodesType, values: ValueType): TreeNodeType[];

package/esm/CheckTreePicker/utils.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _isUndefined from "lodash/isUndefined";
 import _isNil from "lodash/isNil";
@@ -8,15 +9,11 @@ export function isEveryChildChecked(nodes, parent) {
   if (_isNil(parent.refKey) || _isNil(nodes[parent.refKey])) {
     return false;
   }
-
   var children = getChildrenByFlattenNodes(nodes, parent);
-
   if (!children.length) {
     var _nodes$parent$refKey$;
-
     return (_nodes$parent$refKey$ = nodes[parent.refKey].check) !== null && _nodes$parent$refKey$ !== void 0 ? _nodes$parent$refKey$ : false;
   }
-
   return children.every(function (child) {
     return !_isNil(child.refKey) && nodes[child.refKey].check;
   });
@@ -25,15 +22,12 @@ export function isSomeChildChecked(nodes, parent, childrenKey) {
   if (!_isNil(parent.refKey) && _isNil(nodes[parent.refKey])) {
     return false;
   }
-
   var children = getChildrenByFlattenNodes(nodes, parent);
   return children.some(function (child) {
     var _child$childrenKey;
-
     if ((child === null || child === void 0 ? void 0 : (_child$childrenKey = child[childrenKey]) === null || _child$childrenKey === void 0 ? void 0 : _child$childrenKey.length) > 0) {
       return isSomeChildChecked(nodes, child, childrenKey);
     }
-
     return !_isNil(child.refKey) && nodes[child.refKey].check;
   });
 }
@@ -42,19 +36,17 @@ export function isSomeNodeHasChildren(data, childrenKey) {
     return Array.isArray(node[childrenKey]);
   });
 }
+
 /**
  * is all siblings nodes is uncheckable
  * @param {*} node
  */
-
 export function isAllSiblingNodeUncheckable(node, nodes, uncheckableItemValues, valueKey) {
   var list = [];
   var parentNodeRefKey = node.parent ? node.parent.refKey : '';
   Object.keys(nodes).forEach(function (refKey) {
     var _curNode$parent;
-
     var curNode = nodes[refKey];
-
     if (_isNil(node.parent) && _isNil(curNode.parent)) {
       list.push(curNode);
     } else if (((_curNode$parent = curNode.parent) === null || _curNode$parent === void 0 ? void 0 : _curNode$parent.refKey) === parentNodeRefKey) {
@@ -68,15 +60,14 @@ export function isAllSiblingNodeUncheckable(node, nodes, uncheckableItemValues,
     });
   });
 }
+
 /**
  * get each first level node uncheckable state
  */
-
 export function isEveryFirstLevelNodeUncheckable(nodes, uncheckableItemValues, valueKey) {
   var list = [];
   Object.keys(nodes).forEach(function (refKey) {
     var curNode = nodes[refKey];
-
     if (!curNode.parent) {
       list.push(curNode);
     }
@@ -88,30 +79,27 @@ export function isEveryFirstLevelNodeUncheckable(nodes, uncheckableItemValues, v
     });
   });
 }
+
 /**
  * get node uncheckable state
  * @param {*} node
  */
-
 export function isNodeUncheckable(node, props) {
   var _props$uncheckableIte = props.uncheckableItemValues,
-      uncheckableItemValues = _props$uncheckableIte === void 0 ? [] : _props$uncheckableIte,
-      valueKey = props.valueKey;
+    uncheckableItemValues = _props$uncheckableIte === void 0 ? [] : _props$uncheckableIte,
+    valueKey = props.valueKey;
   return uncheckableItemValues.some(function (value) {
     return node[valueKey] === value;
   });
 }
-export function getFormattedTree(data, nodes, props) {
+export function getFormattedTree(nodes, data, props) {
   var childrenKey = props.childrenKey,
-      cascade = props.cascade;
+    cascade = props.cascade;
   return data.map(function (node) {
     var formatted = _extends({}, node);
-
     var curNode = nodes[node.refKey];
-
     if (curNode) {
       var _node$childrenKey;
-
       var checkState = !_isUndefined(cascade) ? getNodeCheckState({
         node: curNode,
         cascade: cascade,
@@ -123,24 +111,20 @@ export function getFormattedTree(data, nodes, props) {
       formatted.uncheckable = curNode.uncheckable;
       attachParent(formatted, curNode.parent);
       formatted.checkState = checkState;
-
       if (((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) > 0) {
-        formatted[childrenKey] = getFormattedTree(formatted[childrenKey], nodes, props);
+        formatted[childrenKey] = getFormattedTree(nodes, formatted[childrenKey], props);
       }
     }
-
     return formatted;
   });
 }
 export function getDisabledState(nodes, node, props) {
   var _props$disabledItemVa = props.disabledItemValues,
-      disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
-      valueKey = props.valueKey;
-
+    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
+    valueKey = props.valueKey;
   if (!_isNil(node.refKey) && _isNil(nodes[node.refKey])) {
     return false;
   }
-
   return disabledItemValues.some(function (value) {
     return node.refKey && nodes[node.refKey][valueKey] === value;
   });
@@ -151,7 +135,6 @@ export function getCheckTreePickerDefaultValue(value, uncheckableItemValues) {
       return !uncheckableItemValues.includes(v);
     });
   }
-
   return [];
 }
 export function getSelectedItems(nodes, values) {
@@ -159,7 +142,6 @@ export function getSelectedItems(nodes, values) {
   values.forEach(function (value) {
     var refKey = getNodeFormattedRefKey(value);
     var node = nodes[refKey];
-
     if (!_isNil(node)) {
       checkedItems.push(node);
     }
@@ -168,29 +150,24 @@ export function getSelectedItems(nodes, values) {
 }
 export function getNodeCheckState(_ref) {
   var nodes = _ref.nodes,
-      node = _ref.node,
-      cascade = _ref.cascade,
-      childrenKey = _ref.childrenKey;
-
+    node = _ref.node,
+    cascade = _ref.cascade,
+    childrenKey = _ref.childrenKey;
   if (_isNil(nodes[node.refKey])) {
     return CHECK_STATE.UNCHECK;
   }
-
   if (!node[childrenKey] || !node[childrenKey].length || !cascade) {
     nodes[node.refKey].checkAll = false;
     return node.check ? CHECK_STATE.CHECK : CHECK_STATE.UNCHECK;
   }
-
   if (isEveryChildChecked(nodes, node)) {
     nodes[node.refKey].checkAll = true;
     nodes[node.refKey].check = true;
     return CHECK_STATE.CHECK;
   }
-
   if (isSomeChildChecked(nodes, node, childrenKey)) {
     nodes[node.refKey].checkAll = false;
     return CHECK_STATE.INDETERMINATE;
   }
-
   return CHECK_STATE.UNCHECK;
 }

package/esm/Checkbox/Checkbox.js

@@ -1,120 +1,102 @@
+'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;
-
 import React, { useContext, useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useControlled, partitionHTMLProps, useClassNames, TypeChecker } from '../utils';
 import { CheckboxGroupContext } from '../CheckboxGroup';
 var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
   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;
-
+    inlineContext = _ref.inline,
+    nameContext = _ref.name,
+    disabledContext = _ref.disabled,
+    readOnlyContext = _ref.readOnly,
+    plaintextContext = _ref.plaintext,
+    onGroupChange = _ref.onChange;
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      controlledChecked = props.checked,
-      className = props.className,
-      children = props.children,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'checkbox' : _props$classPrefix,
-      _props$checkable = props.checkable,
-      checkable = _props$checkable === void 0 ? true : _props$checkable,
-      _props$defaultChecked = props.defaultChecked,
-      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
-      title = props.title,
-      inputRef = props.inputRef,
-      inputProps = props.inputProps,
-      indeterminate = props.indeterminate,
-      _props$tabIndex = props.tabIndex,
-      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,
-      _props$readOnly = props.readOnly,
-      readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,
-      _props$plaintext = props.plaintext,
-      plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,
-      _props$inline = props.inline,
-      inline = _props$inline === void 0 ? inlineContext : _props$inline,
-      _props$name = props.name,
-      name = _props$name === void 0 ? nameContext : _props$name,
-      value = props.value,
-      onClick = props.onClick,
-      onCheckboxClick = props.onCheckboxClick,
-      onChange = props.onChange,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "checked", "className", "children", "classPrefix", "checkable", "defaultChecked", "title", "inputRef", "inputProps", "indeterminate", "tabIndex", "disabled", "readOnly", "plaintext", "inline", "name", "value", "onClick", "onCheckboxClick", "onChange"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    controlledChecked = props.checked,
+    className = props.className,
+    children = props.children,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'checkbox' : _props$classPrefix,
+    _props$checkable = props.checkable,
+    checkable = _props$checkable === void 0 ? true : _props$checkable,
+    _props$defaultChecked = props.defaultChecked,
+    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+    title = props.title,
+    inputRef = props.inputRef,
+    inputProps = props.inputProps,
+    indeterminate = props.indeterminate,
+    _props$tabIndex = props.tabIndex,
+    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,
+    _props$plaintext = props.plaintext,
+    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,
+    _props$inline = props.inline,
+    inline = _props$inline === void 0 ? inlineContext : _props$inline,
+    _props$name = props.name,
+    name = _props$name === void 0 ? nameContext : _props$name,
+    value = props.value,
+    onClick = props.onClick,
+    onCheckboxClick = props.onCheckboxClick,
+    onChange = props.onChange,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "checked", "className", "children", "classPrefix", "checkable", "defaultChecked", "title", "inputRef", "inputProps", "indeterminate", "tabIndex", "disabled", "readOnly", "plaintext", "inline", "name", "value", "onClick", "onCheckboxClick", "onChange"]);
   var _useControlled = useControlled(controlledChecked, defaultChecked),
-      selfChecked = _useControlled[0],
-      setSelfChecked = _useControlled[1],
-      selfControlled = _useControlled[2]; // Either <Checkbox> is checked itself or by parent <CheckboxGroup>
-
-
+    selfChecked = _useControlled[0],
+    setSelfChecked = _useControlled[1],
+    selfControlled = _useControlled[2]; // Either <Checkbox> is checked itself or by parent <CheckboxGroup>
   var checked = useMemo(function () {
     var _checkboxGroupContext, _checkboxGroupContext2;
-
     if (!checkboxGroupContext) {
       return selfChecked;
-    } // fixme value from group should not be nullable
-
+    }
 
+    // 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;
   }, [checkboxGroupContext, selfChecked, value]);
-
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix({
     inline: inline,
     indeterminate: indeterminate,
     disabled: disabled,
     checked: checked
   }));
-
   var _partitionHTMLProps = partitionHTMLProps(rest),
-      htmlInputProps = _partitionHTMLProps[0],
-      restProps = _partitionHTMLProps[1]; // If <Checkbox> is within a <CheckboxGroup>, it's bound to be controlled
+    htmlInputProps = _partitionHTMLProps[0],
+    restProps = _partitionHTMLProps[1]; // 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;
-
   if (typeof controlled !== 'undefined') {
     // In uncontrolled situations, use defaultChecked instead of checked
     htmlInputProps[controlled ? 'checked' : 'defaultChecked'] = checked;
   }
-
   var handleChange = useCallback(function (event) {
     var nextChecked = event.target.checked;
-
     if (disabled || readOnly) {
       return;
     }
-
     setSelfChecked(nextChecked);
     onChange === null || onChange === void 0 ? void 0 : onChange(value, nextChecked, event);
     onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, nextChecked, event);
   }, [disabled, readOnly, setSelfChecked, onChange, value, onGroupChange]);
-
   if (plaintext) {
     return checked ? /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
       ref: ref,
       className: classes
     }), children) : null;
   }
-
   var input = /*#__PURE__*/React.createElement("span", {
     className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["wrapper"]))),
     onClick: onCheckboxClick,

package/esm/Checkbox/index.js

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

package/esm/CheckboxGroup/CheckboxGroup.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useMemo } from 'react';
@@ -9,37 +10,32 @@ import Plaintext from '../Plaintext';
 import { CheckboxGroupContext } from './CheckboxGroupContext';
 var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      className = props.className,
-      inline = props.inline,
-      children = props.children,
-      name = props.name,
-      valueProp = props.value,
-      defaultValue = props.defaultValue,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'checkbox-group' : _props$classPrefix,
-      disabled = props.disabled,
-      readOnly = props.readOnly,
-      plaintext = props.plaintext,
-      onChange = props.onChange,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "inline", "children", "name", "value", "defaultValue", "classPrefix", "disabled", "readOnly", "plaintext", "onChange"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    inline = props.inline,
+    children = props.children,
+    name = props.name,
+    valueProp = props.value,
+    defaultValue = props.defaultValue,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'checkbox-group' : _props$classPrefix,
+    disabled = props.disabled,
+    readOnly = props.readOnly,
+    plaintext = props.plaintext,
+    onChange = props.onChange,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "inline", "children", "name", "value", "defaultValue", "classPrefix", "disabled", "readOnly", "plaintext", "onChange"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix({
     inline: inline
   }));
-
   var _useControlled = useControlled(valueProp, defaultValue),
-      value = _useControlled[0],
-      setValue = _useControlled[1],
-      isControlled = _useControlled[2];
-
+    value = _useControlled[0],
+    setValue = _useControlled[1],
+    isControlled = _useControlled[2];
   var handleChange = useCallback(function (itemValue, itemChecked, event) {
     var nextValue = cloneDeep(value) || [];
-
     if (itemChecked) {
       nextValue.push(itemValue);
     } else {
@@ -47,7 +43,6 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return shallowEqual(i, itemValue);
       });
     }
-
     setValue(nextValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
   }, [onChange, setValue, value]);

package/esm/CheckboxGroup/CheckboxGroupContext.js

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

package/esm/CheckboxGroup/index.js

@@ -1,3 +1,4 @@
+'use client';
 import CheckboxGroup from './CheckboxGroup';
 export { CheckboxGroupContext } from './CheckboxGroupContext';
 export default CheckboxGroup;

package/esm/CloseButton/CloseButton.js

@@ -1,28 +1,25 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import Close from '@rsuite/icons/Close';
 import { useClassNames, useCustom } from '../utils';
-
 /**
  * Close button for components such as Message and Notification.
  */
 var CloseButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'span' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'btn-close' : _props$classPrefix,
-      className = props.className,
-      overrideLocale = props.locale,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "locale"]);
-
+    Component = _props$as === void 0 ? 'span' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'btn-close' : _props$classPrefix,
+    className = props.className,
+    overrideLocale = props.locale,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "locale"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var _useCustom = useCustom('CloseButton', overrideLocale),
-      locale = _useCustom.locale;
-
+    locale = _useCustom.locale;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "button"

package/esm/CloseButton/index.js

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

package/esm/Col/Col.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -6,26 +7,22 @@ import omit from 'lodash/omit';
 import { useClassNames, COLUMN_SIZE } from '../utils';
 var Col = /*#__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 ? 'col' : _props$classPrefix,
-      className = props.className,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'col' : _props$classPrefix,
+    className = props.className,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className"]);
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge,
-      rootPrefix = _useClassNames.rootPrefix,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge,
+    rootPrefix = _useClassNames.rootPrefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var colClasses = {};
   var omitKeys = {};
-
   var getPropValue = function getPropValue(key) {
     omitKeys[key] = null;
     return rest[key];
   };
-
   COLUMN_SIZE.forEach(function (size) {
     var col = getPropValue(size);
     var hidden = getPropValue(size + "Hidden");

package/esm/Col/index.js

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

package/esm/Container/Container.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useState, useMemo } from 'react';
@@ -6,21 +7,18 @@ import { useClassNames } from '../utils';
 export var ContainerContext = /*#__PURE__*/React.createContext({});
 var Container = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'section' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'container' : _props$classPrefix,
-      className = props.className,
-      children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children"]);
-
+    Component = _props$as === void 0 ? 'section' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'container' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children"]);
   var _useState = useState(false),
-      hasSidebar = _useState[0],
-      setHasSidebar = _useState[1];
-
+    hasSidebar = _useState[0],
+    setHasSidebar = _useState[1];
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix({
     'has-sidebar': hasSidebar
   }));

package/esm/Container/index.js

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

package/esm/Content/Content.js

@@ -1,5 +1,5 @@
+'use client';
 import createComponent from '../utils/createComponent';
-
 /**
  * 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

package/esm/Content/index.js

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