@onesy/ui-react 1.0.1 → 1.0.3

package/Accordion/Accordion.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IColor, IElement, IElementReference, IElevation, IPropsAny, ITonal } from '../types';
-declare type TPadding = 'start' | 'end' | 'both' | 'none';
+type TPadding = 'start' | 'end' | 'both' | 'none';
 export interface IAccordion extends ISurface {
     tonal?: ITonal;
     color?: IColor;

package/Accordion/Accordion.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 Surface_1 = __importDefault(require("../Surface"));
 const Fade_1 = __importDefault(require("../Fade"));
 const Expand_1 = __importDefault(require("../Expand"));
@@ -130,7 +130,7 @@ const Accordion = react_1.default.forwardRef((props_, ref) => {
             button: react_1.default.useId(),
             data: react_1.default.useId()
         },
-        expandInProgress: react_1.default.useRef()
+        expandInProgress: react_1.default.useRef(null)
     };
     const { classes } = useStyle();
     let TransitionComponent = TransitionComponent_;

package/Append/Append.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IChildren, IHTMLElement, IStyle } from '../types';
-export declare type TAppendPadding = Array<number>;
+export type TAppendPadding = Array<number>;
 export interface IAppendValue {
     x?: number;
     y?: number;

package/AreaChartItem/AreaChartItem.js

@@ -58,15 +58,15 @@ const AreaChartItem = react_1.default.forwardRef((props_, ref) => {
     const [init, setInit] = react_1.default.useState();
     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(),
-        pathBackground: 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),
+        pathBackground: 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/AudioPlayer/AudioPlayer.js

@@ -19,15 +19,15 @@ const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
 const date_1 = require("@onesy/date");
-const IconMaterialPlayArrowW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialPlayArrowW100"));
-const IconMaterialPauseW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialPauseW100"));
-const IconMaterialForwardMediaW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialForwardMediaW100"));
-const IconMaterialVolumeDownAltW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialVolumeDownAltW100"));
-const IconMaterialVolumeOffW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialVolumeOffW100"));
-const IconMaterialSettingsW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialSettingsW100"));
-const IconMaterialTuneW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialTuneW100"));
-const IconMaterialSlowMotionVideoW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialSlowMotionVideoW100"));
-const IconMaterialArrowBackIosW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialArrowBackIosW100"));
+const IconMaterialPlayArrowW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialPlayArrowW100"));
+const IconMaterialPauseW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialPauseW100"));
+const IconMaterialForwardMediaW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialForwardMediaW100"));
+const IconMaterialVolumeDownAltW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialVolumeDownAltW100"));
+const IconMaterialVolumeOffW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialVolumeOffW100"));
+const IconMaterialSettingsW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialSettingsW100"));
+const IconMaterialTuneW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialTuneW100"));
+const IconMaterialSlowMotionVideoW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialSlowMotionVideoW100"));
+const IconMaterialArrowBackIosW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialArrowBackIosW100"));
 const Line_1 = __importDefault(require("../Line"));
 const Surface_1 = __importDefault(require("../Surface"));
 const Slider_1 = __importDefault(require("../Slider"));
@@ -146,22 +146,22 @@ const AudioPlayer = react_1.default.forwardRef((props_, ref) => {
     const [playbackSpeed, setPlaybackSpeed] = react_1.default.useState(1);
     const [openMenu, setOpenMenu] = react_1.default.useState();
     const refs = {
-        root: react_1.default.useRef(undefined),
-        audio: react_1.default.useRef(),
-        controls: react_1.default.useRef(undefined),
-        duration: react_1.default.useRef(undefined),
-        time: react_1.default.useRef(undefined),
-        play: react_1.default.useRef(undefined),
-        updating: react_1.default.useRef(undefined),
-        onPlay: react_1.default.useRef(undefined),
-        onPause: react_1.default.useRef(undefined),
-        onTimeChange: react_1.default.useRef(undefined),
-        onBackward: react_1.default.useRef(undefined),
-        onForward: react_1.default.useRef(undefined),
-        onStop: react_1.default.useRef(undefined),
-        startMediaSession: react_1.default.useRef(undefined),
-        updateMediaSession: react_1.default.useRef(undefined),
-        startMediaSessionOnPlay: react_1.default.useRef(undefined)
+        root: react_1.default.useRef(null),
+        audio: react_1.default.useRef(null),
+        controls: react_1.default.useRef(null),
+        duration: react_1.default.useRef(null),
+        time: react_1.default.useRef(null),
+        play: react_1.default.useRef(null),
+        updating: react_1.default.useRef(null),
+        onPlay: react_1.default.useRef(null),
+        onPause: react_1.default.useRef(null),
+        onTimeChange: react_1.default.useRef(null),
+        onBackward: react_1.default.useRef(null),
+        onForward: react_1.default.useRef(null),
+        onStop: react_1.default.useRef(null),
+        startMediaSession: react_1.default.useRef(null),
+        updateMediaSession: react_1.default.useRef(null),
+        startMediaSessionOnPlay: react_1.default.useRef(null)
     };
     refs.duration.current = duration;
     refs.time.current = time;

package/AudioRecorder/AudioRecorder.js

@@ -19,11 +19,11 @@ const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
 const date_1 = require("@onesy/date");
-const IconMaterialMicW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialMicW100"));
-const IconMaterialSendW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialSendW100"));
-const IconMaterialPlayArrowW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialPlayArrowW100"));
-const IconMaterialPauseW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialPauseW100"));
-const IconMaterialStopW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialStopW100"));
+const IconMaterialMicW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialMicW100"));
+const IconMaterialSendW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialSendW100"));
+const IconMaterialPlayArrowW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialPlayArrowW100"));
+const IconMaterialPauseW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialPauseW100"));
+const IconMaterialStopW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialStopW100"));
 const Line_1 = __importDefault(require("../Line"));
 const Fade_1 = __importDefault(require("../Fade"));
 const Type_1 = __importDefault(require("../Type"));
@@ -83,14 +83,14 @@ const AudioRecorder = react_1.default.forwardRef((props_, ref) => {
     const [value, setValue] = react_1.default.useState(0);
     const { classes } = useStyle();
     const refs = {
-        root: react_1.default.useRef(undefined),
-        mediaRecorder: react_1.default.useRef(),
+        root: react_1.default.useRef(null),
+        mediaRecorder: react_1.default.useRef(null),
         mediaRecorderBytes: react_1.default.useRef([]),
         start: react_1.default.useRef(0),
         valuePaused: react_1.default.useRef(0),
-        value: react_1.default.useRef(undefined),
-        animationFrame: react_1.default.useRef(undefined),
-        onData: react_1.default.useRef(undefined)
+        value: react_1.default.useRef(null),
+        animationFrame: react_1.default.useRef(null),
+        onData: react_1.default.useRef(null)
     };
     refs.onData.current = onData;
     const supported = (0, utils_1.isEnvironment)('browser') && ((_a = window.navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia);

package/AutoComplete/AutoComplete.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ITextField } from '../TextField/TextField';
 import { IElement, IElementReference, IPropsAny } from '../types';
-export declare type TAutoCompleteValue = string | Array<string>;
-export declare type TAutoCompleteOption = {
+export type TAutoCompleteValue = string | Array<string>;
+export type TAutoCompleteOption = {
     label?: string;
     version?: 'text' | 'subheader';
     noOptions?: boolean;

package/AutoComplete/AutoComplete.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 IconMaterialCloseW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCloseW100"));
-const IconMaterialArrowDropDownW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialArrowDropDownW100"));
+const IconMaterialCloseW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCloseW100"));
+const IconMaterialArrowDropDownW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialArrowDropDownW100"));
 const Menu_1 = __importDefault(require("../Menu"));
 const Chip_1 = __importDefault(require("../Chip"));
 const Type_1 = __importDefault(require("../Type"));

package/Avatar/Avatar.js

@@ -16,11 +16,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 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 Button_1 = __importDefault(require("../Button"));
 const Type_1 = __importDefault(require("../Type"));
-const utils_1 = require("../utils");
-const utils_2 = require("@onesy/utils");
+const utils_2 = require("../utils");
 const useStyle = (0, style_react_1.style)(theme => ({
     root: {
         '&.onesy-Button-root': {
@@ -72,9 +72,9 @@ const Avatar = react_1.default.forwardRef((props_, ref) => {
             typeProps.size = `${(size * 0.4) / 16}rem`;
         children = ((0, jsx_runtime_1.jsx)(Type, Object.assign({}, typeProps, TypeProps, { children: children })));
     }
-    const color = color_ === 'auto' ? (0, utils_2.stringToColor)(children_) : color_;
+    const color = color_ === 'auto' ? (0, utils_1.stringToColor)(children_ || '') : color_;
     return ((0, jsx_runtime_1.jsx)(Button, Object.assign({ ref: ref, tonal: tonal, color: color, elevation: elevation, version: version, size: size, disabled: disabled, icon: true, InteractionProps: Object.assign({ background: false, wave: false }, InteractionProps), Component: Component, className: (0, style_react_1.classNames)([
-            (0, utils_1.staticClassName)('Avatar', theme) && [
+            (0, utils_2.staticClassName)('Avatar', theme) && [
                 'onesy-Avatar-root',
                 `onesy-Avatar-version-${version}`,
                 `onesy-Avatar-size-${size}`

package/Breadcrumbs/Breadcrumbs.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 IconMaterialNavigateNextW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialNavigateNextW100"));
-const IconMaterialMoreHorizW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialMoreHorizW100"));
+const IconMaterialNavigateNextW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialNavigateNextW100"));
+const IconMaterialMoreHorizW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialMoreHorizW100"));
 const Line_1 = __importDefault(require("../Line"));
 const Type_1 = __importDefault(require("../Type"));
 const IconButton_1 = __importDefault(require("../IconButton"));

package/BubbleChartItem/BubbleChartItem.js

@@ -43,13 +43,13 @@ const BubbleChartItem = react_1.default.forwardRef((props_, ref) => {
     const { tonal = true, color = 'primary', name, values, minSize, maxSize, refs: refs_, rects, updateDefs, updateLegend, minMax, animate: animate_, animateTimeout: animateTimeout_, PathProps, LegendItemProps, className } = props, other = __rest(props, ["tonal", "color", "name", "values", "minSize", "maxSize", "refs", "rects", "updateDefs", "updateLegend", "minMax", "animate", "animateTimeout", "PathProps", "LegendItemProps", "className"]);
     const { classes } = useStyle();
     const refs = {
-        minMax: react_1.default.useRef(undefined),
-        theme: react_1.default.useRef(undefined),
-        path: react_1.default.useRef(),
+        minMax: 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/Calendar/Calendar.d.ts

@@ -3,10 +3,10 @@ import { OnesyDate } from '@onesy/date';
 import { ICalenarDays, TCalendarMonthCalendar, TCalendarMonthValue } from '../CalendarMonth/CalendarMonth';
 import { ISurface } from '../Surface/Surface';
 import { IColor, IElementReference, IPropsAny, ISize, ITonal } from '../types';
-export declare type TGetOnesyDates = (value: TCalendarMonthValue, calendar: TCalendarMonthCalendar, props: IPropsAny) => Array<{
+export type TGetOnesyDates = (value: TCalendarMonthValue, calendar: TCalendarMonthCalendar, props: IPropsAny) => Array<{
     value: OnesyDate;
 }>;
-export declare type TCalendarUnit = 'day' | 'month' | 'year';
+export type TCalendarUnit = 'day' | 'month' | 'year';
 export interface ICalendar extends Omit<ISurface, 'version'> {
     tonal?: ITonal;
     color?: IColor;

package/Calendar/Calendar.js

@@ -19,9 +19,9 @@ const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
 const date_1 = require("@onesy/date");
-const IconMaterialNavigateBeforeW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialNavigateBeforeW100"));
-const IconMaterialNavigateNextW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialNavigateNextW100"));
-const IconMaterialArrowDropDownW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialArrowDropDownW100"));
+const IconMaterialNavigateBeforeW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialNavigateBeforeW100"));
+const IconMaterialNavigateNextW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialNavigateNextW100"));
+const IconMaterialArrowDropDownW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialArrowDropDownW100"));
 const Surface_1 = __importDefault(require("../Surface"));
 const Line_1 = __importDefault(require("../Line"));
 const Fade_1 = __importDefault(require("../Fade"));
@@ -162,10 +162,10 @@ const Calendar = react_1.default.forwardRef((props__, ref) => {
     const { tonal = true, color = 'default', version = 'regular', size = 'regular', value: value_, valueDefault, onChange, calendar: calendar_, calendarDefault, onChangeCalendar, start, end, menu = 'month-year', range, now, calendars = props.range ? 2 : 1, min, max, validate, menu_month_previous_unit, menu_month_next_unit, valid: valid_, getMonths: getMonths_, getYears: getYears_, belowCalendars, disabled, IconPrevious = IconMaterialNavigateBeforeW100_1.default, IconNext = IconMaterialNavigateNextW100_1.default, IconDropDown = IconMaterialArrowDropDownW100_1.default, CalendarMonthProps, OptionButtonProps, PaginationItemsProps, renderDay, renderDayName, className } = props, other = __rest(props, ["tonal", "color", "version", "size", "value", "valueDefault", "onChange", "calendar", "calendarDefault", "onChangeCalendar", "start", "end", "menu", "range", "now", "calendars", "min", "max", "validate", "menu_month_previous_unit", "menu_month_next_unit", "valid", "getMonths", "getYears", "belowCalendars", "disabled", "IconPrevious", "IconNext", "IconDropDown", "CalendarMonthProps", "OptionButtonProps", "PaginationItemsProps", "renderDay", "renderDayName", "className"]);
     const { classes } = useStyle();
     const refs = {
-        root: react_1.default.useRef(undefined),
-        month: react_1.default.useRef(undefined),
-        year: react_1.default.useRef(undefined),
-        inProgressTransition: react_1.default.useRef()
+        root: react_1.default.useRef(null),
+        month: react_1.default.useRef(null),
+        year: react_1.default.useRef(null),
+        inProgressTransition: react_1.default.useRef(null)
     };
     const [value, setValue] = react_1.default.useState(() => {
         const valueResult = (valueDefault !== undefined ? valueDefault : value_) || (now && (range ? [new date_1.OnesyDate(), new date_1.OnesyDate()] : [new date_1.OnesyDate()]));

package/CalendarAvailability/CalendarAvailability.js

@@ -19,11 +19,11 @@ const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
 const date_1 = require("@onesy/date");
-const IconMaterialEditW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialEditW100"));
-const IconMaterialKeyboardArrowDownW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialKeyboardArrowDownW100"));
-const IconMaterialArrowForwardIosW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialArrowForwardIosW100"));
-const IconMaterialArrowBackIosNewW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialArrowBackIosNewW100"));
-const IconMaterialDeleteW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialDeleteW100"));
+const IconMaterialEditW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialEditW100"));
+const IconMaterialKeyboardArrowDownW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialKeyboardArrowDownW100"));
+const IconMaterialArrowForwardIosW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialArrowForwardIosW100"));
+const IconMaterialArrowBackIosNewW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialArrowBackIosNewW100"));
+const IconMaterialDeleteW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialDeleteW100"));
 const CalendarWeek_1 = __importDefault(require("../CalendarWeek"));
 const Select_1 = __importDefault(require("../Select"));
 const Button_1 = __importDefault(require("../Button"));

package/CalendarMenu/CalendarMenu.js

@@ -19,12 +19,12 @@ const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
 const date_1 = require("@onesy/date");
-const IconMaterialScheduleW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialScheduleW100"));
-const IconMaterialWbSunnyW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialWbSunnyW100"));
-const IconMaterialWbTwilightW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialWbTwilightW100"));
-const IconMaterialCounter7W100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCounter7W100"));
-const IconMaterialCalendarMonthW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCalendarMonthW100"));
-const IconMaterialDeleteW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialDeleteW100"));
+const IconMaterialScheduleW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialScheduleW100"));
+const IconMaterialWbSunnyW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialWbSunnyW100"));
+const IconMaterialWbTwilightW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialWbTwilightW100"));
+const IconMaterialCounter7W100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCounter7W100"));
+const IconMaterialCalendarMonthW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCalendarMonthW100"));
+const IconMaterialDeleteW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialDeleteW100"));
 const Menu_1 = __importDefault(require("../Menu"));
 const Calendar_1 = __importDefault(require("../Calendar"));
 const Line_1 = __importDefault(require("../Line"));

package/CalendarMonth/CalendarMonth.d.ts

@@ -3,8 +3,8 @@ import { OnesyDate } from '@onesy/date';
 import { ILine } from '../Line/Line';
 import { IColor, IPropsAny, ISize, ITonal } from '../types';
 import { ICalendarViewsView } from '../CalendarViews/CalendarViews';
-export declare type TCalendarMonthValue = OnesyDate | [OnesyDate, OnesyDate];
-export declare type TCalendarMonthCalendar = OnesyDate;
+export type TCalendarMonthValue = OnesyDate | [OnesyDate, OnesyDate];
+export type TCalendarMonthCalendar = OnesyDate;
 export interface ICalendarMonthValuesValue {
     day: string;
     month: string;
@@ -16,7 +16,7 @@ export interface ICalendarMonthValuesValue {
     previous: OnesyDate;
     move: 'previous' | 'next';
 }
-export declare type TCalendarMonthValues = [ICalendarMonthValuesValue, ICalendarMonthValuesValue];
+export type TCalendarMonthValues = [ICalendarMonthValuesValue, ICalendarMonthValuesValue];
 export interface ICalenarDays extends ILine {
     tonal?: ITonal;
     color?: IColor;

package/CalendarMonth/CalendarMonth.js

@@ -209,8 +209,8 @@ const CalendarMonth = react_1.default.forwardRef((props__, ref) => {
         id: react_1.default.useRef(`${(month).year} ${(month).month}`),
         previous: react_1.default.useRef(month),
         previousTheme: react_1.default.useRef(theme.palette.light),
-        move: react_1.default.useRef(),
-        noTransition: react_1.default.useRef(undefined)
+        move: react_1.default.useRef(null),
+        noTransition: react_1.default.useRef(null)
     };
     const weekStartDay = !['Monday', 'Sunday'].includes(weekStartDay_) ? 'Monday' : weekStartDay_;
     // Value

package/CalendarViews/CalendarViews.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { OnesyDate } from '@onesy/date';
 import { ICalendar } from '../Calendar/Calendar';
 import { ICalendarEvent } from '../CalendarAvailability/CalendarAvailability';
-export declare type ICalendarViewsView = 'day' | 'week' | 'month';
+export type ICalendarViewsView = 'day' | 'week' | 'month';
 export interface ICalendarViews extends ICalendar {
     viewDefault?: ICalendarViewsView;
     dateDefault?: OnesyDate;

package/CalendarViews/CalendarViews.js

@@ -19,8 +19,8 @@ const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
 const date_1 = require("@onesy/date");
-const IconMaterialArrowBackIosNewW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialArrowBackIosNewW100"));
-const IconMaterialArrowForwardIosW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialArrowForwardIosW100"));
+const IconMaterialArrowBackIosNewW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialArrowBackIosNewW100"));
+const IconMaterialArrowForwardIosW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialArrowForwardIosW100"));
 const CalendarWeek_1 = __importDefault(require("../CalendarWeek"));
 const CalendarMonth_1 = __importDefault(require("../CalendarMonth"));
 const IconButton_1 = __importDefault(require("../IconButton"));

package/Carousel/Carousel.d.ts

@@ -8,10 +8,10 @@ export interface ICarouselValue {
     x?: number;
     y?: number;
 }
-export declare type TCarouselItem = string | null | IElement | {
+export type TCarouselItem = string | null | IElement | {
     element: IElement;
 };
-export declare type TCarouseOnUpdate = (to: string | number, values: TCarouselItem[]) => any;
+export type TCarouseOnUpdate = (to: string | number, values: TCarouselItem[]) => any;
 export interface ICarousel extends Omit<ISurface, 'version'> {
     version?: 'regular' | 'transition' | Partial<Record<IValueBreakpoints, 'regular' | 'transition'>>;
     valueDefault?: ICarouselValue;

package/Carousel/Carousel.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 IconMaterialNavigateBeforeW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialNavigateBeforeW100"));
-const IconMaterialNavigateNextW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialNavigateNextW100"));
+const IconMaterialNavigateBeforeW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialNavigateBeforeW100"));
+const IconMaterialNavigateNextW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialNavigateNextW100"));
 const Line_1 = __importDefault(require("../Line"));
 const Fade_1 = __importDefault(require("../Fade"));
 const IconButton_1 = __importDefault(require("../IconButton"));

package/Chart/Chart.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TColorValues } from '@onesy/style-react';
 import { ISurface } from '../Surface/Surface';
 import { IColor, IStyle, ITonal, IElementAny, IElement, IValueBreakpoints, IPropsAny } from '../types';
-export declare type IChartValueValues = Array<any>;
+export type IChartValueValues = Array<any>;
 export interface IItemValue {
     value: number;
     label: number;

package/Chip/Chip.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 IconMaterialCloseW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCloseW100"));
+const IconMaterialCloseW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCloseW100"));
 const Button_1 = __importDefault(require("../Button"));
 const Buttons_1 = require("../Buttons/Buttons");
 const utils_2 = require("../utils");

package/Clock/Clock.d.ts

@@ -2,10 +2,10 @@ import React from 'react';
 import { OnesyDate } from '@onesy/date';
 import { IRoundMeter } from '../RoundMeter/RoundMeter';
 import { ITonal, IColor, ISize } from '../types';
-export declare type TClockValue = OnesyDate;
-export declare type TClockFormat = '12' | '24';
-export declare type TClockUnit = 'hour' | 'minute' | 'second';
-export declare type TClockDayTime = 'am' | 'pm';
+export type TClockValue = OnesyDate;
+export type TClockFormat = '12' | '24';
+export type TClockUnit = 'hour' | 'minute' | 'second';
+export type TClockDayTime = 'am' | 'pm';
 export interface IClock extends IRoundMeter {
     tonal?: ITonal;
     color?: IColor;

package/Clock/Clock.js

@@ -50,17 +50,17 @@ const Clock = react_1.default.forwardRef((props__, ref) => {
     const [selecting, setSelecting] = react_1.default.useState((selectingDefault !== undefined ? selectingDefault : selecting_) || 'hour');
     const [mouseDown, setMouseDown] = react_1.default.useState(false);
     const refs = {
-        root: react_1.default.useRef(undefined),
-        middle: react_1.default.useRef(undefined),
-        mouseDown: react_1.default.useRef(undefined),
-        value: react_1.default.useRef(),
-        selecting: react_1.default.useRef(),
-        autoNext: react_1.default.useRef(),
-        hour: react_1.default.useRef(),
-        minute: react_1.default.useRef(),
-        second: react_1.default.useRef(),
-        format: react_1.default.useRef(),
-        dayTime: react_1.default.useRef(undefined),
+        root: react_1.default.useRef(null),
+        middle: react_1.default.useRef(null),
+        mouseDown: react_1.default.useRef(null),
+        value: react_1.default.useRef(null),
+        selecting: react_1.default.useRef(null),
+        autoNext: react_1.default.useRef(null),
+        hour: react_1.default.useRef(null),
+        minute: react_1.default.useRef(null),
+        second: react_1.default.useRef(null),
+        format: react_1.default.useRef(null),
+        dayTime: react_1.default.useRef(null),
         previous: react_1.default.useRef(selecting)
     };
     refs.mouseDown.current = mouseDown;

package/ColumnChartItem/ColumnChartItem.js

@@ -42,13 +42,13 @@ const ColumnChartItem = react_1.default.forwardRef((props_, ref) => {
     const { tonal = true, color = 'primary', name, values, width: widthItem = 14, refs: refs_, rects, updateDefs, updateLegend, minMax, animate: animate_, animateTimeout: animateTimeout_, PathProps, BackgroundProps, BorderProps, LegendItemProps, className } = props, other = __rest(props, ["tonal", "color", "name", "values", "width", "refs", "rects", "updateDefs", "updateLegend", "minMax", "animate", "animateTimeout", "PathProps", "BackgroundProps", "BorderProps", "LegendItemProps", "className"]);
     const { classes } = useStyle();
     const refs = {
-        minMax: react_1.default.useRef(undefined),
-        theme: react_1.default.useRef(undefined),
-        path: react_1.default.useRef(),
+        minMax: 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/Confirm/Confirm.js

@@ -62,11 +62,11 @@ const Confirm = react_1.default.forwardRef((props_, ref) => {
     const [openModal, setOpenModal] = react_1.default.useState(false);
     const refs = {
         value: react_1.default.useRef({}),
-        modal: react_1.default.useRef(),
-        props: react_1.default.useRef(undefined),
+        modal: react_1.default.useRef(null),
+        props: react_1.default.useRef(null),
         promise: {
-            resolve: react_1.default.useRef(undefined),
-            reject: react_1.default.useRef(undefined)
+            resolve: react_1.default.useRef(null),
+            reject: react_1.default.useRef(null)
         }
     };
     refs.props.current = props;

package/Countdown/Countdown.js

@@ -19,10 +19,10 @@ const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const date_1 = require("@onesy/date");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialAvTimerW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialAvTimerW100"));
-const IconMaterialPlayArrowW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialPlayArrowW100"));
-const IconMaterialPauseW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialPauseW100"));
-const IconMaterialStopW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialStopW100"));
+const IconMaterialAvTimerW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialAvTimerW100"));
+const IconMaterialPlayArrowW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialPlayArrowW100"));
+const IconMaterialPauseW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialPauseW100"));
+const IconMaterialStopW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialStopW100"));
 const Fade_1 = __importDefault(require("../Fade"));
 const Type_1 = __importDefault(require("../Type"));
 const Tooltip_1 = __importDefault(require("../Tooltip"));

package/DatePicker/DatePicker.js

@@ -20,9 +20,9 @@ const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const date_1 = require("@onesy/date");
 const style_react_1 = require("@onesy/style-react");
-const IconMaterialCalendarTodayW100Filled_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCalendarTodayW100Filled"));
-const IconMaterialEditW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialEditW100"));
-const IconMaterialCloseW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCloseW100"));
+const IconMaterialCalendarTodayW100Filled_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCalendarTodayW100Filled"));
+const IconMaterialEditW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialEditW100"));
+const IconMaterialCloseW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCloseW100"));
 const IconButton_1 = __importDefault(require("../IconButton"));
 const Button_1 = __importDefault(require("../Button"));
 const AdvancedTextField_1 = __importDefault(require("../AdvancedTextField"));

package/DateTimePicker/DateTimePicker.d.ts

@@ -5,7 +5,7 @@ import { TCalendarMonthValue } from '../CalendarMonth/CalendarMonth';
 import { TCalendarUnit } from '../Calendar/Calendar';
 import { TClockUnit } from '../Clock/Clock';
 import { ITonal, IColor, IValueBreakpoints, IElementReference, IPropsAny } from '../types';
-export declare type TDateTimePicker = OnesyDate;
+export type TDateTimePicker = OnesyDate;
 export interface IDateTimePicker extends Omit<IAdvancedTextField, 'version'> {
     tonal?: ITonal;
     color?: IColor;

package/DateTimePicker/DateTimePicker.js

@@ -19,9 +19,9 @@ const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const style_react_1 = require("@onesy/style-react");
 const date_1 = require("@onesy/date");
-const IconMaterialDateRangeW100Filled_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialDateRangeW100Filled"));
-const IconMaterialCalendarTodayW100Filled_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCalendarTodayW100Filled"));
-const IconMaterialScheduleW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialScheduleW100"));
+const IconMaterialDateRangeW100Filled_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialDateRangeW100Filled"));
+const IconMaterialCalendarTodayW100Filled_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCalendarTodayW100Filled"));
+const IconMaterialScheduleW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialScheduleW100"));
 const AdvancedTextField_1 = __importDefault(require("../AdvancedTextField"));
 const Modal_1 = __importDefault(require("../Modal"));
 const Tooltip_1 = __importDefault(require("../Tooltip"));

package/DragAndDropList/DragAndDropList.js

@@ -27,11 +27,11 @@ const DragAndDropList = react_1.default.forwardRef((props_, ref) => {
     const { onChange: onChange_, items, image, delay = 0, precise = true, draggedIsElement = true, isEqual, getDraggingElement, onDraggedElement, onDragStart: onDragStart_, className, children } = props, other = __rest(props, ["onChange", "items", "image", "delay", "precise", "draggedIsElement", "isEqual", "getDraggingElement", "onDraggedElement", "onDragStart", "className", "children"]);
     const { classes } = useStyle();
     const refs = {
-        root: react_1.default.useRef(undefined),
-        dragging: react_1.default.useRef(undefined),
-        rectDragged: react_1.default.useRef(undefined),
-        isDragging: react_1.default.useRef(),
-        previous: react_1.default.useRef(undefined)
+        root: react_1.default.useRef(null),
+        dragging: react_1.default.useRef(null),
+        rectDragged: react_1.default.useRef(null),
+        isDragging: react_1.default.useRef(null),
+        previous: react_1.default.useRef(null)
     };
     const onChange = react_1.default.useMemo(() => {
         return (0, utils_1.debounce)((indexPrevious, indexNew) => onChange_(indexPrevious, indexNew), delay);