@onesy/ui-react 1.0.164 → 1.0.167

package/esm/Widgets/Widgets.js

@@ -90,12 +90,12 @@ const useStyle = styleMethod(theme => ({
 const Widgets = /*#__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?.onesyWidgets?.props?.default), props_), [props_]);
-  const SpeedDial = React.useMemo(() => theme?.elements?.SpeedDial || SpeedDialElement, [theme]);
-  const SpeedDialItem = React.useMemo(() => theme?.elements?.SpeedDialItem || SpeedDialItemElement, [theme]);
-  const Transition = React.useMemo(() => theme?.elements?.Transition || TransitionElement, [theme]);
-  const IconButton = React.useMemo(() => theme?.elements?.IconButton || IconButtonElement, [theme]);
-  const Move = React.useMemo(() => theme?.elements?.Move || MoveElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyWidgets?.props?.default), props_);
+  const SpeedDial = theme?.elements?.SpeedDial || SpeedDialElement;
+  const SpeedDialItem = theme?.elements?.SpeedDialItem || SpeedDialItemElement;
+  const Transition = theme?.elements?.Transition || TransitionElement;
+  const IconButton = theme?.elements?.IconButton || IconButtonElement;
+  const Move = theme?.elements?.Move || MoveElement;
   const {
       widgets,
       position = 'bottom',
@@ -122,25 +122,25 @@ const Widgets = /*#__PURE__*/React.forwardRef((props_, ref) => {
     props: React.useRef(undefined)
   };
   refs.props.current = props;
-  const open = React.useCallback(value => {
+  const open = value => {
     setOpenItems(items => unique([...items, value]));
     if (is('function', onOpen)) onOpen(value);
-  }, []);
-  const openAll = React.useCallback(() => {
+  };
+  const openAll = () => {
     setOpenItems(() => unique((widgets || []).map(item => {
       const valueItem = item.value !== undefined ? item.value : item.label;
       return valueItem;
     })));
     if (is('function', onOpenAll)) onOpenAll();
-  }, []);
-  const close = React.useCallback(value => {
-    setOpenItems(items => unique(items.filter(item => item !== value)));
-    if (is('function', onClose)) onClose(value);
-  }, []);
-  const closeAll = React.useCallback(() => {
+  };
+  const close = value_0 => {
+    setOpenItems(items_0 => unique(items_0.filter(item_0 => item_0 !== value_0)));
+    if (is('function', onClose)) onClose(value_0);
+  };
+  const closeAll = () => {
     setOpenItems([]);
     if (is('function', onCloseAll)) onCloseAll();
-  }, []);
+  };
 
   // Add to the value
   refs.value.current.open = open;
@@ -157,39 +157,39 @@ const Widgets = /*#__PURE__*/React.forwardRef((props_, ref) => {
     alignment: "start",
     Icon: Icon_,
     noRotate: true
-  }, SpeedDialProps, other), widgets.map((item, index) => {
-    const valueItem = item.value !== undefined ? item.value : item.label;
+  }, SpeedDialProps, other), widgets.map((item_1, index) => {
+    const valueItem_0 = item_1.value !== undefined ? item_1.value : item_1.label;
     return /*#__PURE__*/React.createElement(SpeedDialItem, {
       key: index,
-      onClick: () => !openItems.includes(valueItem) ? open(valueItem) : close(valueItem),
-      label: !openItems.includes(valueItem) ? item.label : `${l('Close')} ${item.label}`,
-      Icon: item.Icon
+      onClick: () => !openItems.includes(valueItem_0) ? open(valueItem_0) : close(valueItem_0),
+      label: !openItems.includes(valueItem_0) ? item_1.label : `${l('Close')} ${item_1.label}`,
+      Icon: item_1.Icon
     });
-  })), widgetsToUse.map((item, index) => {
-    const valueItem = item.value !== undefined ? item.value : item.label;
+  })), widgetsToUse.map((item_2, index_0) => {
+    const valueItem_1 = item_2.value !== undefined ? item_2.value : item_2.label;
     const WidgetWrapper = Move;
     const WidgetWrapperProps = _objectSpread({
       version: 'fixed',
       manage: true,
       manageLevel: 1,
-      disabled: !(move && item.move !== false)
+      disabled: !(move && item_2.move !== false)
     }, MoveProps);
     return /*#__PURE__*/React.createElement(Transition, {
-      key: index,
-      in: openItems.includes(valueItem),
+      key: index_0,
+      in: openItems.includes(valueItem_1),
       removeOnExited: true
     }, status => /*#__PURE__*/React.createElement(WidgetWrapper, _extends({
       className: classNames([staticClassName('Widgets', theme) && [`onesy-Widgets-item`], classes.item, status])
     }, WidgetWrapperProps), /*#__PURE__*/React.createElement(IconButton, {
-      onClick: () => close(valueItem),
+      onClick: () => close(valueItem_1),
       color: "default",
       version: "filled",
       size: "small",
       elevation: false,
       className: classNames([staticClassName('Widgets', theme) && [`onesy-Widgets-icon-button`], classes.iconButton])
-    }, /*#__PURE__*/React.createElement(IconCloseItem, null)), /*#__PURE__*/React.cloneElement(item.element, _objectSpread({
+    }, /*#__PURE__*/React.createElement(IconCloseItem, null)), /*#__PURE__*/React.cloneElement(item_2.element, _objectSpread({
       className: classNames([staticClassName('Widgets', theme) && [`onesy-Widgets-widget`], classes.widget])
-    }, ['onesy-Weather', 'onesy-Watch'].includes(item.element.type?.displayName) ? {
+    }, ['onesy-Weather', 'onesy-Watch'].includes(item_2.element.type?.displayName) ? {
       shadow: true,
       style: {
         boxShadow: 'none'

package/esm/Widgets/useWidgets.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import WidgetsContext from './Context';
 export default function useWidgets() {
-  const value = React.useContext(WidgetsContext);
+  const value = React.use(WidgetsContext);
   return value;
 }

package/esm/WindowSplit/WindowSplit.js

@@ -84,10 +84,10 @@ const useStyle = styleMethod(theme => ({
 });
 const WindowSplit = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyWindowSplit?.props?.default), props_), [props_]);
-  const Line = React.useMemo(() => theme?.elements?.Line || LineElement, [theme]);
-  const IconButton = React.useMemo(() => theme?.elements?.IconButton || IconButtonElement, [theme]);
-  const Divider = React.useMemo(() => theme?.elements?.Divider || DividerElement, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyWindowSplit?.props?.default), props_);
+  const Line = theme?.elements?.Line || LineElement;
+  const IconButton = theme?.elements?.IconButton || IconButtonElement;
+  const Divider = theme?.elements?.Divider || DividerElement;
   const {
       tonal = false,
       color = 'inverted',
@@ -185,25 +185,25 @@ const WindowSplit = /*#__PURE__*/React.forwardRef((props_, ref) => {
         } = rect;
 
         // Value to the precision point value
-        let valueNew = refs.orientation.current === 'horizontal' ? (x - rect.x) / width : (y - rect.y) / height;
-        valueNew = valuePrecision(valueNew);
-        onChange(valueNew);
+        let valueNew_0 = refs.orientation.current === 'horizontal' ? (x - rect.x) / width : (y - rect.y) / height;
+        valueNew_0 = valuePrecision(valueNew_0);
+        onChange(valueNew_0);
       }
     };
-    const onTouchMove = event => {
+    const onTouchMove = event_0 => {
       if (refs.mouseDown.current) {
-        const x = event.touches[0].clientX;
-        const y = event.touches[0].clientY;
-        const rect = refs.root.current.getBoundingClientRect();
+        const x_0 = event_0.touches[0].clientX;
+        const y_0 = event_0.touches[0].clientY;
+        const rect_0 = refs.root.current.getBoundingClientRect();
         const {
-          width,
-          height
-        } = rect;
+          width: width_0,
+          height: height_0
+        } = rect_0;
 
         // Value to the precision point value
-        let valueNew = refs.orientation.current === 'horizontal' ? (x - rect.x) / width : (y - rect.y) / height;
-        valueNew = valuePrecision(valueNew);
-        onChange(valueNew);
+        let valueNew_1 = refs.orientation.current === 'horizontal' ? (x_0 - rect_0.x) / width_0 : (y_0 - rect_0.y) / height_0;
+        valueNew_1 = valuePrecision(valueNew_1);
+        onChange(valueNew_1);
       }
     };
     const rootDocument = isEnvironment('browser') ? refs.root.current?.ownerDocument || window.document : undefined;
@@ -226,50 +226,50 @@ const WindowSplit = /*#__PURE__*/React.forwardRef((props_, ref) => {
       if (value_ !== value) setValue(value_);
     }
   }, [value_]);
-  const onTouchStart = event => {
+  const onTouchStart = event_1 => {
     setMouseDown(true);
   };
-  const onFocus = React.useCallback(event => {
+  const onFocus = event_2 => {
     setFocus(true);
-    if (is('function', onFocus_)) onFocus_(event);
-  }, []);
-  const onBlur = React.useCallback(event => {
+    if (is('function', onFocus_)) onFocus_(event_2);
+  };
+  const onBlur = event_3 => {
     setFocus(false);
-    if (is('function', onBlur_)) onBlur_(event);
-  }, []);
-  const onFocusIconButton = React.useCallback(event => {
+    if (is('function', onBlur_)) onBlur_(event_3);
+  };
+  const onFocusIconButton = event_4 => {
     setFocus(true);
-  }, []);
-  const onBlurIconButton = React.useCallback(event => {
+  };
+  const onBlurIconButton = event_5 => {
     setFocus(false);
-  }, []);
-  const onMouseDown = React.useCallback(() => {
+  };
+  const onMouseDown = () => {
     setMouseDown(true);
-  }, []);
+  };
   const move = (forward_ = true) => {
     let forward = forward_;
     if (refs.orientation.current === 'horizontal') {
       if (refs.direction.current === 'rtl') forward = !forward;
     }
-    let valueNew = refs.value.current || 0;
-    valueNew = clamp(valueNew + (forward ? 1 : -1), 0, 100);
+    let valueNew_2 = refs.value.current || 0;
+    valueNew_2 = clamp(valueNew_2 + (forward ? 1 : -1), 0, 100);
 
     // Update
-    onChange(valueNew);
+    onChange(valueNew_2);
   };
-  const onKeyDown = React.useCallback(event => {
-    if (['ArrowUp', 'ArrowRight', 'ArrowLeft', 'ArrowDown', 'Home', 'End'].includes(event.key)) {
-      if (['Home', 'End'].includes(event.key) || ['ArrowLeft', 'ArrowRight'].includes(event.key) && refs.orientation.current === 'horizontal' || ['ArrowUp', 'ArrowDown'].includes(event.key) && refs.orientation.current === 'vertical') {
+  const onKeyDown = event_6 => {
+    if (['ArrowUp', 'ArrowRight', 'ArrowLeft', 'ArrowDown', 'Home', 'End'].includes(event_6.key)) {
+      if (['Home', 'End'].includes(event_6.key) || ['ArrowLeft', 'ArrowRight'].includes(event_6.key) && refs.orientation.current === 'horizontal' || ['ArrowUp', 'ArrowDown'].includes(event_6.key) && refs.orientation.current === 'vertical') {
         // Prevent default
-        event.preventDefault();
-        let valueNew;
-        switch (event.key) {
+        event_6.preventDefault();
+        let valueNew_3;
+        switch (event_6.key) {
           case 'Home':
-            valueNew = refs.orientation.current !== 'vertical' ? 0 : 100;
-            return onChange(valueNew);
+            valueNew_3 = refs.orientation.current !== 'vertical' ? 0 : 100;
+            return onChange(valueNew_3);
           case 'End':
-            valueNew = refs.orientation.current !== 'vertical' ? 100 : 0;
-            return onChange(valueNew);
+            valueNew_3 = refs.orientation.current !== 'vertical' ? 100 : 0;
+            return onChange(valueNew_3);
           case 'ArrowUp':
           case 'ArrowLeft':
             return move();
@@ -281,15 +281,15 @@ const WindowSplit = /*#__PURE__*/React.forwardRef((props_, ref) => {
         }
       }
     }
-  }, []);
+  };
   const onChange = valueItem => {
     const minValue = paddingEnd !== undefined ? paddingEnd : padding !== undefined ? padding : 0;
     const maxValue = paddingStart !== undefined ? paddingStart : padding !== undefined ? padding : 0;
-    const valueNew = clamp(valueItem, minValue, 100 - maxValue);
+    const valueNew_4 = clamp(valueItem, minValue, 100 - maxValue);
 
     // Update inner or controlled
-    if (!props.hasOwnProperty('value')) setValue(valueNew);
-    if (is('function', onChange_)) onChange_(valueNew);
+    if (!props.hasOwnProperty('value')) setValue(valueNew_4);
+    if (is('function', onChange_)) onChange_(valueNew_4);
   };
   const SeparatorProps = _objectSpread(_objectSpread({}, SeparatorProps_), {}, {
     role: 'separator',
@@ -346,9 +346,9 @@ const WindowSplit = /*#__PURE__*/React.forwardRef((props_, ref) => {
     style: _objectSpread(_objectSpread({}, styles.end), EndProps?.style)
   }), children[1])), !noDivider && /*#__PURE__*/React.createElement(Divider, _extends({
     onTouchStart: onTouchStart,
-    onMouseDown: event => {
+    onMouseDown: event_7 => {
       onMouseDown();
-      if (is('function', DividerProps?.onMouseDown)) IconButtonProps.onMouseDown(event);
+      if (is('function', DividerProps?.onMouseDown)) IconButtonProps.onMouseDown(event_7);
     },
     orientation: orientation === 'vertical' ? 'horizontal' : 'vertical'
   }, DividerProps, {
@@ -360,9 +360,9 @@ const WindowSplit = /*#__PURE__*/React.forwardRef((props_, ref) => {
     onFocus: onFocusIconButton,
     onBlur: onBlurIconButton,
     onTouchStart: onTouchStart,
-    onMouseDown: event => {
+    onMouseDown: event_8 => {
       onMouseDown();
-      if (is('function', IconButtonProps?.onMouseDown)) IconButtonProps.onMouseDown(event);
+      if (is('function', IconButtonProps?.onMouseDown)) IconButtonProps.onMouseDown(event_8);
     }
   }, SeparatorProps, IconButtonProps, {
     className: classNames([staticClassName('WindowSplit', theme) && ['onesy-WindowSplit-icon-button'], IconButtonProps?.className, classes.iconButton, classes[`iconButton_orientation_${orientation}`]]),

package/esm/Zoom/Zoom.js

@@ -3,117 +3,231 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["in", "prefix", "run", "append", "add", "enter", "exit", "enterOnAdd", "exitOnAdd", "noAbruption", "removeOnExited", "delay", "duration", "timing_function", "addTransition", "onTransition", "onAppended", "onAdd", "onAdding", "onAdded", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "onRemoved", "className", "style", "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 { is } from '@onesy/utils';
 import { classNames, useOnesyTheme } from '@onesy/style-react';
 import { Transition } from '..';
 const Zoom = /*#__PURE__*/React.forwardRef((props_, ref) => {
+  const $ = _c(32);
   const theme = useOnesyTheme();
-  const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyZoom?.props?.default), props_), [props_]);
-  const refs = {
-    root: React.useRef(undefined)
-  };
-  const {
-      in: inProp,
-      prefix,
-      run,
-      append,
-      add,
-      enter,
-      exit,
-      enterOnAdd,
-      exitOnAdd,
-      noAbruption,
-      removeOnExited,
-      delay,
-      duration: duration_,
-      timing_function,
-      addTransition,
-      onTransition,
-      onAppended,
-      onAdd,
-      onAdding,
-      onAdded,
-      onEnter,
-      onEntering,
-      onEntered,
-      onExit,
-      onExiting,
-      onExited,
-      onRemoved,
-      className,
-      style,
-      children
-    } = props,
-    other = _objectWithoutProperties(props, _excluded);
-  const styles = status => {
+  const t0 = theme?.ui?.elements?.all?.props?.default;
+  const t1 = theme?.ui?.elements?.onesyZoom?.props?.default;
+  let t2;
+  if ($[0] !== props_ || $[1] !== t0 || $[2] !== t1) {
+    t2 = _objectSpread(_objectSpread(_objectSpread({}, t0), t1), props_);
+    $[0] = props_;
+    $[1] = t0;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const props = t2;
+  const t3 = React.useRef(undefined);
+  let t4;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      root: t3
+    };
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const refs = t4;
+  let addTransition;
+  let children;
+  let className;
+  let inProp;
+  let other;
+  let style;
+  let timing_function;
+  if ($[5] !== props) {
     const {
-      transform = 'scale(1)'
-    } = refs.root.current && window.getComputedStyle(refs.root?.current) || {};
-    const allStyles = {
-      appended: {
-        visibility: 'hidden'
-      },
-      add: {
-        transition: 'none',
-        transform: `scale(0)`
-      },
-      adding: {
-        transform: `scale(1)`
-      },
-      added: {
-        transform: `scale(1)`
-      },
-      enter: {
-        transition: 'none',
-        transform: `scale(0)`
-      },
-      entering: {
-        transform: `scale(1)`
-      },
-      entered: {
-        transform: `scale(1)`
-      },
-      exit: {
-        transform
-      },
-      exiting: {
-        transform: `scale(0.001)`
-      },
-      exited: {
-        transform: `scale(0)`
-      }
+        in: t5,
+        prefix,
+        run,
+        append,
+        add,
+        enter,
+        exit,
+        enterOnAdd,
+        exitOnAdd,
+        noAbruption,
+        removeOnExited,
+        delay,
+        duration: duration_,
+        timing_function: t6,
+        addTransition: t7,
+        onTransition,
+        onAppended,
+        onAdd,
+        onAdding,
+        onAdded,
+        onEnter,
+        onEntering,
+        onEntered,
+        onExit,
+        onExiting,
+        onExited,
+        onRemoved,
+        className: t8,
+        style: t9,
+        children: t10
+      } = props,
+      t11 = _objectWithoutProperties(props, _excluded);
+    inProp = t5;
+    timing_function = t6;
+    addTransition = t7;
+    className = t8;
+    style = t9;
+    children = t10;
+    other = t11;
+    $[5] = props;
+    $[6] = addTransition;
+    $[7] = children;
+    $[8] = className;
+    $[9] = inProp;
+    $[10] = other;
+    $[11] = style;
+    $[12] = timing_function;
+  } else {
+    addTransition = $[6];
+    children = $[7];
+    className = $[8];
+    inProp = $[9];
+    other = $[10];
+    style = $[11];
+    timing_function = $[12];
+  }
+  let t5;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = status => {
+      const {
+        transform: t6
+      } = refs.root.current && window.getComputedStyle(refs.root?.current) || {};
+      const transform = t6 === undefined ? "scale(1)" : t6;
+      const allStyles = {
+        appended: {
+          visibility: "hidden"
+        },
+        add: {
+          transition: "none",
+          transform: "scale(0)"
+        },
+        adding: {
+          transform: "scale(1)"
+        },
+        added: {
+          transform: "scale(1)"
+        },
+        enter: {
+          transition: "none",
+          transform: "scale(0)"
+        },
+        entering: {
+          transform: "scale(1)"
+        },
+        entered: {
+          transform: "scale(1)"
+        },
+        exit: {
+          transform
+        },
+        exiting: {
+          transform: "scale(0.001)"
+        },
+        exited: {
+          transform: "scale(0)"
+        }
+      };
+      return allStyles[status];
     };
-    return allStyles[status];
-  };
-  const duration = (status, property = 'transform') => {
-    const properties = {
-      transform: theme.transitions.duration.xs
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  const styles = t5;
+  let duration;
+  if ($[14] !== theme) {
+    duration = (status_0, t6) => {
+      const property = t6 === undefined ? "transform" : t6;
+      const properties = {
+        transform: theme.transitions.duration.xs
+      };
+      return `${(is("simple", duration) ? duration : duration[status_0]) || properties[property]}ms`;
     };
-    return `${(is('simple', duration) ? duration : duration[status]) || properties[property]}ms`;
-  };
-  const timingFunction = status => (is('simple', timing_function) ? timing_function : timing_function[status]) || theme.transitions.timing_function.standard;
-  return /*#__PURE__*/React.createElement(Transition, props, (status, ref_) => {
-    return /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, other), {}, {
+    $[14] = theme;
+    $[15] = duration;
+  } else {
+    duration = $[15];
+  }
+  let t6;
+  if ($[16] !== theme || $[17] !== timing_function) {
+    t6 = status_1 => (is("simple", timing_function) ? timing_function : timing_function[status_1]) || theme.transitions.timing_function.standard;
+    $[16] = theme;
+    $[17] = timing_function;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  const timingFunction = t6;
+  let t7;
+  if ($[19] !== addTransition || $[20] !== children || $[21] !== className || $[22] !== duration || $[23] !== inProp || $[24] !== other || $[25] !== ref || $[26] !== style || $[27] !== timingFunction) {
+    t7 = (status_2, ref_) => /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, other), {}, {
       ref: item => {
         refs.root.current = item;
         if (ref) {
-          if (is('function', ref)) ref(item);else ref.current = item;
+          if (is("function", ref)) {
+            ref(item);
+          } else {
+            ref.current = item;
+          }
         }
         if (ref_) {
-          if (is('function', ref_)) ref_(item);else ref_.current = item;
+          if (is("function", ref_)) {
+            ref_(item);
+          } else {
+            ref_.current = item;
+          }
         }
         if (children.ref) {
-          if (is('function', children.ref)) children.ref(item);else children.ref.current = item;
+          if (is("function", children.ref)) {
+            children.ref(item);
+          } else {
+            children.ref.current = item;
+          }
         }
       },
       className: classNames([className, children?.props?.className]),
       style: _objectSpread(_objectSpread(_objectSpread({
-        visibility: status === 'exited' && !inProp ? 'hidden' : undefined,
-        transition: `transform ${duration(status)} ${timingFunction(status)} ${addTransition ? `, ${addTransition}` : ''}`
-      }, styles(status)), children?.props?.style), style)
+        visibility: status_2 === "exited" && !inProp ? "hidden" : undefined,
+        transition: `transform ${duration(status_2)} ${timingFunction(status_2)} ${addTransition ? `, ${addTransition}` : ""}`
+      }, styles(status_2)), children?.props?.style), style)
     }));
-  });
+    $[19] = addTransition;
+    $[20] = children;
+    $[21] = className;
+    $[22] = duration;
+    $[23] = inProp;
+    $[24] = other;
+    $[25] = ref;
+    $[26] = style;
+    $[27] = timingFunction;
+    $[28] = t7;
+  } else {
+    t7 = $[28];
+  }
+  let t8;
+  if ($[29] !== props || $[30] !== t7) {
+    t8 = /*#__PURE__*/React.createElement(Transition, props, t7);
+    $[29] = props;
+    $[30] = t7;
+    $[31] = t8;
+  } else {
+    t8 = $[31];
+  }
+  return t8;
 });
 Zoom.displayName = 'onesy-Zoom';
 export default Zoom;

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.163
+/** @license UiReact v1.0.166
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.