@onesy/ui-react 1.0.47 → 1.0.48

package/Tooltip/Tooltip.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import { IModal } from '../Modal/Modal';
-import { IColor, IElement, IElementReference, IHTMLElement, IMethodTransition, IPropsAny, ITonal } from '../types';
-export interface ITooltip extends Omit<IModal, 'maxWidth'> {
-    tonal?: ITonal;
-    color?: IColor;
+import { IElement, IElementReference, IHTMLElement, IMethodTransition, IPropsAny } from '../types';
+export declare type ITooltip = Omit<IModal, 'maxWidth'> & {
     open?: boolean;
     openDefault?: boolean;
     name?: IElement;
@@ -33,6 +31,7 @@ export interface ITooltip extends Omit<IModal, 'maxWidth'> {
     nowrap?: boolean;
     follow?: boolean;
     interactive?: boolean;
+    elevation?: boolean;
     onOpen?: () => any;
     onClose?: () => any;
     onExited?: IMethodTransition;
@@ -42,6 +41,6 @@ export interface ITooltip extends Omit<IModal, 'maxWidth'> {
     ModalProps?: IPropsAny;
     LabelProps?: IPropsAny;
     LabelTextProps?: IPropsAny;
-}
+};
 declare const Tooltip: React.FC<ITooltip>;
 export default Tooltip;

package/TopAppBar/TopAppBar.d.ts

@@ -1,14 +1,13 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
-import { ISize, IElement } from '../types';
-export interface ITopAppBar extends Omit<ISurface, 'version'> {
+import { IElement } from '../types';
+export declare type ITopAppBar = Omit<ISurface, 'version'> & {
     position?: 'relative' | 'absolute' | 'static' | 'sticky' | 'fixed' | 'unset';
     version?: 'small' | 'center' | 'medium' | 'large';
-    size?: ISize;
     center?: boolean;
     title?: IElement;
     start?: IElement;
     end?: IElement;
-}
+};
 declare const TopAppBar: React.FC<ITopAppBar>;
 export default TopAppBar;

package/Transition/Transition.d.ts

@@ -3,13 +3,13 @@ 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 declare const STATUS: Record<TTransitionStatus, TTransitionStatus>;
-export interface ITransitionDelay {
+export declare type ITransitionDelay = {
     default?: number;
     add?: number;
     enter?: number;
     exit?: number;
-}
-export interface ITransition extends Omit<IBaseElement, 'children' | 'className'> {
+};
+export declare type ITransition = Omit<IBaseElement, 'className'> & {
     in?: boolean;
     name?: string;
     className?: boolean;
@@ -41,6 +41,6 @@ export interface ITransition extends Omit<IBaseElement, 'children' | 'className'
     onRemoved?: (element: HTMLElement) => void;
     children?: any;
     [p: string]: any;
-}
+};
 declare const Transition: React.FC<ITransition>;
 export default Transition;

package/Transitions/Transitions.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { IPropsAny } from '../types';
 export declare type TTransitionsMode = 'in-out' | 'in-out-follow' | 'out-in';
-export interface ITransitions {
+export declare type ITransitions = {
     id?: string;
     mode?: TTransitionsMode;
     switch?: boolean;
     TransitionProps?: IPropsAny;
     children?: any;
-}
+};
 declare const Transitions: React.FC<ITransitions>;
 export default Transitions;

package/Tree/Tree.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { IBaseElement, IElement, IPropsAny, IElementReference } from '../types';
-export interface ITree extends Omit<IBaseElement, 'children'> {
+import { IBaseElement, IElement, IPropsAny, IElementReference, IVersion } from '../types';
+export declare type ITree = IBaseElement & {
     open?: boolean;
     openDefault?: boolean;
+    version?: IVersion;
     onChange?: (value: boolean) => any;
     selected?: boolean;
     line?: boolean;
@@ -22,7 +23,6 @@ export interface ITree extends Omit<IBaseElement, 'children'> {
     noPadding?: boolean;
     parent?: HTMLElement;
     parentDisabled?: boolean;
-    disabled?: boolean;
     ExpandProps?: IPropsAny;
     MainProps?: IPropsAny;
     StartProps?: IPropsAny;
@@ -30,9 +30,9 @@ export interface ITree extends Omit<IBaseElement, 'children'> {
     EndProps?: IPropsAny;
     IndicatorProps?: IPropsAny;
     TransitionComponentProps?: IPropsAny;
+    TreeProps?: IPropsAny;
     IconArrow?: IElementReference;
     TransitionComponent?: IElementReference;
-    children?: any;
-}
+};
 declare const Tree: React.FC<ITree>;
 export default Tree;

package/Type/Type.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { TTypographyItem } from '@onesy/style-react';
-import { IBaseElement, IColor } from '../types';
-export interface IType extends IBaseElement {
-    color?: IColor;
+import { IBaseElement } from '../types';
+export declare type IType = IBaseElement & {
     responsive?: boolean;
     priority?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
     version?: TTypographyItem;
@@ -12,7 +11,6 @@ export interface IType extends IBaseElement {
     weight?: string | number;
     whiteSpace?: '-moz-pre-wrap' | 'break-spaces' | 'normal' | 'nowrap' | 'pre' | 'pre-line' | 'pre-wrap';
     fullWidth?: boolean;
-    disabled?: boolean;
-}
+};
 declare const Type: React.FC<IType>;
 export default Type;

package/VideoPlayer/VideoPlayer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-import { ITonal, IColor, ISize, IElementReference, IPropsAny } from '../types';
-export interface IVideoPlayer extends ILine {
+import { IElementReference, IPropsAny } from '../types';
+export declare type IVideoPlayer = ILine & {
     name?: string;
     src?: string;
     mime?: string;
@@ -9,9 +9,6 @@ export interface IVideoPlayer extends ILine {
     versions?: any;
     thumbnails?: any;
     duration?: number;
-    tonal?: ITonal;
-    color?: IColor;
-    size?: ISize;
     start?: any;
     end?: any;
     startControls?: any;
@@ -20,6 +17,8 @@ export interface IVideoPlayer extends ILine {
     endButtons?: any;
     startEnd?: any;
     endEnd?: any;
+    startButtonsEnd?: any;
+    endButtonsEnd?: any;
     forward?: boolean;
     backward?: boolean;
     settings?: boolean;
@@ -28,7 +27,6 @@ export interface IVideoPlayer extends ILine {
     pictureInPicture?: boolean;
     fullScreen?: boolean;
     startMediaSessionOnPlay?: boolean;
-    disabled?: boolean;
     IconPlay?: IElementReference;
     IconPause?: IElementReference;
     IconForward?: IElementReference;
@@ -56,6 +54,6 @@ export interface IVideoPlayer extends ILine {
     QualityButtonProps?: IPropsAny;
     PictureInPictureButtonProps?: IPropsAny;
     FullScreenButtonProps?: IPropsAny;
-}
+};
 declare const VideoPlayer: React.FC<IVideoPlayer>;
 export default VideoPlayer;

package/ViewSplit/ViewSplit.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-import { ITonal, IColor, IElement, IPropsAny } from '../types';
-export interface IViewSplit extends ILine {
-    tonal?: ITonal;
-    color?: IColor;
+import { IElement, IPropsAny } from '../types';
+export declare type IViewSplit = ILine & {
     valueDefault?: number;
     value?: number;
     onChange?: (value: number) => any;
@@ -19,6 +17,7 @@ export interface IViewSplit extends ILine {
     iconOrientationVertical?: IElement;
     IconButtonProps?: IPropsAny;
     DividerProps?: IPropsAny;
-}
+    SeparatorProps?: IPropsAny;
+};
 declare const ViewSplit: React.FC<IViewSplit>;
 export default ViewSplit;

package/Watch/Watch.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 import { OnesyDate } from '@onesy/date';
 import { ISurface } from '../Surface/Surface';
-import { ISize, IElement, IPropsAny } from '../types';
-export interface IWatch extends Omit<ISurface, 'version'> {
+import { IElement, IPropsAny } from '../types';
+export declare type IWatch = Omit<ISurface, 'version'> & {
     version?: 'regular' | 'analog' | 'modern' | 'minimal';
-    size?: ISize;
     start?: boolean;
     timeVisible?: boolean;
     timeOfDayVisible?: boolean;
@@ -18,6 +17,6 @@ export interface IWatch extends Omit<ISurface, 'version'> {
     RegularProps?: IPropsAny;
     MinimalProps?: IPropsAny;
     ModernProps?: IPropsAny;
-}
+};
 declare const Watch: React.FC<IWatch>;
 export default Watch;

package/Weather/Weather.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
-import { ISize, IElementReference, IPropsAny } from '../types';
+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 interface IWeather extends ISurface {
-    size?: ISize;
+export declare type IWeather = ISurface & {
     shadow?: boolean;
     dayTime?: TWeatherDayTime;
     weather?: TWeather;
@@ -22,6 +21,6 @@ export interface IWeather extends ISurface {
     IconRain?: IElementReference;
     IconSnow?: IElementReference;
     IconProps?: IPropsAny;
-}
+};
 declare const Weather: React.FC<IWeather>;
 export default Weather;

package/Whiteboard/Whiteboard.d.ts

@@ -1,20 +1,20 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export interface IWhiteboardAction {
+export declare 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 interface IWhiteboard extends IBaseElement {
+export declare type IWhiteboard = IBaseElement & {
     valueDefault?: IWhiteboardValue;
     onChange?: (value: IWhiteboardValue) => any;
     minZoom?: number;
     maxZoom?: number;
     grid?: boolean;
     settings?: any;
-}
-export interface IWhiteboardItem {
+};
+export declare type IWhiteboardItem = {
     i: string;
     v?: 'dl' | 'dp' | 'oc' | 'oe' | 'or' | 'os' | 'ot' | 'ote' | 'ol' | 'oa' | 'i' | 't';
     p: number[];
@@ -30,6 +30,6 @@ export interface IWhiteboardItem {
     };
     se?: boolean;
     a: number;
-}
+};
 declare const Whiteboard: React.FC<IWhiteboard>;
 export default Whiteboard;

package/Widgets/Widgets.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { IBaseElement, IElement, IPropsAny, IElementReference } from '../types';
-export interface IWidgetsValue {
+export declare type IWidgetsValue = {
     open: (value?: string) => void;
     openAll: () => void;
     close: (value?: string) => void;
     closeAll: () => void;
-}
-export interface IWidgets extends IBaseElement {
+};
+export declare type IWidgets = IBaseElement & {
     widgets?: IElement;
     position?: 'top' | 'bottom';
     move?: boolean;
@@ -19,6 +19,6 @@ export interface IWidgets extends IBaseElement {
     MoveProps?: IPropsAny;
     Icon?: IElementReference;
     IconCloseItem?: IElementReference;
-}
+};
 declare const Widgets: React.FC<IWidgets>;
 export default Widgets;

package/WindowSplit/WindowSplit.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-import { ITonal, IColor, IElement, IPropsAny } from '../types';
-export interface IWindowSplit extends ILine {
-    tonal?: ITonal;
-    color?: IColor;
+import { IElement, IPropsAny } from '../types';
+export declare type IWindowSplit = ILine & {
     valueDefault?: number;
     value?: number;
     onChange?: (value: number) => any;
@@ -24,6 +22,7 @@ export interface IWindowSplit extends ILine {
     iconOrientationVertical?: IElement;
     IconButtonProps?: IPropsAny;
     DividerProps?: IPropsAny;
-}
+    SeparatorProps?: IPropsAny;
+};
 declare const WindowSplit: React.FC<IWindowSplit>;
 export default WindowSplit;

package/Zoom/Zoom.d.ts

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

package/esm/Chips/Chips.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["size", "gap", "align", "justify", "direction", "wrap", "total", "max", "showAllDefault", "onMoreShowAll", "AdditionalChip", "AdditionalChipProps", "Component", "className", "style", "children"];
+const _excluded = ["size", "gap", "align", "justify", "direction", "wrap", "total", "max", "showAllDefault", "moreShowAll", "AdditionalChip", "AdditionalChipProps", "Component", "className", "style", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -65,7 +65,7 @@ const Chips = /*#__PURE__*/React.forwardRef((props_, ref) => {
       total,
       max,
       showAllDefault,
-      onMoreShowAll = true,
+      moreShowAll = true,
       AdditionalChip,
       AdditionalChipProps = {},
       Component = 'div',
@@ -92,7 +92,7 @@ const Chips = /*#__PURE__*/React.forwardRef((props_, ref) => {
       children.push(AdditionalChip || /*#__PURE__*/React.createElement(Chip, _extends({
         color: "default"
       }, other, AdditionalChipProps, {
-        onClick: onMoreShowAll ? onClickMore : undefined
+        onClick: moreShowAll ? onClickMore : undefined
       }), value));
     }
   }

package/esm/DropZone/DropZone.js

@@ -74,7 +74,8 @@ const DropZone = /*#__PURE__*/React.forwardRef((props_, ref) => {
       children,
       className
     } = props,
-    other = _objectWithoutProperties(props, _excluded);
+    otherProps = _objectWithoutProperties(props, _excluded);
+  const other = otherProps;
   const {
     classes
   } = useStyle();

package/esm/Grid/Grid.js

@@ -131,7 +131,8 @@ const Grid = /*#__PURE__*/React.forwardRef((props_, ref) => {
       className,
       children
     } = props,
-    other = _objectWithoutProperties(props, _excluded);
+    otherProps = _objectWithoutProperties(props, _excluded);
+  const other = otherProps;
   const {
     classes
   } = useStyle();

package/esm/Image/Image.js

@@ -146,7 +146,8 @@ const Image = /*#__PURE__*/React.forwardRef((props_, ref) => {
       style,
       children: children_
     } = props,
-    other = _objectWithoutProperties(props, _excluded);
+    otherProps = _objectWithoutProperties(props, _excluded);
+  const other = otherProps;
   const {
     classes
   } = useStyle();

package/esm/ImageList/ImageList.js

@@ -50,7 +50,8 @@ const ImageList = /*#__PURE__*/React.forwardRef((props_, ref) => {
       style,
       children
     } = props,
-    other = _objectWithoutProperties(props, _excluded);
+    otherProps = _objectWithoutProperties(props, _excluded);
+  const other = otherProps;
   const refs = {
     root: React.useRef(undefined)
   };

package/esm/TableRow/TableRow.js

@@ -5,10 +5,10 @@ const _excluded = ["tonal", "color", "size", "hover", "selected", "position", "C
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
+import { is } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import SurfaceElement from '../Surface';
 import { staticClassName } from '../utils';
-import { is } from '@onesy/utils';
 const useStyle = styleMethod(theme => ({
   root: {
     display: 'table-row',

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.47
+/** @license UiReact v1.0.48
  *
  * 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.47",
+  "version": "1.0.48",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",

package/types.d.ts

@@ -21,21 +21,24 @@ 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 interface IBaseElement {
+export declare type IBaseElement<P = {}, T = HTMLElement> = React.HTMLAttributes<T> & {
+    tonal?: ITonal;
+    color?: IColor;
+    size?: ISizeAny;
+    readOnly?: boolean;
+    disabled?: boolean;
+    children?: any;
     Component?: any;
-    className?: string;
-    style?: IStyle;
-    children?: IChildren;
-    [property: string]: any;
-}
+    ref?: any;
+} & P;
 export declare type IMethodTransition = (element?: IHTMLElement) => any;
 export declare type IValueBreakpoints = IBreakpoint | 'default';
-export interface IMediaObject {
+export declare type IMediaObject = {
     id?: string;
     name?: string;
     mime?: string;
     url: string;
     urlSmall?: string;
     urlEmbed?: string;
-}
+};
 export {};

package/useForm/useForm.d.ts

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

package/useForm/validate.d.ts

@@ -1,30 +1,30 @@
 import { TIsType, IOptions as IIsOptions } from '@onesy/utils/is';
 import { TIsValidType, IOptions as IIsValidOptions } from '@onesy/utils/isValid';
-export interface IValidateOptions {
+export declare type IValidateOptions = {
     message?: string;
     uriDecode?: boolean;
     parse?: boolean;
-}
-export interface IValidateModelValueIs {
+};
+export declare type IValidateModelValueIs = {
     type?: TIsType;
     options?: IIsOptions;
-}
-export interface IValidateModelValueIsValid {
+};
+export declare type IValidateModelValueIsValid = {
     type?: TIsValidType;
     options?: IIsValidOptions;
-}
-export interface IValidateModelValueMethodOptions {
+};
+export declare type IValidateModelValueMethodOptions = {
     form: IForm;
     property: string;
     object: IValidateModelValue;
     options: IValidateOptions;
-}
+};
 export declare type IValidateModelValueMethod = (value: any, options: IValidateModelValueMethodOptions) => Promise<any> | any;
 export declare type IValidateModelValueValidations = 'required' | 'is' | 'isValid' | 'of' | 'ofValid' | 'equal' | 'notEqual' | 'equalDeep' | 'notEqualDeep' | 'some' | 'in' | 'every' | 'properties' | 'notProperties' | 'min' | 'max' | 'length' | 'method';
 export declare type IValidateModelMessages = {
     [p in IValidateModelValueValidations]?: string;
 };
-export interface IValidateModelValue {
+export declare type IValidateModelValue = {
     name: string;
     value?: any;
     message?: string;
@@ -51,13 +51,13 @@ export interface IValidateModelValue {
     error?: string;
     capitalize?: boolean;
     propertyNameUpdate?: (value: any) => string;
-}
+};
 export declare type IUseFormValues = Record<string, IValidateModelValue>;
-export interface IForm {
+export declare type IForm = {
     value: any;
     values: IUseFormValues;
     valid: boolean;
-}
+};
 export declare type IValidateValidation = (property: IValidateModelValue, form: IForm) => void | Error | Promise<void | Error>;
 export declare type IValidateVales = Record<string, IValidateModelValue>;
 export declare const onValidateError: (options: IValidateOptions, model: IValidateModelValue, message?: any) => never;

package/useLocation/useLocation.d.ts

@@ -1,5 +1,4 @@
-export interface IUseLocation {
-}
+export declare type IUseLocation = {};
 declare const useLocation: {
     (props?: IUseLocation): Location;
     displayName: string;

package/useMediaQuery/useMediaQuery.d.ts

@@ -1,7 +1,7 @@
-export interface IOptionsUseMediaQuery {
+export declare type IOptionsUseMediaQuery = {
     element?: any;
     initial?: boolean;
-}
+};
 declare const useMediaQuery: {
     (props: string, options?: IOptionsUseMediaQuery): any;
     displayName: string;

package/useScroll/useScroll.d.ts

@@ -1,10 +1,10 @@
 export declare type TUseScrollDirection = 'up' | 'down';
-export interface IUseScroll {
+export declare type IUseScroll = {
     offset?: number;
     direction?: TUseScrollDirection;
     target?: HTMLElement | Window;
     element?: any;
-}
+};
 declare const useScroll: {
     (props: IUseScroll): boolean;
     displayName: string;

package/useSwipe/useSwipe.d.ts

@@ -1,16 +1,16 @@
-export interface IOptionsUseSwipe {
+export declare type IOptionsUseSwipe = {
     open?: boolean;
     min?: number;
     direction?: 'top' | 'left' | 'right' | 'bottom';
     touchAnywhere?: boolean;
     flick?: boolean;
     flickTreshold?: number;
-}
-export interface IResponseUseSwipe {
+};
+export declare type IResponseUseSwipe = {
     value?: number;
     valuePercentage?: number;
     position?: string;
-}
+};
 declare const useSwipe: {
     (element: HTMLElement, options_?: IOptionsUseSwipe): IResponseUseSwipe;
     displayName: string;

package/useVisible/useVisible.d.ts

@@ -1,8 +1,8 @@
-export interface IUseVisibleResponse extends IntersectionObserverEntry {
+export declare type IUseVisibleResponse = IntersectionObserverEntry & {
     visible?: boolean;
     percentage?: number;
-}
-export interface IUseVisible {
+};
+export declare type IUseVisible = {
     element: HTMLElement;
     visibleDefault?: boolean;
     options?: IntersectionObserverInit;
@@ -15,7 +15,7 @@ export interface IUseVisible {
         in?: any;
         out?: any;
     };
-}
+};
 declare const useVisible: {
     (props: IUseVisible): IUseVisibleResponse;
     displayName: string;