rsuite 5.40.0 → 5.41.0

package/esm/Picker/DropdownMenuGroup.js

@@ -1,27 +1,24 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
 var _templateObject, _templateObject2;
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 import ArrowDown from '@rsuite/icons/legacy/ArrowDown';
 var DropdownMenuGroup = /*#__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 ? 'dropdown-menu-group' : _props$classPrefix,
-      children = props.children,
-      className = props.className,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "children", "className"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-group' : _props$classPrefix,
+    children = props.children,
+    className = props.className,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "children", "className"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "group"

package/esm/Picker/DropdownMenuItem.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 } from 'react';
@@ -5,31 +6,27 @@ import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      active = props.active,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-item' : _props$classPrefix,
-      children = props.children,
-      className = props.className,
-      disabled = props.disabled,
-      focus = props.focus,
-      value = props.value,
-      onKeyDown = props.onKeyDown,
-      onSelect = props.onSelect,
-      renderItem = props.renderItem,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "active", "classPrefix", "children", "className", "disabled", "focus", "value", "onKeyDown", "onSelect", "renderItem"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    active = props.active,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-item' : _props$classPrefix,
+    children = props.children,
+    className = props.className,
+    disabled = props.disabled,
+    focus = props.focus,
+    value = props.value,
+    onKeyDown = props.onKeyDown,
+    onSelect = props.onSelect,
+    renderItem = props.renderItem,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "active", "classPrefix", "children", "className", "disabled", "focus", "value", "onKeyDown", "onSelect", "renderItem"]);
   var handleClick = useCallback(function (event) {
     event.preventDefault();
-
     if (!disabled) {
       onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, event);
     }
   }, [onSelect, disabled, value]);
-
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = withClassPrefix({
     active: active,
     focus: focus,

package/esm/Picker/PickerOverlay.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, { useRef, useCallback, useEffect } from 'react';
@@ -9,20 +10,18 @@ var omitProps = ['placement', 'arrowOffsetLeft', 'arrowOffsetTop', 'positionLeft
 var resizePlacement = ['topStart', 'topEnd', 'leftEnd', 'rightEnd', 'auto', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontalEnd'];
 var PickerOverlay = /*#__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 ? 'picker-menu' : _props$classPrefix,
-      autoWidth = props.autoWidth,
-      className = props.className,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-      target = props.target,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "autoWidth", "className", "placement", "target"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'picker-menu' : _props$classPrefix,
+    autoWidth = props.autoWidth,
+    className = props.className,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+    target = props.target,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "autoWidth", "className", "placement", "target"]);
   var overlayRef = useRef(null);
   var handleResize = useCallback(function () {
     var instance = target === null || target === void 0 ? void 0 : target.current;
-
     if (instance && resizePlacement.includes(placement)) {
       instance.updatePosition();
     }
@@ -32,22 +31,18 @@ var PickerOverlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, []), handleResize);
   useEffect(function () {
     var toggle = target === null || target === void 0 ? void 0 : target.current;
-
     if (autoWidth && toggle !== null && toggle !== void 0 && toggle.root) {
       // Get the width value of the button,
       // and then set it to the menu to make their width consistent.
       var width = getWidth(getDOMNode(toggle.root));
-
       if (overlayRef.current) {
         addStyle(overlayRef.current, 'min-width', width + "px");
       }
     }
   }, [autoWidth, target, overlayRef]);
-
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement(Component, _extends({}, omit(rest, omitProps), {
     ref: mergeRefs(overlayRef, ref),

package/esm/Picker/PickerToggle.js

@@ -1,9 +1,8 @@
+'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;
-
 import React, { useState, useCallback, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash/debounce';
@@ -19,70 +18,63 @@ import Stack from '../Stack';
 var defaultInputMask = [];
 var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var activeProp = props.active,
-      _props$as = props.as,
-      Component = _props$as === void 0 ? ToggleButton : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'picker-toggle' : _props$classPrefix,
-      children = props.children,
-      _props$caret = props.caret,
-      caret = _props$caret === void 0 ? true : _props$caret,
-      className = props.className,
-      disabled = props.disabled,
-      readOnly = props.readOnly,
-      plaintext = props.plaintext,
-      hasValue = props.hasValue,
-      editable = props.editable,
-      _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading,
-      cleanableProp = props.cleanable,
-      _props$tabIndex = props.tabIndex,
-      tabIndexProp = _props$tabIndex === void 0 ? editable ? -1 : 0 : _props$tabIndex,
-      id = props.id,
-      value = props.value,
-      inputPlaceholder = props.inputPlaceholder,
-      inputValueProp = props.inputValue,
-      _props$inputMask = props.inputMask,
-      inputMask = _props$inputMask === void 0 ? defaultInputMask : _props$inputMask,
-      onInputChange = props.onInputChange,
-      onInputPressEnter = props.onInputPressEnter,
-      onInputBlur = props.onInputBlur,
-      onInputFocus = props.onInputFocus,
-      onClean = props.onClean,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-      caretComponent = props.caretComponent,
-      _props$caretAs = props.caretAs,
-      caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,
-      label = props.label,
-      name = props.name,
-      rest = _objectWithoutPropertiesLoose(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "editable", "loading", "cleanable", "tabIndex", "id", "value", "inputPlaceholder", "inputValue", "inputMask", "onInputChange", "onInputPressEnter", "onInputBlur", "onInputFocus", "onClean", "onFocus", "onBlur", "placement", "caretComponent", "caretAs", "label", "name"]);
-
+    _props$as = props.as,
+    Component = _props$as === void 0 ? ToggleButton : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'picker-toggle' : _props$classPrefix,
+    children = props.children,
+    _props$caret = props.caret,
+    caret = _props$caret === void 0 ? true : _props$caret,
+    className = props.className,
+    disabled = props.disabled,
+    readOnly = props.readOnly,
+    plaintext = props.plaintext,
+    hasValue = props.hasValue,
+    editable = props.editable,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    cleanableProp = props.cleanable,
+    _props$tabIndex = props.tabIndex,
+    tabIndexProp = _props$tabIndex === void 0 ? editable ? -1 : 0 : _props$tabIndex,
+    id = props.id,
+    value = props.value,
+    inputPlaceholder = props.inputPlaceholder,
+    inputValueProp = props.inputValue,
+    _props$inputMask = props.inputMask,
+    inputMask = _props$inputMask === void 0 ? defaultInputMask : _props$inputMask,
+    onInputChange = props.onInputChange,
+    onInputPressEnter = props.onInputPressEnter,
+    onInputBlur = props.onInputBlur,
+    onInputFocus = props.onInputFocus,
+    onClean = props.onClean,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+    caretComponent = props.caretComponent,
+    _props$caretAs = props.caretAs,
+    caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,
+    label = props.label,
+    name = props.name,
+    rest = _objectWithoutPropertiesLoose(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "editable", "loading", "cleanable", "tabIndex", "id", "value", "inputPlaceholder", "inputValue", "inputMask", "onInputChange", "onInputPressEnter", "onInputBlur", "onInputFocus", "onClean", "onFocus", "onBlur", "placement", "caretComponent", "caretAs", "label", "name"]);
   var inputRef = useRef(null);
   var comboboxRef = useRef(null);
-
   var _useState = useState(false),
-      activeState = _useState[0],
-      setActive = _useState[1];
-
+    activeState = _useState[0],
+    setActive = _useState[1];
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var getInputValue = useCallback(function () {
     return typeof inputValueProp === 'undefined' ? Array.isArray(value) ? value.join(',') : value : inputValueProp;
   }, [inputValueProp, value]);
-
   var _useState2 = useState(getInputValue),
-      inputValue = _useState2[0],
-      setInputValue = _useState2[1];
-
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
   useEffect(function () {
     if (comboboxRef.current) {
       var _value = getInputValue();
-
       setInputValue(_value);
     }
   }, [getInputValue]);
@@ -93,17 +85,15 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!loading) {
       setActive(true);
     }
-
     if (editable) {
       // Avoid firing the onFocus event twice when DatePicker and DateRangePicker allow keyboard input.
       if (event.target === inputRef.current) {
         onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-      } // Force the input to be focused and editable.
-
+      }
 
+      // Force the input to be focused and editable.
       if (document.activeElement === comboboxRef.current) {
         var _inputRef$current;
-
         (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
       }
     } else {
@@ -113,32 +103,28 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleBlur = useCallback(function (event) {
     if (inputRef.current && !editable) {
       setActive(false);
-    } // When activeElement is an input, it remains active.
-
+    }
 
+    // When activeElement is an input, it remains active.
     if (editable && inputRef.current && document.activeElement !== inputRef.current) {
       setActive(false);
     }
-
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
   }, [editable, onBlur]);
-
   var handleInputBlur = function handleInputBlur(event) {
     setInputValue(getInputValue());
     onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(event);
   };
-
   var handleClean = useCallback(function (event) {
     var _inputRef$current2, _comboboxRef$current;
-
     event.stopPropagation();
-    onClean === null || onClean === void 0 ? void 0 : onClean(event); // When the value is cleared, the current component is still in focus.
+    onClean === null || onClean === void 0 ? void 0 : onClean(event);
 
+    // When the value is cleared, the current component is still in focus.
     editable ? (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus() : (_comboboxRef$current = comboboxRef.current) === null || _comboboxRef$current === void 0 ? void 0 : _comboboxRef$current.focus();
   }, [editable, onClean]);
   var handleInputChange = useCallback(function (event) {
     var _event$target;
-
     var value = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value;
     setInputValue(value);
     onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(value, event);
@@ -159,16 +145,15 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [editable, name]);
   var ToggleCaret = useToggleCaret(placement);
   var Caret = caretAs !== null && caretAs !== void 0 ? caretAs : ToggleCaret;
-
   if (plaintext) {
     return /*#__PURE__*/React.createElement(Plaintext, {
       ref: ref,
       localeKey: "notSelected"
     }, hasValue ? children : null);
   }
+  var showCleanButton = cleanableProp && hasValue && !readOnly;
 
-  var showCleanButton = cleanableProp && hasValue && !readOnly; // When the component is read-only or disabled, the input is not interactive.
-
+  // When the component is read-only or disabled, the input is not interactive.
   var inputFocused = readOnly || disabled ? false : editable && activeState;
   var tabIndex = disabled ? undefined : tabIndexProp;
   return /*#__PURE__*/React.createElement(Component, _extends({
@@ -182,7 +167,8 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled: disabled,
     tabIndex: tabIndex,
     className: classes,
-    onFocus: !disabled ? handleFocus : null // The debounce is set to 200 to solve the flicker caused by the switch between input and div.
+    onFocus: !disabled ? handleFocus : null
+    // The debounce is set to 200 to solve the flicker caused by the switch between input and div.
     ,
     onBlur: !disabled ? debounce(handleBlur, 200) : null
   }), /*#__PURE__*/React.createElement(Stack, null, label && /*#__PURE__*/React.createElement(Stack.Item, null, /*#__PURE__*/React.createElement("span", {

package/esm/Picker/PickerToggleTrigger.js

@@ -1,24 +1,22 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import pick from 'lodash/pick';
 import OverlayTrigger from '../Overlay/OverlayTrigger';
 import { placementPolyfill, useCustom } from '../utils';
-export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'defaultOpen', 'onHide', 'container', 'containerPadding', 'preventOverflow'];
+export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'defaultOpen', 'container', 'containerPadding', 'preventOverflow'];
 export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading']);
 var PickerToggleTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var pickerProps = props.pickerProps,
-      speaker = props.speaker,
-      placement = props.placement,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
-      rest = _objectWithoutPropertiesLoose(props, ["pickerProps", "speaker", "placement", "trigger"]);
-
+    speaker = props.speaker,
+    placement = props.placement,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+    rest = _objectWithoutPropertiesLoose(props, ["pickerProps", "speaker", "placement", "trigger"]);
   var pickerTriggerProps = pick(pickerProps, pickTriggerPropKeys);
-
   var _useCustom = useCustom(),
-      rtl = _useCustom.rtl;
-
+    rtl = _useCustom.rtl;
   return /*#__PURE__*/React.createElement(OverlayTrigger, _extends({}, pickerTriggerProps, rest, {
     disabled: pickerTriggerProps.disabled || pickerTriggerProps.loading,
     ref: ref,

package/esm/Picker/SearchBar.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 } from 'react';
@@ -7,22 +8,20 @@ import Search from '@rsuite/icons/legacy/Search';
 import { useClassNames } from '../utils';
 var SearchBar = /*#__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 ? 'picker-search-bar' : _props$classPrefix,
-      value = props.value,
-      children = props.children,
-      className = props.className,
-      placeholder = props.placeholder,
-      inputRef = props.inputRef,
-      onChange = props.onChange,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "value", "children", "className", "placeholder", "inputRef", "onChange"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'picker-search-bar' : _props$classPrefix,
+    value = props.value,
+    children = props.children,
+    className = props.className,
+    placeholder = props.placeholder,
+    inputRef = props.inputRef,
+    onChange = props.onChange,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "value", "children", "className", "placeholder", "inputRef", "onChange"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
   var handleChange = useCallback(function (event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(get(event, 'target.value'), event);

package/esm/Picker/SelectedElement.js

@@ -1,33 +1,29 @@
+'use client';
 import React from 'react';
 import reactToString from '../utils/reactToString';
-
 var SelectedElement = function SelectedElement(props) {
   var selectedItems = props.selectedItems,
-      prefix = props.prefix,
-      valueKey = props.valueKey,
-      labelKey = props.labelKey,
-      _props$childrenKey = props.childrenKey,
-      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-      countable = props.countable,
-      cascade = props.cascade,
-      locale = props.locale;
+    prefix = props.prefix,
+    valueKey = props.valueKey,
+    labelKey = props.labelKey,
+    _props$childrenKey = props.childrenKey,
+    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
+    countable = props.countable,
+    cascade = props.cascade,
+    locale = props.locale;
   var count = selectedItems.length;
   var title = '';
-
   if (count) {
     title = selectedItems.map(function (item) {
       var label = item[labelKey];
-
       if (typeof label === 'string' || typeof label === 'number') {
         return label;
       } else if ( /*#__PURE__*/React.isValidElement(label)) {
         return reactToString(label).join('');
       }
-
       return '';
     }).join(', ');
   }
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: prefix('value-list'),
     title: title
@@ -45,5 +41,4 @@ var SelectedElement = function SelectedElement(props) {
     title: "" + count
   }, count > 99 ? '99+' : count) : null);
 };
-
 export default SelectedElement;

package/esm/Picker/ToggleButton.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Button from '../Button';

package/esm/Picker/index.js

@@ -1,3 +1,4 @@
+'use client';
 import { pickTriggerPropKeys, omitTriggerPropKeys } from './PickerToggleTrigger';
 export { default as DropdownMenu } from './DropdownMenu';
 export { default as DropdownMenuCheckItem } from './DropdownMenuCheckItem';

package/esm/Picker/propTypes.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import PropTypes from 'prop-types';
 import { PLACEMENT } from '../utils';
@@ -18,7 +19,6 @@ export var pickerPropTypes = _extends({}, animationPropTypes, {
   menuStyle: PropTypes.object,
   placeholder: PropTypes.node,
   placement: PropTypes.oneOf(PLACEMENT),
-
   /**
    * Prevent floating element overflow
    */

package/esm/Picker/types.js

@@ -0,0 +1 @@
+'use client';