@onesy/ui-react 1.0.77 → 1.0.79

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 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/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/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;

package/ToggleButtons/ToggleButtons.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IButtons } from '../Buttons/Buttons';
-export declare type IToggleButtons = IButtons & {};
+export type IToggleButtons = IButtons & {};
 declare const ToggleButtons: React.FC<IToggleButtons>;
 export default ToggleButtons;

package/Tooltip/Tooltip.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IModal } from '../Modal/Modal';
 import { IElement, IElementReference, IHTMLElement, IMethodTransition, IPropsAny } from '../types';
-export declare type ITooltip = Omit<IModal, 'maxWidth'> & {
+export type ITooltip = Omit<IModal, 'maxWidth'> & {
     open?: boolean;
     openDefault?: boolean;
     name?: IElement;

package/TopAppBar/TopAppBar.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement } from '../types';
-export declare type ITopAppBar = Omit<ISurface, 'version'> & {
+export type ITopAppBar = Omit<ISurface, 'version'> & {
     position?: 'relative' | 'absolute' | 'static' | 'sticky' | 'fixed' | 'unset';
     version?: 'small' | 'center' | 'medium' | 'large';
     center?: boolean;

package/Transition/Transition.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 import { TTransitionsDurationProperties } from '@onesy/style-react';
 import { IBaseElement } from '../types';
-export declare type TTransitionStatus = 'appended' | 'add' | 'adding' | 'added' | 'enter' | 'entering' | 'entered' | 'exit' | 'exiting' | 'exited' | 'removed';
+export type TTransitionStatus = 'appended' | 'add' | 'adding' | 'added' | 'enter' | 'entering' | 'entered' | 'exit' | 'exiting' | 'exited' | 'removed';
 export declare const STATUS: Record<TTransitionStatus, TTransitionStatus>;
-export declare type ITransitionDelay = {
+export type ITransitionDelay = {
     default?: number;
     add?: number;
     enter?: number;
     exit?: number;
 };
-export declare type ITransition = Omit<IBaseElement, 'className'> & {
+export type ITransition = Omit<IBaseElement, 'className'> & {
     in?: boolean;
     name?: string;
     className?: boolean;

package/Transitions/Transitions.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IPropsAny } from '../types';
-export declare type TTransitionsMode = 'in-out' | 'in-out-follow' | 'out-in';
-export declare type ITransitions = {
+export type TTransitionsMode = 'in-out' | 'in-out-follow' | 'out-in';
+export type ITransitions = {
     id?: string;
     mode?: TTransitionsMode;
     switch?: boolean;

package/Tree/Tree.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IElement, IPropsAny, IElementReference, IVersion } from '../types';
-export declare type ITree = Omit<IBaseElement, 'onChange'> & {
+export type ITree = Omit<IBaseElement, 'onChange'> & {
     open?: boolean;
     openDefault?: boolean;
     version?: IVersion;

package/Type/Type.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TTypographyItem } from '@onesy/style-react';
 import { IBaseElement } from '../types';
-export declare type IType = IBaseElement & {
+export type IType = IBaseElement & {
     responsive?: boolean;
     priority?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
     version?: TTypographyItem;

package/VideoPlayer/VideoPlayer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElementReference, IPropsAny } from '../types';
-export declare type IVideoPlayer = ILine & {
+export type IVideoPlayer = ILine & {
     name?: string;
     src?: string;
     mime?: string;

package/ViewSplit/ViewSplit.d.ts

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

package/Watch/Watch.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { OnesyDate } from '@onesy/date';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IPropsAny } from '../types';
-export declare type IWatch = Omit<ISurface, 'version'> & {
+export type IWatch = Omit<ISurface, 'version'> & {
     version?: 'regular' | 'analog' | 'modern' | 'minimal';
     start?: boolean;
     timeVisible?: boolean;

package/Weather/Weather.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElementReference, IPropsAny } from '../types';
-export declare type TWeatherDayTime = 'day' | 'night';
-export declare type TWeather = 'clear' | 'partly clear' | 'rainy' | 'partly rainy' | 'snowy' | 'partly snowy';
-export declare type TTemperature = number;
-export declare type IWeather = ISurface & {
+export type TWeatherDayTime = 'day' | 'night';
+export type TWeather = 'clear' | 'partly clear' | 'rainy' | 'partly rainy' | 'snowy' | 'partly snowy';
+export type TTemperature = number;
+export type IWeather = ISurface & {
     shadow?: boolean;
     dayTime?: TWeatherDayTime;
     weather?: TWeather;

package/Whiteboard/Whiteboard.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export declare type IWhiteboardAction = {
+export type IWhiteboardAction = {
     v: 'a' | 'r';
     i: IWhiteboardItem | IWhiteboardItem[];
 };
-export declare type IWhiteboardTool = 'pen' | 'eraser' | 'pan' | 'zoom' | 'select' | 'circle' | 'rectangle' | 'triangle' | 'line' | 'line-arrow' | 'text' | 'image';
-export declare type IWhiteboardValue = IWhiteboardItem[];
-export declare type IWhiteboard = Omit<IBaseElement, 'onChange'> & {
+export type IWhiteboardTool = 'pen' | 'eraser' | 'pan' | 'zoom' | 'select' | 'circle' | 'rectangle' | 'triangle' | 'line' | 'line-arrow' | 'text' | 'image';
+export type IWhiteboardValue = IWhiteboardItem[];
+export type IWhiteboard = Omit<IBaseElement, 'onChange'> & {
     valueDefault?: IWhiteboardValue;
     onChange?: (value: IWhiteboardValue) => any;
     minZoom?: number;
@@ -14,7 +14,7 @@ export declare type IWhiteboard = Omit<IBaseElement, 'onChange'> & {
     grid?: boolean;
     settings?: any;
 };
-export declare type IWhiteboardItem = {
+export type IWhiteboardItem = {
     i: string;
     v?: 'dl' | 'dp' | 'oc' | 'oe' | 'or' | 'os' | 'ot' | 'ote' | 'ol' | 'oa' | 'i' | 't';
     p: number[];

package/Widgets/Widgets.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { IBaseElement, IElement, IPropsAny, IElementReference } from '../types';
-export declare type IWidgetsValue = {
+export type IWidgetsValue = {
     open: (value?: string) => void;
     openAll: () => void;
     close: (value?: string) => void;
     closeAll: () => void;
 };
-export declare type IWidgets = IBaseElement & {
+export type IWidgets = IBaseElement & {
     widgets?: IElement;
     position?: 'top' | 'bottom';
     move?: boolean;

package/WindowSplit/WindowSplit.d.ts

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

package/Zoom/Zoom.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ITransition } from '..';
-export declare type IZoom = ITransition & {};
+export type IZoom = ITransition & {};
 declare const Zoom: React.FC<IZoom>;
 export default Zoom;

package/esm/Confirm/Confirm.js

@@ -134,13 +134,13 @@ const Confirm = /*#__PURE__*/React.forwardRef((props_, ref) => {
   }, other, otherModal), is('function', modal) ? modal({
     resolve: refs.promise.resolve.current,
     reject: refs.promise.reject.current
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, name !== false && /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, {
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, name !== false && /*#__PURE__*/React.createElement(ModalHeader, null, is('string', name) ? /*#__PURE__*/React.createElement(ModalTitle, {
     version: "t1",
     weight: 500
-  }, name || l('Confirmation'))), /*#__PURE__*/React.createElement(ModalMain, null, /*#__PURE__*/React.createElement(ModalText, {
+  }, name || l('Confirmation')) : name), /*#__PURE__*/React.createElement(ModalMain, null, is('string', description) ? /*#__PURE__*/React.createElement(ModalText, {
     version: "b1",
     weight: 200
-  }, description !== undefined ? description : l('Are you sure you want to proceed?'))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, _extends({
+  }, description !== undefined ? description : l('Are you sure you want to proceed?')) : description), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, _extends({
     version: "text",
     color: "inherit",
     tonal: true,

package/esm/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.77",
+  "version": "1.0.79",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",
@@ -42,7 +42,7 @@
     "@onesy/log": "^1.0.1",
     "@onesy/models": "^1.0.0",
     "@onesy/subscription": "^1.0.0",
-    "@onesy/utils": "^1.0.5",
+    "@onesy/utils": "^1.0.12",
     "webm-duration-fix": "^1.0.4"
   },
   "publishConfig": {

package/types.d.ts

@@ -1,29 +1,29 @@
 /// <reference types="react" />
 import { IBreakpoint, TPaletteVersion } from '@onesy/style-react';
-export declare type IPoint = [number, number];
-export declare type ITonal = true | false | 'secondary';
-declare type RGB = `rgb(${number}, ${number}, ${number})`;
-declare type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
-declare type HSL = `hsl(${number}, ${number}, ${number})`;
-declare type HSLA = `hsla(${number}, ${number}, ${number}, ${number})`;
-declare type HEX = `#${string}`;
-declare type Color = RGB | RGBA | HSL | HSLA | HEX;
-export declare type IColor = 'default' | 'themed' | 'inverted' | 'inherit' | TPaletteVersion | Color;
-export declare type IVersion = 'filled' | 'outlined' | 'outlined-without-background' | 'text';
-export declare type ISize = 'small' | 'regular' | 'large';
-export declare type ISizeExtended = 'very small' | 'small' | 'regular' | 'medium' | 'large' | 'very large';
-export declare type ISizeAny = ISize | number;
-export declare type ISizeExtendedAny = ISizeExtended | number;
-export declare type IElevation = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 9 | 12 | 16 | 24;
-export declare type IElementReference = string | React.FC<any> | (React.ForwardRefExoticComponent<any>);
-export declare type IElement = React.ReactNode | React.ReactNode[] | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export declare type IElementAny = IElement | string | number | boolean | null | undefined;
-export declare type IHTMLElement = Element | HTMLElement;
-export declare type IPropsAny = Record<string, any>;
-export declare type IStyle = React.CSSProperties | undefined;
-export declare type IChildren = React.ReactNode | React.ReactNode[];
-export declare type IRef = React.MutableRefObject<any>;
-export declare type IBaseElement<P = {}, T = HTMLElement> = Omit<React.HTMLAttributes<T>, 'onClick' | 'onChange' | 'onInput' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'onDoubleClick' | 'onSubmit'> & {
+export type IPoint = [number, number];
+export type ITonal = true | false | 'secondary';
+type RGB = `rgb(${number}, ${number}, ${number})`;
+type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
+type HSL = `hsl(${number}, ${number}, ${number})`;
+type HSLA = `hsla(${number}, ${number}, ${number}, ${number})`;
+type HEX = `#${string}`;
+type Color = RGB | RGBA | HSL | HSLA | HEX;
+export type IColor = 'default' | 'themed' | 'inverted' | 'inherit' | TPaletteVersion | Color;
+export type IVersion = 'filled' | 'outlined' | 'outlined-without-background' | 'text';
+export type ISize = 'small' | 'regular' | 'large';
+export type ISizeExtended = 'very small' | 'small' | 'regular' | 'medium' | 'large' | 'very large';
+export type ISizeAny = ISize | number;
+export type ISizeExtendedAny = ISizeExtended | number;
+export type IElevation = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 9 | 12 | 16 | 24;
+export type IElementReference = string | React.FC<any> | (React.ForwardRefExoticComponent<any>);
+export type IElement = React.ReactNode | React.ReactNode[] | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export type IElementAny = IElement | string | number | boolean | null | undefined;
+export type IHTMLElement = Element | HTMLElement;
+export type IPropsAny = Record<string, any>;
+export type IStyle = React.CSSProperties | undefined;
+export type IChildren = React.ReactNode | React.ReactNode[];
+export type IRef = React.MutableRefObject<any>;
+export type IBaseElement<P = {}, T = HTMLElement> = Omit<React.HTMLAttributes<T>, 'onClick' | 'onChange' | 'onInput' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'onDoubleClick' | 'onSubmit'> & {
     tonal?: ITonal;
     color?: IColor;
     size?: ISizeAny;
@@ -41,9 +41,9 @@ export declare type IBaseElement<P = {}, T = HTMLElement> = Omit<React.HTMLAttri
     Component?: any;
     ref?: any;
 } & P;
-export declare type IMethodTransition = (element?: IHTMLElement) => any;
-export declare type IValueBreakpoints = IBreakpoint | 'default';
-export declare type IMediaObject = {
+export type IMethodTransition = (element?: IHTMLElement) => any;
+export type IValueBreakpoints = IBreakpoint | 'default';
+export type IMediaObject = {
     id?: string;
     name?: string;
     mime?: string;

package/useForm/useForm.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IValidateVales } from './validate';
-export declare type IUseForm = {
+export type IUseForm = {
     values: IValidateVales;
     validate?: (values: IValidateVales, form: any) => boolean;
     rerenderOnUpdate?: boolean;
@@ -8,7 +8,7 @@ export declare type IUseForm = {
     valueDefault?: any;
     validDefault?: boolean;
 };
-export declare type IUseFormOnChangeOptions = {
+export type IUseFormOnChangeOptions = {
     rerenderOnUpdate?: boolean;
 };
 declare const useForm: (props: IUseForm) => {