rsuite 5.39.0 → 5.41.0

package/cjs/Sidenav/SidenavHeader.js

@@ -1,12 +1,10 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _createComponent = _interopRequireDefault(require("../utils/createComponent"));
-
 var SidenavHeader = (0, _createComponent.default)({
   name: 'SidenavHeader'
 });

package/cjs/Sidenav/SidenavItem.js

@@ -1,92 +1,67 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _utils = require("../utils");
-
 var _Ripple = _interopRequireDefault(require("../Ripple"));
-
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
-
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-
 var _MenuItem = _interopRequireDefault(require("../Menu/MenuItem"));
-
 var _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _Sidenav = require("./Sidenav");
-
 var _Whisper = _interopRequireDefault(require("../Whisper"));
-
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-
 /**
  * @private
  */
 var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
-
   if (!sidenav) {
     throw new Error('<SidenavItem> component is not supposed to be used standalone. Use <Nav.Item> inside <Sidenav> instead.');
   }
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,
-      activeProp = props.active,
-      children = props.children,
-      className = props.className,
-      disabled = props.disabled,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'sidenav-item' : _props$classPrefix,
-      icon = props.icon,
-      eventKey = props.eventKey,
-      style = props.style,
-      onClick = props.onClick,
-      onSelect = props.onSelect,
-      divider = props.divider,
-      panel = props.panel,
-      _props$tooltip = props.tooltip,
-      tooltip = _props$tooltip === void 0 ? children : _props$tooltip,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "children", "className", "disabled", "classPrefix", "icon", "eventKey", "style", "onClick", "onSelect", "divider", "panel", "tooltip"]);
-
+    Component = _props$as === void 0 ? _SafeAnchor.default : _props$as,
+    activeProp = props.active,
+    children = props.children,
+    className = props.className,
+    disabled = props.disabled,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'sidenav-item' : _props$classPrefix,
+    icon = props.icon,
+    eventKey = props.eventKey,
+    style = props.style,
+    onClick = props.onClick,
+    onSelect = props.onSelect,
+    divider = props.divider,
+    panel = props.panel,
+    _props$tooltip = props.tooltip,
+    tooltip = _props$tooltip === void 0 ? children : _props$tooltip,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "children", "className", "disabled", "classPrefix", "icon", "eventKey", "style", "onClick", "onSelect", "divider", "panel", "tooltip"]);
   var _ref = (0, _react.useContext)(_NavContext.default),
-      activeKey = _ref.activeKey,
-      onSelectFromNav = _ref.onSelect;
-
+    activeKey = _ref.activeKey,
+    onSelectFromNav = _ref.onSelect;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);
-
   var whisperRef = _react.default.useRef(null);
-
   var handleClick = (0, _react.useCallback)(function (event) {
     var _whisperRef$current;
-
     if (disabled) return;
     (_whisperRef$current = whisperRef.current) === null || _whisperRef$current === void 0 ? void 0 : _whisperRef$current.close();
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
     onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
   }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);
-
   if (!sidenav.expanded) {
     return /*#__PURE__*/_react.default.createElement(_Whisper.default, {
       trigger: "hover",
@@ -100,14 +75,15 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         onActivate: handleClick
       }, function (_ref2, menuitemRef) {
         var selected = _ref2.selected,
-            active = _ref2.active,
-            menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, ["selected", "active"]);
+          active = _ref2.active,
+          menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref2, ["selected", "active"]);
         var classes = merge(className, withClassPrefix({
           focus: active,
           active: selected,
           disabled: disabled
-        })); // Show tooltip when inside a collapse <Sidenav>
+        }));
 
+        // Show tooltip when inside a collapse <Sidenav>
         return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
           ref: (0, _utils.mergeRefs)((0, _utils.mergeRefs)(ref, menuitemRef), triggerRef),
           disabled: Component === _SafeAnchor.default ? disabled : undefined,
@@ -122,7 +98,6 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       });
     });
   }
-
   if (divider) {
     return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
       ref: ref,
@@ -131,7 +106,6 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: merge(className, prefix('divider'))
     }, rest));
   }
-
   if (panel) {
     return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
       ref: ref,
@@ -140,7 +114,6 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: merge(className, prefix('panel'))
     }, rest), children);
   }
-
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     ref: ref,
     className: merge(className, withClassPrefix({
@@ -155,7 +128,6 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: prefix('icon')
   }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
 });
-
 SidenavItem.displayName = 'Sidenav.Item';
 SidenavItem.propTypes = {
   classPrefix: _propTypes.default.string,

package/cjs/Sidenav/SidenavToggle.js

@@ -1,64 +1,45 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-
 var _utils = require("../utils");
-
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
-
 var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
-
 var _Sidenav = require("./Sidenav");
-
 var SidenavToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
-
   if (!sidenav) {
     throw new Error('<Sidenav.Toggle> must be rendered within a <Sidenav>');
   }
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      DEPRECATED_expanded = props.expanded,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'sidenav-toggle' : _props$classPrefix,
-      onToggle = props.onToggle,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "expanded", "className", "classPrefix", "onToggle"]); // if `expanded` prop is provided, it takes priority
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    DEPRECATED_expanded = props.expanded,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'sidenav-toggle' : _props$classPrefix,
+    onToggle = props.onToggle,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "expanded", "className", "classPrefix", "onToggle"]); // if `expanded` prop is provided, it takes priority
   var expanded = DEPRECATED_expanded !== null && DEPRECATED_expanded !== void 0 ? DEPRECATED_expanded : sidenav.expanded;
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix({
     collapsed: !expanded
   }));
   var Icon = expanded ? _AngleLeft.default : _AngleRight.default;
-
   var handleToggle = function handleToggle(event) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(!expanded, event);
   };
-
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
@@ -69,7 +50,6 @@ var SidenavToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     "aria-label": expanded ? 'Collapse' : 'Expand'
   }));
 });
-
 SidenavToggle.displayName = 'Sidenav.Toggle';
 SidenavToggle.propTypes = {
   classPrefix: _propTypes.default.string,

package/cjs/Sidenav/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _Sidenav = _interopRequireDefault(require("./Sidenav"));
-
 var _default = _Sidenav.default;
 exports.default = _default;

package/cjs/Slider/Graduated.js

@@ -1,44 +1,35 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var _utils2 = require("./utils");
-
 var _Mark = _interopRequireDefault(require("./Mark"));
-
 var Graduated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      step = props.step,
-      min = props.min,
-      max = props.max,
-      count = props.count,
-      value = props.value,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
-      className = props.className,
-      renderMark = props.renderMark;
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    step = props.step,
+    min = props.min,
+    max = props.max,
+    count = props.count,
+    value = props.value,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
+    className = props.className,
+    renderMark = props.renderMark;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var activeIndexs = [];
   var startIndex = 0;
   var endIndex = 0;
-
   if (Array.isArray(value)) {
     var start = value[0],
-        end = value[1];
+      end = value[1];
     startIndex = (0, _utils2.precisionMath)(start / step - min / step);
     endIndex = (0, _utils2.precisionMath)(end / step - min / step);
     activeIndexs.push((0, _utils2.precisionMath)(Math.ceil((start - min) / (max - min) * count)));
@@ -47,17 +38,13 @@ var Graduated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     endIndex = (0, _utils2.precisionMath)(value / step - min / step);
     activeIndexs.push((0, _utils2.precisionMath)(Math.ceil((value - min) / (max - min) * count)));
   }
-
   var graduatedItems = [];
-
   for (var i = 0; i < count; i += 1) {
     var _classes = prefix({
       pass: i >= startIndex && i <= endIndex,
       active: ~activeIndexs.indexOf(i)
     });
-
     var _mark = (0, _utils2.precisionMath)(i * step + min);
-
     var lastMark = Math.min(max, _mark + step);
     var last = i === count - 1;
     graduatedItems.push( /*#__PURE__*/_react.default.createElement("li", {
@@ -72,14 +59,12 @@ var Graduated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       last: last
     }) : null));
   }
-
   var classes = merge(className, prefix('graduator'));
   return /*#__PURE__*/_react.default.createElement(Component, {
     ref: ref,
     className: classes
   }, /*#__PURE__*/_react.default.createElement("ol", null, graduatedItems));
 });
-
 Graduated.displayName = 'Graduated';
 Graduated.propTypes = {
   step: _propTypes.default.number,

package/cjs/Slider/Handle.js

@@ -1,72 +1,55 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _DOMMouseMoveTracker = _interopRequireDefault(require("dom-lib/DOMMouseMoveTracker"));
-
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
-
 var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
-
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-
 var _utils = require("../utils");
-
 var _Input = _interopRequireDefault(require("./Input"));
-
 var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _extends2;
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
-      className = props.className,
-      disabled = props.disabled,
-      style = props.style,
-      children = props.children,
-      position = props.position,
-      vertical = props.vertical,
-      tooltip = props.tooltip,
-      rtl = props.rtl,
-      value = props.value,
-      role = props.role,
-      tabIndex = props.tabIndex,
-      renderTooltip = props.renderTooltip,
-      onDragStart = props.onDragStart,
-      onDragMove = props.onDragMove,
-      onDragEnd = props.onDragEnd,
-      onKeyDown = props.onKeyDown,
-      dataRange = props['data-range'],
-      dateKey = props['data-key'],
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "disabled", "style", "children", "position", "vertical", "tooltip", "rtl", "value", "role", "tabIndex", "renderTooltip", "onDragStart", "onDragMove", "onDragEnd", "onKeyDown", "data-range", "data-key"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
+    className = props.className,
+    disabled = props.disabled,
+    style = props.style,
+    children = props.children,
+    position = props.position,
+    vertical = props.vertical,
+    tooltip = props.tooltip,
+    rtl = props.rtl,
+    value = props.value,
+    role = props.role,
+    tabIndex = props.tabIndex,
+    renderTooltip = props.renderTooltip,
+    onDragStart = props.onDragStart,
+    onDragMove = props.onDragMove,
+    onDragEnd = props.onDragEnd,
+    onKeyDown = props.onKeyDown,
+    dataRange = props['data-range'],
+    dateKey = props['data-key'],
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "disabled", "style", "children", "position", "vertical", "tooltip", "rtl", "value", "role", "tabIndex", "renderTooltip", "onDragStart", "onDragMove", "onDragEnd", "onKeyDown", "data-range", "data-key"]);
   var _useState = (0, _react.useState)(false),
-      active = _useState[0],
-      setActive = _useState[1];
-
+    active = _useState[0],
+    setActive = _useState[1];
   var rootRef = (0, _react.useRef)(null);
   var horizontalKey = rtl ? 'right' : 'left';
   var direction = vertical ? 'bottom' : horizontalKey;
   var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[direction] = position + "%", _extends2));
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var handleClasses = merge(className, prefix('handle'), {
     active: active
   });
@@ -74,13 +57,11 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var mouseMoveTracker = (0, _react.useRef)();
   var releaseMouseMoves = (0, _react.useCallback)(function () {
     var _mouseMoveTracker$cur;
-
     (_mouseMoveTracker$cur = mouseMoveTracker.current) === null || _mouseMoveTracker$cur === void 0 ? void 0 : _mouseMoveTracker$cur.releaseMouseMoves();
     mouseMoveTracker.current = null;
   }, []);
   var setTooltipPosition = (0, _react.useCallback)(function () {
     var tooltipElement = tooltipRef.current;
-
     if (tooltip && tooltipElement) {
       var width = (0, _getWidth.default)(tooltipElement);
       (0, _addStyle.default)(tooltipElement, 'left', "-" + width / 2 + "px");
@@ -88,17 +69,14 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [tooltip]);
   var handleDragMove = (0, _react.useCallback)(function (_deltaX, _deltaY, event) {
     var _mouseMoveTracker$cur2;
-
     if ((_mouseMoveTracker$cur2 = mouseMoveTracker.current) !== null && _mouseMoveTracker$cur2 !== void 0 && _mouseMoveTracker$cur2.isDragging()) {
       var _rootRef$current;
-
       onDragMove === null || onDragMove === void 0 ? void 0 : onDragMove(event, (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.dataset);
       setTooltipPosition();
     }
   }, [onDragMove, setTooltipPosition]);
   var handleDragEnd = (0, _react.useCallback)(function (event) {
     var _rootRef$current2;
-
     setActive(false);
     releaseMouseMoves();
     onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.dataset);
@@ -108,11 +86,9 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [handleDragEnd, handleDragMove]);
   var handleMouseDown = (0, _react.useCallback)(function (event) {
     var _mouseMoveTracker$cur3, _rootRef$current3;
-
     if (disabled) {
       return;
     }
-
     mouseMoveTracker.current = getMouseMoveTracker();
     (_mouseMoveTracker$cur3 = mouseMoveTracker.current) === null || _mouseMoveTracker$cur3 === void 0 ? void 0 : _mouseMoveTracker$cur3.captureMouseMoves(event);
     (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.focus();
@@ -147,7 +123,6 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     value: value
   }, rest)), children);
 });
-
 Handle.displayName = 'Handle';
 Handle.propTypes = {
   as: _propTypes.default.elementType,

package/cjs/Slider/Input.js

@@ -1,16 +1,12 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var rangeStyles = {
   position: 'absolute',
   overflow: 'hidden',
@@ -18,10 +14,9 @@ var rangeStyles = {
   height: '100%',
   clip: 'rect(0, 0, 0, 0)'
 };
-
 var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var style = props.style,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["style"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["style"]);
   return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
     type: "range",
     readOnly: true,
@@ -29,7 +24,6 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     style: (0, _extends2.default)({}, rangeStyles, style)
   }, rest));
 });
-
 Input.displayName = 'Input';
 var _default = Input;
 exports.default = _default;

package/cjs/Slider/Mark.js

@@ -1,35 +1,28 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var Mark = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'span' : _props$as,
-      mark = props.mark,
-      last = props.last,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'slider-mark' : _props$classPrefix,
-      className = props.className,
-      renderMark = props.renderMark;
-
+    Component = _props$as === void 0 ? 'span' : _props$as,
+    mark = props.mark,
+    last = props.last,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'slider-mark' : _props$classPrefix,
+    className = props.className,
+    renderMark = props.renderMark;
   var _useClassNames = (0, _utils.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({
     last: last
   }));
-
   if (renderMark) {
     return /*#__PURE__*/_react.default.createElement(Component, {
       ref: ref,
@@ -38,10 +31,8 @@ var Mark = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: prefix('content')
     }, renderMark(mark)));
   }
-
   return null;
 });
-
 Mark.displayName = 'Mark';
 Mark.propTypes = {
   as: _propTypes.default.elementType,