@onesy/ui-react 1.0.164 → 1.0.167

package/esm/ModalFooter/ModalFooter.js

@@ -4,6 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import LineElement from '../Line';
@@ -16,9 +17,10 @@ const useStyle = styleMethod(theme => ({
   name: 'onesy-ModalFooter'
 });
 const ModalFooter = /*#__PURE__*/React.forwardRef((props_, ref) => {
+  const $ = _c(6);
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyModalFooter?.props?.default), props_), [props_]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyModalFooter?.props?.default), props_);
+  const Line = theme?.elements?.Line || LineElement;
   const {
       className,
       children
@@ -27,14 +29,31 @@ const ModalFooter = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const {
     classes
   } = useStyle();
-  return /*#__PURE__*/React.createElement(Line, _extends({
-    ref: ref,
-    direction: "row",
-    align: "center",
-    justify: "space-between",
-    fullWidth: true,
-    className: classNames([staticClassName('ModalFooter', theme) && ['onesy-ModalFooter-root'], className, classes.root])
-  }, other), children);
+  const t0 = "row";
+  const t1 = "center";
+  const t2 = "space-between";
+  const t3 = true;
+  const t4 = classNames([staticClassName("ModalFooter", theme) && ["onesy-ModalFooter-root"], className, classes.root]);
+  let t5;
+  if ($[0] !== Line || $[1] !== children || $[2] !== other || $[3] !== ref || $[4] !== t4) {
+    t5 = /*#__PURE__*/React.createElement(Line, _extends({
+      ref: ref,
+      direction: t0,
+      align: t1,
+      justify: t2,
+      fullWidth: t3,
+      className: t4
+    }, other), children);
+    $[0] = Line;
+    $[1] = children;
+    $[2] = other;
+    $[3] = ref;
+    $[4] = t4;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  return t5;
 });
 ModalFooter.displayName = 'onesy-ModalFooter';
 export default ModalFooter;

package/esm/ModalHeader/ModalHeader.js

@@ -4,6 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import LineElement from '../Line/Line';
@@ -16,9 +17,10 @@ const useStyle = styleMethod(theme => ({
   name: 'onesy-ModalHeader'
 });
 const ModalHeader = /*#__PURE__*/React.forwardRef((props_, ref) => {
+  const $ = _c(6);
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyModalHeader?.props?.default), props_), [props_]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyModalHeader?.props?.default), props_);
+  const Line = theme?.elements?.Line || LineElement;
   const {
       className,
       children
@@ -27,15 +29,33 @@ const ModalHeader = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const {
     classes
   } = useStyle();
-  return /*#__PURE__*/React.createElement(Line, _extends({
-    ref: ref,
-    gap: 2,
-    direction: "column",
-    align: "center",
-    justify: "center",
-    fullWidth: true,
-    className: classNames([staticClassName('ModalHeader', theme) && ['onesy-ModalHeader-root'], className, classes.root])
-  }, other), children);
+  const t0 = 2;
+  const t1 = "column";
+  const t2 = "center";
+  const t3 = "center";
+  const t4 = true;
+  const t5 = classNames([staticClassName("ModalHeader", theme) && ["onesy-ModalHeader-root"], className, classes.root]);
+  let t6;
+  if ($[0] !== Line || $[1] !== children || $[2] !== other || $[3] !== ref || $[4] !== t5) {
+    t6 = /*#__PURE__*/React.createElement(Line, _extends({
+      ref: ref,
+      gap: t0,
+      direction: t1,
+      align: t2,
+      justify: t3,
+      fullWidth: t4,
+      className: t5
+    }, other), children);
+    $[0] = Line;
+    $[1] = children;
+    $[2] = other;
+    $[3] = ref;
+    $[4] = t5;
+    $[5] = t6;
+  } else {
+    t6 = $[5];
+  }
+  return t6;
 });
 ModalHeader.displayName = 'onesy-ModalHeader';
 export default ModalHeader;

package/esm/ModalIcon/ModalIcon.js

@@ -7,7 +7,7 @@ import React from 'react';
 import { useOnesyTheme } from '@onesy/style-react';
 const ModalIcon = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyModalIcon?.props?.default), props_), [props_]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyModalIcon?.props?.default), props_);
   const {
       className,
       children

package/esm/ModalMain/ModalMain.js

@@ -4,6 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import LineElement from '../Line';
@@ -20,9 +21,10 @@ const useStyle = styleMethod(theme => ({
   name: 'onesy-ModalMain'
 });
 const ModalMain = /*#__PURE__*/React.forwardRef((props_, ref) => {
+  const $ = _c(7);
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyModalMain?.props?.default), props_), [props_]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyModalMain?.props?.default), props_);
+  const Line = theme?.elements?.Line || LineElement;
   const {
       className,
       children
@@ -31,15 +33,32 @@ const ModalMain = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const {
     classes
   } = useStyle();
-  let align = 'flex-start';
-  if (React.Children.toArray(children).length > 1) align = 'center';
-  return /*#__PURE__*/React.createElement(Line, _extends({
-    ref: ref,
-    align: align,
-    className: classNames([staticClassName('ModalMain', theme) && ['onesy-ModalMain-root'], className, classes.root]),
-    flex: true,
-    fullWidth: true
-  }, other), children);
+  let align = "flex-start";
+  if (React.Children.toArray(children).length > 1) {
+    align = "center";
+  }
+  const t0 = align;
+  const t1 = classNames([staticClassName("ModalMain", theme) && ["onesy-ModalMain-root"], className, classes.root]);
+  let t2;
+  if ($[0] !== Line || $[1] !== align || $[2] !== children || $[3] !== other || $[4] !== ref || $[5] !== t1) {
+    t2 = /*#__PURE__*/React.createElement(Line, _extends({
+      ref: ref,
+      align: t0,
+      className: t1,
+      flex: true,
+      fullWidth: true
+    }, other), children);
+    $[0] = Line;
+    $[1] = align;
+    $[2] = children;
+    $[3] = other;
+    $[4] = ref;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 });
 ModalMain.displayName = 'onesy-ModalMain';
 export default ModalMain;

package/esm/ModalText/ModalText.js

@@ -4,6 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import TypeElement from '../Type';
@@ -14,9 +15,10 @@ const useStyle = styleMethod(theme => ({
   name: 'onesy-ModalText'
 });
 const ModalText = /*#__PURE__*/React.forwardRef((props_, ref) => {
+  const $ = _c(6);
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyModalText?.props?.default), props_), [props_]);
-  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyModalText?.props?.default), props_);
+  const Type = theme?.elements?.Type || TypeElement;
   const {
       className,
       children
@@ -25,13 +27,29 @@ const ModalText = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const {
     classes
   } = useStyle();
-  return /*#__PURE__*/React.createElement(Type, _extends({
-    ref: ref,
-    version: "b2",
-    align: "center",
-    id: "onesy-modal-text",
-    className: classNames([staticClassName('ModalText', theme) && ['onesy-ModalText-root'], className, classes.root])
-  }, other), children);
+  const t0 = "b2";
+  const t1 = "center";
+  const t2 = "onesy-modal-text";
+  const t3 = classNames([staticClassName("ModalText", theme) && ["onesy-ModalText-root"], className, classes.root]);
+  let t4;
+  if ($[0] !== Type || $[1] !== children || $[2] !== other || $[3] !== ref || $[4] !== t3) {
+    t4 = /*#__PURE__*/React.createElement(Type, _extends({
+      ref: ref,
+      version: t0,
+      align: t1,
+      id: t2,
+      className: t3
+    }, other), children);
+    $[0] = Type;
+    $[1] = children;
+    $[2] = other;
+    $[3] = ref;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  return t4;
 });
 ModalText.displayName = 'onesy-ModalText';
 export default ModalText;

package/esm/ModalTitle/ModalTitle.js

@@ -4,6 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import TypeElement from '../Type';
@@ -14,9 +15,10 @@ const useStyle = styleMethod(theme => ({
   name: 'onesy-ModalTitle'
 });
 const ModalTitle = /*#__PURE__*/React.forwardRef((props_, ref) => {
+  const $ = _c(6);
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyModalTitle?.props?.default), props_), [props_]);
-  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyModalTitle?.props?.default), props_);
+  const Type = theme?.elements?.Type || TypeElement;
   const {
       className,
       children
@@ -25,13 +27,29 @@ const ModalTitle = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const {
     classes
   } = useStyle();
-  return /*#__PURE__*/React.createElement(Type, _extends({
-    ref: ref,
-    version: "t2",
-    align: "center",
-    id: "onesy-modal-title",
-    className: classNames([staticClassName('ModalTitle', theme) && ['onesy-ModalTitle-root'], className, classes.root])
-  }, other), children);
+  const t0 = "t2";
+  const t1 = "center";
+  const t2 = "onesy-modal-title";
+  const t3 = classNames([staticClassName("ModalTitle", theme) && ["onesy-ModalTitle-root"], className, classes.root]);
+  let t4;
+  if ($[0] !== Type || $[1] !== children || $[2] !== other || $[3] !== ref || $[4] !== t3) {
+    t4 = /*#__PURE__*/React.createElement(Type, _extends({
+      ref: ref,
+      version: t0,
+      align: t1,
+      id: t2,
+      className: t3
+    }, other), children);
+    $[0] = Type;
+    $[1] = children;
+    $[2] = other;
+    $[3] = ref;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  return t4;
 });
 ModalTitle.displayName = 'onesy-ModalTitle';
 export default ModalTitle;

package/esm/MoreOptions/MoreOptions.js

@@ -4,6 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["menuItems", "Icon", "IconButtonProps", "className"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import IconMaterialMoreVert from '@onesy/icons-material-rounded-react/IconMaterialMoreVertW100';
@@ -19,41 +20,63 @@ const useStyle = styleMethod(theme => ({
   name: 'onesy-MoreOptions'
 });
 const MoreOptions = /*#__PURE__*/React.forwardRef((props_, ref) => {
+  const $ = _c(8);
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyMoreOptions?.props?.default), props_), [props_]);
-  const Menu = React.useMemo(() => theme?.elements?.Menu || MenuElement, [theme]);
-  const IconButton = React.useMemo(() => theme?.elements?.IconButton || IconButtonElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyMoreOptions?.props?.default), props_);
+  const Menu = theme?.elements?.Menu || MenuElement;
+  const IconButton = theme?.elements?.IconButton || IconButtonElement;
   const {
       menuItems,
-      Icon: Icon_ = IconMaterialMoreVert,
+      Icon: t0,
       IconButtonProps,
       className
     } = props,
     other = _objectWithoutProperties(props, _excluded);
+  const Icon_ = t0 === undefined ? IconMaterialMoreVert : t0;
   const {
     classes
   } = useStyle();
-  const onClick = React.useCallback(event => {
-    //  event.stopPropagation();
-  }, []);
+  const t1 = classNames([staticClassName("MoreOptions", theme) && ["onesy-MoreOptions-root"], className, classes.root]);
+  const t2 = "inherit";
+  const t3 = "small";
+  const t4 = !menuItems?.length;
+  const t5 = classNames([staticClassName("MoreOptions", theme) && ["onesy-MoreOptions-icon-button"], IconButtonProps?.className, classes.iconButton]);
+  let t6;
+  if ($[0] !== Icon_) {
+    t6 = /*#__PURE__*/React.createElement(Icon_, null);
+    $[0] = Icon_;
+    $[1] = t6;
+  } else {
+    t6 = $[1];
+  }
+  let t7;
+  if ($[2] !== IconButton || $[3] !== IconButtonProps || $[4] !== t4 || $[5] !== t5 || $[6] !== t6) {
+    t7 = /*#__PURE__*/React.createElement(IconButton, _extends({
+      color: t2,
+      size: t3,
+      disabled: t4
+    }, IconButtonProps, {
+      className: t5
+    }), t6);
+    $[2] = IconButton;
+    $[3] = IconButtonProps;
+    $[4] = t4;
+    $[5] = t5;
+    $[6] = t6;
+    $[7] = t7;
+  } else {
+    t7 = $[7];
+  }
   return /*#__PURE__*/React.createElement(Menu, _extends({
     alignment: "center",
-    onClick: onClick,
     menuItems: menuItems
   }, other, {
     ListProps: _objectSpread({
-      color: 'themed',
-      size: 'small'
+      color: "themed",
+      size: "small"
     }, other?.ListProps),
-    className: classNames([staticClassName('MoreOptions', theme) && ['onesy-MoreOptions-root'], className, classes.root])
-  }), /*#__PURE__*/React.createElement(IconButton, _extends({
-    color: "inherit",
-    size: "small",
-    disabled: !menuItems?.length,
-    onClick: onClick
-  }, IconButtonProps, {
-    className: classNames([staticClassName('MoreOptions', theme) && ['onesy-MoreOptions-icon-button'], IconButtonProps?.className, classes.iconButton])
-  }), /*#__PURE__*/React.createElement(Icon_, null)));
+    className: t1
+  }), t7);
 });
 MoreOptions.displayName = 'onesy-MoreOptions';
 export default MoreOptions;

package/esm/Move/Move.js

@@ -18,7 +18,7 @@ const useStyle = styleMethod(theme => ({
 });
 const Move = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyMove?.props?.default), props_), [props_]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyMove?.props?.default), props_);
   const {
     classes
   } = useStyle();
@@ -56,19 +56,19 @@ const Move = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const styles = {
     root: {}
   };
-  const onMouseDown = React.useCallback(event => {
+  const onMouseDown = event => {
     setMouseDown(true);
     if (is('function', refs.onMouseDown.current)) refs.onMouseDown.current(event);
-  }, []);
-  const onTouchStart = React.useCallback(event => {
+  };
+  const onTouchStart = event_0 => {
     setMouseDown(true);
-    if (is('function', refs.onTouchStart.current)) refs.onTouchStart.current(event);
-  }, []);
-  const onMouseUp = React.useCallback(event => {
+    if (is('function', refs.onTouchStart.current)) refs.onTouchStart.current(event_0);
+  };
+  const onMouseUp = event_1 => {
     setMouseDown(false);
     refs.previousMouseEvent.current = undefined;
-    if (is('function', refs.onMouseDown.current)) refs.onMouseDown.current(event);
-  }, []);
+    if (is('function', refs.onMouseDown.current)) refs.onMouseDown.current(event_1);
+  };
   React.useEffect(() => {
     const onMove = (x_, y_) => {
       if (refs.mouseDown.current && refs.previousMouseEvent.current && !refs.disabled.current) {
@@ -98,28 +98,28 @@ const Move = /*#__PURE__*/React.forwardRef((props_, ref) => {
         setValues(valuesNew);
       }
     };
-    const onMouseMove = event => {
+    const onMouseMove = event_2 => {
       if (refs.mouseDown.current && !refs.disabled.current) {
         const {
           clientY,
           clientX
-        } = event;
+        } = event_2;
         onMove(clientX, clientY);
-        refs.previousMouseEvent.current = event;
+        refs.previousMouseEvent.current = event_2;
       }
     };
-    const onTouchMove = event => {
+    const onTouchMove = event_3 => {
       if (refs.mouseDown.current && !refs.disabled.current) {
         const {
-          clientY,
-          clientX
-        } = event.touches[0];
-        onMove(clientX, clientY);
-        refs.previousMouseEvent.current = event;
+          clientY: clientY_0,
+          clientX: clientX_0
+        } = event_3.touches[0];
+        onMove(clientX_0, clientY_0);
+        refs.previousMouseEvent.current = event_3;
 
         // Normalize for use as a mouseDown value
-        refs.previousMouseEvent.current.clientY = clientY;
-        refs.previousMouseEvent.current.clientX = clientX;
+        refs.previousMouseEvent.current.clientY = clientY_0;
+        refs.previousMouseEvent.current.clientX = clientX_0;
       }
     };
     if (manage && refs.root.current) {
@@ -145,11 +145,11 @@ const Move = /*#__PURE__*/React.forwardRef((props_, ref) => {
     };
   }, []);
   return /*#__PURE__*/React.createElement(Component, _extends({
-    ref: item => {
+    ref: item_0 => {
       if (ref) {
-        if (is('function', ref)) ref(item);else ref.current = item;
+        if (is('function', ref)) ref(item_0);else ref.current = item_0;
       }
-      refs.root.current = item;
+      refs.root.current = item_0;
     },
     onMouseDown: onMouseDown,
     onTouchStart: onTouchStart,