@onesy/ui-react 1.0.1 → 1.0.3

package/Tree/Tree.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 Checkbox_1 = __importDefault(require("../Checkbox"));
 const Surface_1 = __importDefault(require("../Surface"));
 const Type_1 = __importDefault(require("../Type"));
@@ -55,7 +55,6 @@ const useStyle = (0, style_react_1.style)(theme => ({
         lineHeight: '1.15',
         margin: '0',
         position: 'relative',
-        color: 'inherit',
         padding: `${theme.methods.space.value(0.25, 'px')} ${theme.methods.space.value(1, 'px')}`,
         borderRadius: `${theme.shape.radius.unit * 0.5}px`
     },
@@ -69,6 +68,7 @@ const useStyle = (0, style_react_1.style)(theme => ({
             height: '14px',
             borderLeft: '2px solid',
             borderBottom: '2px solid',
+            color: theme.palette.color.neutral['90'],
             borderColor: theme.palette.light ? theme.palette.color.neutral['90'] : theme.palette.color.neutral['20'],
             borderBottomLeftRadius: '6px',
             transform: `rotateY(${theme.direction === 'ltr' ? 0 : 180}deg)`
@@ -133,7 +133,7 @@ const Tree = react_1.default.forwardRef((props_, ref) => {
         ids: {
             middle: react_1.default.useId()
         },
-        inProgressTransition: react_1.default.useRef()
+        inProgressTransition: react_1.default.useRef(null)
     };
     const styles = {
         root: {}

package/VideoPlayer/VideoPlayer.js

@@ -19,18 +19,18 @@ 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 IconMaterialFullscreenW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialFullscreenW100"));
-const IconMaterialFullscreenExitW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialFullscreenExitW100"));
-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 IconMaterialPictureInPictureAltW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialPictureInPictureAltW100"));
-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 IconMaterialFullscreenW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialFullscreenW100"));
+const IconMaterialFullscreenExitW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialFullscreenExitW100"));
+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 IconMaterialPictureInPictureAltW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialPictureInPictureAltW100"));
+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"));
@@ -190,25 +190,25 @@ const VideoPlayer = 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),
-        video: 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),
+        video: 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),
         fullScreen: react_1.default.useRef(fullScreen),
         mouseMoved: react_1.default.useRef(mouseMoved),
-        timeoutMouseMoved: react_1.default.useRef(undefined)
+        timeoutMouseMoved: react_1.default.useRef(null)
     };
     refs.duration.current = duration;
     refs.time.current = time;

package/ViewSplit/ViewSplit.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 IconMaterialSwapHorizW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialSwapHorizW100"));
-const IconMaterialSwapVertW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialSwapVertW100"));
+const IconMaterialSwapHorizW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialSwapHorizW100"));
+const IconMaterialSwapVertW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialSwapVertW100"));
 const Line_1 = __importDefault(require("../Line"));
 const Divider_1 = __importDefault(require("../Divider"));
 const IconButton_1 = __importDefault(require("../IconButton"));

package/Weather/Weather.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { ISize, 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 type TWeatherDayTime = 'day' | 'night';
+export type TWeather = 'clear' | 'partly clear' | 'rainy' | 'partly rainy' | 'snowy' | 'partly snowy';
+export type TTemperature = number;
 export interface IWeather extends ISurface {
     size?: ISize;
     shadow?: boolean;

package/Weather/Weather.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 IconMaterialCircleW100Filled_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCircleW100Filled"));
-const IconMaterialNightlightW100Filled_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialNightlightW100Filled"));
-const IconMaterialCloudW100Filled_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCloudW100Filled"));
-const IconMaterialRainyW100Filled_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialRainyW100Filled"));
-const IconMaterialCloudySnowingW100Filled_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialCloudySnowingW100Filled"));
+const IconMaterialCircleW100Filled_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCircleW100Filled"));
+const IconMaterialNightlightW100Filled_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialNightlightW100Filled"));
+const IconMaterialCloudW100Filled_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCloudW100Filled"));
+const IconMaterialRainyW100Filled_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialRainyW100Filled"));
+const IconMaterialCloudySnowingW100Filled_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCloudySnowingW100Filled"));
 const Surface_1 = __importDefault(require("../Surface"));
 const Type_1 = __importDefault(require("../Type"));
 const Fade_1 = __importDefault(require("../Fade"));

package/Widgets/Widgets.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 IconMaterialWidgetsW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialWidgetsW100"));
+const IconMaterialCloseW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialCloseW100"));
+const IconMaterialWidgetsW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialWidgetsW100"));
 const SpeedDial_1 = __importDefault(require("../SpeedDial"));
 const SpeedDialItem_1 = __importDefault(require("../SpeedDialItem"));
 const Transition_1 = __importDefault(require("../Transition"));

package/WindowSplit/WindowSplit.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 IconMaterialSwapHorizW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialSwapHorizW100"));
-const IconMaterialSwapVertW100_1 = __importDefault(require("@amaui/icons-material-rounded-react/IconMaterialSwapVertW100"));
+const IconMaterialSwapHorizW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialSwapHorizW100"));
+const IconMaterialSwapVertW100_1 = __importDefault(require("@onesy/icons-material-rounded-react/IconMaterialSwapVertW100"));
 const Line_1 = __importDefault(require("../Line"));
 const Divider_1 = __importDefault(require("../Divider"));
 const IconButton_1 = __importDefault(require("../IconButton"));

package/esm/Accordion/Accordion.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { is } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import IconMaterialExpandMore from '@amaui/icons-material-rounded-react/IconMaterialExpandMoreW100';
+import IconMaterialExpandMore from '@onesy/icons-material-rounded-react/IconMaterialExpandMoreW100';
 import SurfaceElement from '../Surface';
 import FadeElement from '../Fade';
 import ExpandElement from '../Expand';
@@ -205,7 +205,7 @@ const Accordion = /*#__PURE__*/React.forwardRef((props_, ref) => {
       button: React.useId(),
       data: React.useId()
     },
-    expandInProgress: React.useRef()
+    expandInProgress: React.useRef(null)
   };
   const {
     classes

package/esm/AreaChartItem/AreaChartItem.js

@@ -72,15 +72,15 @@ const AreaChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
     classes
   } = useStyle();
   const refs = {
-    minMax: React.useRef(undefined),
-    smooth: React.useRef(undefined),
-    theme: React.useRef(undefined),
-    path: React.useRef(),
-    pathBackground: React.useRef(),
+    minMax: React.useRef(null),
+    smooth: React.useRef(null),
+    theme: React.useRef(null),
+    path: React.useRef(null),
+    pathBackground: React.useRef(null),
     pathStyle: React.useRef({}),
-    animate: React.useRef(undefined),
-    animateTimeout: React.useRef(),
-    init: React.useRef(undefined)
+    animate: React.useRef(null),
+    animateTimeout: React.useRef(null),
+    init: React.useRef(null)
   };
   const keys = React.useMemo(() => {
     const result = [];

package/esm/AudioPlayer/AudioPlayer.js

@@ -8,15 +8,15 @@ import React from 'react';
 import { clamp, getLeadingZerosNumber, is, isEnvironment } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import { duration as durationMethod } from '@onesy/date';
-import IconMaterialPlayArrow from '@amaui/icons-material-rounded-react/IconMaterialPlayArrowW100';
-import IconMaterialPause from '@amaui/icons-material-rounded-react/IconMaterialPauseW100';
-import IconMaterialForwardMedia from '@amaui/icons-material-rounded-react/IconMaterialForwardMediaW100';
-import IconMaterialVolumeDownAlt from '@amaui/icons-material-rounded-react/IconMaterialVolumeDownAltW100';
-import IconMaterialVolumeOff from '@amaui/icons-material-rounded-react/IconMaterialVolumeOffW100';
-import IconMaterialSettings from '@amaui/icons-material-rounded-react/IconMaterialSettingsW100';
-import IconMaterialTune from '@amaui/icons-material-rounded-react/IconMaterialTuneW100';
-import IconMaterialSlowMotionVideo from '@amaui/icons-material-rounded-react/IconMaterialSlowMotionVideoW100';
-import IconMaterialArrowBackIos from '@amaui/icons-material-rounded-react/IconMaterialArrowBackIosW100';
+import IconMaterialPlayArrow from '@onesy/icons-material-rounded-react/IconMaterialPlayArrowW100';
+import IconMaterialPause from '@onesy/icons-material-rounded-react/IconMaterialPauseW100';
+import IconMaterialForwardMedia from '@onesy/icons-material-rounded-react/IconMaterialForwardMediaW100';
+import IconMaterialVolumeDownAlt from '@onesy/icons-material-rounded-react/IconMaterialVolumeDownAltW100';
+import IconMaterialVolumeOff from '@onesy/icons-material-rounded-react/IconMaterialVolumeOffW100';
+import IconMaterialSettings from '@onesy/icons-material-rounded-react/IconMaterialSettingsW100';
+import IconMaterialTune from '@onesy/icons-material-rounded-react/IconMaterialTuneW100';
+import IconMaterialSlowMotionVideo from '@onesy/icons-material-rounded-react/IconMaterialSlowMotionVideoW100';
+import IconMaterialArrowBackIos from '@onesy/icons-material-rounded-react/IconMaterialArrowBackIosW100';
 import LineElement from '../Line';
 import SurfaceElement from '../Surface';
 import SliderElement from '../Slider';
@@ -188,22 +188,22 @@ const AudioPlayer = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const [playbackSpeed, setPlaybackSpeed] = React.useState(1);
   const [openMenu, setOpenMenu] = React.useState();
   const refs = {
-    root: React.useRef(undefined),
-    audio: React.useRef(),
-    controls: React.useRef(undefined),
-    duration: React.useRef(undefined),
-    time: React.useRef(undefined),
-    play: React.useRef(undefined),
-    updating: React.useRef(undefined),
-    onPlay: React.useRef(undefined),
-    onPause: React.useRef(undefined),
-    onTimeChange: React.useRef(undefined),
-    onBackward: React.useRef(undefined),
-    onForward: React.useRef(undefined),
-    onStop: React.useRef(undefined),
-    startMediaSession: React.useRef(undefined),
-    updateMediaSession: React.useRef(undefined),
-    startMediaSessionOnPlay: React.useRef(undefined)
+    root: React.useRef(null),
+    audio: React.useRef(null),
+    controls: React.useRef(null),
+    duration: React.useRef(null),
+    time: React.useRef(null),
+    play: React.useRef(null),
+    updating: React.useRef(null),
+    onPlay: React.useRef(null),
+    onPause: React.useRef(null),
+    onTimeChange: React.useRef(null),
+    onBackward: React.useRef(null),
+    onForward: React.useRef(null),
+    onStop: React.useRef(null),
+    startMediaSession: React.useRef(null),
+    updateMediaSession: React.useRef(null),
+    startMediaSessionOnPlay: React.useRef(null)
   };
   refs.duration.current = duration;
   refs.time.current = time;

package/esm/AudioRecorder/AudioRecorder.js

@@ -8,11 +8,11 @@ import React from 'react';
 import { getLeadingZerosNumber, is, isEnvironment } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import { OnesyDate, duration } from '@onesy/date';
-import IconMaterialMic from '@amaui/icons-material-rounded-react/IconMaterialMicW100';
-import IconMaterialSend from '@amaui/icons-material-rounded-react/IconMaterialSendW100';
-import IconMaterialPlayArrow from '@amaui/icons-material-rounded-react/IconMaterialPlayArrowW100';
-import IconMaterialPause from '@amaui/icons-material-rounded-react/IconMaterialPauseW100';
-import IconMaterialStop from '@amaui/icons-material-rounded-react/IconMaterialStopW100';
+import IconMaterialMic from '@onesy/icons-material-rounded-react/IconMaterialMicW100';
+import IconMaterialSend from '@onesy/icons-material-rounded-react/IconMaterialSendW100';
+import IconMaterialPlayArrow from '@onesy/icons-material-rounded-react/IconMaterialPlayArrowW100';
+import IconMaterialPause from '@onesy/icons-material-rounded-react/IconMaterialPauseW100';
+import IconMaterialStop from '@onesy/icons-material-rounded-react/IconMaterialStopW100';
 import LineElement from '../Line';
 import FadeElement from '../Fade';
 import TypeElement from '../Type';
@@ -100,14 +100,14 @@ const AudioRecorder = /*#__PURE__*/React.forwardRef((props_, ref) => {
     classes
   } = useStyle();
   const refs = {
-    root: React.useRef(undefined),
-    mediaRecorder: React.useRef(),
+    root: React.useRef(null),
+    mediaRecorder: React.useRef(null),
     mediaRecorderBytes: React.useRef([]),
     start: React.useRef(0),
     valuePaused: React.useRef(0),
-    value: React.useRef(undefined),
-    animationFrame: React.useRef(undefined),
-    onData: React.useRef(undefined)
+    value: React.useRef(null),
+    animationFrame: React.useRef(null),
+    onData: React.useRef(null)
   };
   refs.onData.current = onData;
   const supported = isEnvironment('browser') && window.navigator.mediaDevices?.getUserMedia;

package/esm/AutoComplete/AutoComplete.js

@@ -7,8 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { getObjectValue, is, isEnvironment } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import IconMaterialClose from '@amaui/icons-material-rounded-react/IconMaterialCloseW100';
-import IconMaterialArrowDropDown from '@amaui/icons-material-rounded-react/IconMaterialArrowDropDownW100';
+import IconMaterialClose from '@onesy/icons-material-rounded-react/IconMaterialCloseW100';
+import IconMaterialArrowDropDown from '@onesy/icons-material-rounded-react/IconMaterialArrowDropDownW100';
 import MenuElement from '../Menu';
 import ChipElement from '../Chip';
 import TypeElement from '../Type';

package/esm/Avatar/Avatar.js

@@ -5,11 +5,11 @@ const _excluded = ["tonal", "version", "size", "color", "image", "alt", "square"
 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 { stringToColor } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import ButtonElement from '../Button';
 import TypeElement from '../Type';
 import { staticClassName } from '../utils';
-import { stringToColor } from '@onesy/utils';
 const useStyle = styleMethod(theme => ({
   root: {
     '&.onesy-Button-root': {
@@ -81,7 +81,7 @@ const Avatar = /*#__PURE__*/React.forwardRef((props_, ref) => {
     if (size === 'small') typeProps.size = '0.75rem';else if (size === 'regular') typeProps.size = '1rem';else if (size === 'large') typeProps.size = '1.25rem';else if (!['small', 'regular', 'large'].includes(size)) typeProps.size = `${size * 0.4 / 16}rem`;
     children = /*#__PURE__*/React.createElement(Type, _extends({}, typeProps, TypeProps), children);
   }
-  const color = color_ === 'auto' ? stringToColor(children_) : color_;
+  const color = color_ === 'auto' ? stringToColor(children_ || '') : color_;
   return /*#__PURE__*/React.createElement(Button, _extends({
     ref: ref,
     tonal: tonal,

package/esm/Breadcrumbs/Breadcrumbs.js

@@ -7,8 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { clamp, is, unique } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import IconMaterialNavigateNext from '@amaui/icons-material-rounded-react/IconMaterialNavigateNextW100';
-import IconMaterialMoreHoriz from '@amaui/icons-material-rounded-react/IconMaterialMoreHorizW100';
+import IconMaterialNavigateNext from '@onesy/icons-material-rounded-react/IconMaterialNavigateNextW100';
+import IconMaterialMoreHoriz from '@onesy/icons-material-rounded-react/IconMaterialMoreHorizW100';
 import LineElement from '../Line';
 import TypeElement from '../Type';
 import IconButtonElement from '../IconButton';

package/esm/BubbleChartItem/BubbleChartItem.js

@@ -58,13 +58,13 @@ const BubbleChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
     classes
   } = useStyle();
   const refs = {
-    minMax: React.useRef(undefined),
-    theme: React.useRef(undefined),
-    path: React.useRef(),
+    minMax: React.useRef(null),
+    theme: React.useRef(null),
+    path: React.useRef(null),
     pathStyle: React.useRef({}),
-    animate: React.useRef(undefined),
-    animateTimeout: React.useRef(),
-    init: React.useRef(undefined)
+    animate: React.useRef(null),
+    animateTimeout: React.useRef(null),
+    init: React.useRef(null)
   };
   const keys = React.useMemo(() => {
     const result = [];

package/esm/Calendar/Calendar.js

@@ -8,9 +8,9 @@ import React from 'react';
 import { clamp, is, isEnvironment, Try } from '@onesy/utils';
 import { classNames, style, useOnesyTheme } from '@onesy/style-react';
 import { OnesyDate, add, remove, format, set } from '@onesy/date';
-import IconMaterialNavigateBefore from '@amaui/icons-material-rounded-react/IconMaterialNavigateBeforeW100';
-import IconMaterialNavigateNext from '@amaui/icons-material-rounded-react/IconMaterialNavigateNextW100';
-import IconMaterialArrowDropDown from '@amaui/icons-material-rounded-react/IconMaterialArrowDropDownW100';
+import IconMaterialNavigateBefore from '@onesy/icons-material-rounded-react/IconMaterialNavigateBeforeW100';
+import IconMaterialNavigateNext from '@onesy/icons-material-rounded-react/IconMaterialNavigateNextW100';
+import IconMaterialArrowDropDown from '@onesy/icons-material-rounded-react/IconMaterialArrowDropDownW100';
 import SurfaceElement from '../Surface';
 import LineElement from '../Line';
 import FadeElement from '../Fade';
@@ -192,10 +192,10 @@ const Calendar = /*#__PURE__*/React.forwardRef((props__, ref) => {
     classes
   } = useStyle();
   const refs = {
-    root: React.useRef(undefined),
-    month: React.useRef(undefined),
-    year: React.useRef(undefined),
-    inProgressTransition: React.useRef()
+    root: React.useRef(null),
+    month: React.useRef(null),
+    year: React.useRef(null),
+    inProgressTransition: React.useRef(null)
   };
   const [value, setValue] = React.useState(() => {
     const valueResult = (valueDefault !== undefined ? valueDefault : value_) || now && (range ? [new OnesyDate(), new OnesyDate()] : [new OnesyDate()]);

package/esm/CalendarAvailability/CalendarAvailability.js

@@ -8,11 +8,11 @@ import React from 'react';
 import { capitalize, cleanValue, is, textToInnerHTML } from '@onesy/utils';
 import { style as styleMethod, classNames, useOnesyTheme, colors } from '@onesy/style-react';
 import { OnesyDate, add, endOf, format, remove, set, startOf } from '@onesy/date';
-import IconMaterialEdit from '@amaui/icons-material-rounded-react/IconMaterialEditW100';
-import IconMaterialKeyboardArrowDown from '@amaui/icons-material-rounded-react/IconMaterialKeyboardArrowDownW100';
-import IconMaterialArrowForwardIos from '@amaui/icons-material-rounded-react/IconMaterialArrowForwardIosW100';
-import IconMaterialArrowBackIosNew from '@amaui/icons-material-rounded-react/IconMaterialArrowBackIosNewW100';
-import IconMaterialDelete from '@amaui/icons-material-rounded-react/IconMaterialDeleteW100';
+import IconMaterialEdit from '@onesy/icons-material-rounded-react/IconMaterialEditW100';
+import IconMaterialKeyboardArrowDown from '@onesy/icons-material-rounded-react/IconMaterialKeyboardArrowDownW100';
+import IconMaterialArrowForwardIos from '@onesy/icons-material-rounded-react/IconMaterialArrowForwardIosW100';
+import IconMaterialArrowBackIosNew from '@onesy/icons-material-rounded-react/IconMaterialArrowBackIosNewW100';
+import IconMaterialDelete from '@onesy/icons-material-rounded-react/IconMaterialDeleteW100';
 import CalendarWeekElement from '../CalendarWeek';
 import SelectElement from '../Select';
 import ButtonElement from '../Button';

package/esm/CalendarMenu/CalendarMenu.js

@@ -8,12 +8,12 @@ import React from 'react';
 import { hash, is } from '@onesy/utils';
 import { classNames, style, useOnesyTheme } from '@onesy/style-react';
 import { OnesyDate, add, diff, format, is as isDate } from '@onesy/date';
-import IconMaterialScheduleRounded from '@amaui/icons-material-rounded-react/IconMaterialScheduleW100';
-import IconMaterialWbSunnyRounded from '@amaui/icons-material-rounded-react/IconMaterialWbSunnyW100';
-import IconMaterialWbTwilightRounded from '@amaui/icons-material-rounded-react/IconMaterialWbTwilightW100';
-import IconMaterialCounter7Rounded from '@amaui/icons-material-rounded-react/IconMaterialCounter7W100';
-import IconMaterialCalendarMonthRounded from '@amaui/icons-material-rounded-react/IconMaterialCalendarMonthW100';
-import IconMaterialDeleteRounded from '@amaui/icons-material-rounded-react/IconMaterialDeleteW100';
+import IconMaterialScheduleRounded from '@onesy/icons-material-rounded-react/IconMaterialScheduleW100';
+import IconMaterialWbSunnyRounded from '@onesy/icons-material-rounded-react/IconMaterialWbSunnyW100';
+import IconMaterialWbTwilightRounded from '@onesy/icons-material-rounded-react/IconMaterialWbTwilightW100';
+import IconMaterialCounter7Rounded from '@onesy/icons-material-rounded-react/IconMaterialCounter7W100';
+import IconMaterialCalendarMonthRounded from '@onesy/icons-material-rounded-react/IconMaterialCalendarMonthW100';
+import IconMaterialDeleteRounded from '@onesy/icons-material-rounded-react/IconMaterialDeleteW100';
 import MenuElement from '../Menu';
 import CalendarElement from '../Calendar';
 import LineElement from '../Line';

package/esm/CalendarMonth/CalendarMonth.js

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

package/esm/CalendarViews/CalendarViews.js

@@ -8,8 +8,8 @@ import React from 'react';
 import { capitalize, is } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import { add, OnesyDate, endOf, format, remove, startOf } from '@onesy/date';
-import IconMaterialArrowBackIosNew from '@amaui/icons-material-rounded-react/IconMaterialArrowBackIosNewW100';
-import IconMaterialArrowForwardIos from '@amaui/icons-material-rounded-react/IconMaterialArrowForwardIosW100';
+import IconMaterialArrowBackIosNew from '@onesy/icons-material-rounded-react/IconMaterialArrowBackIosNewW100';
+import IconMaterialArrowForwardIos from '@onesy/icons-material-rounded-react/IconMaterialArrowForwardIosW100';
 import CalendarWeekElement from '../CalendarWeek';
 import CalendarMonthElement from '../CalendarMonth';
 import IconButtonElement from '../IconButton';

package/esm/Carousel/Carousel.js

@@ -7,8 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { is, unique, clamp, debounce, equalDeep, isEnvironment } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import IconMaterialNavigateBefore from '@amaui/icons-material-rounded-react/IconMaterialNavigateBeforeW100';
-import IconMaterialNavigateNext from '@amaui/icons-material-rounded-react/IconMaterialNavigateNextW100';
+import IconMaterialNavigateBefore from '@onesy/icons-material-rounded-react/IconMaterialNavigateBeforeW100';
+import IconMaterialNavigateNext from '@onesy/icons-material-rounded-react/IconMaterialNavigateNextW100';
 import LineElement from '../Line';
 import FadeElement from '../Fade';
 import IconButtonElement from '../IconButton';

package/esm/Chip/Chip.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { is } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import IconMaterialClose from '@amaui/icons-material-rounded-react/IconMaterialCloseW100';
+import IconMaterialClose from '@onesy/icons-material-rounded-react/IconMaterialCloseW100';
 import ButtonElement from '../Button';
 import { IconDoneAnimated } from '../Buttons/Buttons';
 import { staticClassName } from '../utils';

package/esm/Clock/Clock.js

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

package/esm/ColumnChartItem/ColumnChartItem.js

@@ -54,13 +54,13 @@ const ColumnChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
     classes
   } = useStyle();
   const refs = {
-    minMax: React.useRef(undefined),
-    theme: React.useRef(undefined),
-    path: React.useRef(),
+    minMax: React.useRef(null),
+    theme: React.useRef(null),
+    path: React.useRef(null),
     pathStyle: React.useRef({}),
-    animate: React.useRef(undefined),
-    animateTimeout: React.useRef(),
-    init: React.useRef(undefined)
+    animate: React.useRef(null),
+    animateTimeout: React.useRef(null),
+    init: React.useRef(null)
   };
   const keys = React.useMemo(() => {
     const result = [];

package/esm/Confirm/Confirm.js

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

package/esm/Countdown/Countdown.js

@@ -8,10 +8,10 @@ import React from 'react';
 import { clamp, getLeadingZerosNumber, is } from '@onesy/utils';
 import { OnesyDate, duration } from '@onesy/date';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import IconMaterialAvTimer from '@amaui/icons-material-rounded-react/IconMaterialAvTimerW100';
-import IconMaterialPlayArrow from '@amaui/icons-material-rounded-react/IconMaterialPlayArrowW100';
-import IconMaterialPause from '@amaui/icons-material-rounded-react/IconMaterialPauseW100';
-import IconMaterialStop from '@amaui/icons-material-rounded-react/IconMaterialStopW100';
+import IconMaterialAvTimer from '@onesy/icons-material-rounded-react/IconMaterialAvTimerW100';
+import IconMaterialPlayArrow from '@onesy/icons-material-rounded-react/IconMaterialPlayArrowW100';
+import IconMaterialPause from '@onesy/icons-material-rounded-react/IconMaterialPauseW100';
+import IconMaterialStop from '@onesy/icons-material-rounded-react/IconMaterialStopW100';
 import FadeElement from '../Fade';
 import TypeElement from '../Type';
 import TooltipElement from '../Tooltip';

package/esm/DatePicker/DatePicker.js

@@ -8,9 +8,9 @@ import React from 'react';
 import { is, unique } from '@onesy/utils';
 import { OnesyDate, endOf, format, is as isOnesyDate, startOf } from '@onesy/date';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import IconMaterialCalendarToday from '@amaui/icons-material-rounded-react/IconMaterialCalendarTodayW100Filled';
-import IconMaterialEdit from '@amaui/icons-material-rounded-react/IconMaterialEditW100';
-import IconMaterialClose from '@amaui/icons-material-rounded-react/IconMaterialCloseW100';
+import IconMaterialCalendarToday from '@onesy/icons-material-rounded-react/IconMaterialCalendarTodayW100Filled';
+import IconMaterialEdit from '@onesy/icons-material-rounded-react/IconMaterialEditW100';
+import IconMaterialClose from '@onesy/icons-material-rounded-react/IconMaterialCloseW100';
 import IconButtonElement from '../IconButton';
 import ButtonElement from '../Button';
 import AdvancedTextFieldElement from '../AdvancedTextField';