@onesy/ui-react 1.0.131 → 1.0.133

package/Select/Select.js

@@ -499,9 +499,9 @@ const Select = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         onMouseUp,
         onMouseDown,
         onClick: event => {
-          var _item$props7, _item$props8, _item$props9, _item$props10, _item$props11;
+          var _item$props7, _item$props8, _item$props9, _item$props0, _item$props1;
           if (multiple && value.includes((_item$props7 = item.props) === null || _item$props7 === void 0 ? void 0 : _item$props7.value)) onUnselect((_item$props8 = item.props) === null || _item$props8 === void 0 ? void 0 : _item$props8.value);else onSelect((_item$props9 = item.props) === null || _item$props9 === void 0 ? void 0 : _item$props9.value);
-          if ((0, _utils.is)('function', (_item$props10 = item.props) === null || _item$props10 === void 0 ? void 0 : _item$props10.onClick)) (_item$props11 = item.props) === null || _item$props11 === void 0 || _item$props11.onClick(event);
+          if ((0, _utils.is)('function', (_item$props0 = item.props) === null || _item$props0 === void 0 ? void 0 : _item$props0.onClick)) (_item$props1 = item.props) === null || _item$props1 === void 0 || _item$props1.onClick(event);
           if (!multiple) setOpen(false);
         }
       });

package/Share/Share.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-export declare type IShare = ILine & {
+export type IShare = ILine & {
     version?: 'fixed' | 'absolute' | 'static' | 'menu-items';
     position?: 'start' | 'end' | 'top' | 'bottom';
     name?: string;

package/Slide/Slide.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ITransition } from '..';
-export declare type ISlide = ITransition & {
+export type ISlide = ITransition & {
     root?: HTMLElement;
     min?: number;
     direction?: 'top' | 'left' | 'bottom' | 'right';

package/Slider/Slider.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IBaseElement, IElement, IPropsAny, ISizeAny } from '../types';
-export declare type TSliderValue = number | Array<number>;
-export declare type ISlider = Omit<IBaseElement, 'onChange'> & {
+export type TSliderValue = number | Array<number>;
+export type ISlider = Omit<IBaseElement, 'onChange'> & {
     value?: TSliderValue;
     valueDefault?: TSliderValue;
     onChange?: (value: TSliderValue) => any;

package/SmartTextField/SmartTextField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ITextField } from '../TextField/TextField';
 import { IPropsAny } from '../types';
-export declare type ISmartTextField = ITextField & {
+export type ISmartTextField = ITextField & {
     placeholder?: any;
     edit?: boolean;
     mention?: boolean;

package/SmartTextField/SmartTextField.js

@@ -199,36 +199,36 @@ const SmartTextField = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     return (theme === null || theme === void 0 || (_theme$elements9 = theme.elements) === null || _theme$elements9 === void 0 ? void 0 : _theme$elements9.Append) || _Append.default;
   }, [theme]);
   const Fade = _react.default.useMemo(() => {
-    var _theme$elements10;
-    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.Fade) || _Fade.default;
+    var _theme$elements0;
+    return (theme === null || theme === void 0 || (_theme$elements0 = theme.elements) === null || _theme$elements0 === void 0 ? void 0 : _theme$elements0.Fade) || _Fade.default;
   }, [theme]);
   const Tooltip = _react.default.useMemo(() => {
-    var _theme$elements11;
-    return (theme === null || theme === void 0 || (_theme$elements11 = theme.elements) === null || _theme$elements11 === void 0 ? void 0 : _theme$elements11.Tooltip) || _Tooltip.default;
+    var _theme$elements1;
+    return (theme === null || theme === void 0 || (_theme$elements1 = theme.elements) === null || _theme$elements1 === void 0 ? void 0 : _theme$elements1.Tooltip) || _Tooltip.default;
   }, [theme]);
   const ToggleButton = _react.default.useMemo(() => {
-    var _theme$elements12;
-    return (theme === null || theme === void 0 || (_theme$elements12 = theme.elements) === null || _theme$elements12 === void 0 ? void 0 : _theme$elements12.ToggleButton) || _ToggleButton.default;
+    var _theme$elements10;
+    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.ToggleButton) || _ToggleButton.default;
   }, [theme]);
   const ClickListener = _react.default.useMemo(() => {
-    var _theme$elements13;
-    return (theme === null || theme === void 0 || (_theme$elements13 = theme.elements) === null || _theme$elements13 === void 0 ? void 0 : _theme$elements13.ClickListener) || _ClickListener.default;
+    var _theme$elements11;
+    return (theme === null || theme === void 0 || (_theme$elements11 = theme.elements) === null || _theme$elements11 === void 0 ? void 0 : _theme$elements11.ClickListener) || _ClickListener.default;
   }, [theme]);
   const ToggleButtons = _react.default.useMemo(() => {
-    var _theme$elements14;
-    return (theme === null || theme === void 0 || (_theme$elements14 = theme.elements) === null || _theme$elements14 === void 0 ? void 0 : _theme$elements14.ToggleButtons) || _ToggleButtons.default;
+    var _theme$elements12;
+    return (theme === null || theme === void 0 || (_theme$elements12 = theme.elements) === null || _theme$elements12 === void 0 ? void 0 : _theme$elements12.ToggleButtons) || _ToggleButtons.default;
   }, [theme]);
   const Menu = _react.default.useMemo(() => {
-    var _theme$elements15;
-    return (theme === null || theme === void 0 || (_theme$elements15 = theme.elements) === null || _theme$elements15 === void 0 ? void 0 : _theme$elements15.Menu) || _Menu.default;
+    var _theme$elements13;
+    return (theme === null || theme === void 0 || (_theme$elements13 = theme.elements) === null || _theme$elements13 === void 0 ? void 0 : _theme$elements13.Menu) || _Menu.default;
   }, [theme]);
   const Divider = _react.default.useMemo(() => {
-    var _theme$elements16;
-    return (theme === null || theme === void 0 || (_theme$elements16 = theme.elements) === null || _theme$elements16 === void 0 ? void 0 : _theme$elements16.Divider) || _Divider.default;
+    var _theme$elements14;
+    return (theme === null || theme === void 0 || (_theme$elements14 = theme.elements) === null || _theme$elements14 === void 0 ? void 0 : _theme$elements14.Divider) || _Divider.default;
   }, [theme]);
   const ColorTextField = _react.default.useMemo(() => {
-    var _theme$elements17;
-    return (theme === null || theme === void 0 || (_theme$elements17 = theme.elements) === null || _theme$elements17 === void 0 ? void 0 : _theme$elements17.ColorTextField) || _ColorTextField.default;
+    var _theme$elements15;
+    return (theme === null || theme === void 0 || (_theme$elements15 = theme.elements) === null || _theme$elements15 === void 0 ? void 0 : _theme$elements15.ColorTextField) || _ColorTextField.default;
   }, [theme]);
   const {
       tonal = true,

package/Snackbar/Snackbar.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IElementReference, IPropsAny } from '../types';
-export declare type ISnackbar = ISurface & {
+export type ISnackbar = ISurface & {
     open?: boolean;
     primary?: IElement;
     end?: IElement;

package/Snackbars/Context.d.ts

@@ -1,5 +1,5 @@
 import { ISnackbar } from '../Snackbar/Snackbar';
-export declare type ISnackbarsContext = {
+export type ISnackbarsContext = {
     add: (value: ISnackbar) => void;
     remove: (id: string) => void;
 };

package/Snackbars/Snackbars.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { ISnackbar } from '../Snackbar/Snackbar';
 import { IBaseElement, IPropsAny } from '../types';
-export declare type ISnackbarsValue = {
+export type ISnackbarsValue = {
     add: (value: ISnackbar) => void;
     remove: (value: 'first' | 'last' | string) => void;
 };
-export declare type ISnackbars = IBaseElement & {
+export type ISnackbars = IBaseElement & {
     max?: number;
     position?: 'top' | 'bottom';
     alignment?: 'start' | 'left' | 'center' | 'right' | 'end';

package/Space/Space.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export declare type ISpace = IBaseElement & {
+export type ISpace = IBaseElement & {
     unitDefault?: 'm' | 'px';
     minSize?: number;
     maxSize?: number;

package/Space/Space.js

@@ -356,56 +356,56 @@ const Space = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     return (theme === null || theme === void 0 || (_theme$elements9 = theme.elements) === null || _theme$elements9 === void 0 ? void 0 : _theme$elements9.Label) || _Label.default;
   }, [theme]);
   const List = _react.default.useMemo(() => {
-    var _theme$elements10;
-    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.List) || _List.default;
+    var _theme$elements0;
+    return (theme === null || theme === void 0 || (_theme$elements0 = theme.elements) === null || _theme$elements0 === void 0 ? void 0 : _theme$elements0.List) || _List.default;
   }, [theme]);
   const ListItem = _react.default.useMemo(() => {
-    var _theme$elements11;
-    return (theme === null || theme === void 0 || (_theme$elements11 = theme.elements) === null || _theme$elements11 === void 0 ? void 0 : _theme$elements11.ListItem) || _ListItem.default;
+    var _theme$elements1;
+    return (theme === null || theme === void 0 || (_theme$elements1 = theme.elements) === null || _theme$elements1 === void 0 ? void 0 : _theme$elements1.ListItem) || _ListItem.default;
   }, [theme]);
   const NavigationDrawer = _react.default.useMemo(() => {
-    var _theme$elements12;
-    return (theme === null || theme === void 0 || (_theme$elements12 = theme.elements) === null || _theme$elements12 === void 0 ? void 0 : _theme$elements12.NavigationDrawer) || _NavigationDrawer.default;
+    var _theme$elements10;
+    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.NavigationDrawer) || _NavigationDrawer.default;
   }, [theme]);
   const NumericTextField = _react.default.useMemo(() => {
-    var _theme$elements13;
-    return (theme === null || theme === void 0 || (_theme$elements13 = theme.elements) === null || _theme$elements13 === void 0 ? void 0 : _theme$elements13.NumericTextField) || _NumericTextField.default;
+    var _theme$elements11;
+    return (theme === null || theme === void 0 || (_theme$elements11 = theme.elements) === null || _theme$elements11 === void 0 ? void 0 : _theme$elements11.NumericTextField) || _NumericTextField.default;
   }, [theme]);
   const Select = _react.default.useMemo(() => {
-    var _theme$elements14;
-    return (theme === null || theme === void 0 || (_theme$elements14 = theme.elements) === null || _theme$elements14 === void 0 ? void 0 : _theme$elements14.Select) || _Select.default;
+    var _theme$elements12;
+    return (theme === null || theme === void 0 || (_theme$elements12 = theme.elements) === null || _theme$elements12 === void 0 ? void 0 : _theme$elements12.Select) || _Select.default;
   }, [theme]);
   const Slider = _react.default.useMemo(() => {
-    var _theme$elements15;
-    return (theme === null || theme === void 0 || (_theme$elements15 = theme.elements) === null || _theme$elements15 === void 0 ? void 0 : _theme$elements15.Slider) || _Slider.default;
+    var _theme$elements13;
+    return (theme === null || theme === void 0 || (_theme$elements13 = theme.elements) === null || _theme$elements13 === void 0 ? void 0 : _theme$elements13.Slider) || _Slider.default;
   }, [theme]);
   const SmartTextField = _react.default.useMemo(() => {
-    var _theme$elements16;
-    return (theme === null || theme === void 0 || (_theme$elements16 = theme.elements) === null || _theme$elements16 === void 0 ? void 0 : _theme$elements16.SmartTextField) || _SmartTextField.default;
+    var _theme$elements14;
+    return (theme === null || theme === void 0 || (_theme$elements14 = theme.elements) === null || _theme$elements14 === void 0 ? void 0 : _theme$elements14.SmartTextField) || _SmartTextField.default;
   }, [theme]);
   const Switch = _react.default.useMemo(() => {
-    var _theme$elements17;
-    return (theme === null || theme === void 0 || (_theme$elements17 = theme.elements) === null || _theme$elements17 === void 0 ? void 0 : _theme$elements17.Switch) || _Switch.default;
+    var _theme$elements15;
+    return (theme === null || theme === void 0 || (_theme$elements15 = theme.elements) === null || _theme$elements15 === void 0 ? void 0 : _theme$elements15.Switch) || _Switch.default;
   }, [theme]);
   const TextField = _react.default.useMemo(() => {
-    var _theme$elements18;
-    return (theme === null || theme === void 0 || (_theme$elements18 = theme.elements) === null || _theme$elements18 === void 0 ? void 0 : _theme$elements18.TextField) || _TextField.default;
+    var _theme$elements16;
+    return (theme === null || theme === void 0 || (_theme$elements16 = theme.elements) === null || _theme$elements16 === void 0 ? void 0 : _theme$elements16.TextField) || _TextField.default;
   }, [theme]);
   const Tooltip = _react.default.useMemo(() => {
-    var _theme$elements19;
-    return (theme === null || theme === void 0 || (_theme$elements19 = theme.elements) === null || _theme$elements19 === void 0 ? void 0 : _theme$elements19.Tooltip) || _Tooltip.default;
+    var _theme$elements17;
+    return (theme === null || theme === void 0 || (_theme$elements17 = theme.elements) === null || _theme$elements17 === void 0 ? void 0 : _theme$elements17.Tooltip) || _Tooltip.default;
   }, [theme]);
   const Type = _react.default.useMemo(() => {
-    var _theme$elements20;
-    return (theme === null || theme === void 0 || (_theme$elements20 = theme.elements) === null || _theme$elements20 === void 0 ? void 0 : _theme$elements20.Type) || _Type.default;
+    var _theme$elements18;
+    return (theme === null || theme === void 0 || (_theme$elements18 = theme.elements) === null || _theme$elements18 === void 0 ? void 0 : _theme$elements18.Type) || _Type.default;
   }, [theme]);
   const Surface = _react.default.useMemo(() => {
-    var _theme$elements21;
-    return (theme === null || theme === void 0 || (_theme$elements21 = theme.elements) === null || _theme$elements21 === void 0 ? void 0 : _theme$elements21.Surface) || _Surface.default;
+    var _theme$elements19;
+    return (theme === null || theme === void 0 || (_theme$elements19 = theme.elements) === null || _theme$elements19 === void 0 ? void 0 : _theme$elements19.Surface) || _Surface.default;
   }, [theme]);
   const HTMLCanvas = _react.default.useMemo(() => {
-    var _theme$elements22;
-    return (theme === null || theme === void 0 || (_theme$elements22 = theme.elements) === null || _theme$elements22 === void 0 ? void 0 : _theme$elements22.HTMLCanvas) || _HTMLCanvas.default;
+    var _theme$elements20;
+    return (theme === null || theme === void 0 || (_theme$elements20 = theme.elements) === null || _theme$elements20 === void 0 ? void 0 : _theme$elements20.HTMLCanvas) || _HTMLCanvas.default;
   }, [theme]);
   const {
       size = 'regular',

package/Space/index.js

@@ -22,5 +22,4 @@ Object.keys(_Space).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/SpeechToText/SpeechToText.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElementReference, IPropsAny } from '../types';
-export declare type ISpeechToText = Omit<ILine, 'onChange'> & {
+export type ISpeechToText = Omit<ILine, 'onChange'> & {
     SpeechRecognition?: any;
     continuous?: boolean;
     grammars?: any;

package/SpeedDial/SpeedDial.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IVersion, IElement, IElementReference, IPropsAny } from '../types';
-export declare type ISpeedDial = Omit<ILine, 'direction'> & {
+export type ISpeedDial = Omit<ILine, 'direction'> & {
     version?: IVersion;
     open?: boolean;
     openDefault?: boolean;

package/SpeedDialItem/SpeedDialItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IIconButton } from '../IconButton/IconButton';
 import { IElement, IElementReference, IPropsAny } from '../types';
-export declare type ISpeedDialItem = IIconButton & {
+export type ISpeedDialItem = IIconButton & {
     open?: boolean;
     name?: IElement;
     label?: IElement;

package/SpyScroll/SpyScroll.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IStyle } from '../types';
-export declare type ISpyScroll = IBaseElement & {
+export type ISpyScroll = IBaseElement & {
     ids?: Array<string>;
     offset?: number;
     offsetStart?: number;

package/Step/Step.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IColor, IVersion, IElement, IPropsAny } from '../types';
-export declare type IStep = ILine & {
+export type IStep = ILine & {
     version?: IVersion;
     iconColor?: IColor;
     iconColorActive?: IColor;

package/Stepper/Stepper.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IColor, IVersion, IPropsAny } from '../types';
-export declare type IStepper = ILine & {
+export type IStepper = ILine & {
     version?: IVersion;
     iconColor?: IColor;
     iconColorActive?: IColor;

package/Surface/Surface.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IVersion, IElevation, IPropsAny } from '../types';
-export declare type ISurface = IBaseElement & {
+export type ISurface = IBaseElement & {
     version?: IVersion;
     elevation?: IElevation;
     backgroundOpacity?: number;

package/Switch/Switch.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IRef, IElement } from '../types';
-export declare type ISwitch = Omit<IBaseElement, 'onChange'> & {
+export type ISwitch = Omit<IBaseElement, 'onChange'> & {
     inputRef?: IRef;
     version?: any;
     valueDefault?: boolean;

package/Tab/Tab.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { ITooltip } from '../Tooltip/Tooltip';
 import { IElement, IPropsAny } from '../types';
-export declare type ITab = Omit<ISurface, 'version' | 'onChange'> & {
+export type ITab = Omit<ISurface, 'version' | 'onChange'> & {
     version?: 'primary' | 'secondary';
     size?: 'small' | 'regular' | 'large';
     value?: any;

package/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IPropsAny, IElementReference } from '../types';
-export declare type ITable = ISurface & {
+export type ITable = ISurface & {
     header?: IElement;
     footer?: IElement;
     WrapperComponentProps?: IPropsAny;

package/TableBody/TableBody.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
-export declare type ITableBody = ISurface & {
+export type ITableBody = ISurface & {
     loading?: boolean;
 };
 declare const TableBody: React.FC<ITableBody>;

package/TableCell/TableCell.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { TLineAlign, TLineJustify } from '../Line/Line';
 import { IBaseElement, IPropsAny } from '../types';
-export declare type ITableCellSort = 'asc' | 'desc';
-export declare type ITableCell = IBaseElement & {
+export type ITableCellSort = 'asc' | 'desc';
+export type ITableCell = IBaseElement & {
     sort?: boolean;
     sortedByDefault?: ITableCellSort;
     sortedBy?: ITableCellSort;

package/TableCell/TableCell.js

@@ -67,7 +67,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
   },
   sticky: {
     position: 'sticky',
-    zIndex: '14',
+    zIndex: '14'
+  },
+  sticky_left: {
     '&::after': {
       content: "''",
       position: 'absolute',
@@ -79,11 +81,28 @@ const useStyle = (0, _styleReact.style)(theme => ({
       pointerEvents: 'none'
     }
   },
-  stickyActive: {
+  sticky_right: {
+    '&::after': {
+      content: "''",
+      position: 'absolute',
+      top: '0',
+      left: '-24px',
+      bottom: '0',
+      width: '24px',
+      transition: theme.methods.transitions.make('box-shadow'),
+      pointerEvents: 'none'
+    }
+  },
+  stickyActive_left: {
     '&::after': {
       boxShadow: `inset 11px 0 7px -7px ${theme.palette.light ? 'rgba(0, 0, 0, 0.04)' : 'rgba(255, 255, 255, 0.14)'}`
     }
   },
+  stickyActive_right: {
+    '&::after': {
+      boxShadow: `inset -11px 0 7px -7px ${theme.palette.light ? 'rgba(0, 0, 0, 0.04)' : 'rgba(255, 255, 255, 0.14)'}`
+    }
+  },
   sort: {
     cursor: 'pointer',
     borderRadius: 2,
@@ -195,7 +214,7 @@ const TableCell = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   _react.default.useEffect(() => {
     if (sticky) {
       if (root) {
-        const parentOverflow = (0, _utils2.getOverflowParent)(root);
+        const parentOverflow = (0, _utils2.getOverflowParent)(root, false);
         const offsetPrevious = stickyPosition === 'left' ? root.offsetLeft : window.innerWidth - root.getBoundingClientRect().right;
         const method = () => {
           const offsetNew = stickyPosition === 'left' ? root.offsetLeft : window.innerWidth - root.getBoundingClientRect().right;
@@ -233,7 +252,7 @@ const TableCell = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       setRoot(item);
     },
     role: "cell",
-    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('TableCell', theme) && [`onesy-TableCell-root`, `onesy-TableCell-size-${size}`, sticky && `onesy-TableCell-sticky`, stickyPosition && `onesy-TableCell-sticky-position-${stickyPosition}`, stickyActive && `onesy-TableHead-sticky-active`], className, classes.root, position === 'head' ? classes.head : classes.body, noWeight && classes.noWeight, sticky && classes.sticky, stickyActive && classes.stickyActive]),
+    className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('TableCell', theme) && [`onesy-TableCell-root`, `onesy-TableCell-size-${size}`, sticky && `onesy-TableCell-sticky`, stickyPosition && `onesy-TableCell-sticky-position-${stickyPosition}`, stickyActive && `onesy-TableHead-sticky-active`], className, classes.root, position === 'head' ? classes.head : classes.body, noWeight && classes.noWeight, sticky && [classes.sticky, classes[`sticky_${stickyPosition}`]], stickyActive && classes[`stickyActive_${stickyPosition}`]]),
     style: _objectSpread(_objectSpread({}, style), stylesOther)
   }, other), /*#__PURE__*/_react.default.createElement(Line, {
     gap: 0,

package/TableFooter/TableFooter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
-export declare type ITableFooter = ISurface & {};
+export type ITableFooter = ISurface & {};
 declare const TableFooter: React.FC<ITableFooter>;
 export default TableFooter;

package/TableHead/TableHead.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
-export declare type ITableHead = ISurface & {
+export type ITableHead = ISurface & {
     sticky?: boolean;
     stickyOffset?: number;
     loading?: boolean;

package/TableHeader/TableHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
-export declare type ITableHeader = ISurface & {};
+export type ITableHeader = ISurface & {};
 declare const TableHeader: React.FC<ITableHeader>;
 export default TableHeader;

package/TablePagination/TablePagination.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElementReference, IVersion } from '../types';
-export declare type ITableRow = Omit<ILine, 'onChange'> & {
+export type ITableRow = Omit<ILine, 'onChange'> & {
     version?: IVersion;
     elevation?: boolean;
     page?: number;

package/TableRow/TableRow.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
-export declare type ITableRow = ISurface & {
+export type ITableRow = ISurface & {
     hover?: boolean;
     selected?: boolean;
     position?: 'head' | 'body';

package/Tabs/Tabs.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { TLineAlign, TLineJustify } from '../Line/Line';
 import { IElementReference, IPropsAny } from '../types';
-export declare type ITabs = Omit<ISurface, 'version' | 'onChange'> & {
+export type ITabs = Omit<ISurface, 'version' | 'onChange'> & {
     version?: 'primary' | 'secondary';
     value?: any;
     valueDefault?: any;

package/Text/Text.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IPropsAny } from '../types';
-export declare type IText = IBaseElement & {
+export type IText = IBaseElement & {
     value?: any;
     columns?: number;
     responsive?: boolean;

package/TextField/TextField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import OnesySubscription from '@onesy/subscription';
 import { IBaseElement, IVersion, IRef, IElement, IValueBreakpoints, IPropsAny, IElementReference } from '../types';
-export declare type ITextField = Omit<IBaseElement, 'onChange'> & {
+export type ITextField = Omit<IBaseElement, 'onChange'> & {
     version?: IVersion;
     rootRef?: IRef;
     valueDefault?: string | number;

package/TextToSpeech/TextToSpeech.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElementReference, IPropsAny } from '../types';
-export declare type ITextToSpeech = ILine & {
+export type ITextToSpeech = ILine & {
     read?: string;
     speechSynthesisUtterance?: any;
     language?: string;

package/TimePicker/TimePicker.d.ts

@@ -3,9 +3,9 @@ import { OnesyDate } from '@onesy/date';
 import { TClockUnit } from '../Clock/Clock';
 import { IAdvancedTextField } from '../AdvancedTextField/AdvancedTextField';
 import { IValueBreakpoints, IElementReference, IPropsAny } from '../types';
-export declare type TTimePickerValue = OnesyDate | [OnesyDate, OnesyDate];
-export declare type TTimePickerSelecting = TClockUnit | [TClockUnit, TClockUnit];
-export declare type ITimePicker = Omit<IAdvancedTextField, 'version' | 'onChange'> & {
+export type TTimePickerValue = OnesyDate | [OnesyDate, OnesyDate];
+export type TTimePickerSelecting = TClockUnit | [TClockUnit, TClockUnit];
+export type ITimePicker = Omit<IAdvancedTextField, 'version' | 'onChange'> & {
     version?: 'auto' | 'mobile' | 'desktop';
     value?: TTimePickerValue;
     valueDefault?: TTimePickerValue;

package/TimePicker/TimePicker.js

@@ -258,28 +258,28 @@ const TimePicker = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
     return (theme === null || theme === void 0 || (_theme$elements9 = theme.elements) === null || _theme$elements9 === void 0 ? void 0 : _theme$elements9.ToggleButton) || _ToggleButton.default;
   }, [theme]);
   const ToggleButtons = _react.default.useMemo(() => {
-    var _theme$elements10;
-    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.ToggleButtons) || _ToggleButtons.default;
+    var _theme$elements0;
+    return (theme === null || theme === void 0 || (_theme$elements0 = theme.elements) === null || _theme$elements0 === void 0 ? void 0 : _theme$elements0.ToggleButtons) || _ToggleButtons.default;
   }, [theme]);
   const Button = _react.default.useMemo(() => {
-    var _theme$elements11;
-    return (theme === null || theme === void 0 || (_theme$elements11 = theme.elements) === null || _theme$elements11 === void 0 ? void 0 : _theme$elements11.Button) || _Button.default;
+    var _theme$elements1;
+    return (theme === null || theme === void 0 || (_theme$elements1 = theme.elements) === null || _theme$elements1 === void 0 ? void 0 : _theme$elements1.Button) || _Button.default;
   }, [theme]);
   const Slide = _react.default.useMemo(() => {
-    var _theme$elements12;
-    return (theme === null || theme === void 0 || (_theme$elements12 = theme.elements) === null || _theme$elements12 === void 0 ? void 0 : _theme$elements12.Slide) || _Slide.default;
+    var _theme$elements10;
+    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.Slide) || _Slide.default;
   }, [theme]);
   const Clock = _react.default.useMemo(() => {
-    var _theme$elements13;
-    return (theme === null || theme === void 0 || (_theme$elements13 = theme.elements) === null || _theme$elements13 === void 0 ? void 0 : _theme$elements13.Clock) || _Clock.default;
+    var _theme$elements11;
+    return (theme === null || theme === void 0 || (_theme$elements11 = theme.elements) === null || _theme$elements11 === void 0 ? void 0 : _theme$elements11.Clock) || _Clock.default;
   }, [theme]);
   const Tab = _react.default.useMemo(() => {
-    var _theme$elements14;
-    return (theme === null || theme === void 0 || (_theme$elements14 = theme.elements) === null || _theme$elements14 === void 0 ? void 0 : _theme$elements14.Tab) || _Tab.default;
+    var _theme$elements12;
+    return (theme === null || theme === void 0 || (_theme$elements12 = theme.elements) === null || _theme$elements12 === void 0 ? void 0 : _theme$elements12.Tab) || _Tab.default;
   }, [theme]);
   const Tabs = _react.default.useMemo(() => {
-    var _theme$elements15;
-    return (theme === null || theme === void 0 || (_theme$elements15 = theme.elements) === null || _theme$elements15 === void 0 ? void 0 : _theme$elements15.Tabs) || _Tabs.default;
+    var _theme$elements13;
+    return (theme === null || theme === void 0 || (_theme$elements13 = theme.elements) === null || _theme$elements13 === void 0 ? void 0 : _theme$elements13.Tabs) || _Tabs.default;
   }, [theme]);
   const {
       tonal = true,

package/TimeRangePicker/TimeRangePicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ITimePicker } from '../TimePicker/TimePicker';
-export declare type ITimeRangePicker = ITimePicker & {};
+export type ITimeRangePicker = ITimePicker & {};
 declare const TimeRangePicker: React.FC<ITimeRangePicker>;
 export default TimeRangePicker;

package/Timeline/Timeline.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-export declare type ITimeline = ILine & {
+export type ITimeline = ILine & {
     orientation?: 'vertical' | 'horizontal';
 };
 declare const Timeline: React.FC<ITimeline>;

package/TimelineItem/TimelineItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElement, IPropsAny, IElementReference } from '../types';
-export declare type ITimelineItem = ILine & {
+export type ITimelineItem = ILine & {
     orientation?: 'vertical' | 'horizontal';
     start?: IElement;
     end?: IElement;

package/Timer/Timer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElementReference, IPropsAny } from '../types';
-export declare type ITimer = ISurface & {
+export type ITimer = ISurface & {
     renderValue?: (value: string) => any;
     icon?: boolean;
     onStart?: (event: React.MouseEvent<any>) => any;

package/ToggleButton/ToggleButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IChip } from '../Chip/Chip';
-export declare type IToggleButton = IChip & {};
+export type IToggleButton = IChip & {};
 declare const ToggleButton: React.FC<IToggleButton>;
 export default ToggleButton;