@onesy/ui-react 1.0.47 → 1.0.48

package/CardButton/CardButton.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
 import { IBaseElement, IPropsAny } from '../types';
-export interface ICardButton extends IBaseElement {
+export declare type ICardButton = IBaseElement & {
     focus?: boolean;
     selected?: boolean;
     href?: boolean;
-    disabled?: boolean;
     onFocus?: (event: React.FocusEvent<any>) => any;
     onBlur?: (event: React.FocusEvent<any>) => any;
     InteractionProps?: IPropsAny;
-}
+};
 declare const CardButton: React.FC<ICardButton>;
 export default CardButton;

package/CardFooter/CardFooter.d.ts

@@ -1,11 +1,9 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-import { IColor, IElevation, ITonal, IVersion } from '../types';
-export interface ICardFooter extends ILine {
-    tonal?: ITonal;
-    color?: IColor;
+import { IElevation, IVersion } from '../types';
+export declare type ICardFooter = ILine & {
     version?: IVersion;
     elevation?: IElevation;
-}
+};
 declare const CardFooter: React.FC<ICardFooter>;
 export default CardFooter;

package/CardHeader/CardHeader.d.ts

@@ -1,11 +1,9 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-import { IColor, IElevation, ITonal, IVersion } from '../types';
-export interface ICardHeader extends ILine {
-    tonal?: ITonal;
-    color?: IColor;
+import { IElevation, IVersion } from '../types';
+export declare type ICardHeader = ILine & {
     version?: IVersion;
     elevation?: IElevation;
-}
+};
 declare const CardHeader: React.FC<ICardHeader>;
 export default CardHeader;

package/CardImage/CardImage.d.ts

@@ -1,14 +1,12 @@
 import React from 'react';
-import { IBaseElement, ITonal, IColor, IVersion, IElevation } from '../types';
-export interface ICardImage extends IBaseElement {
-    tonal?: ITonal;
-    color?: IColor;
+import { IBaseElement, IVersion, IElevation } from '../types';
+export declare type ICardImage = IBaseElement & {
     version?: IVersion;
     elevation?: IElevation;
     alt?: string;
     image?: string;
     shape?: 'all' | 'none' | 'top' | 'left' | 'bottom' | 'right';
     marginHorizontal?: boolean;
-}
+};
 declare const CardImage: React.FC<ICardImage>;
 export default CardImage;

package/CardMain/CardMain.d.ts

@@ -1,11 +1,9 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-import { ITonal, IColor, IVersion, IElevation } from '../types';
-export interface ICardMain extends ILine {
-    tonal?: ITonal;
-    color?: IColor;
+import { IVersion, IElevation } from '../types';
+export declare type ICardMain = ILine & {
     version?: IVersion;
     elevation?: IElevation;
-}
+};
 declare const CardMain: React.FC<ICardMain>;
 export default CardMain;

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 interface ICarouselValue {
+export declare type ICarouselValue = {
     index?: number;
     x?: number;
     y?: number;
-}
+};
 export declare type TCarouselItem = string | null | IElement | {
     element: IElement;
 };
 export declare type TCarouseOnUpdate = (to: string | number, values: TCarouselItem[]) => any;
-export interface ICarousel extends Omit<ISurface, 'version'> {
+export declare type ICarousel = Omit<ISurface, 'version'> & {
     version?: 'regular' | 'transition' | Partial<Record<IValueBreakpoints, 'regular' | 'transition'>>;
     valueDefault?: ICarouselValue;
     value?: ICarouselValue;
@@ -79,6 +79,6 @@ export interface ICarousel extends Omit<ISurface, 'version'> {
     ArrowNextTransitionComponentProps?: IPropsAny;
     ProgressTransitionComponentProps?: IPropsAny;
     ItemWrapperProps?: IPropsAny;
-}
+};
 declare const Carousel: React.FC<ICarousel>;
 export default Carousel;

package/Chart/Chart.d.ts

@@ -1,26 +1,23 @@
 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';
+import { IStyle, IElementAny, IElement, IValueBreakpoints, IPropsAny } from '../types';
 export declare type IChartValueValues = Array<any>;
-export interface IItemValue {
+export declare type IItemValue = {
     value: number;
     label: number;
     percentage: number;
     axis: 'x' | 'y';
     props?: any;
-}
-export interface IChartValue {
-    color?: IColor;
+};
+export declare type IChartValue = {
     tone?: TColorValues;
     name?: string;
     style?: IStyle;
     percentage?: string | number;
     values: IChartValueValues | Array<IChartValueValues>;
-}
-export interface IChart extends ISurface {
-    tonal?: ITonal;
-    color?: IColor;
+};
+export declare type IChart = ISurface & {
     title?: IElementAny;
     subtitle?: IElementAny;
     values?: Array<IChartValue>;
@@ -104,6 +101,7 @@ export interface IChart extends ISurface {
     minPaddingY?: number | Partial<Record<IValueBreakpoints, number>>;
     maxPaddingX?: number | Partial<Record<IValueBreakpoints, number>>;
     maxPaddingY?: number | Partial<Record<IValueBreakpoints, number>>;
+    minMax?: any;
     noMain?: boolean;
     tooltipRender?: (values: IChartValue) => any;
     tooltipGroupRender?: (groups: Array<IChartValue>, groupsSorted: string[]) => any;
@@ -128,6 +126,6 @@ export interface IChart extends ISurface {
     LegendItemProps?: IPropsAny;
     GuidelineProps?: IPropsAny;
     WrapperProps?: IPropsAny;
-}
+};
 declare const Chart: React.FC<IChart>;
 export default Chart;

package/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IIconButton } from '../IconButton/IconButton';
 import { IRef, IColor } from '../types';
-export interface ICheckbox extends IIconButton {
+export declare type ICheckbox = IIconButton & {
     inputRef?: IRef;
     colorIndeterminate?: IColor;
     colorUnchecked?: IColor;
@@ -12,6 +12,6 @@ export interface ICheckbox extends IIconButton {
     onChange?: (value: boolean, event: React.ChangeEvent<any>) => any;
     indeterminate?: boolean;
     disabled?: boolean;
-}
+};
 declare const Checkbox: React.FC<ICheckbox>;
 export default Checkbox;

package/Chip/Chip.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IButton } from '../Button/Button';
-export interface IChip extends IButton {
+export declare type IChip = IButton & {
     input?: boolean;
     filter?: boolean;
     noCheckIcon?: boolean;
@@ -8,6 +8,6 @@ export interface IChip extends IButton {
     onRemove?: (event: MouseEvent) => any;
     onSelected?: () => any;
     onUnselected?: () => any;
-}
+};
 declare const Chip: React.FC<IChip>;
 export default Chip;

package/Chips/Chips.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElement, IPropsAny } from '../types';
-export interface IChips extends ILine {
+export declare type IChips = ILine & {
     total?: number;
+    showAllDefault?: boolean;
     max?: number;
+    moreShowAll?: boolean;
     AdditionalChip?: IElement;
     AdditionalChipProps?: IPropsAny;
-}
+};
 declare const Chips: React.FC<IChips>;
 export default Chips;

package/Chips/Chips.js

@@ -64,7 +64,7 @@ const Chips = react_1.default.forwardRef((props_, ref) => {
     const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyChips) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
     const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
     const Chip = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Chip) || Chip_1.default; }, [theme]);
-    const { size = 'regular', gap = 1, align = 'flex-start', justify = 'flex-start', direction = 'row', wrap, total, max, showAllDefault, onMoreShowAll = true, AdditionalChip, AdditionalChipProps = {}, Component = 'div', className, style, children: children_ } = props, other = __rest(props, ["size", "gap", "align", "justify", "direction", "wrap", "total", "max", "showAllDefault", "onMoreShowAll", "AdditionalChip", "AdditionalChipProps", "Component", "className", "style", "children"]);
+    const { size = 'regular', gap = 1, align = 'flex-start', justify = 'flex-start', direction = 'row', wrap, total, max, showAllDefault, moreShowAll = true, AdditionalChip, AdditionalChipProps = {}, Component = 'div', className, style, children: children_ } = props, other = __rest(props, ["size", "gap", "align", "justify", "direction", "wrap", "total", "max", "showAllDefault", "moreShowAll", "AdditionalChip", "AdditionalChipProps", "Component", "className", "style", "children"]);
     const { classes } = useStyle();
     const [showAll, setShowAll] = react_1.default.useState(showAllDefault !== undefined ? showAllDefault : false);
     const onClickMore = react_1.default.useCallback(() => {
@@ -83,7 +83,7 @@ const Chips = react_1.default.forwardRef((props_, ref) => {
                 AdditionalChipProps.TypeProps = {};
             AdditionalChipProps.TypeProps.size = '0.44em';
             children.push(AdditionalChip ||
-                (0, jsx_runtime_1.jsx)(Chip, Object.assign({ color: 'default' }, other, AdditionalChipProps, { onClick: (onMoreShowAll ? onClickMore : undefined) }, { children: value })));
+                (0, jsx_runtime_1.jsx)(Chip, Object.assign({ color: 'default' }, other, AdditionalChipProps, { onClick: (moreShowAll ? onClickMore : undefined) }, { children: value })));
         }
     }
     return ((0, jsx_runtime_1.jsx)(Line, Object.assign({ ref: ref, gap: gap, justify: justify, align: align, direction: direction, wrap: wrap, Component: Component, className: (0, style_react_1.classNames)([

package/ClickListener/ClickListener.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { IBaseElement, IHTMLElement } from '../types';
-export interface IClickListener extends IBaseElement {
+export declare type IClickListener = IBaseElement & {
     mouseEvent?: 'onClick' | 'onMove' | 'onMouseDown' | 'onMouseUp' | 'onMouseEnter' | 'onMouseLeave';
     touchEvent?: 'onTouchStart' | 'onTouchEnd' | 'onTouchMove';
     include?: Array<IHTMLElement>;
     includeParentQueries?: Array<string>;
     includeQueries?: Array<string>;
-    ignoreNonExistin?: boolean;
+    ignoreNonExisting?: boolean;
     onClickInside?: () => any;
     onClickOutside?: () => any;
-}
+};
 declare const ClickListener: React.FC<IClickListener>;
 export default ClickListener;

package/Clock/Clock.d.ts

@@ -1,21 +1,17 @@
 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 interface IClock extends IRoundMeter {
-    tonal?: ITonal;
-    color?: IColor;
+export declare type IClock = IRoundMeter & {
     value?: TClockValue;
     valueDefault?: TClockValue;
     onChange?: (value: TClockValue) => any;
     selecting?: TClockUnit;
     selectingDefault?: TClockUnit;
     onChangeSelecting?: (value: TClockUnit) => any;
-    size?: ISize;
     format?: TClockFormat;
     dayTime?: TClockDayTime;
     hour?: boolean;
@@ -25,11 +21,9 @@ export interface IClock extends IRoundMeter {
     min?: OnesyDate;
     max?: OnesyDate;
     validate?: (value: OnesyDate) => boolean;
-    readOnly?: boolean;
-    disabled?: boolean;
     valid?: (value: OnesyDate, selecting: TClockUnit) => any;
     renderValue?: (value: TClockValue, version: TClockUnit, x: number, y: number, valueNumber: number, otherProps: any) => React.ReactNode;
     onDoneSelecting?: (value: TClockValue, selecting: TClockUnit) => any;
-}
+};
 declare const Clock: React.FC<IClock>;
 export default Clock;

package/ColorTextField/ColorTextField.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { ITextField } from '../TextField/TextField';
-export interface IColorTextField extends ITextField {
+export declare type IColorTextField = ITextField & {
     name?: any;
     valueColor?: string;
     valueOpacity?: string | number;
     onChangeColor?: (valueNew: string) => any;
     onChangeOpacity?: (valueNew: string | number) => any;
     opacity?: boolean;
-}
+};
 declare const ColorTextField: React.FC<IColorTextField>;
 export default ColorTextField;

package/ColumnChart/ColumnChart.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { IChart } from '../Chart/Chart';
-export interface IColumnChart extends IChart {
-}
+export declare 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 interface IColumnChartItem extends IChart {
+export declare type IColumnChartItem = IChart & {
     name?: string;
     refs?: {
         wrapper?: HTMLElement;
@@ -15,6 +15,8 @@ export interface IColumnChartItem extends IChart {
     width?: number;
     updateDefs?: TMethod;
     updateLegend?: TMethod;
-}
+    BackgroundProps?: any;
+    BorderProps?: any;
+};
 declare const ColumnChartItem: React.FC<IColumnChartItem>;
 export default ColumnChartItem;

package/Confirm/Confirm.d.ts

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

package/Container/Container.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IValueBreakpoints } from '../types';
-export interface IContainer extends ILine {
+export declare 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'>>;
     fullWidth?: boolean | Partial<Record<IValueBreakpoints, boolean>>;
     maxWidth?: 'xxs' | 'xs' | 'sm' | 'rg' | 'lg' | 'xl' | 'unset' | Partial<Record<IValueBreakpoints, 'xxs' | 'xs' | 'sm' | 'rg' | 'lg' | 'xl' | 'unset'>>;
-}
+};
 declare const Container: React.FC<IContainer>;
 export default Container;

package/CookieBanner/CookieBanner.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IPropsAny } from '../types';
 import { ISurface } from '../Surface/Surface';
-export interface ICookieBanner extends ISurface {
+export declare type ICookieBanner = ISurface & {
     name?: any;
     description?: any;
     startActions?: any;
@@ -18,6 +18,6 @@ export interface ICookieBanner extends ISurface {
     RejectButtonProps?: IPropsAny;
     AllowButtonProps?: IPropsAny;
     TransitionProps?: IPropsAny;
-}
+};
 declare const CookieBanner: React.FC<ICookieBanner>;
 export default CookieBanner;

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 interface ICountdown extends Omit<ISurface, 'version'> {
+export declare type ICountdown = Omit<ISurface, 'version'> & {
     version?: 'linear' | 'round';
     renderValue?: (value: string) => IElement;
     icon?: boolean;
@@ -20,6 +20,6 @@ export interface ICountdown extends Omit<ISurface, 'version'> {
     IconButtonProps?: IPropsAny;
     LinearProgressProps?: IPropsAny;
     IconProps?: IPropsAny;
-}
+};
 declare const Countdown: React.FC<ICountdown>;
 export default Countdown;

package/DatePicker/DatePicker.d.ts

@@ -3,14 +3,11 @@ import { OnesyDate } from '@onesy/date';
 import { ILine } from '../Line/Line';
 import { TCalendarUnit } from '../Calendar/Calendar';
 import { TCalendarMonthCalendar, TCalendarMonthValue } from '../CalendarMonth/CalendarMonth';
-import { ITonal, IColor, ISize, IValueBreakpoints, IElement, IElementReference, IPropsAny } from '../types';
+import { IValueBreakpoints, IElement, IElementReference, IPropsAny } from '../types';
 export declare const SEPARATOR_SYMBOL = "\u2013";
 export declare const SEPARATOR: string;
-export interface IDatePicker extends ILine {
-    tonal?: ITonal;
-    color?: IColor;
+export declare type IDatePicker = ILine & {
     version?: 'auto' | 'mobile' | 'desktop';
-    size?: ISize;
     value?: TCalendarMonthValue;
     valueDefault?: TCalendarMonthValue;
     onChange?: (value: TCalendarMonthValue) => any;
@@ -27,6 +24,7 @@ export interface IDatePicker extends ILine {
     calendars?: number;
     placeholder?: string;
     openMobile?: 'input' | 'select';
+    weekStartDay?: string;
     modeModalSubHeadingText?: string;
     modeModalSubHeadingTextRange?: string;
     selectModeHeadingText?: string;
@@ -45,8 +43,6 @@ export interface IDatePicker extends ILine {
     heading?: boolean;
     actions?: boolean;
     fullWidth?: boolean;
-    readOnly?: boolean;
-    disabled?: boolean;
     onClick?: (event: React.MouseEvent<any>) => any;
     onClose?: (event: React.MouseEvent<any>) => any;
     onCancel?: (event: React.MouseEvent<any>) => any;
@@ -68,6 +64,6 @@ export interface IDatePicker extends ILine {
     ModalProps?: IPropsAny;
     IconProps?: IPropsAny;
     MobileSurfaceProps?: IPropsAny;
-}
+};
 declare const DatePicker: React.FC<IDatePicker>;
 export default DatePicker;

package/DateRangePicker/DateRangePicker.d.ts

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

package/DateTimePicker/DateTimePicker.d.ts

@@ -4,11 +4,9 @@ import { IAdvancedTextField } from '../AdvancedTextField/AdvancedTextField';
 import { TCalendarMonthValue } from '../CalendarMonth/CalendarMonth';
 import { TCalendarUnit } from '../Calendar/Calendar';
 import { TClockUnit } from '../Clock/Clock';
-import { ITonal, IColor, IValueBreakpoints, IElementReference, IPropsAny } from '../types';
+import { IValueBreakpoints, IElementReference, IPropsAny } from '../types';
 export declare type TDateTimePicker = OnesyDate;
-export interface IDateTimePicker extends Omit<IAdvancedTextField, 'version'> {
-    tonal?: ITonal;
-    color?: IColor;
+export declare type IDateTimePicker = Omit<IAdvancedTextField, 'version'> & {
     version?: 'auto' | 'mobile' | 'desktop';
     value?: TCalendarMonthValue;
     valueDefault?: TCalendarMonthValue;
@@ -34,8 +32,6 @@ export interface IDateTimePicker extends Omit<IAdvancedTextField, 'version'> {
     clear?: boolean;
     placeholder?: string;
     fullWidth?: boolean;
-    readOnly?: boolean;
-    disabled?: boolean;
     onClose?: (event: React.MouseEvent<any>) => any;
     onCancel?: (event: React.MouseEvent<any>) => any;
     onToday?: (event: React.MouseEvent<any>) => any;
@@ -56,6 +52,8 @@ export interface IDateTimePicker extends Omit<IAdvancedTextField, 'version'> {
     MiddleProps?: IPropsAny;
     MainProps?: IPropsAny;
     IconProps?: IPropsAny;
-}
+    ModeDesktopProps?: IPropsAny;
+    ModeMobileProps?: IPropsAny;
+};
 declare const DateTimePicker: React.FC<IDateTimePicker>;
 export default DateTimePicker;

package/DateTimeRangePicker/DateTimeRangePicker.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { IDateTimePicker } from '../DateTimePicker/DateTimePicker';
-export interface IDateTimeRangePicker extends IDateTimePicker {
-}
+export declare 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 interface IDivider extends ISurface {
+export declare type IDivider = ISurface & {
     inset?: boolean;
     middle?: boolean;
     padding?: number;
@@ -8,6 +8,6 @@ export interface IDivider extends ISurface {
     alignment?: 'start' | 'center' | 'end';
     orientation?: 'vertical' | 'horizontal';
     flex?: boolean;
-}
+};
 declare const Divider: React.FC<IDivider>;
 export default Divider;

package/DonutChart/DonutChart.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { IPieChart } from '../PieChart/PieChart';
-export interface IDonutChart extends IPieChart {
-}
+export declare 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 interface IDragAndDropList extends IBaseElement {
+export declare type IDragAndDropList = IBaseElement & {
     onChange?: (indexPrevious: number, indexNew: number) => any;
     items?: any[];
     image?: boolean;
@@ -11,6 +11,6 @@ export interface IDragAndDropList extends IBaseElement {
     getDraggingElement?: (event: DragEvent) => HTMLElement;
     onDraggedElement?: (value: any) => any;
     onDragStart?: (item: any, event: DragEvent) => any;
-}
+};
 declare const DragAndDropList: React.FC<IDragAndDropList>;
 export default DragAndDropList;

package/Drawing/Drawing.d.ts

@@ -6,7 +6,7 @@ export declare type TDrawingValue = Array<{
     stroke?: string;
     strokeWidth?: number;
 }>;
-export interface IDrawing extends ISurface {
+export declare type IDrawing = ISurface & {
     render?: (element: string, props: IPropsAny, value: TDrawingValue) => IElement;
     svgRef?: IRef;
     updates?: boolean;
@@ -43,6 +43,6 @@ export interface IDrawing extends ISurface {
     PaletteProps?: IPropsAny;
     IconButtonProps?: IPropsAny;
     ColorTextFieldProps?: IPropsAny;
-}
+};
 declare const Drawing: React.FC<IDrawing>;
 export default Drawing;

package/DropZone/DropZone.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IFileChoose } from '../FileChoose/FileChoose';
 import { IElement, IVersion } from '../types';
-export interface IDropZone extends IFileChoose {
+export declare type IDropZone = IFileChoose & {
     version?: IVersion;
     start?: IElement;
     onFocus?: (event: React.FocusEvent<any>) => any;
@@ -10,6 +10,6 @@ export interface IDropZone extends IFileChoose {
     onDragOver?: (event: React.DragEvent<any>) => any;
     onDragEnter?: (event: React.DragEvent<any>) => any;
     onDragLeave?: (event: React.DragEvent<any>) => any;
-}
+};
 declare const DropZone: React.FC<IDropZone>;
 export default DropZone;

package/DropZone/DropZone.js

@@ -61,7 +61,8 @@ const DropZone = react_1.default.forwardRef((props_, ref) => {
     const Surface = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Surface) || Surface_1.default; }, [theme]);
     const Type = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Type) || Type_1.default; }, [theme]);
     const Interaction = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Interaction) || Interaction_1.default; }, [theme]);
-    const { tonal = true, color = 'default', version, start, files, multiple, max, allowedTypes, valueDefault, value: value_, onChange: onChange_, IconStart = IconMaterialCloudUploadW100_1.default, onFocus: onFocus_, onBlur: onBlur_, onDrop: onDrop_, onDragOver: onDragOver_, onDragEnter: onDragEnter_, onDragLeave: onDragLeave_, disabled, children, className } = props, other = __rest(props, ["tonal", "color", "version", "start", "files", "multiple", "max", "allowedTypes", "valueDefault", "value", "onChange", "IconStart", "onFocus", "onBlur", "onDrop", "onDragOver", "onDragEnter", "onDragLeave", "disabled", "children", "className"]);
+    const { tonal = true, color = 'default', version, start, files, multiple, max, allowedTypes, valueDefault, value: value_, onChange: onChange_, IconStart = IconMaterialCloudUploadW100_1.default, onFocus: onFocus_, onBlur: onBlur_, onDrop: onDrop_, onDragOver: onDragOver_, onDragEnter: onDragEnter_, onDragLeave: onDragLeave_, disabled, children, className } = props, otherProps = __rest(props, ["tonal", "color", "version", "start", "files", "multiple", "max", "allowedTypes", "valueDefault", "value", "onChange", "IconStart", "onFocus", "onBlur", "onDrop", "onDragOver", "onDragEnter", "onDragLeave", "disabled", "children", "className"]);
+    const other = otherProps;
     const { classes } = useStyle();
     const [init, setInit] = react_1.default.useState(false);
     const [focus, setFocus] = react_1.default.useState(false);

package/Emojis/Emojis.d.ts

@@ -1,22 +1,22 @@
 import React from 'react';
 import { IMenu } from '../Menu/Menu';
-export interface IEmojiCategory {
+export declare type IEmojiCategory = {
     name: string;
     groups: string[];
     icon: any;
-}
-export interface IEmoji {
+};
+export declare type IEmoji = {
     alias: string | string[];
     unicode: string;
     category: string;
-}
-export interface IEmojis extends IMenu {
+};
+export declare type IEmojis = IMenu & {
     emojis?: IEmoji[];
     categories?: IEmojiCategory[];
     selected?: string[];
     onSelect?: (value: IEmoji) => any;
     search?: boolean;
     tabs?: boolean;
-}
+};
 declare const Emojis: React.FC<IEmojis>;
 export default Emojis;