@onesy/ui-react 1.0.164 → 1.0.167

package/esm/TimeRangePicker/TimeRangePicker.js

@@ -4,6 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["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 TimePickerElement from '../TimePicker';
@@ -14,9 +15,10 @@ const useStyle = styleMethod(theme => ({
   name: 'onesy-TimeRangePicker'
 });
 const TimeRangePicker = /*#__PURE__*/React.forwardRef((props_, ref) => {
+  const $ = _c(5);
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyTimeRangePicker?.props?.default), props_), [props_]);
-  const TimePicker = React.useMemo(() => theme?.elements?.TimePicker || TimePickerElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyTimeRangePicker?.props?.default), props_);
+  const TimePicker = theme?.elements?.TimePicker || TimePickerElement;
   const {
       className
     } = props,
@@ -24,11 +26,24 @@ const TimeRangePicker = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const {
     classes
   } = useStyle();
-  return /*#__PURE__*/React.createElement(TimePicker, _extends({
-    ref: ref,
-    range: true,
-    className: classNames([staticClassName('TimeRangePicker', theme) && ['onesy-TimeRangePicker-root'], className, classes.root])
-  }, other));
+  const t0 = true;
+  const t1 = classNames([staticClassName("TimeRangePicker", theme) && ["onesy-TimeRangePicker-root"], className, classes.root]);
+  let t2;
+  if ($[0] !== TimePicker || $[1] !== other || $[2] !== ref || $[3] !== t1) {
+    t2 = /*#__PURE__*/React.createElement(TimePicker, _extends({
+      ref: ref,
+      range: t0,
+      className: t1
+    }, other));
+    $[0] = TimePicker;
+    $[1] = other;
+    $[2] = ref;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
 });
 TimeRangePicker.displayName = 'onesy-TimeRangePicker';
 export default TimeRangePicker;

package/esm/Timeline/Timeline.js

@@ -4,6 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["orientation", "Component", "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,29 +17,49 @@ const useStyle = styleMethod(theme => ({
   name: 'onesy-Timeline'
 });
 const Timeline = /*#__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?.onesyTimeline?.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?.onesyTimeline?.props?.default), props_);
+  const Line = theme?.elements?.Line || LineElement;
   const {
-      orientation = 'vertical',
-      Component = 'ul',
+      orientation: t0,
+      Component: t1,
       className,
       children
     } = props,
     other = _objectWithoutProperties(props, _excluded);
+  const orientation = t0 === undefined ? "vertical" : t0;
+  const Component = t1 === undefined ? "ul" : t1;
   const {
     classes
   } = useStyle();
-  const direction = orientation === 'vertical' ? 'column' : 'row';
-  return /*#__PURE__*/React.createElement(Line, _extends({
-    ref: ref,
-    gap: 0,
-    direction: direction,
-    Component: Component,
-    className: classNames([staticClassName('Timeline', theme) && ['onesy-Timeline-root'], className, classes.root])
-  }, other), React.Children.toArray(children).map(item => (/*#__PURE__*/React.cloneElement(item, {
+  const direction = orientation === "vertical" ? "column" : "row";
+  const t2 = 0;
+  const t3 = classNames([staticClassName("Timeline", theme) && ["onesy-Timeline-root"], className, classes.root]);
+  const t4 = React.Children.toArray(children).map(item => /*#__PURE__*/React.cloneElement(item, {
     orientation
-  }))));
+  }));
+  let t5;
+  if ($[0] !== Component || $[1] !== Line || $[2] !== direction || $[3] !== other || $[4] !== ref || $[5] !== t3 || $[6] !== t4) {
+    t5 = /*#__PURE__*/React.createElement(Line, _extends({
+      ref: ref,
+      gap: t2,
+      direction: direction,
+      Component: Component,
+      className: t3
+    }, other), t4);
+    $[0] = Component;
+    $[1] = Line;
+    $[2] = direction;
+    $[3] = other;
+    $[4] = ref;
+    $[5] = t3;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  return t5;
 });
 Timeline.displayName = 'onesy-Timeline';
 export default Timeline;

package/esm/TimelineItem/TimelineItem.js

@@ -69,10 +69,10 @@ const useStyle = styleMethod(theme => ({
 });
 const TimelineItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyTimelineItem?.props?.default), props_), [props_]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
-  const Surface = React.useMemo(() => theme?.elements?.Surface || SurfaceElement, [theme]);
-  const Divider = React.useMemo(() => theme?.elements?.Divider || DividerElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyTimelineItem?.props?.default), props_);
+  const Line = theme?.elements?.Line || LineElement;
+  const Surface = theme?.elements?.Surface || SurfaceElement;
+  const Divider = theme?.elements?.Divider || DividerElement;
   const {
       orientation = 'vertical',
       start,

package/esm/Timer/Timer.js

@@ -53,15 +53,15 @@ const useStyle = styleMethod(theme => ({
 const Timer = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
   const l = theme.l;
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyTimer?.props?.default), props_), [props_]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
-  const Fade = React.useMemo(() => theme?.elements?.Fade || FadeElement, [theme]);
-  const Type = React.useMemo(() => theme?.elements?.Type || TypeElement, [theme]);
-  const Expand = React.useMemo(() => theme?.elements?.Expand || ExpandElement, [theme]);
-  const Tooltip = React.useMemo(() => theme?.elements?.Tooltip || TooltipElement, [theme]);
-  const Tree = React.useMemo(() => theme?.elements?.Tree || TreeElement, [theme]);
-  const Surface = React.useMemo(() => theme?.elements?.Surface || SurfaceElement, [theme]);
-  const IconButton = React.useMemo(() => theme?.elements?.IconButton || IconButtonElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyTimer?.props?.default), props_);
+  const Line = theme?.elements?.Line || LineElement;
+  const Fade = theme?.elements?.Fade || FadeElement;
+  const Type = theme?.elements?.Type || TypeElement;
+  const Expand = theme?.elements?.Expand || ExpandElement;
+  const Tooltip = theme?.elements?.Tooltip || TooltipElement;
+  const Tree = theme?.elements?.Tree || TreeElement;
+  const Surface = theme?.elements?.Surface || SurfaceElement;
+  const IconButton = theme?.elements?.IconButton || IconButtonElement;
   const {
       tonal = true,
       color = 'primary',
@@ -113,28 +113,28 @@ const Timer = /*#__PURE__*/React.forwardRef((props_, ref) => {
     setValue(refs.valuePaused.current + (OnesyDate.milliseconds - refs.start.current));
     refs.animationFrame.current = requestAnimationFrame(update);
   };
-  const onStart = React.useCallback(event => {
+  const onStart = event => {
     refs.start.current = OnesyDate.milliseconds;
 
     // ~60+ fps
     refs.animationFrame.current = requestAnimationFrame(update);
     setStatus('running');
     if (is('function', onStart_)) onStart_(event);
-  }, []);
-  const onFlag = React.useCallback(event => {
+  };
+  const onFlag = event_0 => {
     if (!expand) setExpand(true);
     setFlags(values => [...values, refs.value.current]);
-    if (is('function', onFlag_)) onFlag_(event);
-  }, [expand]);
-  const onPause = React.useCallback(event => {
+    if (is('function', onFlag_)) onFlag_(event_0);
+  };
+  const onPause = event_1 => {
     clear();
 
     // Remember previous value
     refs.valuePaused.current = refs.value.current;
     setStatus('paused');
-    if (is('function', onPause_)) onPause_(event);
-  }, []);
-  const onStop = React.useCallback(event => {
+    if (is('function', onPause_)) onPause_(event_1);
+  };
+  const onStop = event_2 => {
     clear();
     setStatus('initial');
     setExpand(false);
@@ -142,20 +142,20 @@ const Timer = /*#__PURE__*/React.forwardRef((props_, ref) => {
     refs.start.current = 0;
     refs.valuePaused.current = 0;
     refs.value.current = 0;
-    if (is('function', onStop_)) onStop_(event);
-  }, []);
-  const onResume = React.useCallback(event => {
+    if (is('function', onStop_)) onStop_(event_2);
+  };
+  const onResume = event_3 => {
     // ~60+ fps
     refs.animationFrame.current = requestAnimationFrame(update);
 
     // Update start, valuePaused value
     refs.start.current = OnesyDate.milliseconds;
     setStatus('running');
-    if (is('function', onResume_)) onResume_(event);
-  }, []);
-  const onExited = React.useCallback(() => {
+    if (is('function', onResume_)) onResume_(event_3);
+  };
+  const onExited = () => {
     setFlags([]);
-  }, []);
+  };
   const IconProps = _objectSpread({}, IconProps_);
   const TooltipProps = _objectSpread({
     portal: true,
@@ -226,7 +226,7 @@ const Timer = /*#__PURE__*/React.forwardRef((props_, ref) => {
       TreeProps: {
         className: classNames([staticClassName('Timer', theme) && ['onesy-Timer-flags'], classes.flags])
       }
-    }, TreeProps), flags.map((item, index) => /*#__PURE__*/React.createElement(Tree, _extends({
+    }, TreeProps), flags.map((item_0, index) => /*#__PURE__*/React.createElement(Tree, _extends({
       key: index,
       icon: /*#__PURE__*/React.createElement(IconFlag, {
         size: "small",
@@ -244,9 +244,9 @@ const Timer = /*#__PURE__*/React.forwardRef((props_, ref) => {
         style: {
           opacity: '0.7'
         }
-      }, "+", valueFormat(item - (flags[index - 1] || 0))), /*#__PURE__*/React.createElement(Type, {
+      }, "+", valueFormat(item_0 - (flags[index - 1] || 0))), /*#__PURE__*/React.createElement(Type, {
         version: "b2"
-      }, valueFormat(item))),
+      }, valueFormat(item_0))),
       noPadding: true,
       indicator: true,
       indicatorPosition: "end"

package/esm/ToggleButton/ToggleButton.js

@@ -4,6 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["size", "icon", "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 ChipElement from '../Chip';
@@ -33,25 +34,42 @@ const useStyle = styleMethod(theme => ({
   name: 'onesy-ToggleButton'
 });
 const ToggleButton = /*#__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?.onesyToggleButton?.props?.default), props_), [props_]);
-  const Chip = React.useMemo(() => theme?.elements?.Chip || ChipElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyToggleButton?.props?.default), props_);
+  const Chip = theme?.elements?.Chip || ChipElement;
   const {
       size,
-      icon = true,
+      icon: t0,
       className
     } = props,
     other = _objectWithoutProperties(props, _excluded);
+  const icon = t0 === undefined ? true : t0;
   const {
     classes
   } = useStyle();
-  return /*#__PURE__*/React.createElement(Chip, _extends({
-    ref: ref,
-    size: size,
-    icon: icon,
-    noCheckIcon: true,
-    className: classNames([staticClassName('ToggleButton', theme) && ['onesy-ToggleButton-root', `onesy-ToggleButton-size-${size}`], className, classes.root, classes[`size_${size}`]])
-  }, other));
+  const t1 = true;
+  const t2 = classNames([staticClassName("ToggleButton", theme) && ["onesy-ToggleButton-root", `onesy-ToggleButton-size-${size}`], className, classes.root, classes[`size_${size}`]]);
+  let t3;
+  if ($[0] !== Chip || $[1] !== icon || $[2] !== other || $[3] !== ref || $[4] !== size || $[5] !== t2) {
+    t3 = /*#__PURE__*/React.createElement(Chip, _extends({
+      ref: ref,
+      size: size,
+      icon: icon,
+      noCheckIcon: t1,
+      className: t2
+    }, other));
+    $[0] = Chip;
+    $[1] = icon;
+    $[2] = other;
+    $[3] = ref;
+    $[4] = size;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 });
 ToggleButton.displayName = 'onesy-ToggleButton';
 export default ToggleButton;

package/esm/ToggleButtons/ToggleButtons.js

@@ -4,6 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["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 ButtonsElement from '../Buttons';
@@ -14,9 +15,10 @@ const useStyle = styleMethod(theme => ({
   name: 'onesy-ToggleButtons'
 });
 const ToggleButtons = /*#__PURE__*/React.forwardRef((props_, ref) => {
+  const $ = _c(5);
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyToggleButtons?.props?.default), props_), [props_]);
-  const Buttons = React.useMemo(() => theme?.elements?.Buttons || ButtonsElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyToggleButtons?.props?.default), props_);
+  const Buttons = theme?.elements?.Buttons || ButtonsElement;
   const {
       className
     } = props,
@@ -24,13 +26,25 @@ const ToggleButtons = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const {
     classes
   } = useStyle();
-  return /*#__PURE__*/React.createElement(Buttons, _extends({
-    ref: ref,
-    className: classNames([staticClassName('ToggleButtons', theme) && ['onesy-ToggleButtons-root'], className, classes.root]),
-    color: "default",
-    chip: true,
-    noCheckIcon: true
-  }, other));
+  const t0 = classNames([staticClassName("ToggleButtons", theme) && ["onesy-ToggleButtons-root"], className, classes.root]);
+  let t1;
+  if ($[0] !== Buttons || $[1] !== other || $[2] !== ref || $[3] !== t0) {
+    t1 = /*#__PURE__*/React.createElement(Buttons, _extends({
+      ref: ref,
+      className: t0,
+      color: "default",
+      chip: true,
+      noCheckIcon: true
+    }, other));
+    $[0] = Buttons;
+    $[1] = other;
+    $[2] = ref;
+    $[3] = t0;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
 });
 ToggleButtons.displayName = 'onesy-ToggleButtons';
 export default ToggleButtons;

package/esm/Tooltip/Tooltip.js

@@ -181,11 +181,11 @@ const useStyle = styleMethod(theme => ({
 });
 const Tooltip = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyTooltip?.props?.default), props_), [props_]);
-  const Grow = React.useMemo(() => theme?.elements?.Grow || GrowElement, [theme]);
-  const Append = React.useMemo(() => theme?.elements?.Append || AppendElement, [theme]);
-  const Modal = React.useMemo(() => theme?.elements?.Modal || ModalElement, [theme]);
-  const Surface = React.useMemo(() => theme?.elements?.Surface || SurfaceElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyTooltip?.props?.default), props_);
+  const Grow = theme?.elements?.Grow || GrowElement;
+  const Append = theme?.elements?.Append || AppendElement;
+  const Modal = theme?.elements?.Modal || ModalElement;
+  const Surface = theme?.elements?.Surface || SurfaceElement;
   const {
       tonal = true,
       color = 'inverted',
@@ -264,22 +264,22 @@ const Tooltip = /*#__PURE__*/React.forwardRef((props_, ref) => {
     nameRoot: {}
   };
   const label = name !== undefined ? name : label_;
-  const onMouseDown = React.useCallback(event => {
+  const onMouseDown = event => {
     if (longPress_) refs.longPressTimer.current = setTimeout(() => setLongPress(true), 700);
     if (is('function', children?.props.onMouseDown)) children.props.onMouseDown(event);
-  }, []);
-  const onMouseUp = React.useCallback(event => {
+  };
+  const onMouseUp = event_0 => {
     if (longPress_) {
       clearTimeout(refs.longPressTimer.current);
       setLongPress(false);
     }
-    if (is('function', children?.props.onMouseUp)) children.props.onMouseUp(event);
-  }, []);
-  const onMouseEnter = React.useCallback(event => {
+    if (is('function', children?.props.onMouseUp)) children.props.onMouseUp(event_0);
+  };
+  const onMouseEnter = event_1 => {
     if (hover_) setHover(true);
-    if (is('function', children?.props.onMouseEnter)) children.props.onMouseEnter(event);
-  }, []);
-  const onMouseLeave = React.useCallback(event => {
+    if (is('function', children?.props.onMouseEnter)) children.props.onMouseEnter(event_1);
+  };
+  const onMouseLeave = event_2 => {
     if (refs.longPress.current) {
       setLongPress(false);
       if (refs.props.current.open === undefined) {
@@ -287,23 +287,23 @@ const Tooltip = /*#__PURE__*/React.forwardRef((props_, ref) => {
       }
     }
     if (hover_) setHover(false);
-    if (is('function', children?.props.onMouseLeave)) children.props.onMouseLeave(event);
-  }, []);
-  const onTouchStart = React.useCallback(event => {
+    if (is('function', children?.props.onMouseLeave)) children.props.onMouseLeave(event_2);
+  };
+  const onTouchStart = event_3 => {
     if (!refs.touchProps.current) return;
     setTouch(true);
-    if (is('function', children?.props.onTouchStart)) children.props.onTouchStart(event);
-  }, [touch_]);
-  const onTouchEnd = React.useCallback(event => {
+    if (is('function', children?.props.onTouchStart)) children.props.onTouchStart(event_3);
+  };
+  const onTouchEnd = event_4 => {
     if (!refs.touchProps.current) return;
     setTouch(false);
-    if (is('function', children?.props.onTouchEnd)) children.props.onTouchEnd(event);
-  }, [touch_]);
-  const onFocus = React.useCallback(event => {
+    if (is('function', children?.props.onTouchEnd)) children.props.onTouchEnd(event_4);
+  };
+  const onFocus = event_5 => {
     if (focus_) setFocus(true);
-    if (is('function', children?.props.onFocus)) children.props.onFocus(event);
-  }, []);
-  const onBlur = React.useCallback(event => {
+    if (is('function', children?.props.onFocus)) children.props.onFocus(event_5);
+  };
+  const onBlur = event_6 => {
     if (refs.longPress.current) {
       setLongPress(false);
       if (refs.props.current.open === undefined) {
@@ -311,19 +311,19 @@ const Tooltip = /*#__PURE__*/React.forwardRef((props_, ref) => {
       }
     }
     if (focus_) setFocus(false);
-    if (is('function', children?.props.onBlur)) children.props.onBlur(event);
-  }, []);
-  const onMouseMove = React.useCallback(event => {
+    if (is('function', children?.props.onBlur)) children.props.onBlur(event_6);
+  };
+  const onMouseMove = event_7 => {
     if (follow) {
       setAnchor({
-        x: event.clientX,
-        y: event.clientY,
+        x: event_7.clientX,
+        y: event_7.clientY,
         width: 10,
         height: 20
       });
     }
-    if (is('function', children?.props.onMouseMove)) children.props.onMouseMove(event);
-  }, []);
+    if (is('function', children?.props.onMouseMove)) children.props.onMouseMove(event_7);
+  };
   const onOpen = () => {
     if (!open) setOpen(true);
     if (!refs.inProp.current) setInProp(true);
@@ -337,9 +337,9 @@ const Tooltip = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const onPreClose = () => {
     if (!refs.inProp.current) onClose();else setInProp(false);
   };
-  const onClick = React.useCallback(event => {
+  const onClick = event_8 => {
     !refs.open.current ? onOpen() : onPreClose();
-  }, [onOpen, onPreClose]);
+  };
   React.useEffect(() => {
     setInit(true);
     const rootDocument = isEnvironment('browser') ? refs.root.current?.ownerDocument || window.document : undefined;
@@ -401,11 +401,11 @@ const Tooltip = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }, AppendProps, {
     element: items => {
       const rtl = theme.direction === 'rtl';
-      const switched = items.values.switch;
+      const switched_0 = items.values.switch;
       if (!rtl) {
-        styles.nameRoot.transformOrigin = (!switched ? transformOrigin : transformOriginSwitch) || transformOrigin;
+        styles.nameRoot.transformOrigin = (!switched_0 ? transformOrigin : transformOriginSwitch) || transformOrigin;
       } else {
-        styles.nameRoot.transformOrigin = (!switched ? transformOriginRtl : transformOriginRtlSwitch) || transformOriginRtl;
+        styles.nameRoot.transformOrigin = (!switched_0 ? transformOriginRtl : transformOriginRtlSwitch) || transformOriginRtl;
       }
       if (!styles.nameRoot.transformOrigin) styles.nameRoot.transformOrigin = transformOrigin;
       return /*#__PURE__*/React.createElement(Modal, _extends({
@@ -429,7 +429,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef((props_, ref) => {
         focus: false,
         disableKeyboardClose: true
       }, ModalProps, {
-        className: classNames([staticClassName('Tooltip', theme) && ['onesy-Tooltip-root', open && `onesy-Button-open`, touch && 'onesy-Tooltip-touch', longPress && 'onesy-Tooltip-long-press', hover && 'onesy-Tooltip-hover', focus && 'onesy-Tooltip-focus', `onesy-Tooltip-position-${position}`], className, classes.root, ModalProps?.className, switched && classNameSwitch]),
+        className: classNames([staticClassName('Tooltip', theme) && ['onesy-Tooltip-root', open && `onesy-Button-open`, touch && 'onesy-Tooltip-touch', longPress && 'onesy-Tooltip-long-press', hover && 'onesy-Tooltip-hover', focus && 'onesy-Tooltip-focus', `onesy-Tooltip-position-${position}`], className, classes.root, ModalProps?.className, switched_0 && classNameSwitch]),
         style: _objectSpread(_objectSpread(_objectSpread({}, items.style), style), ModalProps?.style)
       }, other), /*#__PURE__*/React.createElement(TransitionComponent, _extends({
         in: inProp,
@@ -454,17 +454,17 @@ const Tooltip = /*#__PURE__*/React.forwardRef((props_, ref) => {
       }))));
     }
   }), children && (/*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({
-    ref: item => {
+    ref: item_0 => {
       if (children?.ref) {
-        if (is('function', children?.ref)) children?.ref(item);else children.ref.current = item;
+        if (is('function', children?.ref)) children?.ref(item_0);else children.ref.current = item_0;
       }
-      refs.root.current = item;
+      refs.root.current = item_0;
     },
     onMouseMove
   }, click && {
-    onClick: event => {
-      if (is('function', children?.props?.onClick)) children?.props?.onClick(event);
-      onClick(event);
+    onClick: event_9 => {
+      if (is('function', children?.props?.onClick)) children?.props?.onClick(event_9);
+      onClick(event_9);
     }
   }), {}, {
     onFocus,