@onesy/ui-react 1.0.130 → 1.0.132

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_;

package/esm/TimePicker/TimePicker.js

@@ -344,8 +344,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
   refs.value.current = value;
   refs.mode.current = mode;
   refs.dayTime.current = dayTime;
-  const valueToInput = React.useCallback(function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.value.current;
+  const valueToInput = React.useCallback((valueNew = refs.value.current) => {
     let result = '';
     const [from, to] = is('array', valueNew) ? valueNew : [valueNew];
     if (!(from || to)) return '';
@@ -378,8 +377,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     // Update dayTime
     setDayTime(valueNew.map(item => formatDate(item, 'a')));
   };
-  const errorCheck = React.useCallback(function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : value;
+  const errorCheck = React.useCallback((valueNew = value) => {
     // Error
     setError((valueNew || []).some((item, index) => !valid(item)));
   }, [value]);
@@ -409,9 +407,9 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     if (!props.hasOwnProperty('selecting')) setSelecting(valueNew);
     if (is('function', onChangeSelecting)) onChangeSelecting(valueNew);
   }, [onChangeSelecting]);
-  const valid = React.useCallback(function () {
-    if (is('function', valid_)) return valid_(...arguments);
-    const onesyDate = arguments.length <= 0 ? undefined : arguments[0];
+  const valid = React.useCallback((...args) => {
+    if (is('function', valid_)) return valid_(...args);
+    const onesyDate = args[0];
     if (min || max || validate) {
       let response = true;
       if (is('function', validate)) response = validate(onesyDate);
@@ -453,9 +451,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     value[index] = set(valueTime, unit || selecting[index], value[index]);
     (!actions_ ? onUpdate : setValue)(resolve(value));
   }, [value, actions_, selecting]);
-  const resolve = React.useCallback(function () {
-    let valueNew = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : refs.value.current;
-    let dayTimeNew = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : refs.dayTime.current;
+  const resolve = React.useCallback((valueNew = refs.value.current, dayTimeNew = refs.dayTime.current) => {
     const values = valueNew.filter(Boolean).map((item, index) => {
       // Resolve the range value
       const valueHour = item.hour;
@@ -477,8 +473,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     setDayTime(dayTimeNew);
     (!actions_ ? onUpdate : setValue)(resolve(refs.value.current));
   }, [value, actions_, dayTime, format]);
-  const inputToValue = React.useCallback(function () {
-    let valueNew_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : input;
+  const inputToValue = React.useCallback((valueNew_ = input) => {
     let valueNew = valueNew_;
     let [from, to] = valueNew.split(SEPARATOR);
     from = textToOnesyDate(from);
@@ -506,8 +501,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
     // Update input for free typing
     setInput(valueNew_);
   }, []);
-  const onChangeClock = React.useCallback(function (valueNew_) {
-    let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  const onChangeClock = React.useCallback((valueNew_, index = 0) => {
     const valueNew = [...value];
     if (valueNew_ !== value[index]) {
       valueNew[index] = valueNew_;
@@ -517,8 +511,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
       errorCheck(valueNew);
     }
   }, [value, actions_]);
-  const onChangeSelectingClock = React.useCallback(function (valueNew) {
-    let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  const onChangeSelectingClock = React.useCallback((valueNew, index = 0) => {
     const selectingValue = selecting;
     selectingValue[index] = valueNew;
     if (valueNew !== selecting[0]) setSelecting([...selectingValue]);
@@ -663,26 +656,23 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
   const iconButtonProps = _objectSpread({
     size
   }, IconButtonProps);
-  const clock = function () {
-    let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    return /*#__PURE__*/React.createElement(Clock, _extends({
-      size: size,
-      format: format,
-      value: value[index] || new OnesyDate(),
-      dayTime: dayTime[index] || formatDate(new OnesyDate(), 'a'),
-      selecting: selecting[index],
-      onChange: valueNew => onChangeClock(valueNew, index),
-      onChangeSelecting: valueNew => onChangeSelectingClock(valueNew, index),
-      onDoneSelecting: onDoneSelecting,
-      renderValue: renderValue,
-      valid: valid,
-      hour: hour,
-      minute: minute,
-      second: second,
-      autoNext: autoNext,
-      disabled: disabled
-    }, ClockProps));
-  };
+  const clock = (index = 0) => /*#__PURE__*/React.createElement(Clock, _extends({
+    size: size,
+    format: format,
+    value: value[index] || new OnesyDate(),
+    dayTime: dayTime[index] || formatDate(new OnesyDate(), 'a'),
+    selecting: selecting[index],
+    onChange: valueNew => onChangeClock(valueNew, index),
+    onChangeSelecting: valueNew => onChangeSelectingClock(valueNew, index),
+    onDoneSelecting: onDoneSelecting,
+    renderValue: renderValue,
+    valid: valid,
+    hour: hour,
+    minute: minute,
+    second: second,
+    autoNext: autoNext,
+    disabled: disabled
+  }, ClockProps));
   const moreProps = {};
   if (version === 'desktop') {
     moreProps.end = /*#__PURE__*/React.createElement(IconButton, _extends({
@@ -695,8 +685,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef((props__, ref) => {
       disabled: disabled || readOnly
     }, iconButtonProps), /*#__PURE__*/React.createElement(Icon_, IconProps));
   }
-  const makeInputs = function () {
-    let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  const makeInputs = (index = 0) => {
     const inputProps = _objectSpread({
       tonal,
       color,

package/esm/Timer/Timer.js

@@ -214,10 +214,9 @@ const Timer = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Surface, {
     tonal: tonal,
     color: color
-  }, _ref => {
-    let {
-      palette
-    } = _ref;
+  }, ({
+    palette
+  }) => {
     return /*#__PURE__*/React.createElement(Tree, _extends({
       openDefault: true,
       middle: l('Flags'),

package/esm/Tooltip/Tooltip.js

@@ -368,8 +368,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef((props_, ref) => {
       if (refs.open.current) onOpen();
     }
   }, [longPress]);
-  const resolvePosition = function () {
-    let switched = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  const resolvePosition = (switched = false) => {
     if (!switched) return position;
     if (position === 'top') return 'bottom';
     if (position === 'left') return 'right';

package/esm/ViewSplit/ViewSplit.js

@@ -299,8 +299,7 @@ const ViewSplit = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const onMouseDown = React.useCallback(() => {
     setMouseDown(true);
   }, []);
-  const move = function () {
-    let forward_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const move = (forward_ = true) => {
     let forward = forward_;
     if (refs.orientation.current === 'horizontal') {
       if (refs.direction.current === 'rtl') forward = !forward;

package/esm/Watch/Watch.js

@@ -229,11 +229,10 @@ const Watch = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }, other), /*#__PURE__*/React.createElement(Surface, {
     tonal: tonal,
     color: color
-  }, _ref => {
-    let {
-      backgroundColor,
-      palette
-    } = _ref;
+  }, ({
+    backgroundColor,
+    palette
+  }) => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, version === 'regular' && /*#__PURE__*/React.createElement(Line, _extends({
       gap: 0.5,
       direction: "column",

package/esm/Weather/Weather.js

@@ -30,24 +30,21 @@ const IconWeather = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(Surface, {
     tonal: tonal,
     color: color_
-  }, _ref => {
-    let {
+  }, ({
+    color,
+    backgroundColor
+  }) => /*#__PURE__*/React.createElement("svg", _extends({
+    ref: ref,
+    viewBox: "0 0 177 178",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, other, {
+    style: _objectSpread(_objectSpread({}, style), {}, {
       color,
-      backgroundColor
-    } = _ref;
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      ref: ref,
-      viewBox: "0 0 177 178",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, other, {
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        color,
-        fill: backgroundColor
-      })
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M93.964 1.5C85.944 3.181 78.964 4.033 66.185 12.689C62.393 14.903 52.521 23.956 36.901 39.544C15.559 60.841 12.951 63.812 9.244 71.058C2.449 84.337 0.5 92.138 0.5 106.058C0.5 115.812 0.935 119.455 2.826 125.523C10.658 150.657 27.954 167.964 52.964 175.692C59.053 177.573 62.722 178.008 72.464 178C86.543 177.99 93.354 176.43 105.964 170.329C114.063 166.411 115.649 165.033 139.556 141.138C162.652 118.054 166.644 113.063 170.5 105.504C175.5 93.058 176.964 86.676 176.964 74.212C176.964 61.815 175.094 53.787 169.473 42.058C160.683 23.716 143.356 9.513 123.082 4.033C114.951 1.835 101.984 -0.181001 93.964 1.5Z"
-    }));
-  });
+      fill: backgroundColor
+    })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M93.964 1.5C85.944 3.181 78.964 4.033 66.185 12.689C62.393 14.903 52.521 23.956 36.901 39.544C15.559 60.841 12.951 63.812 9.244 71.058C2.449 84.337 0.5 92.138 0.5 106.058C0.5 115.812 0.935 119.455 2.826 125.523C10.658 150.657 27.954 167.964 52.964 175.692C59.053 177.573 62.722 178.008 72.464 178C86.543 177.99 93.354 176.43 105.964 170.329C114.063 166.411 115.649 165.033 139.556 141.138C162.652 118.054 166.644 113.063 170.5 105.504C175.5 93.058 176.964 86.676 176.964 74.212C176.964 61.815 175.094 53.787 169.473 42.058C160.683 23.716 143.356 9.513 123.082 4.033C114.951 1.835 101.984 -0.181001 93.964 1.5Z"
+  })));
 });
 const useStyle = styleMethod(theme => ({
   root: {

package/esm/Whiteboard/Whiteboard.js

@@ -175,10 +175,7 @@ const Whiteboard = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const onChange = React.useCallback(() => {
     if (is('function', onChangeProps)) onChangeProps(refs.items.current);
   }, [onChangeProps]);
-  const getItems = React.useCallback(function () {
-    let selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
-    return refs.items.current.filter(item => selected === undefined || item.se === selected);
-  }, []);
+  const getItems = React.useCallback((selected = undefined) => refs.items.current.filter(item => selected === undefined || item.se === selected), []);
   const getItem = React.useCallback(() => refs.items.current[refs.items.current.length - 1], []);
   const filterItems = React.useCallback(() => {
     const toRemove = refs.items.current.filter(item => {