@onesy/ui-react 1.0.131 → 1.0.133

package/Carousel/Carousel.d.ts

@@ -3,16 +3,16 @@ import { TMethod } from '@onesy/utils';
 import OnesySubscription from '@onesy/subscription';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IValueBreakpoints, IElementReference, IPropsAny } from '../types';
-export declare type ICarouselValue = {
+export type ICarouselValue = {
     index?: number;
     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 declare type ICarousel = Omit<ISurface, 'version' | 'onChange'> & {
+export type TCarouseOnUpdate = (to: string | number, values: TCarouselItem[]) => any;
+export type ICarousel = Omit<ISurface, 'version' | 'onChange'> & {
     version?: 'regular' | 'transition' | Partial<Record<IValueBreakpoints, 'regular' | 'transition'>>;
     valueDefault?: ICarouselValue;
     value?: ICarouselValue;

package/Carousel/Carousel.js

@@ -675,18 +675,18 @@ const Carousel = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
           });
         }
         if (refs.orientation.current === 'vertical' && incY !== 0) {
-          var _refs$value$current10, _refs$value$current11, _refs$value$current12;
+          var _refs$value$current0, _refs$value$current1, _refs$value$current10;
           const min = 0;
           let max = (height_ + gap * theme.space.unit) * (refs.itemsLength.current - 1);
           if (refs.itemSize.current === 'auto') {
             max = scrollHeight_ - scrollHeight_ / refs.itemsLength.current + gap * theme.space.unit * (refs.itemsLength.current - 1);
           }
-          let y = (((_refs$value$current10 = refs.value.current) === null || _refs$value$current10 === void 0 ? void 0 : _refs$value$current10.y) || 0) - incY;
+          let y = (((_refs$value$current0 = refs.value.current) === null || _refs$value$current0 === void 0 ? void 0 : _refs$value$current0.y) || 0) - incY;
           if (refs.free.current || !refs.moveBeyondEdge.current) y = (0, _utils.clamp)(y, min, max);
 
           // Move beyond min, max
-          if (y < min || y > max) y = (((_refs$value$current11 = refs.value.current) === null || _refs$value$current11 === void 0 ? void 0 : _refs$value$current11.y) || 0) - incY / 1.7;
-          refs.velocity.current = y - (((_refs$value$current12 = refs.value.current) === null || _refs$value$current12 === void 0 ? void 0 : _refs$value$current12.y) || 0);
+          if (y < min || y > max) y = (((_refs$value$current1 = refs.value.current) === null || _refs$value$current1 === void 0 ? void 0 : _refs$value$current1.y) || 0) - incY / 1.7;
+          refs.velocity.current = y - (((_refs$value$current10 = refs.value.current) === null || _refs$value$current10 === void 0 ? void 0 : _refs$value$current10.y) || 0);
           onUpdatePosition({
             index: Math.floor(y / (max / (refs.itemsLength.current - 1))),
             y
@@ -723,8 +723,8 @@ const Carousel = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       }
     };
     const method = () => {
-      var _refs$value$current13;
-      return onUpdate((_refs$value$current13 = refs.value.current) === null || _refs$value$current13 === void 0 ? void 0 : _refs$value$current13.index);
+      var _refs$value$current11;
+      return onUpdate((_refs$value$current11 = refs.value.current) === null || _refs$value$current11 === void 0 ? void 0 : _refs$value$current11.index);
     };
     const observer = new ResizeObserver(method);
     method();
@@ -753,8 +753,8 @@ const Carousel = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   }, [value_]);
   _react.default.useEffect(() => {
     if (init) {
-      var _refs$value$current14;
-      if (index_ >= 0 && index_ <= refs.itemsLength.current && index_ !== ((_refs$value$current14 = refs.value.current) === null || _refs$value$current14 === void 0 ? void 0 : _refs$value$current14.index)) onUpdate(index_);
+      var _refs$value$current12;
+      if (index_ >= 0 && index_ <= refs.itemsLength.current && index_ !== ((_refs$value$current12 = refs.value.current) === null || _refs$value$current12 === void 0 ? void 0 : _refs$value$current12.index)) onUpdate(index_);
     }
   }, [index_]);
   _react.default.useEffect(() => {

package/Chart/Chart.d.ts

@@ -2,15 +2,15 @@ import React from 'react';
 import { TColorValues } from '@onesy/style-react';
 import { ISurface } from '../Surface/Surface';
 import { IStyle, IElementAny, IElement, IValueBreakpoints, IPropsAny, IColor } from '../types';
-export declare type IChartValueValues = Array<any>;
-export declare type IItemValue = {
+export type IChartValueValues = Array<any>;
+export type IItemValue = {
     value: number;
     label: number;
     percentage: number;
     axis: 'x' | 'y';
     props?: any;
 };
-export declare type IChartValue = {
+export type IChartValue = {
     color?: IColor;
     tone?: TColorValues;
     name?: string;
@@ -18,7 +18,7 @@ export declare type IChartValue = {
     percentage?: string | number;
     values: IChartValueValues | Array<IChartValueValues>;
 };
-export declare type IChart = ISurface & {
+export type IChart = ISurface & {
     title?: IElementAny;
     subtitle?: IElementAny;
     values?: Array<IChartValue>;

package/Checkbox/Checkbox.d.ts

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

package/Chip/Chip.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IButton } from '../Button/Button';
-export declare type IChip = IButton & {
+export type IChip = IButton & {
     input?: boolean;
     filter?: boolean;
     noCheckIcon?: boolean;

package/Chips/Chips.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElement, IPropsAny } from '../types';
-export declare type IChips = ILine & {
+export type IChips = ILine & {
     total?: number;
     showAllDefault?: boolean;
     max?: number;

package/ClickListener/ClickListener.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IHTMLElement } from '../types';
-export declare type IClickListener = IBaseElement & {
+export type IClickListener = IBaseElement & {
     mouseEvent?: 'onClick' | 'onMove' | 'onMouseDown' | 'onMouseUp' | 'onMouseEnter' | 'onMouseLeave';
     touchEvent?: 'onTouchStart' | 'onTouchEnd' | 'onTouchMove';
     include?: Array<IHTMLElement>;

package/Clock/Clock.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { OnesyDate } from '@onesy/date';
 import { IRoundMeter } from '../RoundMeter/RoundMeter';
-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 declare type IClock = Omit<IRoundMeter, 'onChange'> & {
+export type TClockValue = OnesyDate;
+export type TClockFormat = '12' | '24';
+export type TClockUnit = 'hour' | 'minute' | 'second';
+export type TClockDayTime = 'am' | 'pm';
+export type IClock = Omit<IRoundMeter, 'onChange'> & {
     value?: TClockValue;
     valueDefault?: TClockValue;
     onChange?: (value: TClockValue) => any;

package/ColorTextField/ColorTextField.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ITextField } from '../TextField/TextField';
-export declare type IColorTextField = ITextField & {
+export type IColorTextField = ITextField & {
     name?: any;
     valueColor?: string;
     valueOpacity?: string | number;

package/ColumnChart/ColumnChart.d.ts

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

package/ColumnChartItem/ColumnChartItem.d.ts

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

package/Confirm/Confirm.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TMethod } from '@onesy/utils';
 import { IBaseElement } from '../types';
-export declare type IConfirmOpen = {
+export type IConfirmOpen = {
     modal?: (promise: IConfirmPromiseArgument) => React.ReactElement;
     name?: string | boolean | React.ReactElement;
     description?: string | React.ReactElement;
@@ -18,15 +18,15 @@ export declare type IConfirmOpen = {
     ButtonPositiveProps?: any;
     [p: string]: any;
 };
-export declare type IConfirmPromiseArgument = {
+export type IConfirmPromiseArgument = {
     resolve: TMethod;
     reject: TMethod;
 };
-export declare type IConfirmValue = {
+export type IConfirmValue = {
     open: (value?: IConfirmOpen) => Promise<any>;
     close: (confirmed?: boolean) => void;
 };
-export declare type IConfirm = IBaseElement & {
+export type IConfirm = IBaseElement & {
     throwError?: boolean;
     onOpen?: () => any;
     onClose?: () => any;

package/Container/Container.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IValueBreakpoints } from '../types';
-export declare type IContainer = ILine & {
+export type IContainer = ILine & {
     alignment?: 'start' | 'center' | 'end' | Partial<Record<IValueBreakpoints, 'start' | 'center' | 'end'>>;
     paddingVertical?: 'both' | 'start' | 'end' | 'none' | Partial<Record<IValueBreakpoints, 'both' | 'start' | 'end' | 'none'>>;
     paddingHorizontal?: 'both' | 'start' | 'end' | 'none' | Partial<Record<IValueBreakpoints, 'both' | 'start' | 'end' | 'none'>>;

package/CookieBanner/CookieBanner.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IPropsAny } from '../types';
 import { ISurface } from '../Surface/Surface';
-export declare type ICookieBanner = ISurface & {
+export type ICookieBanner = ISurface & {
     name?: any;
     description?: any;
     startActions?: any;

package/Countdown/Countdown.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IElementReference, IPropsAny } from '../types';
-export declare type ICountdown = Omit<ISurface, 'version'> & {
+export type ICountdown = Omit<ISurface, 'version'> & {
     version?: 'linear' | 'round';
     renderValue?: (value: string) => IElement;
     icon?: boolean;

package/DatePicker/DatePicker.d.ts

@@ -7,7 +7,7 @@ import { IValueBreakpoints, IElement, IElementReference, IPropsAny } from '../ty
 import { ITextField } from '../TextField/TextField';
 export declare const SEPARATOR_SYMBOL = "\u2013";
 export declare const SEPARATOR: string;
-export declare type IDatePicker = Omit<ILine, 'onChange'> & ITextField & {
+export type IDatePicker = Omit<ILine, 'onChange'> & ITextField & {
     version?: 'auto' | 'mobile' | 'desktop';
     value?: TCalendarMonthValue;
     valueDefault?: TCalendarMonthValue;

package/DatePicker/DatePicker.js

@@ -166,16 +166,16 @@ const DatePicker = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
     return (theme === null || theme === void 0 || (_theme$elements9 = theme.elements) === null || _theme$elements9 === void 0 ? void 0 : _theme$elements9.Calendar) || _Calendar.default;
   }, [theme]);
   const Divider = _react.default.useMemo(() => {
-    var _theme$elements10;
-    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.Divider) || _Divider.default;
+    var _theme$elements0;
+    return (theme === null || theme === void 0 || (_theme$elements0 = theme.elements) === null || _theme$elements0 === void 0 ? void 0 : _theme$elements0.Divider) || _Divider.default;
   }, [theme]);
   const Slide = _react.default.useMemo(() => {
-    var _theme$elements11;
-    return (theme === null || theme === void 0 || (_theme$elements11 = theme.elements) === null || _theme$elements11 === void 0 ? void 0 : _theme$elements11.Slide) || _Slide.default;
+    var _theme$elements1;
+    return (theme === null || theme === void 0 || (_theme$elements1 = theme.elements) === null || _theme$elements1 === void 0 ? void 0 : _theme$elements1.Slide) || _Slide.default;
   }, [theme]);
   const ClickListener = _react.default.useMemo(() => {
-    var _theme$elements12;
-    return (theme === null || theme === void 0 || (_theme$elements12 = theme.elements) === null || _theme$elements12 === void 0 ? void 0 : _theme$elements12.ClickListener) || _ClickListener.default;
+    var _theme$elements10;
+    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.ClickListener) || _ClickListener.default;
   }, [theme]);
   const {
       tonal = true,

package/DateRangePicker/DateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IDatePicker } from '../DatePicker/DatePicker';
-export declare type IDateRangePicker = IDatePicker & {};
+export type IDateRangePicker = IDatePicker & {};
 declare const DateRangePicker: React.FC<IDateRangePicker>;
 export default DateRangePicker;

package/DateTimePicker/DateTimePicker.d.ts

@@ -6,8 +6,8 @@ import { TCalendarUnit } from '../Calendar/Calendar';
 import { TClockUnit } from '../Clock/Clock';
 import { IValueBreakpoints, IElementReference, IPropsAny } from '../types';
 import { ITextField } from '../TextField/TextField';
-export declare type TDateTimePicker = OnesyDate;
-export declare type IDateTimePicker = Omit<IAdvancedTextField, 'version' | 'onChange'> & ITextField & {
+export type TDateTimePicker = OnesyDate;
+export type IDateTimePicker = Omit<IAdvancedTextField, 'version' | 'onChange'> & ITextField & {
     version?: 'auto' | 'mobile' | 'desktop';
     value?: TCalendarMonthValue;
     valueDefault?: TCalendarMonthValue;

package/DateTimePicker/DateTimePicker.js

@@ -100,16 +100,16 @@ const DateTimePicker = /*#__PURE__*/_react.default.forwardRef((props__, ref) =>
     return (theme === null || theme === void 0 || (_theme$elements9 = theme.elements) === null || _theme$elements9 === void 0 ? void 0 : _theme$elements9.Button) || _Button.default;
   }, [theme]);
   const DatePicker = _react.default.useMemo(() => {
-    var _theme$elements10;
-    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.DatePicker) || _DatePicker.default;
+    var _theme$elements0;
+    return (theme === null || theme === void 0 || (_theme$elements0 = theme.elements) === null || _theme$elements0 === void 0 ? void 0 : _theme$elements0.DatePicker) || _DatePicker.default;
   }, [theme]);
   const TimePicker = _react.default.useMemo(() => {
-    var _theme$elements11;
-    return (theme === null || theme === void 0 || (_theme$elements11 = theme.elements) === null || _theme$elements11 === void 0 ? void 0 : _theme$elements11.TimePicker) || _TimePicker.default;
+    var _theme$elements1;
+    return (theme === null || theme === void 0 || (_theme$elements1 = theme.elements) === null || _theme$elements1 === void 0 ? void 0 : _theme$elements1.TimePicker) || _TimePicker.default;
   }, [theme]);
   const ClickListener = _react.default.useMemo(() => {
-    var _theme$elements12;
-    return (theme === null || theme === void 0 || (_theme$elements12 = theme.elements) === null || _theme$elements12 === void 0 ? void 0 : _theme$elements12.ClickListener) || _ClickListener.default;
+    var _theme$elements10;
+    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.ClickListener) || _ClickListener.default;
   }, [theme]);
   const {
       tonal = true,

package/DateTimeRangePicker/DateTimeRangePicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IDateTimePicker } from '../DateTimePicker/DateTimePicker';
-export declare type IDateTimeRangePicker = IDateTimePicker & {};
+export type IDateTimeRangePicker = IDateTimePicker & {};
 declare const DateTimeRangePicker: React.FC<IDateTimeRangePicker>;
 export default DateTimeRangePicker;

package/Divider/Divider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
-export declare type IDivider = ISurface & {
+export type IDivider = ISurface & {
     inset?: boolean;
     middle?: boolean;
     padding?: number;

package/DonutChart/DonutChart.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IPieChart } from '../PieChart/PieChart';
-export declare type IDonutChart = IPieChart & {};
+export type IDonutChart = IPieChart & {};
 declare const DonutChart: React.FC<IDonutChart>;
 export default DonutChart;

package/DragAndDropList/DragAndDropList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export declare type IDragAndDropList = Omit<IBaseElement, 'onChange'> & {
+export type IDragAndDropList = Omit<IBaseElement, 'onChange'> & {
     onChange?: (indexPrevious: number, indexNew: number) => any;
     items?: any[];
     image?: boolean;

package/Drawing/Drawing.d.ts

@@ -1,12 +1,12 @@
 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;
 }>;
-export declare type IDrawing = Omit<ISurface, 'onChange' | 'onMouseDown'> & {
+export type IDrawing = Omit<ISurface, 'onChange' | 'onMouseDown'> & {
     render?: (element: string, props: IPropsAny, value: TDrawingValue) => IElement;
     svgRef?: IRef;
     updates?: boolean;

package/Drawing/Drawing.js

@@ -166,28 +166,28 @@ const Drawing = /*#__PURE__*/_react.default.forwardRef((props__, ref) => {
     return (theme === null || theme === void 0 || (_theme$elements9 = theme.elements) === null || _theme$elements9 === void 0 ? void 0 : _theme$elements9.ToggleButton) || _ToggleButton.default;
   }, [theme]);
   const ToggleButtons = _react.default.useMemo(() => {
-    var _theme$elements10;
-    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.ToggleButtons) || _ToggleButtons.default;
+    var _theme$elements0;
+    return (theme === null || theme === void 0 || (_theme$elements0 = theme.elements) === null || _theme$elements0 === void 0 ? void 0 : _theme$elements0.ToggleButtons) || _ToggleButtons.default;
   }, [theme]);
   const Divider = _react.default.useMemo(() => {
-    var _theme$elements11;
-    return (theme === null || theme === void 0 || (_theme$elements11 = theme.elements) === null || _theme$elements11 === void 0 ? void 0 : _theme$elements11.Divider) || _Divider.default;
+    var _theme$elements1;
+    return (theme === null || theme === void 0 || (_theme$elements1 = theme.elements) === null || _theme$elements1 === void 0 ? void 0 : _theme$elements1.Divider) || _Divider.default;
   }, [theme]);
   const ColorTextField = _react.default.useMemo(() => {
-    var _theme$elements12;
-    return (theme === null || theme === void 0 || (_theme$elements12 = theme.elements) === null || _theme$elements12 === void 0 ? void 0 : _theme$elements12.ColorTextField) || _ColorTextField.default;
+    var _theme$elements10;
+    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.ColorTextField) || _ColorTextField.default;
   }, [theme]);
   const Append = _react.default.useMemo(() => {
-    var _theme$elements13;
-    return (theme === null || theme === void 0 || (_theme$elements13 = theme.elements) === null || _theme$elements13 === void 0 ? void 0 : _theme$elements13.Append) || _Append.default;
+    var _theme$elements11;
+    return (theme === null || theme === void 0 || (_theme$elements11 = theme.elements) === null || _theme$elements11 === void 0 ? void 0 : _theme$elements11.Append) || _Append.default;
   }, [theme]);
   const Fade = _react.default.useMemo(() => {
-    var _theme$elements14;
-    return (theme === null || theme === void 0 || (_theme$elements14 = theme.elements) === null || _theme$elements14 === void 0 ? void 0 : _theme$elements14.Fade) || _Fade.default;
+    var _theme$elements12;
+    return (theme === null || theme === void 0 || (_theme$elements12 = theme.elements) === null || _theme$elements12 === void 0 ? void 0 : _theme$elements12.Fade) || _Fade.default;
   }, [theme]);
   const ClickListener = _react.default.useMemo(() => {
-    var _theme$elements15;
-    return (theme === null || theme === void 0 || (_theme$elements15 = theme.elements) === null || _theme$elements15 === void 0 ? void 0 : _theme$elements15.ClickListener) || _ClickListener.default;
+    var _theme$elements13;
+    return (theme === null || theme === void 0 || (_theme$elements13 = theme.elements) === null || _theme$elements13 === void 0 ? void 0 : _theme$elements13.ClickListener) || _ClickListener.default;
   }, [theme]);
   const {
       tonal = true,

package/DropZone/DropZone.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IFileChoose } from '../FileChoose/FileChoose';
 import { IElement, IVersion } from '../types';
-export declare type IDropZone = IFileChoose & {
+export type IDropZone = IFileChoose & {
     version?: IVersion;
     start?: IElement;
     dropText?: any;

package/Emojis/Emojis.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import { IMenu } from '../Menu/Menu';
-export declare type IEmojiCategory = {
+export type IEmojiCategory = {
     name: string;
     groups: string[];
     icon: any;
 };
-export declare type IEmoji = {
+export type IEmoji = {
     alias: string | string[];
     unicode: string;
     category: string;
 };
-export declare type IEmojis = Omit<IMenu, 'onSelect'> & {
+export type IEmojis = Omit<IMenu, 'onSelect'> & {
     emojis?: IEmoji[];
     categories?: IEmojiCategory[];
     selected?: string[];

package/Emojis/Emojis.js

@@ -193,8 +193,8 @@ const Emojis = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     return (theme === null || theme === void 0 || (_theme$elements9 = theme.elements) === null || _theme$elements9 === void 0 ? void 0 : _theme$elements9.Type) || _Type.default;
   }, [theme]);
   const Surface = _react.default.useMemo(() => {
-    var _theme$elements10;
-    return (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.Surface) || _Surface.default;
+    var _theme$elements0;
+    return (theme === null || theme === void 0 || (_theme$elements0 = theme.elements) === null || _theme$elements0 === void 0 ? void 0 : _theme$elements0.Surface) || _Surface.default;
   }, [theme]);
   const EMOJI_CATEGORIES = _react.default.useMemo(() => {
     return [{

package/Expand/Expand.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ITransition } from '..';
 import { IPropsAny } from '../types';
-export declare type IExpand = Omit<ITransition, 'className'> & {
+export type IExpand = Omit<ITransition, 'className'> & {
     value?: number;
     expandSize?: number;
     orientation?: 'veritcal' | 'horizontal';

package/Fab/Fab.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IButton } from '../Button/Button';
-export declare type IFab = IButton & {};
+export type IFab = IButton & {};
 declare const Fab: React.FC<IFab>;
 export default Fab;

package/Fade/Fade.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ITransition } from '..';
-export declare type IFade = ITransition & {};
+export type IFade = ITransition & {};
 declare const Fade: React.FC<IFade>;
 export default Fade;

package/FileChoose/FileChoose.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IRef, IElementReference, IPropsAny } from '../types';
-export declare type TFileChooseValue = File | Array<File>;
-export declare type IFileChoose = Omit<ILine, 'onClick' | 'onChange'> & {
+export type TFileChooseValue = File | Array<File>;
+export type IFileChoose = Omit<ILine, 'onClick' | 'onChange'> & {
     inputRef?: IRef;
     max?: number;
     allowedTypes?: Array<string>;

package/Focus/Focus.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { IBaseElement } from '../types';
 export declare const matches: (value: Element) => any;
 export declare const queryMatchFocusable = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled]), details:not([disabled]), summary:not(:disabled)";
-export declare type IFocus = IBaseElement & {};
+export type IFocus = IBaseElement & {};
 declare const Focus: React.FC<IFocus>;
 export default Focus;

package/Form/Form.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElement } from '../types';
-export declare type IForm = Omit<ILine, 'onSubmit'> & {
+export type IForm = Omit<ILine, 'onSubmit'> & {
     accordion?: boolean;
     divider?: boolean;
     name?: string | IElement;

package/FormRow/FormRow.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElement } from '../types';
-export declare type IFormRow = ILine & {
+export type IFormRow = ILine & {
     name?: string | IElement;
     description?: string | IElement;
     start?: any;

package/Forms/Forms.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-export declare type IForms = ILine & {
+export type IForms = ILine & {
     divider?: boolean;
 };
 declare const Forms: React.FC<IForms>;

package/Frame/Frame.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-export declare type IFrame = ILine & {
+export type IFrame = ILine & {
     url?: string;
     src?: string;
     value?: any;

package/Grid/Grid.d.ts

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

package/Grow/Grow.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ITransition } from '..';
-export declare type IGrow = ITransition & {};
+export type IGrow = ITransition & {};
 declare const Grow: React.FC<IGrow>;
 export default Grow;

package/HTMLCanvas/HTMLCanvas.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export declare type IHTMLCanvasOnChangeValue = {
+export type IHTMLCanvasOnChangeValue = {
     zoom: number;
     top: number;
     left: number;
@@ -13,7 +13,7 @@ export declare type IHTMLCanvasOnChangeValue = {
         height: number;
     };
 };
-export declare type IHTMLCanvas = Omit<IBaseElement, 'onWheel' | 'onMouseDown' | 'onTouchStart' | 'onChange'> & {
+export type IHTMLCanvas = Omit<IBaseElement, 'onWheel' | 'onMouseDown' | 'onTouchStart' | 'onChange'> & {
     minZoom?: number;
     maxZoom?: number;
     showGuidelinesDefault?: boolean;

package/HTMLCanvas/index.js

@@ -22,5 +22,4 @@ Object.keys(_HTMLCanvas).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/IFrame/IFrame.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IPropsAny } from '../types';
-export declare type IIFrame = ILine & {
+export type IIFrame = ILine & {
     id?: string;
     src?: string;
     WrapperProps?: IPropsAny;

package/Icon/Icon.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { TTone } from '@onesy/style-react';
 import { IBaseElement, ISizeExtendedAny } from '../types';
 export declare const rtl_icons: string[];
-export declare type IIcon = Omit<IBaseElement, 'size'> & {
+export type IIcon = Omit<IBaseElement, 'size'> & {
     size?: ISizeExtendedAny;
     tone?: TTone;
     viewBox?: string;