@onesy/ui-react 1.0.1 → 1.0.3

package/Drawing/Drawing.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IElementReference, IPropsAny, IRef } from '../types';
-export declare type TDrawingValue = Array<{
+export type TDrawingValue = Array<{
     d?: string;
     stroke?: string;
     strokeWidth?: number;

package/Drawing/Drawing.js

@@ -18,10 +18,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialDeleteSweepW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialDeleteSweepW100"));
-const IconMaterialDownloadW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialDownloadW100"));
-const IconMaterialCropLandscapeW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCropLandscapeW100"));
-const IconMaterialPaletteW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialPaletteW100"));
+const IconMaterialDeleteSweepW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialDeleteSweepW100"));
+const IconMaterialDownloadW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialDownloadW100"));
+const IconMaterialCropLandscapeW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCropLandscapeW100"));
+const IconMaterialPaletteW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialPaletteW100"));
 const ListItem_1 = __importDefault(require("../ListItem"));
 const Surface_1 = __importDefault(require("../Surface"));
 const Tooltip_1 = __importDefault(require("../Tooltip"));

package/DropZone/DropZone.js

@@ -18,7 +18,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialCloudUploadW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCloudUploadW100"));
+const IconMaterialCloudUploadW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCloudUploadW100"));
 const FileChoose_1 = __importDefault(require("../FileChoose"));
 const Surface_1 = __importDefault(require("../Surface"));
 const Type_1 = __importDefault(require("../Type"));

package/Emojis/Emojis.js

@@ -18,14 +18,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialMoodW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialMoodW100"));
-const IconMaterialEmojiNatureW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialEmojiNatureW100"));
-const IconMaterialEmojiFoodBeverageW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialEmojiFoodBeverageW100"));
-const IconMaterialHikingW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialHikingW100"));
-const IconMaterialEmojiTransportationW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialEmojiTransportationW100"));
-const IconMaterialEmojiObjectsW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialEmojiObjectsW100"));
-const IconMaterialEmojiSymbolsW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialEmojiSymbolsW100"));
-const IconMaterialEmojiFlagsW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialEmojiFlagsW100"));
+const IconMaterialMoodW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialMoodW100"));
+const IconMaterialEmojiNatureW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialEmojiNatureW100"));
+const IconMaterialEmojiFoodBeverageW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialEmojiFoodBeverageW100"));
+const IconMaterialHikingW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialHikingW100"));
+const IconMaterialEmojiTransportationW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialEmojiTransportationW100"));
+const IconMaterialEmojiObjectsW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialEmojiObjectsW100"));
+const IconMaterialEmojiSymbolsW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialEmojiSymbolsW100"));
+const IconMaterialEmojiFlagsW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialEmojiFlagsW100"));
 const Menu_1 = __importDefault(require("../Menu/Menu"));
 const Line_1 = __importDefault(require("../Line"));
 const SpyScroll_1 = __importDefault(require("../SpyScroll"));

package/FileChoose/FileChoose.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { ITonal, IColor, IRef, IElementReference, IPropsAny, ISize } from '../types';
-export declare type TFileChooseValue = File | Array<File>;
+export type TFileChooseValue = File | Array<File>;
 export interface IFileChoose extends ILine {
     tonal?: ITonal;
     color?: IColor;

package/FileChoose/FileChoose.js

@@ -18,11 +18,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialCloseW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCloseW100"));
-const IconMaterialDraftW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialDraftW100"));
-const IconMaterialCloudUploadW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCloudUploadW100"));
-const IconMaterialFolderW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialFolderW100"));
-const IconMaterialFolderOpenW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialFolderOpenW100"));
+const IconMaterialCloseW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCloseW100"));
+const IconMaterialDraftW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialDraftW100"));
+const IconMaterialCloudUploadW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCloudUploadW100"));
+const IconMaterialFolderW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialFolderW100"));
+const IconMaterialFolderOpenW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialFolderOpenW100"));
 const Type_1 = __importDefault(require("../Type"));
 const Button_1 = __importDefault(require("../Button"));
 const IconButton_1 = __importDefault(require("../IconButton"));

package/Frame/Frame.js

@@ -18,10 +18,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialSmartphoneW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialSmartphoneW100"));
-const IconMaterialTabletMacW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialTabletMacW100"));
-const IconMaterialComputerW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialComputerW100"));
-const IconMaterialDesktopWindowsW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialDesktopWindowsW100"));
+const IconMaterialSmartphoneW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialSmartphoneW100"));
+const IconMaterialTabletMacW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialTabletMacW100"));
+const IconMaterialComputerW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialComputerW100"));
+const IconMaterialDesktopWindowsW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialDesktopWindowsW100"));
 const IconButton_1 = __importDefault(require("../IconButton"));
 const Line_1 = __importDefault(require("../Line"));
 const Tooltip_1 = __importDefault(require("../Tooltip"));

package/Grid/Grid.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IValueBreakpoints, IPropsAny } from '../types';
-export declare type IGridValues = Partial<Record<IValueBreakpoints, number>>;
+export type IGridValues = Partial<Record<IValueBreakpoints, number>>;
 export interface IGrid extends ILine {
     auto?: boolean;
     columns?: number | IGridValues;

package/HTMLCanvas/HTMLCanvas.js

@@ -18,7 +18,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialCenterFocusWeakW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCenterFocusWeakW100"));
+const IconMaterialCenterFocusWeakW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCenterFocusWeakW100"));
 const Line_1 = __importDefault(require("../Line"));
 const Surface_1 = __importDefault(require("../Surface"));
 const IconButton_1 = __importDefault(require("../IconButton"));
@@ -120,16 +120,16 @@ const HTMLCanvas = react_1.default.forwardRef((props_, ref) => {
     const [keyDown, setKeyDown] = react_1.default.useState();
     const [showGuidelines, setShowGuidelines] = react_1.default.useState(!!showGuidelinesDefault);
     const refs = {
-        root: react_1.default.useRef(undefined),
-        container: react_1.default.useRef(undefined),
-        miniMap: react_1.default.useRef(undefined),
+        root: react_1.default.useRef(null),
+        container: react_1.default.useRef(null),
+        miniMap: react_1.default.useRef(null),
         minZoom: react_1.default.useRef(minZoom),
         maxZoom: react_1.default.useRef(maxZoom),
         positions: react_1.default.useRef(positions),
-        previousMouseEvent: react_1.default.useRef(),
+        previousMouseEvent: react_1.default.useRef(null),
         mouseDown: react_1.default.useRef(false),
         mouseDownMiniMap: react_1.default.useRef(false),
-        keyDown: react_1.default.useRef(undefined),
+        keyDown: react_1.default.useRef(null),
         boundaries: react_1.default.useRef({ x: [width * (positions === null || positions === void 0 ? void 0 : positions.zoom) * -1, 0], y: [height * (positions === null || positions === void 0 ? void 0 : positions.zoom) * -1, 0] }),
         width: react_1.default.useRef(width),
         height: react_1.default.useRef(height),

package/ImageCrop/ImageCrop.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IPropsAny } from '../types';
-export declare type TImageCrop = {
+export type TImageCrop = {
     x?: number;
     y?: number;
     width?: number;

package/ImageCrop/ImageCrop.js

@@ -248,28 +248,28 @@ const ImageCrop = react_1.default.forwardRef((props_, ref) => {
     const [selector, setSelector] = react_1.default.useState(selectorDefault !== undefined ? selectorDefault : selector_);
     const [selectorRelative, setSelectorRelative] = react_1.default.useState();
     const refs = {
-        root: react_1.default.useRef(undefined),
-        image: react_1.default.useRef(undefined),
-        mouseDown: react_1.default.useRef(undefined),
-        selector: react_1.default.useRef(undefined),
-        imageSelectorMain: react_1.default.useRef(undefined),
-        imageSelector: react_1.default.useRef(undefined),
-        previousMouseEvent: react_1.default.useRef(undefined),
-        canvasMain: react_1.default.useRef(),
-        canvasImageSelector: react_1.default.useRef(),
-        move: react_1.default.useRef(undefined),
-        borderTop: react_1.default.useRef(undefined),
-        borderLeft: react_1.default.useRef(undefined),
-        borderRight: react_1.default.useRef(undefined),
-        borderBottom: react_1.default.useRef(undefined),
-        dotTopLeft: react_1.default.useRef(undefined),
-        dotTopRight: react_1.default.useRef(undefined),
-        dotBottomLeft: react_1.default.useRef(undefined),
-        dotBottomRight: react_1.default.useRef(undefined),
-        props: react_1.default.useRef(undefined),
-        dynamicParent: react_1.default.useRef(undefined),
-        focus: react_1.default.useRef(undefined),
-        aspectRatio: react_1.default.useRef(undefined)
+        root: react_1.default.useRef(null),
+        image: react_1.default.useRef(null),
+        mouseDown: react_1.default.useRef(null),
+        selector: react_1.default.useRef(null),
+        imageSelectorMain: react_1.default.useRef(null),
+        imageSelector: react_1.default.useRef(null),
+        previousMouseEvent: react_1.default.useRef(null),
+        canvasMain: react_1.default.useRef(null),
+        canvasImageSelector: react_1.default.useRef(null),
+        move: react_1.default.useRef(null),
+        borderTop: react_1.default.useRef(null),
+        borderLeft: react_1.default.useRef(null),
+        borderRight: react_1.default.useRef(null),
+        borderBottom: react_1.default.useRef(null),
+        dotTopLeft: react_1.default.useRef(null),
+        dotTopRight: react_1.default.useRef(null),
+        dotBottomLeft: react_1.default.useRef(null),
+        dotBottomRight: react_1.default.useRef(null),
+        props: react_1.default.useRef(null),
+        dynamicParent: react_1.default.useRef(null),
+        focus: react_1.default.useRef(null),
+        aspectRatio: react_1.default.useRef(null)
     };
     refs.image.current = image;
     refs.mouseDown.current = mouseDown;

package/ImageEdit/ImageEdit.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TMethod } from '@onesy/models';
 import { ILine } from '../Line/Line';
 import { IElementReference, IElement, ITonal, IColor, IPropsAny } from '../types';
-export declare type TImageEditFilter = {
+export type TImageEditFilter = {
     label?: string;
     Icon?: IElementReference;
     value?: string;

package/ImageEdit/ImageEdit.js

@@ -18,20 +18,20 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialDoneW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialDoneW100"));
-const IconMaterialCloseW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCloseW100"));
-const IconMaterialTuneW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialTuneW100"));
-const IconMaterialCropW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCropW100"));
-const IconMaterialAspectRatioW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialAspectRatioW100"));
-const IconMaterialHighQualityW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialHighQualityW100"));
-const IconMaterialClearAllW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialClearAllW100"));
-const IconMaterialDownloadW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialDownloadW100"));
-const IconMaterialCloudW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCloudW100"));
-const IconMaterialWaterDropW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialWaterDropW100"));
-const IconMaterialFlakyW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialFlakyW100"));
-const IconMaterialWbSunnyW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialWbSunnyW100"));
-const IconMaterialTonalityW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialTonalityW100"));
-const IconMaterialNightlightW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialNightlightW100"));
+const IconMaterialDoneW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialDoneW100"));
+const IconMaterialCloseW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCloseW100"));
+const IconMaterialTuneW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialTuneW100"));
+const IconMaterialCropW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCropW100"));
+const IconMaterialAspectRatioW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialAspectRatioW100"));
+const IconMaterialHighQualityW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialHighQualityW100"));
+const IconMaterialClearAllW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialClearAllW100"));
+const IconMaterialDownloadW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialDownloadW100"));
+const IconMaterialCloudW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCloudW100"));
+const IconMaterialWaterDropW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialWaterDropW100"));
+const IconMaterialFlakyW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialFlakyW100"));
+const IconMaterialWbSunnyW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialWbSunnyW100"));
+const IconMaterialTonalityW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialTonalityW100"));
+const IconMaterialNightlightW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialNightlightW100"));
 const Type_1 = __importDefault(require("../Type"));
 const Surface_1 = __importDefault(require("../Surface"));
 const Tooltip_1 = __importDefault(require("../Tooltip"));
@@ -161,15 +161,15 @@ const ImageEdit = react_1.default.forwardRef((props_, ref) => {
     const [size, setSize] = react_1.default.useState('');
     const { classes } = useStyle();
     const refs = {
-        root: react_1.default.useRef(undefined),
-        option: react_1.default.useRef(undefined),
-        value: react_1.default.useRef(undefined),
-        valueCopy: react_1.default.useRef(undefined),
-        canvasMain: react_1.default.useRef(),
-        open: react_1.default.useRef(),
-        resizeAspectRatio: react_1.default.useRef(undefined),
-        filterValues: react_1.default.useRef(undefined),
-        filterValuesCopy: react_1.default.useRef(undefined)
+        root: react_1.default.useRef(null),
+        option: react_1.default.useRef(null),
+        value: react_1.default.useRef(null),
+        valueCopy: react_1.default.useRef(null),
+        canvasMain: react_1.default.useRef(null),
+        open: react_1.default.useRef(null),
+        resizeAspectRatio: react_1.default.useRef(null),
+        filterValues: react_1.default.useRef(null),
+        filterValuesCopy: react_1.default.useRef(null)
     };
     refs.value.current = value;
     refs.valueCopy.current = valueCopy;

package/ImageGallery/ImageGallery.js

@@ -18,9 +18,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialNavigateNextW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialNavigateNextW100"));
-const IconMaterialNavigateBeforeW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialNavigateBeforeW100"));
-const IconMaterialCloseW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCloseW100"));
+const IconMaterialNavigateNextW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialNavigateNextW100"));
+const IconMaterialNavigateBeforeW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialNavigateBeforeW100"));
+const IconMaterialCloseW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCloseW100"));
 const Image_1 = __importDefault(require("../Image"));
 const Line_1 = __importDefault(require("../Line"));
 const IconButton_1 = __importDefault(require("../IconButton"));
@@ -173,18 +173,18 @@ const ImageGallery = react_1.default.forwardRef((props_, ref) => {
     const [imageRef, setImageRef] = react_1.default.useState();
     const [keyDown, setKeyDown] = react_1.default.useState();
     const refs = {
-        root: react_1.default.useRef(undefined),
+        root: react_1.default.useRef(null),
         version: react_1.default.useRef(version),
-        more: react_1.default.useRef(undefined),
-        image: react_1.default.useRef(),
-        imageWrapper: react_1.default.useRef(undefined),
-        media: react_1.default.useRef(undefined),
-        zoom: react_1.default.useRef(undefined),
-        incrementZoom: react_1.default.useRef(undefined),
-        minZoom: react_1.default.useRef(undefined),
-        maxZoom: react_1.default.useRef(undefined),
-        mouseDown: react_1.default.useRef(undefined),
-        mouseMovePrevious: react_1.default.useRef(undefined),
+        more: react_1.default.useRef(null),
+        image: react_1.default.useRef(null),
+        imageWrapper: react_1.default.useRef(null),
+        media: react_1.default.useRef(null),
+        zoom: react_1.default.useRef(null),
+        incrementZoom: react_1.default.useRef(null),
+        minZoom: react_1.default.useRef(null),
+        maxZoom: react_1.default.useRef(null),
+        mouseDown: react_1.default.useRef(null),
+        mouseMovePrevious: react_1.default.useRef(null),
         keyDown: react_1.default.useRef(keyDown),
         useZoom: react_1.default.useRef(false)
     };

package/Info/Info.js

@@ -18,7 +18,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialInfoW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialInfoW100"));
+const IconMaterialInfoW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialInfoW100"));
 const IconButton_1 = __importDefault(require("../IconButton"));
 const Line_1 = __importDefault(require("../Line"));
 const Menu_1 = __importDefault(require("../Menu"));

package/Interaction/Interaction.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import OnesySubscription from '@onesy/subscription/OnesySubscription';
 import { IBaseElement } from '../types';
-export declare type TMethodsVersion = 'add' | 'pulse' | 'remove';
+export type TMethodsVersion = 'add' | 'pulse' | 'remove';
 export interface IInteraction extends IBaseElement {
     wave?: boolean;
     background?: boolean;

package/Keyframes/Keyframes.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TTransitionsDurationProperties } from '@onesy/style-react';
 import { IBaseElement, IRef } from '../types';
-export declare type TKeyframesStatus = 'appended' | 'add' | 'adding' | 'added' | 'removed';
+export type TKeyframesStatus = 'appended' | 'add' | 'adding' | 'added' | 'removed';
 export interface IKeyframe {
     name: string;
     timeout: number;

package/Line/Line.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { IBaseElement, IPropsAny, IValueBreakpoints } from '../types';
-export declare type TLineAlign = 'inherit' | 'initial' | 'flex-start' | 'center' | 'flex-end' | 'baseline' | 'stretch' | 'unset';
-export declare type TLineJustify = 'inherit' | 'initial' | 'flex-start' | 'center' | 'flex-end' | 'space-around' | 'space-between' | 'space-evenly' | 'unset';
-export declare type TLineDirection = 'inherit' | 'row' | 'row-reverse' | 'column' | 'column-reverse';
-export declare type TLineWrap = 'inherit' | 'wrap' | 'nowrap' | 'wrap-reverse';
-export declare type TLineDisplay = 'inherit' | 'flex' | 'inline-flex';
+export type TLineAlign = 'inherit' | 'initial' | 'flex-start' | 'center' | 'flex-end' | 'baseline' | 'stretch' | 'unset';
+export type TLineJustify = 'inherit' | 'initial' | 'flex-start' | 'center' | 'flex-end' | 'space-around' | 'space-between' | 'space-evenly' | 'unset';
+export type TLineDirection = 'inherit' | 'row' | 'row-reverse' | 'column' | 'column-reverse';
+export type TLineWrap = 'inherit' | 'wrap' | 'nowrap' | 'wrap-reverse';
+export type TLineDisplay = 'inherit' | 'flex' | 'inline-flex';
 export interface ILine extends IBaseElement {
     display?: TLineDisplay | Partial<Record<IValueBreakpoints, TLineDisplay>>;
     direction?: TLineDirection | Partial<Record<IValueBreakpoints, TLineDirection>>;

package/LineChartItem/LineChartItem.js

@@ -42,14 +42,14 @@ const LineChartItem = react_1.default.forwardRef((props_, ref) => {
     const { tonal = true, color = 'primary', name, values, refs: refs_, rects, updateDefs, updateLegend, minMax, animate: animate_, animateTimeout: animateTimeout_, smooth = true, smoothRatio = 0.14, PathProps, BackgroundProps, BorderProps, LegendItemProps, className } = props, other = __rest(props, ["tonal", "color", "name", "values", "refs", "rects", "updateDefs", "updateLegend", "minMax", "animate", "animateTimeout", "smooth", "smoothRatio", "PathProps", "BackgroundProps", "BorderProps", "LegendItemProps", "className"]);
     const { classes } = useStyle();
     const refs = {
-        minMax: react_1.default.useRef(undefined),
-        smooth: react_1.default.useRef(undefined),
-        theme: react_1.default.useRef(undefined),
-        path: react_1.default.useRef(),
+        minMax: react_1.default.useRef(null),
+        smooth: react_1.default.useRef(null),
+        theme: react_1.default.useRef(null),
+        path: react_1.default.useRef(null),
         pathStyle: react_1.default.useRef({}),
-        animate: react_1.default.useRef(undefined),
-        animateTimeout: react_1.default.useRef(),
-        init: react_1.default.useRef(undefined)
+        animate: react_1.default.useRef(null),
+        animateTimeout: react_1.default.useRef(null),
+        init: react_1.default.useRef(null)
     };
     const keys = react_1.default.useMemo(() => {
         const result = [];

package/Links/Links.js

@@ -18,8 +18,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialShareW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialShareW100"));
-const IconMaterialMoreVertW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialMoreVertW100"));
+const IconMaterialShareW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialShareW100"));
+const IconMaterialMoreVertW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialMoreVertW100"));
 const Section_1 = __importDefault(require("../Section"));
 const Menu_1 = __importDefault(require("../Menu"));
 const Share_1 = __importDefault(require("../Share"));

package/MainProgress/MainProgress.js

@@ -56,19 +56,19 @@ const MainProgress = react_1.default.forwardRef((props_, ref) => {
     const [value, setValue] = react_1.default.useState(min);
     const refs = {
         value_: react_1.default.useRef({}),
-        value: react_1.default.useRef(),
-        min: react_1.default.useRef(),
-        max: react_1.default.useRef(),
-        firstIncrement: react_1.default.useRef(),
-        incrementMin: react_1.default.useRef(),
-        incrementMax: react_1.default.useRef(),
-        stepInterval: react_1.default.useRef(),
-        stepMin: react_1.default.useRef(),
-        stepMax: react_1.default.useRef(),
-        TransitionComponentProps: react_1.default.useRef(undefined),
-        linearProgress: react_1.default.useRef(undefined),
-        interval: react_1.default.useRef(undefined),
-        props: react_1.default.useRef(undefined)
+        value: react_1.default.useRef(null),
+        min: react_1.default.useRef(null),
+        max: react_1.default.useRef(null),
+        firstIncrement: react_1.default.useRef(null),
+        incrementMin: react_1.default.useRef(null),
+        incrementMax: react_1.default.useRef(null),
+        stepInterval: react_1.default.useRef(null),
+        stepMin: react_1.default.useRef(null),
+        stepMax: react_1.default.useRef(null),
+        TransitionComponentProps: react_1.default.useRef(null),
+        linearProgress: react_1.default.useRef(null),
+        interval: react_1.default.useRef(null),
+        props: react_1.default.useRef(null)
     };
     refs.value.current = value;
     refs.props.current = props;

package/Medias/Medias.d.ts

@@ -5,7 +5,7 @@ export interface IMediasItem {
     value: IMediaObject;
     props?: any;
 }
-export declare type IMediasMediaVersion = 'embed' | 'image' | 'audio' | 'video' | 'other';
+export type IMediasMediaVersion = 'embed' | 'image' | 'audio' | 'video' | 'other';
 export interface IMedias extends ILine {
     size?: 'small' | 'regular' | 'large';
     values?: IMediasItem | IMediasItem[];

package/Medias/Medias.js

@@ -18,7 +18,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialDraftW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialDraftW100"));
+const IconMaterialDraftW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialDraftW100"));
 const Link_1 = __importDefault(require("../Link"));
 const Type_1 = __importDefault(require("../Type"));
 const Interaction_1 = __importDefault(require("../Interaction"));

package/MenuDesktop/MenuDesktop.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { TTransitionStatus } from '../Transition';
 import { ILine } from '../Line/Line';
 import { IElement, ITonal, IStyle, IElementReference, IPropsAny, IVersion, IColor } from '../types';
-export declare type TMenuDesktopValue = string | number;
-export declare type TMenuDesktopItem = {
+export type TMenuDesktopValue = string | number;
+export type TMenuDesktopItem = {
     value?: TMenuDesktopValue;
     label?: IElement;
     name?: IElement;

package/MenuDesktop/MenuDesktop.js

@@ -18,7 +18,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialExpandMoreW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialExpandMoreW100"));
+const IconMaterialExpandMoreW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialExpandMoreW100"));
 const Grow_1 = __importDefault(require("../Grow"));
 const Append_1 = __importDefault(require("../Append"));
 const Transitions_1 = __importDefault(require("../Transitions"));

package/MenuItem/MenuItem.js

@@ -18,8 +18,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialExpandMoreW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialExpandMoreW100"));
-const IconMaterialArrowRightW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialArrowRightW100"));
+const IconMaterialExpandMoreW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialExpandMoreW100"));
+const IconMaterialArrowRightW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialArrowRightW100"));
 const ListItem_1 = __importDefault(require("../ListItem"));
 const List_1 = __importDefault(require("../List"));
 const IconButton_1 = __importDefault(require("../IconButton"));

package/MoreOptions/MoreOptions.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialMoreVertW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialMoreVertW100"));
+const IconMaterialMoreVertW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialMoreVertW100"));
 const IconButton_1 = __importDefault(require("../IconButton"));
 const Menu_1 = __importDefault(require("../Menu/Menu"));
 const utils_1 = require("../utils");

package/NavigationBar/NavigationBar.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { INavigationItemVersion } from '../NavigationItem/NavigationItem';
-export declare type TNavigationBarValue = Array<string>;
+export type TNavigationBarValue = Array<string>;
 export interface INavigationBar extends Omit<ISurface, 'version'> {
     value?: TNavigationBarValue;
     valueDefault?: TNavigationBarValue;

package/NavigationItem/NavigationItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ITooltip } from '../Tooltip/Tooltip';
 import { ITonal, IColor, IElement, IElementReference, IPropsAny } from '../types';
-export declare type INavigationItemVersion = 'regular' | 'auto';
+export type INavigationItemVersion = 'regular' | 'auto';
 export interface INavigationItem extends ITooltip {
     tonal?: ITonal;
     color?: IColor;

package/NumericTextField/NumericTextField.js

@@ -18,8 +18,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialKeyboardArrowUpW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialKeyboardArrowUpW100"));
-const IconMaterialKeyboardArrowDownW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialKeyboardArrowDownW100"));
+const IconMaterialKeyboardArrowUpW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialKeyboardArrowUpW100"));
+const IconMaterialKeyboardArrowDownW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialKeyboardArrowDownW100"));
 const AdvancedTextField_1 = __importDefault(require("../AdvancedTextField"));
 const IconButton_1 = __importDefault(require("../IconButton"));
 const utils_2 = require("../utils");

package/Page/Page.js

@@ -19,8 +19,8 @@ const react_1 = __importDefault(require("react"));
 const react_router_dom_1 = require("react-router-dom");
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialArrowBackW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialArrowBackW100"));
-const IconMaterialArrowForwardW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialArrowForwardW100"));
+const IconMaterialArrowBackW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialArrowBackW100"));
+const IconMaterialArrowForwardW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialArrowForwardW100"));
 const IconButton_1 = __importDefault(require("../IconButton"));
 const Line_1 = __importDefault(require("../Line"));
 const Tooltip_1 = __importDefault(require("../Tooltip"));

package/Pagination/Pagination.js

@@ -18,10 +18,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialLastPageW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialLastPageW100"));
-const IconMaterialFirstPageW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialFirstPageW100"));
-const IconMaterialNavigateNextW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialNavigateNextW100"));
-const IconMaterialNavigateBeforeW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialNavigateBeforeW100"));
+const IconMaterialLastPageW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialLastPageW100"));
+const IconMaterialFirstPageW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialFirstPageW100"));
+const IconMaterialNavigateNextW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialNavigateNextW100"));
+const IconMaterialNavigateBeforeW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialNavigateBeforeW100"));
 const Type_1 = __importDefault(require("../Type"));
 const Line_1 = __importDefault(require("../Line"));
 const IconButton_1 = __importDefault(require("../IconButton"));

package/Parallax/Parallax.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IPropsAny, IStyle, IValueBreakpoints } from '../types';
-export declare type TParallaxDirection = 'vertical' | 'horizontal';
+export type TParallaxDirection = 'vertical' | 'horizontal';
 export interface IParallax extends IBaseElement {
     value?: number;
     root?: Element | DocumentFragment;

package/Rating/Rating.js

@@ -18,8 +18,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialGradeW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialGradeW100"));
-const IconMaterialGradeW100Filled_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialGradeW100Filled"));
+const IconMaterialGradeW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialGradeW100"));
+const IconMaterialGradeW100Filled_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialGradeW100Filled"));
 const utils_2 = require("../utils");
 const useStyle = (0, style_react_1.style)(theme => ({
     root: {