@onesy/ui-react 1.0.131 → 1.0.132

package/esm/MenuDesktop/MenuDesktop.js

@@ -413,12 +413,11 @@ const MenuDesktop = /*#__PURE__*/React.forwardRef((props_, ref) => {
     anchorElement: refs.anchorElement.current,
     position: "bottom",
     alignment: "start",
-    element: _ref => {
-      let {
-        ref: refAppend,
-        values,
-        style: styleAppend
-      } = _ref;
+    element: ({
+      ref: refAppend,
+      values,
+      style: styleAppend
+    }) => {
       return /*#__PURE__*/React.createElement(Wrapper, _extends({
         ref: refAppend,
         onMouseEnter: updateOpenPure,

package/esm/Rating/Rating.js

@@ -224,8 +224,7 @@ const Rating = /*#__PURE__*/React.forwardRef((props_, ref) => {
       }
     }
   }, [disabled, readOnly, value, valueActive]);
-  const move = function () {
-    let forward_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const move = (forward_ = true) => {
     const forward = theme.direction === 'ltr' ? forward_ : !forward_;
     let value__ = refs.value.current || 0;
 
@@ -302,8 +301,7 @@ const Rating = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }
     if (is('number', value__) && index < +value__.toFixed(1) && !onlyValue) return '100%';
   };
-  const getIcon = function (index) {
-    let inactive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  const getIcon = (index, inactive = true) => {
     if (inactive) return icons?.[index]?.iconInactive || icons?.[index]?.icon || icon || iconInactive;
     return icons?.[index]?.iconActive || icons?.[index]?.icon || icon || iconActive;
   };

package/esm/RichTextEditor/RichTextEditor.js

@@ -392,14 +392,8 @@ const RichTextEditor = /*#__PURE__*/React.forwardRef((props__, ref) => {
   const query = command => {
     return parse(refs.rootDocument.current.queryCommandValue(command));
   };
-  const includesMinMenu = function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return args.some(item => refs.miniMenuInclude.current.includes(item));
-  };
-  const clear = function () {
-    let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.value.current;
+  const includesMinMenu = (...args) => args.some(item => refs.miniMenuInclude.current.includes(item));
+  const clear = (element = refs.value.current) => {
     const children_ = Array.from(element.children);
     const toRemove = [];
     const other_ = [];
@@ -560,12 +554,7 @@ const RichTextEditor = /*#__PURE__*/React.forwardRef((props__, ref) => {
         break;
     }
   }, []);
-  const includes = function () {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    return !is('array', exclude) || args.some(item => !exclude.includes(item));
-  };
+  const includes = (...args) => !is('array', exclude) || args.some(item => !exclude.includes(item));
 
   // italic, underline, bold
   // updates toolbar
@@ -1679,42 +1668,39 @@ const RichTextEditor = /*#__PURE__*/React.forwardRef((props__, ref) => {
     className: classNames([staticClassName('RichTextEditor', theme) && ['onesy-RichTextEditor-divider'], DividerProps?.className, classes.divider, classes.divider_end])
   }))), miniMenu && !!refs.miniMenuInclude.current.length && /*#__PURE__*/React.createElement(Append, _extends({
     open: selection,
-    element: _ref => {
-      let {
-        ref: ref_,
-        values,
-        style
-      } = _ref;
-      return /*#__PURE__*/React.createElement("div", {
-        ref: item => {
-          if (ref_) {
-            if (is('function', ref_)) ref_(item);else ref_.current = item;
-            refs.miniMenu.current = item;
-          }
-        },
-        style: _objectSpread(_objectSpread({}, values?.x === 0 && values?.y === 0 ? {
-          visibility: 'hidden'
-        } : undefined), style)
-      }, /*#__PURE__*/React.createElement(Fade, {
-        in: !!selection,
-        add: true
-      }, /*#__PURE__*/React.createElement(ClickListener, {
-        onClickOutside: () => {
-          setSelection('');
-        },
-        include: [refs.miniMenu, refs.miniMenu.current, refs.miniMenuElements.colorPalette, refs.miniMenuElements.colorPalette.current, refs.miniMenuElements.backgroundPalette, refs.miniMenuElements.backgroundPalette.current, refs.miniMenuElements.linkAddInput, refs.miniMenuElements.linkAddInput.current]
-      }, /*#__PURE__*/React.createElement(Line, _extends({
-        gap: 2,
-        direction: "row",
-        align: "center",
-        justify: "flex-start",
-        role: "toolbar",
-        "aria-label": l('Mini menu'),
-        Component: Surface
-      }, MiniMenuProps, {
-        className: classNames([staticClassName('RichTextEditor', theme) && ['onesy-RichTextEditor-mini-menu'], MiniMenuProps?.className, classes.miniMenu])
-      }), includesMinMenu('italic', 'underlined', 'bold', 'strike-line') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('italic') && updateElements['italic'], includesMinMenu('underline') && updateElements['underline'], includesMinMenu('bold') && updateElements['bold'], includesMinMenu('strike-line') && updateElements['strike-line']), includesMinMenu('font-color', 'font-background') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('font-color') && updateElements['font-color-mini-menu'], includesMinMenu('font-background') && updateElements['font-background-mini-menu']), includesMinMenu('align-left', 'align-center', 'align-right', 'align-justify') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('align-left') && updateElements['align-left'], includesMinMenu('align-center') && updateElements['align-center'], includesMinMenu('align-right') && updateElements['align-right'], includesMinMenu('align-justify') && updateElements['align-justify']), includesMinMenu('link-add', 'link-remove') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('link-add') && updateElements['link-add-mini-menu'], includesMinMenu('link-remove') && updateElements['link-remove']), includesMinMenu('clear') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('clear') && actionElements['clear'])))));
-    },
+    element: ({
+      ref: ref_,
+      values,
+      style
+    }) => /*#__PURE__*/React.createElement("div", {
+      ref: item => {
+        if (ref_) {
+          if (is('function', ref_)) ref_(item);else ref_.current = item;
+          refs.miniMenu.current = item;
+        }
+      },
+      style: _objectSpread(_objectSpread({}, values?.x === 0 && values?.y === 0 ? {
+        visibility: 'hidden'
+      } : undefined), style)
+    }, /*#__PURE__*/React.createElement(Fade, {
+      in: !!selection,
+      add: true
+    }, /*#__PURE__*/React.createElement(ClickListener, {
+      onClickOutside: () => {
+        setSelection('');
+      },
+      include: [refs.miniMenu, refs.miniMenu.current, refs.miniMenuElements.colorPalette, refs.miniMenuElements.colorPalette.current, refs.miniMenuElements.backgroundPalette, refs.miniMenuElements.backgroundPalette.current, refs.miniMenuElements.linkAddInput, refs.miniMenuElements.linkAddInput.current]
+    }, /*#__PURE__*/React.createElement(Line, _extends({
+      gap: 2,
+      direction: "row",
+      align: "center",
+      justify: "flex-start",
+      role: "toolbar",
+      "aria-label": l('Mini menu'),
+      Component: Surface
+    }, MiniMenuProps, {
+      className: classNames([staticClassName('RichTextEditor', theme) && ['onesy-RichTextEditor-mini-menu'], MiniMenuProps?.className, classes.miniMenu])
+    }), includesMinMenu('italic', 'underlined', 'bold', 'strike-line') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('italic') && updateElements['italic'], includesMinMenu('underline') && updateElements['underline'], includesMinMenu('bold') && updateElements['bold'], includesMinMenu('strike-line') && updateElements['strike-line']), includesMinMenu('font-color', 'font-background') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('font-color') && updateElements['font-color-mini-menu'], includesMinMenu('font-background') && updateElements['font-background-mini-menu']), includesMinMenu('align-left', 'align-center', 'align-right', 'align-justify') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('align-left') && updateElements['align-left'], includesMinMenu('align-center') && updateElements['align-center'], includesMinMenu('align-right') && updateElements['align-right'], includesMinMenu('align-justify') && updateElements['align-justify']), includesMinMenu('link-add', 'link-remove') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('link-add') && updateElements['link-add-mini-menu'], includesMinMenu('link-remove') && updateElements['link-remove']), includesMinMenu('clear') && /*#__PURE__*/React.createElement(ToggleButtons, ToggleButtonsProps, includesMinMenu('clear') && actionElements['clear']))))),
     anchor: selection,
     portal: true,
     alignment: "center",

package/esm/RoundMeter/RoundMeter.js

@@ -555,80 +555,77 @@ const RoundMeter = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }, other), additional, /*#__PURE__*/React.createElement(Surface, {
     tonal: tonal,
     color: color
-  }, _ref => {
-    let {
-      color: color_,
-      backgroundColor
-    } = _ref;
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: `0 ${yViewBox} ${width || 0} ${height || 0}`
-    }, SvgProps, {
-      className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-svg'], SvgProps?.className, classes.svg])
-    }), childrenPosition === 'pre' && children_, background && /*#__PURE__*/React.createElement("path", _extends({
-      d: pathBackground,
-      fill: backgroundColor,
-      stroke: "none"
-    }, pathProps, BackgroundProps)), border && /*#__PURE__*/React.createElement("path", _extends({
-      d: pathBorder,
-      fill: "none",
-      stroke: color_,
-      strokeWidth: boundaryWidth
-    }, pathProps, BorderProps)), arcsVisible && /*#__PURE__*/React.createElement("g", {
-      className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-arcs'], classes.arcs])
-    }, arcs.map((item, index) => /*#__PURE__*/React.createElement("path", _extends({
+  }, ({
+    color: color_,
+    backgroundColor
+  }) => /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: `0 ${yViewBox} ${width || 0} ${height || 0}`
+  }, SvgProps, {
+    className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-svg'], SvgProps?.className, classes.svg])
+  }), childrenPosition === 'pre' && children_, background && /*#__PURE__*/React.createElement("path", _extends({
+    d: pathBackground,
+    fill: backgroundColor,
+    stroke: "none"
+  }, pathProps, BackgroundProps)), border && /*#__PURE__*/React.createElement("path", _extends({
+    d: pathBorder,
+    fill: "none",
+    stroke: color_,
+    strokeWidth: boundaryWidth
+  }, pathProps, BorderProps)), arcsVisible && /*#__PURE__*/React.createElement("g", {
+    className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-arcs'], classes.arcs])
+  }, arcs.map((item, index) => /*#__PURE__*/React.createElement("path", _extends({
+    key: index,
+    d: item.d,
+    fill: "none",
+    stroke: color_,
+    strokeWidth: boundaryWidth,
+    strokeLinecap: lineCap
+  }, pathProps, ArcProps, ArcMainProps)))), arcsVisible && arcProgress && /*#__PURE__*/React.createElement("g", _extends({}, ArcsProgressProps, {
+    className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-arcs-progress'], ArcsProgressProps?.className, classes.arcs_progress])
+  }), arcs.map((item, index) => /*#__PURE__*/React.createElement("path", _extends({
+    key: index,
+    d: item.d,
+    fill: "none",
+    stroke: color_,
+    strokeWidth: boundaryWidth,
+    strokeLinecap: lineCap
+  }, pathProps, ArcProps, ArcProgressProps)))), childrenPosition === 'pre-marks' && children_, marksVisible && !!marks_.length && marks.map((marksValue, index) => /*#__PURE__*/React.createElement("g", {
+    key: index,
+    className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-marks'], classes.marks])
+  }, marksValue.map((item, index_) => /*#__PURE__*/React.createElement("path", _extends({
+    key: index_,
+    d: item.d,
+    fill: "none",
+    stroke: color_,
+    strokeWidth: item.width !== undefined ? item.width : markWidth,
+    strokeLinecap: lineCap
+  }, pathProps, MarkProps))))), childrenPosition === 'pre-labels' && children_, labelsVisible && !!labels_.length && labels.map((labelsValue, index) => {
+    return /*#__PURE__*/React.createElement("g", {
       key: index,
-      d: item.d,
-      fill: "none",
-      stroke: color_,
-      strokeWidth: boundaryWidth,
-      strokeLinecap: lineCap
-    }, pathProps, ArcProps, ArcMainProps)))), arcsVisible && arcProgress && /*#__PURE__*/React.createElement("g", _extends({}, ArcsProgressProps, {
-      className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-arcs-progress'], ArcsProgressProps?.className, classes.arcs_progress])
-    }), arcs.map((item, index) => /*#__PURE__*/React.createElement("path", _extends({
-      key: index,
-      d: item.d,
-      fill: "none",
-      stroke: color_,
-      strokeWidth: boundaryWidth,
-      strokeLinecap: lineCap
-    }, pathProps, ArcProps, ArcProgressProps)))), childrenPosition === 'pre-marks' && children_, marksVisible && !!marks_.length && marks.map((marksValue, index) => /*#__PURE__*/React.createElement("g", {
-      key: index,
-      className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-marks'], classes.marks])
-    }, marksValue.map((item, index_) => /*#__PURE__*/React.createElement("path", _extends({
-      key: index_,
-      d: item.d,
-      fill: "none",
-      stroke: color_,
-      strokeWidth: item.width !== undefined ? item.width : markWidth,
-      strokeLinecap: lineCap
-    }, pathProps, MarkProps))))), childrenPosition === 'pre-labels' && children_, labelsVisible && !!labels_.length && labels.map((labelsValue, index) => {
-      return /*#__PURE__*/React.createElement("g", {
-        key: index,
-        className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-labels'], classes.labels])
-      }, labelsValue.map((item, index_) => {
-        const {
-            x,
-            y,
-            value
-          } = item,
-          other_ = _objectWithoutProperties(item, _excluded4);
-        const propsLabel = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, other_), textProps), LabelProps), {}, {
-          style: _objectSpread(_objectSpread(_objectSpread({
-            fill: color_
-          }, other_.style), textProps?.style), LabelProps?.style)
-        });
-        if (is('function', renderLabel)) return renderLabel(x, y, value, propsLabel);
-        return /*#__PURE__*/React.createElement("text", _extends({
-          key: index_,
-          x: x,
-          y: y
-        }, propsLabel, {
-          className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-label'], other_?.className, textProps?.className, LabelProps?.className, classes.label])
-        }), value);
-      }));
-    }), childrenPosition === 'post' && children_);
-  }));
+      className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-labels'], classes.labels])
+    }, labelsValue.map((item, index_) => {
+      const {
+          x,
+          y,
+          value
+        } = item,
+        other_ = _objectWithoutProperties(item, _excluded4);
+      const propsLabel = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, other_), textProps), LabelProps), {}, {
+        style: _objectSpread(_objectSpread(_objectSpread({
+          fill: color_
+        }, other_.style), textProps?.style), LabelProps?.style)
+      });
+      if (is('function', renderLabel)) return renderLabel(x, y, value, propsLabel);
+      return /*#__PURE__*/React.createElement("text", _extends({
+        key: index_,
+        x: x,
+        y: y
+      }, propsLabel, {
+        className: classNames([staticClassName('RoundMeter', theme) && ['onesy-RoundMeter-label'], other_?.className, textProps?.className, LabelProps?.className, classes.label])
+      }), value);
+    }));
+  }), childrenPosition === 'post' && children_)));
 });
 RoundMeter.displayName = 'onesy-RoundMeter';
 export default RoundMeter;

package/esm/ScreenCapture/ScreenCapture.js

@@ -170,8 +170,7 @@ const ScreenCapture = /*#__PURE__*/React.forwardRef((props_, ref) => {
     if (!props.hasOwnProperty('value')) setName(value_);
     if (is('function', onChangeName)) onChangeName(value_);
   };
-  const trackToValue = React.useCallback(async function (track) {
-    let version = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'canvas';
+  const trackToValue = React.useCallback(async (track, version = 'canvas') => {
     const rootDocument = isEnvironment('browser') ? refs.root.current?.ownerDocument || window.document : undefined;
     const canvasElement = document.createElement('canvas');
     const {
@@ -200,9 +199,7 @@ const ScreenCapture = /*#__PURE__*/React.forwardRef((props_, ref) => {
     const image = canvasElement.toDataURL(type, quality);
     return image;
   }, [type, quality]);
-  const make = React.useCallback(async function () {
-    let version = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'image';
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const make = React.useCallback(async (version = 'image', options = {}) => {
     const rootDocument = isEnvironment('browser') ? refs.root.current?.ownerDocument || window.document : undefined;
     refs.element.current = rootDocument.createElement('video');
     let tracks;

package/esm/Select/Select.js

@@ -249,8 +249,7 @@ const Select = /*#__PURE__*/React.forwardRef((props_, ref) => {
       return !open_;
     });
   }, []);
-  const onClose = React.useCallback(function () {
-    let refocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const onClose = React.useCallback((refocus = true) => {
     if (!disabled && !readOnly) {
       setOpen(open_ => {
         if (open_ && refocus) refs.input.current.focus();
@@ -275,8 +274,7 @@ const Select = /*#__PURE__*/React.forwardRef((props_, ref) => {
       onChange(values);
     }
   };
-  const onClear = React.useCallback(function () {
-    let refocus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  const onClear = React.useCallback((refocus = false) => {
     if (!disabled && !readOnly) {
       onChange(multiple ? [] : null);
       if (refocus) refs.input.current.focus();
@@ -299,13 +297,11 @@ const Select = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }
     return l(noSelectText) || l('Select an option');
   };
-  const renderValue = function () {
-    let itemValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : value;
+  const renderValue = (itemValue = value) => {
     const item = !!items?.length ? items.find(item_ => getValue(item_) === getValue(itemValue)) : children.find(item_ => getValue(item_.props?.value) === getValue(itemValue));
     return item ? getLabel(item, props) : getLabel(itemValue, props) || '';
   };
-  const renderValues = renderValues_ || function () {
-    let value__ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : value;
+  const renderValues = renderValues_ || ((value__ = value) => {
     if (multiple) {
       if (chip) {
         return /*#__PURE__*/React.createElement(Chips, _extends({
@@ -337,7 +333,7 @@ const Select = /*#__PURE__*/React.forwardRef((props_, ref) => {
       return value?.length ? valuesAll : noSelectText || name;
     }
     return renderValue(value);
-  };
+  });
   const endIcons = [end, clear && !!(multiple ? value.length : ![undefined, null].includes(value)) && /*#__PURE__*/React.createElement(IconButton, _extends({
     onClick: onClear,
     size: "small",

package/esm/Share/Share.js

@@ -246,11 +246,10 @@ const Share = /*#__PURE__*/React.forwardRef((props_, ref) => {
     const valuesEncoded = {};
     values['name-with-url'] = `${values.name}\n\n${values.url}`;
     Object.keys(values).forEach(item_ => valuesEncoded[item_] = encodeURIComponent(values[item_]));
-    const popupCenter = function () {
-      let valuesWindow = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        width: 700,
-        height: 700
-      };
+    const popupCenter = (valuesWindow = {
+      width: 700,
+      height: 700
+    }) => {
       const width = clamp(valuesWindow.width, 240, window.innerWidth);
       const height = clamp(valuesWindow.height, 240, window.screen.height);
       const top = Math.round((window.screen.height - height) / 2);

package/esm/Slide/Slide.js

@@ -51,8 +51,7 @@ const Slide = /*#__PURE__*/React.forwardRef((props_, ref) => {
     root: React.useRef(undefined),
     rect: React.useRef(undefined)
   };
-  const translate = function () {
-    let useMin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  const translate = (useMin = false) => {
     const rect = !removeOnExited ? refs.rect.current : refs.root?.current?.getBoundingClientRect();
     const {
       width = 0,
@@ -126,8 +125,7 @@ const Slide = /*#__PURE__*/React.forwardRef((props_, ref) => {
     };
     return allStyles[status];
   };
-  const duration = function (status) {
-    let property = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'transform';
+  const duration = (status, property = 'transform') => {
     const properties = {
       transform: theme.transitions.duration.xs
     };

package/esm/Slider/Slider.js

@@ -502,8 +502,7 @@ const Slider = /*#__PURE__*/React.forwardRef((props_, ref) => {
   let color = color_;
   if (disabled) color = 'default';
   const valueDecimals = (String(precision).includes('e-') ? +String(precision).split('e-')[1] : String(precision).split('.')[1]?.length) || 0;
-  const valuePrecision = function (valueMouse) {
-    let mouseDownButtonUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const valuePrecision = (valueMouse, mouseDownButtonUpdate = false) => {
     let value__ = valueFromPercentageWithinRange(valueMouse * 100, refs.min.current, refs.max.current);
     if (refs.direction.current === 'rtl' && orientation === 'horizontal') value__ = refs.max.current + refs.min.current - value__;
     if (value__ <= refs.min.current) return refs.min.current;
@@ -629,8 +628,7 @@ const Slider = /*#__PURE__*/React.forwardRef((props_, ref) => {
       }
     }
   }, [disabled, readOnly, onChange, value, mouseDownButton]);
-  const moveItem = function () {
-    let forward_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const moveItem = (forward_ = true) => {
     const forward = orientation === 'vertical' || theme.direction === 'ltr' && orientation === 'horizontal' ? forward_ : !forward_;
     let valueNew = is('array', refs.value.current) ? [...refs.value.current] : refs.value.current;
     let index = refs.focusButton.current || 0;
@@ -754,8 +752,7 @@ const Slider = /*#__PURE__*/React.forwardRef((props_, ref) => {
   styles.label.background = !tonal ? palette?.[40] || (color === 'default' ? theme.palette.text.default.primary : theme.palette.color[color].main) : theme.methods.palette.color.value(color, 40, true, palette);
   styles.label.color = theme.methods.palette.color.text(styles.label.background, true, 'light');
   const values = is('array', value) ? value : [value];
-  const valueValue = function () {
-    let value__ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : values[0];
+  const valueValue = (value__ = values[0]) => {
     let valueNew = value__;
     if (value__ === refs.min.current) valueNew = 0;else if (value__ === refs.max.current) valueNew = 100;else valueNew = percentageFromValueWithinRange(value__, refs.min.current, refs.max.current);
     return clamp(valueNew, 0, 100);

package/esm/SmartTextField/SmartTextField.js

@@ -332,8 +332,7 @@ const SmartTextField = /*#__PURE__*/React.forwardRef((props_, ref) => {
       });
     }
   }, []);
-  const validate = React.useCallback(function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
+  const validate = React.useCallback((valueNew = undefined) => {
     // Save caret position
     refs.caret.current = caret.save(refs.root.current);
 
@@ -497,8 +496,7 @@ const SmartTextField = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const onDrop = React.useCallback(event => {
     event.preventDefault();
   }, []);
-  const addTag = React.useCallback(function (item) {
-    let versionMention = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'user';
+  const addTag = React.useCallback((item, versionMention = 'user') => {
     // Save caret position
     refs.caret.current = caret.save(refs.root.current);
     const itemName = item.name;

package/esm/Snackbar/Snackbar.js

@@ -119,8 +119,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const onClose = React.useCallback(() => {
     if (is('function', onClose_)) onClose_();
   }, [onClose_]);
-  const addTimeout = React.useCallback(function () {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : autoHideDuration;
+  const addTimeout = React.useCallback((value = autoHideDuration) => {
     clearTimeout(timeouts[id]);
     timeouts[id] = setTimeout(() => onClose(), value);
     refs.timeoutStart.current = new Date().getTime();

package/esm/Snackbars/Snackbars.js

@@ -199,10 +199,10 @@ const Snackbars = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }, snackbarProps, item.Snackbar, {
     TransitionComponentProps: _objectSpread(_objectSpread(_objectSpread({}, snackbarProps?.TransitionComponentProps), item.Snackbar?.TransitionComponentProps), {}, {
       removeOnExited: false,
-      onExited: function () {
+      onExited: (...args) => {
         onSnackbarExited(item.id);
-        if (is('function', snackbarProps?.TransitionComponentProps?.onExited)) snackbarProps.TransitionComponentProps.onExited(...arguments);
-        if (is('function', item.Snackbar?.onExited)) item.Snackbar.onExited(...arguments);
+        if (is('function', snackbarProps?.TransitionComponentProps?.onExited)) snackbarProps.TransitionComponentProps.onExited(...args);
+        if (is('function', item.Snackbar?.onExited)) item.Snackbar.onExited(...args);
       }
     }),
     onClose: () => onClose(item.id),

package/esm/Space/Space.js

@@ -479,8 +479,7 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
     });
     setItems(itemsNew);
   }, []);
-  const onItemMakeCopy = React.useCallback(function () {
-    let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.itemOpen.current;
+  const onItemMakeCopy = React.useCallback((item = refs.itemOpen.current) => {
     const itemNew = _objectSpread(_objectSpread({}, copy(item)), {}, {
       id: getID(),
       name: `${item.name} copy`
@@ -552,8 +551,7 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
     if ((String(valueNew_).startsWith('-0') || String(valueNew_).includes('.')) && clamp(+valueNew_, refs.minSize.current, refs.maxSize.current) === +valueNew_) return valueNew_;
     return !valueNew ? clamp(+valueNew, refs.minSize.current, refs.maxSize.current) : valueNew;
   }, []);
-  const toUnitValue = React.useCallback(function (valueNew_) {
-    let raw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const toUnitValue = React.useCallback((valueNew_, raw = false) => {
     if (['', ' ', '+', '-', 'e', 'e+', 'e-', undefined, null].includes(valueNew_)) return valueNew_;
     let valueNew = valueNew_;
     const unit_ = refs.unit.current;
@@ -770,8 +768,7 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
       if (item.group !== refs.selectedGroup.current) setSelectedGroup(null);
     }
   }, []);
-  const onItemUpdate = React.useCallback(function (valueNew) {
-    let item = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : refs.itemOpen.current;
+  const onItemUpdate = React.useCallback((valueNew, item = refs.itemOpen.current) => {
     const itemsNew = [...refs.items.current];
     const index = itemsNew.findIndex(item_ => item_.id === item.id);
     if (index > -1) {

package/esm/Switch/Switch.js

@@ -302,8 +302,7 @@ const Switch = /*#__PURE__*/React.forwardRef((props_, ref) => {
       timeout: 100
     }]
   };
-  const ltrSign = function () {
-    let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  const ltrSign = (item = '') => {
     if (theme.direction === 'ltr') return item;
     return !item ? '-' : '';
   };

package/esm/Tabs/Tabs.js

@@ -261,8 +261,7 @@ const Tabs = /*#__PURE__*/React.forwardRef((props_, ref) => {
     }
     if (is('function', onChange_)) onChange_(valueItem);
   };
-  const move = function () {
-    let forward_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const move = (forward_ = true) => {
     const forward = theme.direction === 'ltr' || orientation === 'vertical' ? forward_ : !forward_;
     const rect = refs.tabsRoot.current.getBoundingClientRect();
     let moveValue_;