@onesy/ui-react 1.0.77 → 1.0.79

package/ModalHeader/ModalHeader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ILine, TLineAlign } from '../Line/Line';
-export declare type IModalHeader = ILine & {
+export type IModalHeader = ILine & {
     align?: TLineAlign;
 };
 declare const ModalHeader: React.FC<IModalHeader>;

package/ModalIcon/ModalIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IIcon } from '../Icon/Icon';
-export declare type IModalIcon = IIcon & {};
+export type IModalIcon = IIcon & {};
 declare const ModalIcon: React.FC<IModalIcon>;
 export default ModalIcon;

package/ModalMain/ModalMain.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-export declare type IModalMain = ILine & {};
+export type IModalMain = ILine & {};
 declare const ModalMain: React.FC<IModalMain>;
 export default ModalMain;

package/ModalText/ModalText.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IType } from '../Type/Type';
-export declare type IModalText = IType & {};
+export type IModalText = IType & {};
 declare const ModalText: React.FC<IModalText>;
 export default ModalText;

package/ModalTitle/ModalTitle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IType } from '../Type/Type';
-export declare type IModalTitle = IType & {};
+export type IModalTitle = IType & {};
 declare const ModalTitle: React.FC<IModalTitle>;
 export default ModalTitle;

package/MoreOptions/MoreOptions.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IMenu } from '../Menu/Menu';
 import { IPropsAny } from '../types';
-export declare type IMoreOptions = IMenu & {
+export type IMoreOptions = IMenu & {
     Icon?: any;
     IconButtonProps?: IPropsAny;
 };

package/Move/Move.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export declare type IMove = IBaseElement & {
+export type IMove = IBaseElement & {
     version?: 'regular' | 'fixed';
     manage?: boolean;
     manageLevel?: number;

package/NavigationBar/NavigationBar.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { INavigationItemVersion } from '../NavigationItem/NavigationItem';
-export declare type TNavigationBarValue = Array<string>;
-export declare type INavigationBar = Omit<ISurface, 'version' | 'onChange'> & {
+export type TNavigationBarValue = Array<string>;
+export type INavigationBar = Omit<ISurface, 'version' | 'onChange'> & {
     value?: TNavigationBarValue;
     valueDefault?: TNavigationBarValue;
     onChange?: (value: TNavigationBarValue) => any;

package/NavigationDrawer/NavigationDrawer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IModal } from '../Modal/Modal';
 import { IMethodTransition, IPropsAny } from '../types';
-export declare type INavigationDrawer = IModal & {
+export type INavigationDrawer = IModal & {
     version?: 'modal' | 'standard';
     position?: 'fixed' | 'absolute';
     direction?: 'top' | 'left' | 'bottom' | 'right';

package/NavigationItem/NavigationItem.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ITooltip } from '../Tooltip/Tooltip';
 import { IElement, IElementReference, IPropsAny } from '../types';
-export declare type INavigationItemVersion = 'regular' | 'auto';
-export declare type INavigationItem = ITooltip & {
+export type INavigationItemVersion = 'regular' | 'auto';
+export type INavigationItem = ITooltip & {
     version?: 'regular' | 'auto';
     value?: any;
     vertical?: boolean;

package/NavigationRail/NavigationRail.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { INavigationItemVersion } from '../NavigationItem/NavigationItem';
 import { IElement, IPropsAny } from '../types';
-export declare type INavigationRail = Omit<ISurface, 'version' | 'onChange'> & {
+export type INavigationRail = Omit<ISurface, 'version' | 'onChange'> & {
     value?: any;
     valueDefault?: any;
     onChange?: (value: any) => any;

package/NotFound/NotFound.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ISection } from '../Section/Section';
-export declare type INotFound = ISection & {
+export type INotFound = ISection & {
     name?: any;
     href?: string;
     to?: string;

package/NumericTextField/NumericTextField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IAdvancedTextField } from '../AdvancedTextField/AdvancedTextField';
 import { IElementReference, IPropsAny } from '../types';
-export declare type INumericTextField = IAdvancedTextField & {
+export type INumericTextField = IAdvancedTextField & {
     min?: number;
     max?: number;
     increment?: boolean;

package/Page/Page.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElement, IElementReference } from '../types';
-export declare type IPageForward = {
+export type IPageForward = {
     to?: string;
     name?: string;
     label?: string;
 };
-export declare type IPage = ILine & {
+export type IPage = ILine & {
     back?: IPageForward;
     forward?: IPageForward;
     noHeader?: boolean;

package/PageTransition/PageTransition.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-export declare type IPageTransition = ILine & {
+export type IPageTransition = ILine & {
     add?: boolean;
     duration?: number;
     classNames?: {

package/Pagination/Pagination.d.ts

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

package/PaginationItem/PaginationItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IButton } from '../Button/Button';
 import { IPropsAny } from '../types';
-export declare type IPaginationItem = IButton & {
+export type IPaginationItem = IButton & {
     TypeProps?: IPropsAny;
 };
 declare const PaginationItem: React.FC<IPaginationItem>;

package/Parallax/Parallax.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IBaseElement, IPropsAny, IStyle, IValueBreakpoints } from '../types';
-export declare type TParallaxDirection = 'vertical' | 'horizontal';
-export declare type IParallax = IBaseElement & {
+export type TParallaxDirection = 'vertical' | 'horizontal';
+export type IParallax = IBaseElement & {
     value?: number;
     root?: Element | DocumentFragment;
     render?: (value: number, root: Element | DocumentFragment, rate: number, scrollDirection: TParallaxDirection, transformDirection: TParallaxDirection, transition: string, props: IPropsAny) => IStyle;

package/Path/Path.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export declare type IPath = IBaseElement & {
+export type IPath = IBaseElement & {
     value?: any;
 };
 declare const Path: React.FC<IPath>;

package/PieChart/PieChart.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IChart } from '../Chart/Chart';
-export declare type IPieChart = IChart & {
+export type IPieChart = IChart & {
     gap?: number;
     innerOffset?: number;
 };

package/Placeholder/Placeholder.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export declare type IPlaceholder = Omit<IBaseElement, 'version'> & {
+export type IPlaceholder = Omit<IBaseElement, 'version'> & {
     version?: 'rectangle' | 'rounded' | 'circle';
     width?: string | number;
     height?: string | number;

package/Portal/Portal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export declare type IPortal = IBaseElement & {
+export type IPortal = IBaseElement & {
     element?: Element | DocumentFragment;
 };
 declare const Portal: React.FC<IPortal>;

package/Properties/Properties.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IPropsAny } from '../types';
-export declare type IPropertiesValue = {
+export type IPropertiesValue = {
     name: any;
     value: any;
     separator?: any;
     props?: any;
 };
-export declare type IProperties = ILine & {
+export type IProperties = ILine & {
     version?: 'row' | 'row-20' | 'row-50' | 'row-between' | 'column';
     values?: (boolean | IPropertiesValue)[];
     onlyWithValues?: boolean;

package/Property/Property.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IPropsAny } from '../types';
-export declare type IProperty = ILine & {
+export type IProperty = ILine & {
     name?: any;
     value?: any;
     separator?: any;

package/Radio/Radio.d.ts

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

package/Radios/Radios.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 IRadios = Omit<ILine, 'onChange'> & {
+export type IRadios = Omit<ILine, 'onChange'> & {
     colorUnchecked?: IColor;
     version?: IVersion;
     name?: IElement;

package/Rating/Rating.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IColor, IElement } from '../types';
-export declare type IRating = Omit<IBaseElement, 'onChange'> & {
+export type IRating = Omit<IBaseElement, 'onChange'> & {
     colorInactive?: IColor;
     value?: number;
     valueDefault?: number;

package/Reset/Reset.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export declare type IReset = IBaseElement & {};
+export type IReset = IBaseElement & {};
 declare const Reset: React.FC<IReset>;
 export default Reset;

package/Reveal/Reveal.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IFade } from '../Fade/Fade';
 import { IUseVisible } from '../useVisible/useVisible';
-export declare type IReveal = Omit<IFade, 'onChange'> & {
+export type IReveal = Omit<IFade, 'onChange'> & {
     inDefault?: boolean;
     offset?: number;
     offsetReveal?: number;

package/RichTextEditor/RichTextEditor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IVersion, IPropsAny, IElement, IElementReference } from '../types';
-export declare type IRichTextEditor = Omit<ILine, 'onChange'> & {
+export type IRichTextEditor = Omit<ILine, 'onChange'> & {
     version?: IVersion;
     value?: string;
     onChange?: (event: React.ChangeEvent<any>) => any;

package/RoundMeter/RoundMeter.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IStyle, IElement, IPropsAny } from '../types';
-export declare type IRoundMeter = IBaseElement & {
+export type IRoundMeter = IBaseElement & {
     parts?: number;
     lineCap?: 'inherit' | 'round' | 'square' | 'butt';
     padding?: number;

package/RoundProgress/RoundProgress.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IPropsAny } from '../types';
-export declare type IRoundProgress = IBaseElement & {
+export type IRoundProgress = IBaseElement & {
     version?: 'determinate' | 'indeterminate';
     value?: number;
     noShrink?: boolean;

package/ScatterChart/ScatterChart.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IChart } from '../Chart/Chart';
-export declare type IScatterChart = IChart & {};
+export type IScatterChart = IChart & {};
 declare const ScatterChart: React.FC<IScatterChart>;
 export default ScatterChart;

package/ScatterChartItem/ScatterChartItem.d.ts

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

package/ScreenCapture/ScreenCapture.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElementReference, IPropsAny } from '../types';
-export declare type TTrackValueVersion = 'image' | 'canvas';
-export declare type IScreenCapture = ISurface & {
+export type TTrackValueVersion = 'image' | 'canvas';
+export type IScreenCapture = ISurface & {
     nameDefault?: string;
     name?: string;
     onChangeName?: (value: string) => any;

package/Section/Section.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { TPaletteVersion } from '@onesy/style-react';
 import { ILine } from '../Line/Line';
 import { IValueBreakpoints, IMediaObject, IPropsAny } from '../types';
-export declare type ISize = 'extra_small' | 'small' | 'regular' | 'large' | 'extra_large' | 'extra_extra_large';
-export declare type ISection = ILine & {
+export type ISize = 'extra_small' | 'small' | 'regular' | 'large' | 'extra_large' | 'extra_extra_large';
+export type ISection = ILine & {
     themed?: boolean;
     title?: string | Partial<Record<IValueBreakpoints, string>>;
     description?: string | Partial<Record<IValueBreakpoints, string>>;

package/SectionAction/SectionAction.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISection } from '../Section/Section';
 import { IPropsAny } from '../types';
-export declare type ISectionAction = ISection & {
+export type ISectionAction = ISection & {
     text?: string;
     link?: string;
     to?: string;

package/SectionBoxes/SectionBoxes.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TPaletteVersion } from '@onesy/style-react';
 import { ISection } from '../Section/Section';
 import { IMediaObject, IPropsAny } from '../types';
-export declare type ISectionBoxesItem = {
+export type ISectionBoxesItem = {
     name?: any;
     description?: any;
     buttonText?: any;
@@ -22,7 +22,7 @@ export declare type ISectionBoxesItem = {
     propsWrapperText?: any;
     propsActions?: any;
 };
-export declare type ISectionBoxes = ISection & {
+export type ISectionBoxes = ISection & {
     size?: 'small' | 'regular' | 'large';
     values?: ISectionBoxesItem[];
     responsive?: boolean;

package/SectionCards/SectionCards.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TPaletteVersion } from '@onesy/style-react';
 import { ISection } from '../Section/Section';
 import { IMediaObject, IPropsAny } from '../types';
-export declare type ISectionCardsItem = {
+export type ISectionCardsItem = {
     name?: any;
     description?: any;
     buttonText?: any;
@@ -23,7 +23,7 @@ export declare type ISectionCardsItem = {
     propsWrapperText?: any;
     propsActions?: any;
 };
-export declare type ISectionCards = ISection & {
+export type ISectionCards = ISection & {
     size?: 'small' | 'regular' | 'large';
     values?: ISectionCardsItem[];
     ItemProps?: IPropsAny;

package/SectionCarousel/SectionCarousel.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TPaletteVersion } from '@onesy/style-react';
 import { ISection } from '../Section/Section';
 import { IMediaObject, IPropsAny } from '../types';
-export declare type ISectionCarouselItem = {
+export type ISectionCarouselItem = {
     name?: any;
     description?: any;
     buttonText?: any;
@@ -20,7 +20,7 @@ export declare type ISectionCarouselItem = {
     propsButton?: any;
     propsButtonWrapper?: any;
 };
-export declare type ISectionCarousel = ISection & {
+export type ISectionCarousel = ISection & {
     size?: 'small' | 'regular' | 'large';
     values?: ISectionCarouselItem[];
     fullHeight?: boolean;

package/SectionContact/SectionContact.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TPaletteVersion } from '@onesy/style-react';
 import { ISection } from '../Section/Section';
 import { IPropsAny } from '../types';
-export declare type ISectionContact = ISection & {
+export type ISectionContact = ISection & {
     map?: {
         latitude: number;
         longitude: number;

package/SectionImageGallery/SectionImageGallery.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ISection } from '../Section/Section';
 import { IImageGallery } from '../ImageGallery/ImageGallery';
 import { IMediaObject } from '../types';
-export declare type ISectionImageGallery = ISection & {
+export type ISectionImageGallery = ISection & {
     values?: IMediaObject[];
     value?: number;
     ImageGalleryProps?: IImageGallery;

package/SectionLogos/SectionLogos.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISection } from '../Section/Section';
 import { IMediaObject, IPropsAny } from '../types';
-export declare type ISectionLogos = ISection & {
+export type ISectionLogos = ISection & {
     values?: IMediaObject[];
     version?: 'regular';
     size?: 'small' | 'regular' | 'large';

package/SectionMedia/SectionMedia.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISection } from '../Section/Section';
 import { IMediaObject, IPropsAny } from '../types';
-export declare type ISectionMedia = ISection & {
+export type ISectionMedia = ISection & {
     value?: IMediaObject;
     size?: 'small' | 'regular' | 'large';
     name?: boolean;

package/SectionReviews/SectionReviews.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { ISection } from '../Section/Section';
 import { IMediaObject, IPropsAny } from '../types';
-export declare type ISectionReviewsItem = {
+export type ISectionReviewsItem = {
     name: string;
     meta?: string;
     description: string;
     rating?: number;
     image?: string | IMediaObject;
 };
-export declare type ISectionReviews = ISection & {
+export type ISectionReviews = ISection & {
     values?: ISectionReviewsItem[];
     size?: 'small' | 'regular' | 'large';
     AvatarProps?: IPropsAny;

package/SectionTextMedia/SectionTextMedia.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISection } from '../Section/Section';
 import { IValueBreakpoints, IPropsAny } from '../types';
-export declare type ISectionTextMedia = ISection & {
+export type ISectionTextMedia = ISection & {
     title?: string | Partial<Record<IValueBreakpoints, string>>;
     description?: string | Partial<Record<IValueBreakpoints, string>>;
     button?: {

package/SectionTimeline/SectionTimeline.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { ISection } from '../Section/Section';
 import { IPropsAny } from '../types';
-export declare type ISectionTimelineItem = {
+export type ISectionTimelineItem = {
     title?: string;
     heading?: string;
     description?: string;
 };
-export declare type ISectionTimeline = ISection & {
+export type ISectionTimeline = ISection & {
     size?: 'small' | 'regular' | 'large';
     values?: ISectionTimelineItem[];
     TimelineProps?: IPropsAny;

package/SectionWatch/SectionWatch.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TPaletteVersion } from '@onesy/style-react';
 import { ISection } from '../Section/Section';
 import { IWatch } from '../Watch/Watch';
-export declare type ISectionWatch = ISection & {
+export type ISectionWatch = ISection & {
     version?: 'regular' | 'analog' | 'modern' | 'minimal';
     color?: TPaletteVersion;
     WatchProps?: IWatch;

package/Select/Select.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ITextField } from '../TextField/TextField';
 import { IElement, IPropsAny } from '../types';
-export declare type ISelect = ITextField & {
+export type ISelect = ITextField & {
     options?: Array<{
         name: any;
         value: any;

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,6 +1,6 @@
 import React from 'react';
 import { ITextField } from '../TextField/TextField';
-export declare type ISmartTextField = ITextField & {
+export type ISmartTextField = ITextField & {
     placeholder?: any;
     edit?: boolean;
     mention?: boolean;

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/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;