@onesy/ui-react 1.0.164 → 1.0.167

package/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IIconButton } from '../IconButton/IconButton';
 import { IRef, IColor } from '../types';
-export type ICheckbox = Omit<IIconButton, 'onChange'> & {
+export declare type ICheckbox = Omit<IIconButton, 'onChange'> & {
     inputRef?: IRef;
     colorIndeterminate?: IColor;
     colorUnchecked?: IColor;

package/Checkbox/Checkbox.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@onesy/utils");
 var _styleReact = require("@onesy/style-react");
@@ -20,13 +21,30 @@ const _excluded = ["noFontSizeDownScale", "Component", "className", "style", "ch
 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) { (0, _defineProperty2.default)(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; }
 const IconMaterialIndeterminateCheckBox = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
-    ref: ref,
-    name: "IndeterminateCheckBox",
-    short_name: "IndeterminateCheckBox"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M7 13H17V11H7V13Z"
-  }));
+  const $ = (0, _compilerRuntime.c)(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/_react.default.createElement("path", {
+      d: "M7 13H17V11H7V13Z"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
+      ref: ref,
+      name: "IndeterminateCheckBox",
+      short_name: "IndeterminateCheckBox"
+    }, props), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 });
 const useStyle = (0, _styleReact.style)(theme => ({
   root: {
@@ -165,37 +183,119 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-Checkbox'
 });
 const IconItem = props => {
-  const {
+  const $ = (0, _compilerRuntime.c)(21);
+  let children;
+  let className;
+  let noFontSizeDownScale;
+  let other;
+  let style;
+  let t0;
+  if ($[0] !== props) {
+    var _props = props;
+    ({
       noFontSizeDownScale,
-      Component = 'span',
+      Component: t0,
       className,
       style,
       children
-    } = props,
-    other = (0, _objectWithoutProperties2.default)(props, _excluded);
-  const styles = {
-    root: {}
-  };
-  const size = ['very small', 'small', 'regular', 'medium', 'large', 'very large'].includes(props.size) ? props.size : 'small';
-  let fontSize = '1.5rem';
-  if (size === 'very small') fontSize = '0.75rem';else if (size === 'small') fontSize = '1.125rem';else if (size === 'regular') fontSize = '1.5rem';else if (size === 'medium') fontSize = '2.25rem';else if (size === 'large') fontSize = '3rem';else if (size === 'very large') fontSize = '3.75rem';
-  styles.root.fontSize = `calc(${fontSize} * 0.75)`;
-  if (noFontSizeDownScale) styles.root.fontSize = fontSize;
-  return /*#__PURE__*/_react.default.createElement(Component, {
-    className: className,
-    style: _objectSpread(_objectSpread({}, style), styles.root)
-  }, children && /*#__PURE__*/_react.default.cloneElement(children, _objectSpread({}, other)));
+    } = _props);
+    other = (0, _objectWithoutProperties2.default)(_props, _excluded);
+    _props;
+    $[0] = props;
+    $[1] = children;
+    $[2] = className;
+    $[3] = noFontSizeDownScale;
+    $[4] = other;
+    $[5] = style;
+    $[6] = t0;
+  } else {
+    children = $[1];
+    className = $[2];
+    noFontSizeDownScale = $[3];
+    other = $[4];
+    style = $[5];
+    t0 = $[6];
+  }
+  const Component = t0 === undefined ? "span" : t0;
+  let styles;
+  if ($[7] !== noFontSizeDownScale || $[8] !== props.size) {
+    styles = {
+      root: {}
+    };
+    const size = ["very small", "small", "regular", "medium", "large", "very large"].includes(props.size) ? props.size : "small";
+    let fontSize = "1.5rem";
+    if (size === "very small") {
+      fontSize = "0.75rem";
+    } else {
+      if (size === "small") {
+        fontSize = "1.125rem";
+      } else {
+        if (size === "regular") {
+          fontSize = "1.5rem";
+        } else {
+          if (size === "medium") {
+            fontSize = "2.25rem";
+          } else {
+            if (size === "large") {
+              fontSize = "3rem";
+            } else {
+              if (size === "very large") {
+                fontSize = "3.75rem";
+              }
+            }
+          }
+        }
+      }
+    }
+    styles.root.fontSize = `calc(${fontSize} * 0.75)`;
+    if (noFontSizeDownScale) {
+      styles.root.fontSize = fontSize;
+    }
+    $[7] = noFontSizeDownScale;
+    $[8] = props.size;
+    $[9] = styles;
+  } else {
+    styles = $[9];
+  }
+  let t1;
+  if ($[10] !== style || $[11] !== styles.root) {
+    t1 = _objectSpread(_objectSpread({}, style), styles.root);
+    $[10] = style;
+    $[11] = styles.root;
+    $[12] = t1;
+  } else {
+    t1 = $[12];
+  }
+  let t2;
+  if ($[13] !== children || $[14] !== other) {
+    t2 = children && /*#__PURE__*/_react.default.cloneElement(children, _objectSpread({}, other));
+    $[13] = children;
+    $[14] = other;
+    $[15] = t2;
+  } else {
+    t2 = $[15];
+  }
+  let t3;
+  if ($[16] !== Component || $[17] !== className || $[18] !== t1 || $[19] !== t2) {
+    t3 = /*#__PURE__*/_react.default.createElement(Component, {
+      className: className,
+      style: t1
+    }, t2);
+    $[16] = Component;
+    $[17] = className;
+    $[18] = t1;
+    $[19] = t2;
+    $[20] = t3;
+  } else {
+    t3 = $[20];
+  }
+  return t3;
 };
 const Checkbox = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$elements;
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui;
-    return _objectSpread(_objectSpread({}, props_), theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.onesyCheckbox) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default);
-  }, [props_]);
-  const IconButton = _react.default.useMemo(() => {
-    var _theme$elements;
-    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.IconButton) || _IconButton.default;
-  }, [theme]);
+  const props = _objectSpread(_objectSpread({}, props_), theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.onesyCheckbox) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default);
+  const IconButton = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.IconButton) || _IconButton.default;
   const {
       tonal = true,
       color = 'primary',
@@ -257,8 +357,8 @@ const Checkbox = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       if ((0, _utils.is)('function', onChange)) onChange(event.target.checked, event);
     }
   };
-  const onKeyDown = event => {
-    switch (event.key) {
+  const onKeyDown = event_0 => {
+    switch (event_0.key) {
       case 'Enter':
         if (refs.input.current) refs.input.current.click();
         break;

package/Chip/Chip.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IButton } from '../Button/Button';
-export type IChip = IButton & {
+export declare type IChip = IButton & {
     input?: boolean;
     filter?: boolean;
     noCheckIcon?: boolean;

package/Chip/Chip.js

@@ -31,15 +31,10 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-Chip'
 });
 const Chip = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements;
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyChip) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const Button = _react.default.useMemo(() => {
-    var _theme$elements;
-    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Button) || _Button.default;
-  }, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyChip) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const Button = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Button) || _Button.default;
   const {
       tonal = false,
       color = props.version === 'filled' ? 'inverted' : 'default',
@@ -108,11 +103,11 @@ const Chip = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     tonal: tonal,
     version: version,
     color: color || (tonal ? 'neutral' : 'default'),
-    onClick: event => {
+    onClick: event_0 => {
       onSelect();
 
       // Invoke items on click method
-      if ((0, _utils.is)('function', onClick)) onClick(event);
+      if ((0, _utils.is)('function', onClick)) onClick(event_0);
     },
     start: start
   }, !noCheckIcon && start && selected ? {

package/Chips/Chips.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElement, IPropsAny } from '../types';
-export type IChips = ILine & {
+export declare type IChips = ILine & {
     total?: number;
     showAllDefault?: boolean;
     max?: number;

package/Chips/Chips.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _styleReact = require("@onesy/style-react");
 var _Line = _interopRequireDefault(require("../Line"));
@@ -58,53 +59,67 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-Chips'
 });
 const Chips = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2;
+  const $ = (0, _compilerRuntime.c)(13);
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyChips) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const Line = _react.default.useMemo(() => {
-    var _theme$elements;
-    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
-  }, [theme]);
-  const Chip = _react.default.useMemo(() => {
-    var _theme$elements2;
-    return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Chip) || _Chip.default;
-  }, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyChips) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
+  const Chip = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Chip) || _Chip.default;
   const {
-      size = 'regular',
-      gap = 1,
-      align = 'flex-start',
-      justify = 'flex-start',
-      direction = 'row',
+      size: t0,
+      gap: t1,
+      align: t2,
+      justify: t3,
+      direction: t4,
       wrap,
       total,
       max,
       showAllDefault,
-      moreShowAll = true,
+      moreShowAll: t5,
       AdditionalChip,
-      AdditionalChipProps = {},
-      Component = 'div',
+      AdditionalChipProps: t6,
+      Component: t7,
       className,
       style,
       children: children_
     } = props,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const size = t0 === undefined ? "regular" : t0;
+  const gap = t1 === undefined ? 1 : t1;
+  const align = t2 === undefined ? "flex-start" : t2;
+  const justify = t3 === undefined ? "flex-start" : t3;
+  const direction = t4 === undefined ? "row" : t4;
+  const moreShowAll = t5 === undefined ? true : t5;
+  const AdditionalChipProps = t6 === undefined ? {} : t6;
+  const Component = t7 === undefined ? "div" : t7;
   const {
     classes
   } = useStyle();
   const [showAll, setShowAll] = _react.default.useState(showAllDefault !== undefined ? showAllDefault : false);
-  const onClickMore = _react.default.useCallback(() => {
-    setShowAll(true);
-  }, []);
+  let t8;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = () => {
+      setShowAll(true);
+    };
+    $[0] = t8;
+  } else {
+    t8 = $[0];
+  }
+  const onClickMore = t8;
   let children = _react.default.Children.toArray(children_);
   if (!showAll) {
     children = children.slice(0, max || children.length);
     if (total !== undefined && total - children.length >= 1 || max < children.length) {
       let value;
-      if (total !== undefined && total - children.length >= 1) value = `+${total - children.length}`;else value = `+${Math.abs(children.length - max)}`;
-      if (!AdditionalChipProps.TypeProps) AdditionalChipProps.TypeProps = {};
-      AdditionalChipProps.TypeProps.size = '0.44em';
+      if (total !== undefined && total - children.length >= 1) {
+        value = `+${total - children.length}`;
+      } else {
+        value = `+${Math.abs(children.length - max)}`;
+      }
+      if (!AdditionalChipProps.TypeProps) {
+        AdditionalChipProps.TypeProps = {};
+      }
+      AdditionalChipProps.TypeProps.size = "0.44em";
       children.push(AdditionalChip || /*#__PURE__*/_react.default.createElement(Chip, (0, _extends2.default)({
         color: "default"
       }, other, AdditionalChipProps, {
@@ -112,20 +127,40 @@ const Chips = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       }), value));
     }
   }
-  return /*#__PURE__*/_react.default.createElement(Line, {
-    ref: ref,
-    gap: gap,
-    justify: justify,
-    align: align,
-    direction: direction,
-    wrap: wrap,
-    Component: Component,
-    className: (0, _styleReact.classNames)([(0, _utils.staticClassName)('Chips', theme) && ['onesy-Chips-root', `onesy-Chips-size-${size}`], className, classes.root, classes[`size_${size}`], wrap === 'wrap' && [classes.wrap, classes[`wrap_${size}`]]]),
-    style: style
-  }, _react.default.Children.toArray(children).map((item, index) => /*#__PURE__*/_react.default.cloneElement(item, _objectSpread(_objectSpread({
+  const t9 = (0, _styleReact.classNames)([(0, _utils.staticClassName)("Chips", theme) && ["onesy-Chips-root", `onesy-Chips-size-${size}`], className, classes.root, classes[`size_${size}`], wrap === "wrap" && [classes.wrap, classes[`wrap_${size}`]]]);
+  const t10 = _react.default.Children.toArray(children).map((item, index) => /*#__PURE__*/_react.default.cloneElement(item, _objectSpread(_objectSpread({
     key: index,
     size
-  }, other), item.props))));
+  }, other), item.props)));
+  let t11;
+  if ($[1] !== Component || $[2] !== Line || $[3] !== align || $[4] !== direction || $[5] !== gap || $[6] !== justify || $[7] !== ref || $[8] !== style || $[9] !== t10 || $[10] !== t9 || $[11] !== wrap) {
+    t11 = /*#__PURE__*/_react.default.createElement(Line, {
+      ref: ref,
+      gap: gap,
+      justify: justify,
+      align: align,
+      direction: direction,
+      wrap: wrap,
+      Component: Component,
+      className: t9,
+      style: style
+    }, t10);
+    $[1] = Component;
+    $[2] = Line;
+    $[3] = align;
+    $[4] = direction;
+    $[5] = gap;
+    $[6] = justify;
+    $[7] = ref;
+    $[8] = style;
+    $[9] = t10;
+    $[10] = t9;
+    $[11] = wrap;
+    $[12] = t11;
+  } else {
+    t11 = $[12];
+  }
+  return t11;
 });
 Chips.displayName = 'onesy-Chips';
 var _default = exports.default = Chips;

package/ClickListener/ClickListener.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IHTMLElement } from '../types';
-export type IClickListener = IBaseElement & {
+export declare type IClickListener = IBaseElement & {
     mouseEvent?: 'onClick' | 'onMove' | 'onMouseDown' | 'onMouseUp' | 'onMouseEnter' | 'onMouseLeave';
     touchEvent?: 'onTouchStart' | 'onTouchEnd' | 'onTouchMove';
     include?: Array<IHTMLElement>;

package/ClickListener/ClickListener.js

@@ -16,11 +16,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { (0, _defineProperty2.default)(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; }
 const resolve = value => value.replace(/^on/, '').toLowerCase();
 const ClickListener = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2;
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyClickListener) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyClickListener) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const {
       mouseEvent = 'onClick',
       touchEvent = 'onTouchEnd',
@@ -52,10 +50,10 @@ const ClickListener = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       if (refs.root.current) {
         const elementParents = (0, _utils.element)(event.target).parents();
         const exists = (0, _utils.Try)(() => rootDocument.body.contains(event.target));
-        if (refs.root.current.contains(event.target) || refs.include.current.map(item => (item === null || item === void 0 ? void 0 : item.current) || item).filter(Boolean).some(item => {
-          var _item$contains;
-          return (_item$contains = item.contains) === null || _item$contains === void 0 ? void 0 : _item$contains.call(item, event.target);
-        }) || refs.includeParentQueries.current.some(query => elementParents.some(item => (0, _utils2.matches)(item)(query))) || refs.includeQueries.current.some(query => (0, _utils2.matches)(event.target)(query)) || !exists && refs.ignoreNonExisting.current) {
+        if (refs.root.current.contains(event.target) || refs.include.current.map(item_0 => (item_0 === null || item_0 === void 0 ? void 0 : item_0.current) || item_0).filter(Boolean).some(item_1 => {
+          var _item_1$contains;
+          return (_item_1$contains = item_1.contains) === null || _item_1$contains === void 0 ? void 0 : _item_1$contains.call(item_1, event.target);
+        }) || refs.includeParentQueries.current.some(query_0 => elementParents.some(item => (0, _utils2.matches)(item)(query_0))) || refs.includeQueries.current.some(query => (0, _utils2.matches)(event.target)(query)) || !exists && refs.ignoreNonExisting.current) {
           if ((0, _utils.is)('function', onClickInside)) onClickInside();
         } else {
           if ((0, _utils.is)('function', onClickOutside)) onClickOutside();
@@ -74,14 +72,14 @@ const ClickListener = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     };
   }, [mouseEvent, touchEvent, contextMenu]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children && (/*#__PURE__*/_react.default.cloneElement(children, _objectSpread(_objectSpread({
-    ref: item => {
+    ref: item_2 => {
       if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+        if ((0, _utils.is)('function', ref)) ref(item_2);else ref.current = item_2;
       }
       if (children.ref) {
-        if ((0, _utils.is)('function', children.ref)) children.ref(item);else children.ref.current = item;
+        if ((0, _utils.is)('function', children.ref)) children.ref(item_2);else children.ref.current = item_2;
       }
-      refs.root.current = item;
+      refs.root.current = item_2;
     }
   }, other), {}, {
     className: (0, _styleReact.classNames)([other.className, children.props.className])

package/Clock/Clock.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { OnesyDate } from '@onesy/date';
 import { IRoundMeter } from '../RoundMeter/RoundMeter';
-export type TClockValue = OnesyDate;
-export type TClockFormat = '12' | '24';
-export type TClockUnit = 'hour' | 'minute' | 'second';
-export type TClockDayTime = 'am' | 'pm';
-export type IClock = Omit<IRoundMeter, 'onChange'> & {
+export declare type TClockValue = OnesyDate;
+export declare type TClockFormat = '12' | '24';
+export declare type TClockUnit = 'hour' | 'minute' | 'second';
+export declare type TClockDayTime = 'am' | 'pm';
+export declare type IClock = Omit<IRoundMeter, 'onChange'> & {
     value?: TClockValue;
     valueDefault?: TClockValue;
     onChange?: (value: TClockValue) => any;