rsuite 5.40.0 → 5.41.0

package/esm/DateRangePicker/DateRangePickerContext.js

@@ -1,3 +1,4 @@
+'use client';
 import React, { useContext } from 'react';
 var DateRangePickerContext = /*#__PURE__*/React.createContext({});
 export default DateRangePickerContext;

package/esm/DateRangePicker/disabledDateUtils.js

@@ -1,22 +1,19 @@
+'use client';
 import { composeFunctions, DateUtils } from '../utils';
-
 function isAfterDay(date1, date2) {
   return DateUtils.isAfter(new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()), new Date(date2.getFullYear(), date2.getMonth(), date2.getDate()));
 }
-
 function isBeforeDay(date1, date2) {
   return DateUtils.isBefore(new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()), new Date(date2.getFullYear(), date2.getMonth(), date2.getDate()));
 }
+
 /**
  Allow the maximum number of days specified, other dates are disabled.
  */
-
-
 export function allowedMaxDays(days) {
   return function (date, selectValue, selectedDone, target) {
     var beforeLimit = false;
     var afterLimit = false;
-
     if (selectValue !== null && selectValue !== void 0 && selectValue[0]) {
       var startDate = selectValue[0];
       beforeLimit = composeFunctions(function (f) {
@@ -30,23 +27,20 @@ export function allowedMaxDays(days) {
         return isBeforeDay(f, date);
       })(startDate);
     }
-
     if (target === 'CALENDAR' && !selectedDone && (beforeLimit || afterLimit)) {
       return true;
     }
-
     return false;
   };
 }
+
 /**
  Only allowed days are specified, other dates are disabled.
  */
-
 export function allowedDays(days) {
   return function (date, selectValue, selectedDone, target) {
     var beforeLimit = false;
     var afterLimit = false;
-
     if (selectValue !== null && selectValue !== void 0 && selectValue[0]) {
       var startDate = selectValue[0];
       beforeLimit = composeFunctions(function (f) {
@@ -60,89 +54,80 @@ export function allowedDays(days) {
         return !DateUtils.isSameDay(f, date);
       })(startDate);
     }
-
     if (target === 'CALENDAR' && !selectedDone && beforeLimit && afterLimit) {
       return true;
     }
-
     return false;
   };
 }
+
 /**
  Allow specified date range, other dates are disabled.
  */
-
 export function allowedRange(startDate, endDate) {
   return function (date) {
     if (isBeforeDay(date, new Date(startDate)) || isAfterDay(date, new Date(endDate))) {
       return true;
     }
-
     return false;
   };
 }
+
 /**
  Disable dates after the specified date.
  */
-
 export function before(beforeDate) {
   if (beforeDate === void 0) {
     beforeDate = new Date();
   }
-
   return function (date) {
     if (isBeforeDay(date, new Date(beforeDate))) {
       return true;
     }
-
     return false;
   };
 }
+
 /**
  Disable dates before the specified date.
  */
-
 export function after(afterDate) {
   if (afterDate === void 0) {
     afterDate = new Date();
   }
-
   return function (date) {
     if (isAfterDay(date, new Date(afterDate))) {
       return true;
     }
-
     return false;
   };
 }
+
 /**
  Disable dates after today.
  */
-
 export function beforeToday() {
   return before();
 }
+
 /**
  Disable dates before today.
  */
-
 export function afterToday() {
   return after();
 }
+
 /**
  Used to combine multiple conditions.
  */
-
 export function combine() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
   return function () {
     for (var _len2 = arguments.length, disabledDateArgs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       disabledDateArgs[_key2] = arguments[_key2];
     }
-
     return args.reduce(function (a, b) {
       return a.apply(void 0, disabledDateArgs) || b.apply(void 0, disabledDateArgs);
     });

package/esm/DateRangePicker/index.js

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

package/esm/DateRangePicker/types.js

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

package/esm/DateRangePicker/utils.js

@@ -1,16 +1,14 @@
+'use client';
 import { addMonths, isSameDay, shouldRenderTime, isSameSecond, startOfMonth, endOfMonth, startOfISOWeek, endOfISOWeek, startOfWeek, endOfWeek, differenceInCalendarMonths, copyTime } from '../utils/dateUtils';
 export function getSafeCalendarDate(_ref) {
   var _value;
-
   var value = _ref.value,
-      _ref$calendarKey = _ref.calendarKey,
-      calendarKey = _ref$calendarKey === void 0 ? 'start' : _ref$calendarKey;
+    _ref$calendarKey = _ref.calendarKey,
+    calendarKey = _ref$calendarKey === void 0 ? 'start' : _ref$calendarKey;
   // Update calendarDate if the value is not null
   value = (_value = value) !== null && _value !== void 0 ? _value : [];
-
   if (value[0] && value[1]) {
     var diffMonth = differenceInCalendarMonths(value[1], value[0]);
-
     if (calendarKey === 'start') {
       return [value[0], diffMonth <= 0 ? copyTime({
         from: value[1],
@@ -21,26 +19,24 @@ export function getSafeCalendarDate(_ref) {
         from: value[0],
         to: addMonths(value[1], -1)
       }) : value[0], value[1]];
-    } // If only the start date
+    }
 
+    // If only the start date
   } else if (value[0]) {
     return [value[0], addMonths(value[0], 1)];
   }
-
   var todayDate = new Date();
   return [todayDate, addMonths(todayDate, 1)];
 }
 export var isSameRange = function isSameRange(source, dest, format) {
   // If both are null, reguard as same
-  if (null === source && null === dest) return true; // If only one is null, regard as different
-
+  if (null === source && null === dest) return true;
+  // If only one is null, regard as different
   if (null === source || null === dest) return false;
   var result = isSameDay(source[0], dest[0]) && isSameDay(source[1], dest[1]);
-
   if (shouldRenderTime(format)) {
     result && (result = isSameSecond(source[0], dest[0]) && isSameSecond(source[1], dest[1]));
   }
-
   return result;
 };
 export var getMonthHoverRange = function getMonthHoverRange(date) {
@@ -51,6 +47,5 @@ export var getWeekHoverRange = function getWeekHoverRange(isoWeek, date) {
     // set to the first day of this week according to ISO 8601, 12:00 am
     return [startOfISOWeek(date), endOfISOWeek(date)];
   }
-
   return [startOfWeek(date), endOfWeek(date)];
 };

package/esm/Disclosure/Disclosure.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 // Headless Disclosure
 // Ref: https://w3c.github.io/aria-practices/#disclosure
@@ -9,48 +10,41 @@ import useClickOutside from '../utils/useClickOutside';
 var initialDisclosureState = {
   open: false
 };
-
 function disclosureReducer(state, action) {
   switch (action.type) {
     case DisclosureActionTypes.Show:
       return _extends({}, state, {
         open: true
       });
-
     case DisclosureActionTypes.Hide:
       return _extends({}, state, {
         open: false
       });
   }
-
   return state;
 }
-
 var Disclosure = /*#__PURE__*/React.memo(function (props) {
   var children = props.children,
-      openProp = props.open,
-      _props$defaultOpen = props.defaultOpen,
-      defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
-      _props$hideOnClickOut = props.hideOnClickOutside,
-      hideOnClickOutside = _props$hideOnClickOut === void 0 ? false : _props$hideOnClickOut,
-      onToggle = props.onToggle,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? ['click'] : _props$trigger;
+    openProp = props.open,
+    _props$defaultOpen = props.defaultOpen,
+    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
+    _props$hideOnClickOut = props.hideOnClickOutside,
+    hideOnClickOutside = _props$hideOnClickOut === void 0 ? false : _props$hideOnClickOut,
+    onToggle = props.onToggle,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? ['click'] : _props$trigger;
   var parentDisclosure = useContext(DisclosureContext);
-
   var _useReducer = useReducer(disclosureReducer, _extends({}, initialDisclosureState, {
-    open: defaultOpen
-  })),
-      openState = _useReducer[0].open,
-      dispatch = _useReducer[1];
-
+      open: defaultOpen
+    })),
+    openState = _useReducer[0].open,
+    dispatch = _useReducer[1];
   var containerElementRef = useRef(null);
   var open = openProp !== null && openProp !== void 0 ? openProp : openState;
   useClickOutside({
     enabled: hideOnClickOutside,
     isOutside: function isOutside(event) {
       var _containerElementRef$;
-
       return !((_containerElementRef$ = containerElementRef.current) !== null && _containerElementRef$ !== void 0 && _containerElementRef$.contains(event.target));
     },
     handle: function handle() {
@@ -78,14 +72,11 @@ var Disclosure = /*#__PURE__*/React.memo(function (props) {
   var contextValue = useMemo(function () {
     var cascadeDispatch = function cascadeDispatch(action) {
       var result = dispatch(action);
-
       if ('cascade' in action) {
         parentDisclosure === null || parentDisclosure === void 0 ? void 0 : parentDisclosure[1](action);
       }
-
       return result;
     };
-
     return [{
       open: open
     }, cascadeDispatch, {
@@ -97,12 +88,10 @@ var Disclosure = /*#__PURE__*/React.memo(function (props) {
     var renderProps = {
       open: open
     };
-
     if (trigger.includes('hover')) {
       renderProps.onMouseEnter = onMouseEnter;
       renderProps.onMouseLeave = onMouseLeave;
     }
-
     return renderProps;
   }, [open, trigger, onMouseEnter, onMouseLeave]);
   return /*#__PURE__*/React.createElement(DisclosureContext.Provider, {

package/esm/Disclosure/DisclosureButton.js

@@ -1,17 +1,15 @@
+'use client';
 import { useCallback, useRef } from 'react';
 import { DisclosureActionTypes } from './DisclosureContext';
 import { KEY_VALUES } from '../utils';
 import useDisclosureContext from './useDisclosureContext';
-
 function DisclosureButton(props) {
   var children = props.children;
   var buttonRef = useRef(null);
-
   var _useDisclosureContext = useDisclosureContext(DisclosureButton.displayName),
-      open = _useDisclosureContext[0].open,
-      dispatch = _useDisclosureContext[1],
-      onToggle = _useDisclosureContext[2].onToggle;
-
+    open = _useDisclosureContext[0].open,
+    dispatch = _useDisclosureContext[1],
+    onToggle = _useDisclosureContext[2].onToggle;
   var toggle = useCallback(function (event) {
     if (!open) {
       dispatch({
@@ -46,6 +44,5 @@ function DisclosureButton(props) {
     open: open
   }, buttonRef);
 }
-
 DisclosureButton.displayName = 'Disclosure.Button';
 export default DisclosureButton;

package/esm/Disclosure/DisclosureContent.js

@@ -1,6 +1,6 @@
+'use client';
 import { useRef } from 'react';
 import useDisclosureContext from './useDisclosureContext';
-
 function DisclosureContent(props) {
   var children = props.children;
   var elementRef = useRef(null);
@@ -10,6 +10,5 @@ function DisclosureContent(props) {
     open: open
   }, elementRef);
 }
-
 DisclosureContent.displayName = 'Disclosure.Content';
 export default DisclosureContent;

package/esm/Disclosure/DisclosureContext.js

@@ -1,11 +1,10 @@
+'use client';
 import React from 'react';
 export var DisclosureActionTypes;
-
 (function (DisclosureActionTypes) {
   DisclosureActionTypes[DisclosureActionTypes["Show"] = 0] = "Show";
   DisclosureActionTypes[DisclosureActionTypes["Hide"] = 1] = "Hide";
 })(DisclosureActionTypes || (DisclosureActionTypes = {}));
-
 var DisclosureContext = /*#__PURE__*/React.createContext(null);
 DisclosureContext.displayName = 'Disclosure.Context';
 export default DisclosureContext;

package/esm/Disclosure/index.js

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

package/esm/Disclosure/useDisclosureContext.js

@@ -1,11 +1,10 @@
+'use client';
 import { useContext } from 'react';
 import DisclosureContext from './DisclosureContext';
 export default function useDisclosureContext(component) {
   var context = useContext(DisclosureContext);
-
   if (!context) {
     throw new Error("<" + component + "> component must be rendered within a <Disclosure>");
   }
-
   return context;
 }

package/esm/Divider/Divider.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';
@@ -5,19 +6,17 @@ import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 var Divider = /*#__PURE__*/React.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 ? 'divider' : _props$classPrefix,
-      children = props.children,
-      vertical = props.vertical,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "children", "vertical"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'divider' : _props$classPrefix,
+    children = props.children,
+    vertical = props.vertical,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "children", "vertical"]);
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix(vertical ? 'vertical' : 'horizontal', {
     'with-text': children
   }));

package/esm/Divider/index.js

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

package/esm/Drawer/Drawer.js

@@ -1,3 +1,4 @@
+'use client';
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
@@ -43,18 +44,16 @@ var DrawerTitle = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'right' : _props$placement,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,
-      _props$animation = props.animation,
-      animation = _props$animation === void 0 ? Slide : _props$animation,
-      rest = _objectWithoutPropertiesLoose(props, ["className", "placement", "classPrefix", "animation"]);
-
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'right' : _props$placement,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,
+    _props$animation = props.animation,
+    animation = _props$animation === void 0 ? Slide : _props$animation,
+    rest = _objectWithoutPropertiesLoose(props, ["className", "placement", "classPrefix", "animation"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, prefix(placement));
   var animationProps = {
     placement: placement

package/esm/Drawer/index.js

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

package/esm/Dropdown/Dropdown.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, { useContext, useMemo, useReducer } from 'react';
@@ -17,7 +18,6 @@ import { initialState, reducer } from './DropdownState';
 import warnOnce from '../utils/warnOnce';
 import Nav from '../Nav';
 import DropdownSeparator from './DropdownSeparator';
-
 /**
  * The <Dropdown> API
  * When used inside <Sidenav>, renders a <TreeviewRootItem>;
@@ -25,66 +25,56 @@ import DropdownSeparator from './DropdownSeparator';
  */
 var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var activeKey = props.activeKey,
-      onSelect = props.onSelect,
-      rest = _objectWithoutPropertiesLoose(props, ["activeKey", "onSelect"]);
-
+    onSelect = props.onSelect,
+    rest = _objectWithoutPropertiesLoose(props, ["activeKey", "onSelect"]);
   var _rest$as = rest.as,
-      Component = _rest$as === void 0 ? 'div' : _rest$as,
-      title = rest.title,
-      onClose = rest.onClose,
-      onOpen = rest.onOpen,
-      onToggle = rest.onToggle,
-      _rest$trigger = rest.trigger,
-      trigger = _rest$trigger === void 0 ? 'click' : _rest$trigger,
-      _rest$placement = rest.placement,
-      placement = _rest$placement === void 0 ? 'bottomStart' : _rest$placement,
-      toggleAs = rest.toggleAs,
-      toggleClassName = rest.toggleClassName,
-      open = rest.open,
-      defaultOpen = rest.defaultOpen,
-      _rest$classPrefix = rest.classPrefix,
-      classPrefix = _rest$classPrefix === void 0 ? 'dropdown' : _rest$classPrefix,
-      className = rest.className,
-      disabled = rest.disabled,
-      children = rest.children,
-      menuStyle = rest.menuStyle,
-      style = rest.style,
-      toggleProps = _objectWithoutPropertiesLoose(rest, ["as", "title", "onClose", "onOpen", "onToggle", "trigger", "placement", "toggleAs", "toggleClassName", "open", "defaultOpen", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
-
+    Component = _rest$as === void 0 ? 'div' : _rest$as,
+    title = rest.title,
+    onClose = rest.onClose,
+    onOpen = rest.onOpen,
+    onToggle = rest.onToggle,
+    _rest$trigger = rest.trigger,
+    trigger = _rest$trigger === void 0 ? 'click' : _rest$trigger,
+    _rest$placement = rest.placement,
+    placement = _rest$placement === void 0 ? 'bottomStart' : _rest$placement,
+    toggleAs = rest.toggleAs,
+    toggleClassName = rest.toggleClassName,
+    open = rest.open,
+    defaultOpen = rest.defaultOpen,
+    _rest$classPrefix = rest.classPrefix,
+    classPrefix = _rest$classPrefix === void 0 ? 'dropdown' : _rest$classPrefix,
+    className = rest.className,
+    disabled = rest.disabled,
+    children = rest.children,
+    menuStyle = rest.menuStyle,
+    style = rest.style,
+    toggleProps = _objectWithoutPropertiesLoose(rest, ["as", "title", "onClose", "onOpen", "onToggle", "trigger", "placement", "toggleAs", "toggleClassName", "open", "defaultOpen", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
   var nav = useContext(NavContext);
-
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var _useClassNames2 = useClassNames('dropdown-menu'),
-      withMenuClassPrefix = _useClassNames2.withClassPrefix,
-      mergeMenuClassName = _useClassNames2.merge;
-
+    withMenuClassPrefix = _useClassNames2.withClassPrefix,
+    mergeMenuClassName = _useClassNames2.merge;
   var menuButtonTriggers = useMemo(function () {
     if (!trigger) {
       return undefined;
     }
-
     var triggerMap = {
       hover: 'mouseover',
       click: 'click',
       contextMenu: 'contextmenu'
     };
-
     if (!Array.isArray(trigger)) {
       return [triggerMap[trigger]];
     }
-
     return trigger.map(function (t) {
       return triggerMap[t];
     });
   }, [trigger]);
-
   var _useReducer = useReducer(reducer, initialState),
-      items = _useReducer[0].items,
-      dispatch = _useReducer[1];
-
+    items = _useReducer[0].items,
+    dispatch = _useReducer[1];
   var hasSelectedItem = useMemo(function () {
     return items.some(function (item) {
       return item.props.selected;
@@ -97,16 +87,16 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       hasSelectedItem: hasSelectedItem,
       dispatch: dispatch
     };
-  }, [activeKey, onSelect, hasSelectedItem, dispatch]); // Deprecate <Dropdown> within <Nav> usage
-  // in favor of <Nav.Menu> API
+  }, [activeKey, onSelect, hasSelectedItem, dispatch]);
 
+  // Deprecate <Dropdown> within <Nav> usage
+  // in favor of <Nav.Menu> API
   if (nav) {
     warnOnce('Usage of <Dropdown> within <Nav> is deprecated. Replace with <Nav.Menu>');
     return /*#__PURE__*/React.createElement(Nav.Menu, _extends({
       ref: ref
     }, props));
   }
-
   var renderMenuButton = function renderMenuButton(menuButtonProps, menuButtonRef) {
     return /*#__PURE__*/React.createElement(DropdownToggle, _extends({
       ref: menuButtonRef,
@@ -116,7 +106,6 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       disabled: disabled
     }, omit(menuButtonProps, ['open']), omit(toggleProps, ['data-testid'])), title);
   };
-
   return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
     value: dropdownContextValue
   }, /*#__PURE__*/React.createElement(Menu, {
@@ -128,8 +117,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     openMenuOn: menuButtonTriggers,
     renderMenuPopup: function renderMenuPopup(_ref, popupRef) {
       var open = _ref.open,
-          popupProps = _objectWithoutPropertiesLoose(_ref, ["open"]);
-
+        popupProps = _objectWithoutPropertiesLoose(_ref, ["open"]);
       var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));
       return /*#__PURE__*/React.createElement("ul", _extends({
         ref: popupRef,
@@ -140,7 +128,6 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     },
     onToggleMenu: function onToggleMenu(open) {
       onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);
-
       if (open) {
         onOpen === null || onOpen === void 0 ? void 0 : onOpen();
       } else {
@@ -149,10 +136,8 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, function (_ref2, menuContainerRef) {
     var _withClassPrefix;
-
     var open = _ref2.open,
-        menuContainer = _objectWithoutPropertiesLoose(_ref2, ["open"]);
-
+      menuContainer = _objectWithoutPropertiesLoose(_ref2, ["open"]);
     var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase(placementPolyfill(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix['selected-within'] = hasSelectedItem, _withClassPrefix)));
     return /*#__PURE__*/React.createElement(Component, _extends({
       ref: mergeRefs(ref, menuContainerRef),

package/esm/Dropdown/DropdownContext.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 var DropdownContext = /*#__PURE__*/React.createContext(null);
 DropdownContext.displayName = 'DropdownContext';