@onesy/ui-react 1.0.164 → 1.0.167

package/ColumnChart/ColumnChart.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 _utils = require("@onesy/utils");
 var _styleReact = require("@onesy/style-react");
@@ -23,19 +24,12 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-ColumnChart'
 });
 const ColumnChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2;
+  const $ = (0, _compilerRuntime.c)(9);
   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.onesyColumnChart) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const Chart = _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.Chart) || _Chart.default;
-  }, [theme]);
-  const ColumnChartItem = _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.ColumnChartItem) || _ColumnChartItem.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.onesyColumnChart) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const Chart = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Chart) || _Chart.default;
+  const ColumnChartItem = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.ColumnChartItem) || _ColumnChartItem.default;
   const {
       values,
       className
@@ -45,22 +39,47 @@ const ColumnChart = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     classes
   } = useStyle();
   const [rects, setRects] = _react.default.useState();
-  const onUpdateRects = valueNew => {
-    setRects(valueNew);
-  };
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = valueNew => {
+      setRects(valueNew);
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const onUpdateRects = t0;
   const wrapperRect = rects === null || rects === void 0 ? void 0 : rects.wrapper;
   const widthItem = wrapperRect ? (0, _utils.clamp)((wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.width) / (values.length * 2), undefined, 40) : undefined;
-  return /*#__PURE__*/_react.default.createElement(Chart, (0, _extends2.default)({
-    ref: ref,
-    values: values,
-    pointsVisibility: "hidden",
-    elementTooltip: true,
-    onUpdateRects: onUpdateRects,
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('ColumnChart', theme) && ['onesy-ColumnChart-root'], className, classes.root])
-  }, other), (0, _utils.is)('array', values) && values.map((item, index) => /*#__PURE__*/_react.default.createElement(ColumnChartItem, (0, _extends2.default)({
+  const t1 = "hidden";
+  const t2 = true;
+  const t3 = (0, _styleReact.classNames)([(0, _utils2.staticClassName)("ColumnChart", theme) && ["onesy-ColumnChart-root"], className, classes.root]);
+  const t4 = (0, _utils.is)("array", values) && values.map((item, index) => /*#__PURE__*/_react.default.createElement(ColumnChartItem, (0, _extends2.default)({
     key: index,
     width: widthItem
-  }, item))));
+  }, item)));
+  let t5;
+  if ($[1] !== Chart || $[2] !== onUpdateRects || $[3] !== other || $[4] !== ref || $[5] !== t3 || $[6] !== t4 || $[7] !== values) {
+    t5 = /*#__PURE__*/_react.default.createElement(Chart, (0, _extends2.default)({
+      ref: ref,
+      values: values,
+      pointsVisibility: t1,
+      elementTooltip: t2,
+      onUpdateRects: onUpdateRects,
+      className: t3
+    }, other), t4);
+    $[1] = Chart;
+    $[2] = onUpdateRects;
+    $[3] = other;
+    $[4] = ref;
+    $[5] = t3;
+    $[6] = t4;
+    $[7] = values;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  return t5;
 });
 ColumnChart.displayName = 'onesy-ColumnChart';
 var _default = exports.default = ColumnChart;

package/ColumnChartItem/ColumnChartItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TMethod } from '@onesy/models';
 import { IChart, IChartValueValues } from '../Chart/Chart';
-export type IColumnChartItem = IChart & {
+export declare type IColumnChartItem = IChart & {
     name?: string;
     refs?: {
         wrapper?: HTMLElement;

package/ColumnChartItem/ColumnChartItem.js

@@ -32,23 +32,12 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-ColumnChartItem'
 });
 const ColumnChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3;
   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.onesyColumnChartItem) === 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 Path = _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.Path) || _Path.default;
-  }, [theme]);
-  const Type = _react.default.useMemo(() => {
-    var _theme$elements3;
-    return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.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.onesyColumnChartItem) === 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 Path = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Path) || _Path.default;
+  const Type = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
   const {
       tonal = true,
       color = 'primary',
@@ -85,13 +74,13 @@ const ColumnChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) =>
     const result = [];
     const items = [animate_, animateTimeout_];
     items.forEach(item => {
-      if ((0, _utils.is)('object', item)) Object.keys(item).filter(key => theme.breakpoints.media[key]).forEach(key => result.push(key));
+      if ((0, _utils.is)('object', item)) Object.keys(item).filter(key => theme.breakpoints.media[key]).forEach(key_0 => result.push(key_0));
     });
     return (0, _utils.unique)(result);
   }, [animate_, animateTimeout_]);
   const breakpoints = {};
-  keys.forEach(key => {
-    breakpoints[key] = (0, _useMediaQuery.default)(theme.breakpoints.media[key], {
+  keys.forEach(key_1 => {
+    breakpoints[key_1] = (0, _useMediaQuery.default)(theme.breakpoints.media[key_1], {
       element: refs.path.current
     });
   });
@@ -103,7 +92,7 @@ const ColumnChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) =>
   refs.animate.current = animate;
   refs.animateTimeout.current = animateTimeout;
   refs.init.current = init;
-  const LegendItem = _react.default.useCallback(legendItemProps => {
+  const LegendItem = legendItemProps => {
     return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
       gap: 1,
       direction: "row",
@@ -118,7 +107,7 @@ const ColumnChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) =>
     }), /*#__PURE__*/_react.default.createElement(Type, {
       version: "b3"
     }, name));
-  }, [theme]);
+  };
   const make = () => {
     // Make values into x, y, coordinates
     // normalized in rect width, height values
@@ -178,7 +167,7 @@ const ColumnChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) =>
       setValue(element);
     }
   };
-  const initMethod = _react.default.useCallback(() => {
+  const initMethod = () => {
     if (animate) {
       if (!init) {
         refs.pathStyle.current = {
@@ -196,7 +185,7 @@ const ColumnChartItem = /*#__PURE__*/_react.default.forwardRef((props_, ref) =>
         }, refs.animateTimeout.current);
       }
     }
-  }, [init, animate]);
+  };
   _react.default.useEffect(() => {
     make();
     initMethod();

package/Confirm/Confirm.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TMethod } from '@onesy/utils';
 import { IBaseElement } from '../types';
-export type IConfirmOpen = {
+export declare type IConfirmOpen = {
     modal?: (promise: IConfirmPromiseArgument) => React.ReactElement;
     name?: string | boolean | React.ReactElement;
     description?: string | React.ReactElement;
@@ -18,15 +18,15 @@ export type IConfirmOpen = {
     ButtonPositiveProps?: any;
     [p: string]: any;
 };
-export type IConfirmPromiseArgument = {
+export declare type IConfirmPromiseArgument = {
     resolve: TMethod;
     reject: TMethod;
 };
-export type IConfirmValue = {
+export declare type IConfirmValue = {
     open: (value?: IConfirmOpen) => Promise<any>;
     close: (confirmed?: boolean) => void;
 };
-export type IConfirm = IBaseElement & {
+export declare type IConfirm = IBaseElement & {
     throwError?: boolean;
     onOpen?: () => any;
     onClose?: () => any;

package/Confirm/Confirm.js

@@ -46,41 +46,17 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-Confirm'
 });
 const Confirm = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
-  var _buttons$negative, _buttons$negative2, _buttons$positive, _buttons$positive2;
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5, _theme$elements6, _theme$elements7, _buttons$negative, _buttons$negative2, _buttons$positive, _buttons$positive2;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
-  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.onesyConfirm) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const ModalHeader = _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.ModalHeader) || _ModalHeader.default;
-  }, [theme]);
-  const ModalFooter = _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.ModalFooter) || _ModalFooter.default;
-  }, [theme]);
-  const ModalTitle = _react.default.useMemo(() => {
-    var _theme$elements3;
-    return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.ModalTitle) || _ModalTitle.default;
-  }, [theme]);
-  const ModalMain = _react.default.useMemo(() => {
-    var _theme$elements4;
-    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.ModalMain) || _ModalMain.default;
-  }, [theme]);
-  const ModalText = _react.default.useMemo(() => {
-    var _theme$elements5;
-    return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.ModalText) || _ModalText.default;
-  }, [theme]);
-  const Modal = _react.default.useMemo(() => {
-    var _theme$elements6;
-    return (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Modal) || _Modal.default;
-  }, [theme]);
-  const Button = _react.default.useMemo(() => {
-    var _theme$elements7;
-    return (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.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.onesyConfirm) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const ModalHeader = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.ModalHeader) || _ModalHeader.default;
+  const ModalFooter = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.ModalFooter) || _ModalFooter.default;
+  const ModalTitle = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.ModalTitle) || _ModalTitle.default;
+  const ModalMain = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.ModalMain) || _ModalMain.default;
+  const ModalText = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.ModalText) || _ModalText.default;
+  const Modal = (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Modal) || _Modal.default;
+  const Button = (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.Button) || _Button.default;
   const {
       throwError,
       onOpen,
@@ -103,7 +79,7 @@ const Confirm = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }
   };
   refs.props.current = props;
-  const open = _react.default.useCallback(value => {
+  const open = value => {
     if (!openModal) {
       var _refs$modal$current$b, _refs$modal$current$b2, _value$buttons, _value$buttons2, _value$buttons3, _value$buttons4;
       refs.modal.current = _objectSpread({}, value);
@@ -124,8 +100,8 @@ const Confirm = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       if ((0, _utils.is)('function', onOpen)) onOpen();
       return promise;
     }
-  }, [openModal, onOpen]);
-  const close = _react.default.useCallback((confirm = false) => {
+  };
+  const close = (confirm = false) => {
     if (openModal) {
       var _refs$promise$resolve, _refs$promise$resolve2, _refs$promise$resolve3, _refs$promise$resolve4, _refs$promise$reject$, _refs$promise$reject;
       setOpenModal(false);
@@ -136,7 +112,7 @@ const Confirm = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       refs.promise.resolve.current = undefined;
       refs.promise.reject.current = undefined;
     }
-  }, [openModal, onClose]);
+  };
   const _ref = refs.modal.current || {},
     {
       name,

package/Confirm/useConfirm.js

@@ -8,6 +8,6 @@ exports.default = useConfirm;
 var _react = _interopRequireDefault(require("react"));
 var _Context = _interopRequireDefault(require("./Context"));
 function useConfirm() {
-  const value = _react.default.useContext(_Context.default);
+  const value = _react.default.use(_Context.default);
   return value;
 }

package/Container/Container.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IValueBreakpoints } from '../types';
-export type IContainer = ILine & {
+export declare type IContainer = ILine & {
     alignment?: 'start' | 'center' | 'end' | Partial<Record<IValueBreakpoints, 'start' | 'center' | 'end'>>;
     paddingVertical?: 'both' | 'start' | 'end' | 'none' | Partial<Record<IValueBreakpoints, 'both' | 'start' | 'end' | 'none'>>;
     paddingHorizontal?: 'both' | 'start' | 'end' | 'none' | Partial<Record<IValueBreakpoints, 'both' | 'start' | 'end' | 'none'>>;

package/Container/Container.js

@@ -89,15 +89,10 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-Container'
 });
 const Container = /*#__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.onesyContainer) === 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 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.onesyContainer) === 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 {
       alignment: alignment_,
       paddingVertical: paddingVertical_,
@@ -120,13 +115,13 @@ const Container = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     const result = [];
     const items = [alignment_, paddingVertical_, paddingHorizontal_, fullWidth_, maxWidth_];
     items.forEach(item => {
-      if ((0, _utils.is)('object', item)) Object.keys(item).filter(key => theme.breakpoints.media[key]).forEach(key => result.push(key));
+      if ((0, _utils.is)('object', item)) Object.keys(item).filter(key => theme.breakpoints.media[key]).forEach(key_0 => result.push(key_0));
     });
     return (0, _utils.unique)(result);
   }, [alignment_, paddingVertical_, paddingHorizontal_, fullWidth_, maxWidth_]);
   const breakpoints = {};
-  keys.forEach(key => {
-    breakpoints[key] = (0, _useMediaQuery.default)(theme.breakpoints.media[key], {
+  keys.forEach(key_1 => {
+    breakpoints[key_1] = (0, _useMediaQuery.default)(theme.breakpoints.media[key_1], {
       element: refs.root.current
     });
   });
@@ -142,11 +137,11 @@ const Container = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   if (!['both', 'start', 'end', 'none'].includes(paddingHorizontal)) styles.root.paddingInline = paddingHorizontal;
   if (!['both', 'start', 'end', 'none'].includes(paddingVertical)) styles.root.paddingBlock = paddingVertical;
   return /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
-    ref: item => {
+    ref: item_0 => {
       if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+        if ((0, _utils.is)('function', ref)) ref(item_0);else ref.current = item_0;
       }
-      refs.root.current = item;
+      refs.root.current = item_0;
     },
     gap: 0,
     direction: "row",

package/CookieBanner/CookieBanner.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IPropsAny } from '../types';
 import { ISurface } from '../Surface/Surface';
-export type ICookieBanner = ISurface & {
+export declare type ICookieBanner = ISurface & {
     name?: any;
     description?: any;
     startActions?: any;

package/CookieBanner/CookieBanner.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 _utils = require("@onesy/utils");
 var _styleReact = require("@onesy/style-react");
@@ -44,42 +45,26 @@ const useStyle = (0, _styleReact.style)(theme => ({
   name: 'onesy-CookieBanner'
 });
 const CookieBanner = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5;
+  const $ = (0, _compilerRuntime.c)(10);
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
-  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.onesyBanner) === 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 Slide = _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.Slide) || _Slide.default;
-  }, [theme]);
-  const Surface = _react.default.useMemo(() => {
-    var _theme$elements3;
-    return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Surface) || _Surface.default;
-  }, [theme]);
-  const Type = _react.default.useMemo(() => {
-    var _theme$elements4;
-    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Type) || _Type.default;
-  }, [theme]);
-  const Button = _react.default.useMemo(() => {
-    var _theme$elements5;
-    return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.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.onesyBanner) === 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 Slide = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.Slide) || _Slide.default;
+  const Surface = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Surface) || _Surface.default;
+  const Type = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Type) || _Type.default;
+  const Button = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Button) || _Button.default;
   const {
       name,
       description,
-      size = 'regular',
+      size: t0,
       startActions,
       endActions,
       onReject,
       onAllow,
       in: inProp,
-      TransitionElement: TransitionElementProps = Slide,
+      TransitionElement: t1,
       noTransition,
       MainProps,
       NameProps,
@@ -92,6 +77,8 @@ const CookieBanner = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       children
     } = props,
     other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const size = t0 === undefined ? "regular" : t0;
+  const TransitionElementProps = t1 === undefined ? Slide : t1;
   const {
     classes
   } = useStyle();
@@ -102,6 +89,52 @@ const CookieBanner = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   const buttonProps = _objectSpread({
     size
   }, ButtonProps);
+  let t2;
+  if ($[0] !== l) {
+    t2 = l("Cookie Banner");
+    $[0] = l;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const t3 = (0, _styleReact.classNames)([(0, _utils2.staticClassName)("CookieBanner", theme) && ["onesy-CookieBanner-root", `onesy-CookieBanner-size-${size}`], className, classes.root, classes[`size_${size}`]]);
+  const t4 = (0, _styleReact.classNames)([(0, _utils2.staticClassName)("CookieBanner", theme) && ["onesy-CookieBanner-main"], MainProps === null || MainProps === void 0 ? void 0 : MainProps.className, classes.main]);
+  const t5 = 0.25;
+  const t6 = (0, _utils.is)("string", name) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
+    version: size === "large" ? "t1" : size === "regular" ? "t2" : "t3",
+    weight: 500
+  }, NameProps), name) : name;
+  const t7 = (0, _utils.is)("string", description) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
+    version: size === "large" ? "b1" : size === "regular" ? "b2" : "b3"
+  }, DescriptionProps), description) : description;
+  let t8;
+  if ($[2] !== Line || $[3] !== t6 || $[4] !== t7) {
+    t8 = /*#__PURE__*/_react.default.createElement(Line, {
+      gap: t5
+    }, t6, t7);
+    $[2] = Line;
+    $[3] = t6;
+    $[4] = t7;
+    $[5] = t8;
+  } else {
+    t8 = $[5];
+  }
+  let t9;
+  if ($[6] !== l) {
+    t9 = l("Reject All");
+    $[6] = l;
+    $[7] = t9;
+  } else {
+    t9 = $[7];
+  }
+  let t10;
+  if ($[8] !== l) {
+    t10 = l("Accept All");
+    $[8] = l;
+    $[9] = t10;
+  } else {
+    t10 = $[9];
+  }
   return /*#__PURE__*/_react.default.createElement(TransitionElement, WrapperProps, /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
     ref: ref,
     gap: 1.5,
@@ -110,8 +143,8 @@ const CookieBanner = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     Component: Surface,
     color: "default",
     role: "region",
-    "aria-label": l('Cookie Banner'),
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('CookieBanner', theme) && ['onesy-CookieBanner-root', `onesy-CookieBanner-size-${size}`], className, classes.root, classes[`size_${size}`]])
+    "aria-label": t2,
+    className: t3
   }, other), /*#__PURE__*/_react.default.createElement(Line, (0, _extends2.default)({
     gap: 1.5,
     direction: "row",
@@ -120,26 +153,19 @@ const CookieBanner = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     justify: "space-between",
     fullWidth: true
   }, MainProps, {
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('CookieBanner', theme) && ['onesy-CookieBanner-main'], MainProps === null || MainProps === void 0 ? void 0 : MainProps.className, classes.main])
-  }), /*#__PURE__*/_react.default.createElement(Line, {
-    gap: 0.25
-  }, (0, _utils.is)('string', name) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3',
-    weight: 500
-  }, NameProps), name) : name, (0, _utils.is)('string', description) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
-    version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3'
-  }, DescriptionProps), description) : description), /*#__PURE__*/_react.default.createElement(Line, {
+    className: t4
+  }), t8, /*#__PURE__*/_react.default.createElement(Line, {
     gap: 1,
     direction: "row",
     align: "center"
   }, startActions, /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
     onClick: onReject,
     color: "default"
-  }, buttonProps, RejectButtonProps), l('Reject All')), /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
+  }, buttonProps, RejectButtonProps), t9), /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({
     onClick: onAllow,
     color: "primary",
     version: "filled"
-  }, buttonProps, AllowButtonProps), l('Accept All')), endActions))));
+  }, buttonProps, AllowButtonProps), t10), endActions))));
 });
 CookieBanner.displayName = 'onesy-CookieBanner';
 var _default = exports.default = CookieBanner;

package/Countdown/Countdown.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IElementReference, IPropsAny } from '../types';
-export type ICountdown = Omit<ISurface, 'version'> & {
+export declare type ICountdown = Omit<ISurface, 'version'> & {
     version?: 'linear' | 'round';
     renderValue?: (value: string) => IElement;
     icon?: boolean;