@mw-kit/mw-ui 1.7.119 → 1.8.1

package/dist/index.d.mts

@@ -1,11 +1,11 @@
 import * as styled_components from 'styled-components';
-import { FlattenSimpleInterpolation } from 'styled-components';
-import * as react from 'react';
-import react__default, { TextareaHTMLAttributes } from 'react';
+import { RuleSet } from 'styled-components';
+import * as React$1 from 'react';
+import React__default, { TextareaHTMLAttributes } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PopupProps, SemanticICONS } from 'semantic-ui-react';
-export * from 'semantic-ui-react';
 
-declare type TransitionFunction = 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear' | 'step-start' | 'step-end' | `cubic-bezier(${number}, ${number}, ${number}, ${number})` | `frames(${number})` | `steps(${number})` | `steps(${number}, ${'jump-start' | 'jump-end' | 'jump-none' | 'jump-both' | 'start' | 'end'})`;
+type TransitionFunction = 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear' | 'step-start' | 'step-end' | `cubic-bezier(${number}, ${number}, ${number}, ${number})` | `frames(${number})` | `steps(${number})` | `steps(${number}, ${'jump-start' | 'jump-end' | 'jump-none' | 'jump-both' | 'start' | 'end'})`;
 interface Transition$1<P extends string> {
     active: boolean;
     mountDuration: number;
@@ -23,7 +23,7 @@ interface Transition$1<P extends string> {
         };
     }>;
 }
-declare type MappedTransitions<P extends string> = {
+type MappedTransitions<P extends string> = {
     [key in P]: {
         enabled?: string;
         disabled?: string;
@@ -67,22 +67,22 @@ declare const theme: {
     };
 };
 
-declare type ColorOptions = keyof typeof colors;
-declare type OpacitiyOptions = keyof typeof opacities;
-declare type SpacingOptions = keyof typeof spacings;
-declare type FontWeight = 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+type ColorOptions = keyof typeof colors;
+type OpacitiyOptions = keyof typeof opacities;
+type SpacingOptions = keyof typeof spacings;
+type FontWeight = 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 interface Typography {
     fontFamily: string;
     fontWeight: FontWeight;
     fontSize: string;
 }
-declare type TypographyOptions = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
-declare type Typographies = {
+type TypographyOptions = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+type Typographies = {
     [key in TypographyOptions]: Typography;
 };
-declare type useTypographyFunc = (typography: TypographyOptions, options?: {
+type useTypographyFunc = (typography: TypographyOptions, options?: {
     fontWeight?: FontWeight;
-}) => FlattenSimpleInterpolation;
+}) => RuleSet;
 interface ThemeInterface {
     colors: typeof colors;
     fonts: typeof fonts;
@@ -166,15 +166,15 @@ declare const fonts: {
 };
 declare const typographies: Typographies;
 
-declare type Position = 'top right' | 'top left' | 'bottom right' | 'bottom left' | 'right top' | 'right bottom' | 'left top' | 'left bottom';
+type Position = 'top right' | 'top left' | 'bottom right' | 'bottom left' | 'right top' | 'right bottom' | 'left top' | 'left bottom';
 interface References {
     top?: string;
     left?: string;
     bottom?: string;
     right?: string;
 }
-declare type TransitionArguments = Transition$1<'width' | 'max-width' | 'height' | 'max-height'>;
-declare type CommonProps$3 = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+type TransitionArguments = Transition$1<'width' | 'max-width' | 'height' | 'max-height'>;
+type CommonProps$4 = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'content'> & {
     width?: string | number;
     height?: string | number;
     maxWidth?: string | number;
@@ -190,7 +190,7 @@ declare type CommonProps$3 = Omit<React.HTMLAttributes<HTMLDivElement>, 'childre
 } & (React.PropsWithChildren | {
     content: React.FunctionComponent;
 });
-declare type AbsoluteContainerProps = CommonProps$3 & {
+type AbsoluteContainerProps = CommonProps$4 & {
     open: boolean;
     position?: Position;
     axis?: 'x' | 'y';
@@ -207,7 +207,7 @@ declare type AbsoluteContainerProps = CommonProps$3 & {
     transition?: Partial<Omit<TransitionArguments, 'active'>>;
 };
 
-interface LoaderProps {
+interface LoaderProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'color'> {
     color?: string | keyof typeof colors;
     bgColor?: string | keyof typeof colors;
     size?: string;
@@ -216,19 +216,19 @@ interface LoaderProps {
     zIndex?: number;
 }
 
-declare type Common$5 = react__default.HTMLAttributes<HTMLDivElement> & {
+type Common$5 = React__default.HTMLAttributes<HTMLDivElement> & {
     height?: string;
     maxHeight?: string;
     spacing?: SpacingOrZero | Omit<Spacings, 'right'>;
 };
-declare type AfterBefore = react__default.HTMLAttributes<HTMLDivElement> & {
+type AfterBefore = React__default.HTMLAttributes<HTMLDivElement> & {
     fluid?: true;
     background?: Parameters<ThemeInterface['getColor']> | Parameters<ThemeInterface['getColor']>[0];
     spacing?: SpacingOrZero | Omit<Spacings, 'right'>;
     children: ReactNode;
 };
 interface ScrollContainerProps extends Common$5 {
-    onScrollEnd?: (event: react__default.UIEvent<HTMLDivElement, UIEvent>) => void | Promise<void>;
+    onScrollEnd?: (event: React__default.UIEvent<HTMLDivElement, UIEvent>) => void | Promise<void>;
     before?: ReactNode | AfterBefore;
     after?: ReactNode | AfterBefore;
     empty?: {
@@ -239,8 +239,8 @@ interface ScrollContainerProps extends Common$5 {
 }
 
 /** funcao que fara a validacao da regra, deve retornar true caso passe na validacao, e false ou o conteudo do popup caso contrario */
-declare type Rule<T extends GenericObject = GenericObject> = (index: number, data: T) => boolean | Omit<PopupProps, 'trigger'>;
-declare type MenuOptionLabelProps<T extends GenericObject = GenericObject> = {
+type Rule<T extends GenericObject = GenericObject> = (index: number, data: T) => boolean | Omit<PopupProps, 'trigger'>;
+type MenuOptionLabelProps<T extends GenericObject = GenericObject> = {
     delimiter?: boolean;
     keepOpen?: boolean;
     caret?: boolean;
@@ -248,20 +248,19 @@ declare type MenuOptionLabelProps<T extends GenericObject = GenericObject> = {
     border?: Borders;
     data: T;
 };
-declare type OptionLabelComponent<T extends GenericObject = GenericObject> = react__default.FunctionComponent<MenuOptionLabelProps<T>>;
-declare type Option$2<T extends GenericObject = GenericObject> = MenuOptionLabelProps<T> & {
+type OptionLabelComponent<T extends GenericObject = GenericObject> = React__default.FunctionComponent<MenuOptionLabelProps<T>>;
+type Option$2<T extends GenericObject = GenericObject> = MenuOptionLabelProps<T> & {
     label: ReactNode | OptionLabelComponent<T>;
-    onClick?: (index: number, option: Option$2, event: react__default.MouseEvent) => void;
+    onClick?: (index: number, option: Option$2, event: React__default.MouseEvent) => void;
     rules?: Rule<T>[];
 };
-interface CommonProps$2 extends Omit<AbsoluteContainerProps, 'children' | 'content'> {
+interface CommonProps$3 extends Omit<AbsoluteContainerProps, 'children' | 'content'> {
     bordered?: boolean;
     containerSpacing?: SpacingOrZero | Omit<Spacings, 'right'>;
     itemSpacing?: SpacingOrZero | Spacings;
     children?: JSX.Element | (string & (string | JSX.Element | undefined)) | null;
 }
-interface MenuProps<T extends GenericObject = GenericObject> extends CommonProps$2, Pick<ScrollContainerProps, 'onScrollEnd' | 'loading' | 'before' | 'after'> {
-    open: boolean;
+interface MenuProps<T extends GenericObject = GenericObject> extends CommonProps$3, Pick<ScrollContainerProps, 'onScrollEnd' | 'loading' | 'before' | 'after'> {
     close: () => void;
     options: Option$2<T>[];
     scrollSpacing?: ScrollContainerProps['spacing'];
@@ -269,892 +268,318 @@ interface MenuProps<T extends GenericObject = GenericObject> extends CommonProps
     emptyContent?: ReactNode;
     highlight?: number;
 }
-declare type MenuInterface = <T extends GenericObject = GenericObject>(props: MenuProps<T>, ref?: react__default.ForwardedRef<HTMLDivElement>) => JSX.Element;
+type MenuInterface = <T extends GenericObject = GenericObject>(props: MenuProps<T>, ref?: React__default.ForwardedRef<HTMLDivElement>) => JSX.Element;
 
 declare const icons: {
-    readonly activity: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly airplay: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly alert_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly alert_octagon: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly alert_triangle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly align_center: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly align_justify: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly align_left: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly align_right: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly anchor: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly aperture: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly archive: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly arrow_down: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly arrow_down_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly arrow_down_left: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly arrow_down_right: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly arrow_left: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly arrow_left_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly arrow_right: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly arrow_right_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly arrow_up: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly arrow_up_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly arrow_up_left: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly arrow_up_right: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly at_sign: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly award: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly bar_chart: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly bar_chart_2: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly battery: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly battery_charging: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly bell: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly bell_off: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly bluetooth: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly bold: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly book: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly book_open: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly bookmark: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly box: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly briefcase: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly calendar: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly camera: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly camera_off: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly cast: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly check: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly check_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly check_square: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly chevron_down: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly chevron_left: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly chevron_right: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly chevron_up: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly chevrons_down: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly chevrons_left: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly chevrons_right: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly chevrons_up: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly chrome: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly clipboard: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly clock: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly cloud: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly cloud_drizzle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly cloud_lightning: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly cloud_off: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly cloud_rain: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly cloud_snow: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly code: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly codepen: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly codesandbox: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly coffee: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly columns: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly command: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly compass: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly copy: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly corner_down_left: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly corner_down_right: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly corner_left_down: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly corner_left_up: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly corner_right_down: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly corner_right_up: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly corner_up_left: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly corner_up_right: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly cpu: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly credit_card: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly crop: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly crosshair: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly database: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly delete: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly disc: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly divide: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly divide_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly divide_square: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly dollar_sign: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly download: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly download_cloud: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly dribbble: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly droplet: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly edit: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly edit_2: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly edit_3: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly external_link: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly eye: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly eye_off: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly facebook: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly fast_forward: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly feather: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly figma: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly file: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly file_minus: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly file_plus: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly file_text: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly film: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly filter: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly flag: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly folder: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly folder_minus: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly folder_plus: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly framer: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly frown: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly gift: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly git_branch: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly git_commit: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly git_merge: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly git_pull_request: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly github: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly gitlab: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly globe: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly grid: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly hard_drive: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly hash: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly headphones: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly heart: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly help_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly hexagon: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly home: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly image: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly inbox: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly info: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly instagram: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly italic: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly key: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly layers: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly layout: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly life_buoy: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly link: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly link_2: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly linkedin: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly list: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly loader: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly lock: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly log_in: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly log_out: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly mail: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly map: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly map_pin: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly maximize: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly maximize_2: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly meh: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly menu: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly message_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly message_square: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly mic: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly mic_off: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly minimize: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly minimize_2: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly minus: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly minus_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly minus_square: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly monitor: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly moon: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly more_horizontal: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly more_vertical: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly mouse_pointer: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly move: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly music: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly navigation: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly navigation_2: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly octagon: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly package: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly paperclip: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly pause: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly pause_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly pen_tool: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly percent: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly phone: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly phone_call: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly phone_forwarded: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly phone_incoming: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly phone_missed: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly phone_off: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly phone_outgoing: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly pie_chart: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly play: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly play_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly plus: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly plus_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly plus_square: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly pocket: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly power: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly printer: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly radio: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly refresh_ccw: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly refresh_cw: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly repeat: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly rewind: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly rotate_ccw: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly rotate_cw: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly rss: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly save: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly scissors: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly search: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly send: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly server: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly settings: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly share: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly share_2: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly shield: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly shield_off: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly shopping_bag: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly shopping_cart: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly shuffle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly sidebar: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly skip_back: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly skip_forward: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly slack: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly slash: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly sliders: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly smartphone: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly smile: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly speaker: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly square: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly star: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly stop_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly sun: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly sunrise: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly sunset: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly table: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly tablet: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly tag: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly target: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly terminal: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly thermometer: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly thumbs_down: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly thumbs_up: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly toggle_left: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly toggle_right: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly tool: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly trash: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly trash_2: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly trello: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly trending_down: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly trending_up: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly triangle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly truck: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly tv: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly twitch: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly twitter: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly type: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly umbrella: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly underline: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly unlock: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly upload: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly upload_cloud: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly user: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly user_check: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly user_minus: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly user_plus: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly user_x: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly users: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly video: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly video_off: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly voicemail: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly volume: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly volume_1: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly volume_2: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly volume_x: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly watch: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly wifi: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly wifi_off: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly wind: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly x: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly x_circle: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly x_octagon: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly x_square: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly youtube: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly zap: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly zap_off: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly zoom_in: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    readonly zoom_out: react.FunctionComponent<react.SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
+    readonly activity: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly airplay: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly alert_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly alert_octagon: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly alert_triangle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly align_center: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly align_justify: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly align_left: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly align_right: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly anchor: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly aperture: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly archive: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly arrow_down: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly arrow_down_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly arrow_down_left: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly arrow_down_right: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly arrow_left: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly arrow_left_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly arrow_right: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly arrow_right_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly arrow_up: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly arrow_up_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly arrow_up_left: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly arrow_up_right: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly at_sign: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly award: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly bar_chart: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly bar_chart_2: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly battery: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly battery_charging: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly bell: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly bell_off: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly bluetooth: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly bold: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly book: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly book_open: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly bookmark: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly box: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly briefcase: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly calendar: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly camera: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly camera_off: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly cast: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly check: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly check_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly check_square: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly chevron_down: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly chevron_left: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly chevron_right: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly chevron_up: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly chevrons_down: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly chevrons_left: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly chevrons_right: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly chevrons_up: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly chrome: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly clipboard: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly clock: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly cloud: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly cloud_drizzle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly cloud_lightning: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly cloud_off: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly cloud_rain: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly cloud_snow: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly code: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly codepen: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly codesandbox: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly coffee: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly columns: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly command: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly compass: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly copy: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly corner_down_left: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly corner_down_right: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly corner_left_down: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly corner_left_up: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly corner_right_down: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly corner_right_up: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly corner_up_left: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly corner_up_right: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly cpu: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly credit_card: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly crop: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly crosshair: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly database: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly delete: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly disc: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly divide: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly divide_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly divide_square: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly dollar_sign: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly download: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly download_cloud: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly dribbble: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly droplet: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly edit: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly edit_2: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly edit_3: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly external_link: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly eye: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly eye_off: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly facebook: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly fast_forward: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly feather: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly figma: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly file: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly file_minus: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly file_plus: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly file_text: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly film: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly filter: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly flag: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly folder: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly folder_minus: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly folder_plus: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly framer: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly frown: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly gift: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly git_branch: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly git_commit: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly git_merge: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly git_pull_request: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly github: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly gitlab: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly globe: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly grid: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly hard_drive: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly hash: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly headphones: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly heart: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly help_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly hexagon: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly home: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly image: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly inbox: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly info: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly instagram: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly italic: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly key: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly layers: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly layout: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly life_buoy: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly link: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly link_2: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly linkedin: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly list: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly loader: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly lock: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly log_in: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly log_out: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly mail: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly map: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly map_pin: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly maximize: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly maximize_2: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly meh: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly menu: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly message_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly message_square: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly mic: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly mic_off: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly minimize: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly minimize_2: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly minus: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly minus_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly minus_square: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly monitor: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly moon: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly more_horizontal: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly more_vertical: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly mouse_pointer: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly move: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly music: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly navigation: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly navigation_2: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly octagon: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly package: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly paperclip: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly pause: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly pause_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly pen_tool: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly percent: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly phone: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly phone_call: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly phone_forwarded: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly phone_incoming: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly phone_missed: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly phone_off: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly phone_outgoing: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly pie_chart: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly play: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly play_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly plus: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly plus_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly plus_square: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly pocket: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly power: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly printer: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly radio: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly refresh_ccw: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly refresh_cw: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly repeat: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly rewind: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly rotate_ccw: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly rotate_cw: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly rss: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly save: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly scissors: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly search: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly send: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly server: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly settings: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly share: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly share_2: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly shield: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly shield_off: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly shopping_bag: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly shopping_cart: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly shuffle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly sidebar: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly skip_back: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly skip_forward: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly slack: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly slash: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly sliders: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly smartphone: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly smile: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly speaker: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly square: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly star: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly stop_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly sun: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly sunrise: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly sunset: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly table: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly tablet: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly tag: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly target: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly terminal: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly thermometer: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly thumbs_down: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly thumbs_up: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly toggle_left: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly toggle_right: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly tool: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly trash: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly trash_2: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly trello: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly trending_down: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly trending_up: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly triangle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly truck: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly tv: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly twitch: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly twitter: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly type: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly umbrella: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly underline: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly unlock: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly upload: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly upload_cloud: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly user: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly user_check: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly user_minus: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly user_plus: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly user_x: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly users: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly video: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly video_off: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly voicemail: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly volume: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly volume_1: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly volume_2: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly volume_x: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly watch: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly wifi: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly wifi_off: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly wind: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly x: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly x_circle: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly x_octagon: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly x_square: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly youtube: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly zap: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly zap_off: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly zoom_in: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    readonly zoom_out: (props: React.SVGAttributes<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 };
 
-interface CommonProps$1 {
+interface CommonProps$2 {
     color?: typeof colors | string;
     width?: string | number;
     height?: string | number;
 }
-interface SemanticIcon extends CommonProps$1 {
+interface SemanticIcon extends CommonProps$2 {
     type: 'semantic';
     icon: SemanticICONS;
-    onClick?: (event: react__default.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClick?: (event: React__default.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
-interface FeatherIcon extends CommonProps$1 {
+interface FeatherIcon extends CommonProps$2 {
     type: 'feather';
     icon: keyof typeof icons;
-    onClick?: (event: react__default.MouseEvent<SVGElement, MouseEvent>) => void;
+    onClick?: (event: React__default.MouseEvent<SVGElement, MouseEvent>) => void;
     strokeWidth?: string;
 }
-interface SVGIcon extends CommonProps$1 {
+interface SVGIcon extends CommonProps$2 {
     type: 'svg';
-    icon: react__default.FunctionComponent<react__default.SVGAttributes<SVGElement>>;
-    onClick?: (event: react__default.MouseEvent<SVGElement, MouseEvent>) => void;
+    icon: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+    onClick?: (event: React__default.MouseEvent<SVGElement, MouseEvent>) => void;
     strokeWidth?: string;
 }
 interface JSXIcon {
@@ -1163,14 +588,14 @@ interface JSXIcon {
     icon: JSX.Element;
     width: string | number;
 }
-declare type IconProps = SemanticIcon | FeatherIcon | SVGIcon | JSXIcon;
+type IconProps = SemanticIcon | FeatherIcon | SVGIcon | JSXIcon;
 
-declare type MaskFunction = (value: string) => string;
-declare type MaskReplace = [RegExp, string];
-declare type MaskReplaceArray = MaskReplace[];
-declare type Mask = MaskFunction | MaskReplace | MaskReplaceArray;
+type MaskFunction = (value: string) => string;
+type MaskReplace = [RegExp, string];
+type MaskReplaceArray = MaskReplace[];
+type Mask = MaskFunction | MaskReplace | MaskReplaceArray;
 
-interface InputProps$1 extends react__default.InputHTMLAttributes<HTMLInputElement> {
+interface InputProps$1 extends React__default.InputHTMLAttributes<HTMLInputElement> {
     label?: ReactNode;
     invalid?: boolean;
     disabled?: boolean;
@@ -1182,7 +607,7 @@ interface InputProps$1 extends react__default.InputHTMLAttributes<HTMLInputEleme
     };
     clearable?: boolean | (() => void);
     setValue?: (value: string) => void;
-    onPressEnter?: (event: react__default.KeyboardEvent<HTMLInputElement>) => void;
+    onPressEnter?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
     htmlDisabled?: boolean;
     htmlReadOnly?: boolean;
     viewMode?: boolean;
@@ -1192,18 +617,18 @@ interface InputProps$1 extends react__default.InputHTMLAttributes<HTMLInputEleme
     borderless?: boolean;
     paddingless?: boolean;
     inputWidth?: string;
-    children?: react__default.ReactNode;
+    children?: React__default.ReactNode;
     dirty?: (() => void) | string;
 }
 
-declare type SelectOptionLabelProps<T extends GenericObject = GenericObject> = {
+type SelectOptionLabelProps<T extends GenericObject = GenericObject> = {
     value: string;
     data: T;
     disabled?: boolean;
     mode?: 'placeholder';
 };
-declare type SelectOptionLabelComponent<T extends GenericObject = GenericObject> = React.FunctionComponent<SelectOptionLabelProps<T>>;
-declare type Option$1<T extends GenericObject = GenericObject> = Pick<Option$2<T>, 'onClick' | 'rules' | 'data' | 'disabled'> & {
+type SelectOptionLabelComponent<T extends GenericObject = GenericObject> = React.FunctionComponent<SelectOptionLabelProps<T>>;
+type Option$1<T extends GenericObject = GenericObject> = Pick<Option$2<T>, 'onClick' | 'rules' | 'data' | 'disabled'> & {
     label: ReactNode | SelectOptionLabelComponent<T>;
     value: string;
 };
@@ -1211,8 +636,8 @@ interface LoaderReturn<T extends GenericObject = GenericObject> {
     options: Option$1<T>[];
     lastPage: boolean;
 }
-declare type Loader$1<T extends GenericObject = GenericObject> = (search: string, page: number) => Promise<LoaderReturn<T> | Option$1<T>[] | null>;
-declare type CommonProps<T extends GenericObject = GenericObject> = Omit<InputProps$1, 'type' | 'mask' | 'icon' | 'setValue' | 'value' | 'onChange' | 'children' | 'clearable' | 'dirty'> & Pick<MenuProps, 'onScrollEnd' | 'position' | 'center' | 'maxHeight' | 'emptyContent'> & {
+type Loader$1<T extends GenericObject = GenericObject> = (search: string, page: number) => Promise<LoaderReturn<T> | Option$1<T>[] | null>;
+type CommonProps$1<T extends GenericObject = GenericObject> = Omit<InputProps$1, 'type' | 'mask' | 'icon' | 'setValue' | 'value' | 'onChange' | 'children' | 'clearable' | 'dirty'> & Pick<MenuProps, 'onScrollEnd' | 'position' | 'center' | 'maxHeight' | 'emptyContent'> & {
     search?: boolean;
     /**
      * async function to load options
@@ -1223,7 +648,7 @@ declare type CommonProps<T extends GenericObject = GenericObject> = Omit<InputPr
     initialLoader?: () => Option$1<T>[];
 };
 
-interface ButtonProps$1 extends react__default.HTMLAttributes<HTMLDivElement> {
+interface ButtonProps$1 extends React__default.HTMLAttributes<HTMLDivElement> {
     disabled?: true;
     getContent: (open: boolean, close: () => void) => JSX.Element;
     gap: SpacingOrZero;
@@ -1253,7 +678,7 @@ interface Label {
     text: string;
     element: ReactNode;
 }
-declare type LabelOrString = string | Label;
+type LabelOrString = string | Label;
 interface Option {
     /** label da opcao */
     label: LabelOrString;
@@ -1268,7 +693,7 @@ interface OptionsReturn {
  * essa callback recebe o valor da string de busca e opcionalmente o indice da pagina, e ela deve retornar uma lista de opcoes
  * para que a paginacao seja considerada, e necessario retornar a lista de opcoes em um objeto, juntamente com o indicador de ultima pagina
  * */
-declare type OptionsCallback = (value: string, page?: number) => Promise<OptionsReturn | Option[]>;
+type OptionsCallback = (value: string, page?: number) => Promise<OptionsReturn | Option[]>;
 interface Filter {
     /** label do filtro */
     label: LabelOrString;
@@ -1289,13 +714,13 @@ interface Filter {
 }
 interface Common$4 {
     items: Filter[];
-    setAppliedFilters: react__default.Dispatch<react__default.SetStateAction<AppliedFilter[]>>;
+    setAppliedFilters: React__default.Dispatch<React__default.SetStateAction<AppliedFilter[]>>;
     containerProps?: Omit<AbsoluteContainerProps, 'open'>;
     subContainerProps?: Pick<AbsoluteContainerProps, 'center'>;
 }
-declare type FiltersProps = Common$4 & Omit<ButtonProps$1, 'getContent' | 'gap'>;
+type FiltersProps = Common$4 & Omit<ButtonProps$1, 'getContent' | 'gap'>;
 
-declare type Tab<T = {}> = {
+type Tab<T = EmptyObject> = {
     /**
      * Define the tab label.
      */
@@ -1311,28 +736,28 @@ declare type Tab<T = {}> = {
     group?: string;
     primary?: boolean;
 };
-declare type TabProvider<T = {}> = React.FunctionComponent<React.PropsWithChildren<{
+type TabProvider<T = EmptyObject> = React.FunctionComponent<React.PropsWithChildren<{
     active: boolean;
     setTab: React.Dispatch<React.SetStateAction<Tab<T>>>;
     setLabel: React.Dispatch<React.SetStateAction<string>>;
 } & Tab<T>>>;
-declare type TabComponent<T = {}> = React.FunctionComponent<{
+type TabComponent<T = EmptyObject> = React.FunctionComponent<{
     data: T;
     label: string;
     setLabel: React.Dispatch<React.SetStateAction<string>>;
 }> & {
     provider?: TabProvider<T>;
 };
-declare type TabProps<T = {}, C extends string = string> = Tab<T> & {
+type TabProps<T = EmptyObject, C extends string = string> = Tab<T> & {
     /**
      * Specifies which component, will mount/unmount everytime the tab is ACTIVATED/INACTIVATED
      */
     component?: C;
 };
-declare type TabComponents<T = {}, C extends string = string> = {
+type TabComponents<T = EmptyObject, C extends string = string> = {
     [K in C]: TabComponent<T>;
 };
-interface TabsProps<T = {}, C extends string = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+interface TabsProps<T = EmptyObject, C extends string = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     /**
      * list of components
      */
@@ -1374,101 +799,102 @@ interface TabsProps<T = {}, C extends string = string> extends Omit<React.HTMLAt
      */
     onClose?: (index: number, tab: TabProps<T>, event: React.MouseEvent) => boolean | Promise<boolean>;
 }
-declare type TabsComponent = <T = {}, C extends string = string>(props: TabsProps<T, C>) => JSX.Element;
+type TabsComponent = <T = EmptyObject, C extends string = string>(props: TabsProps<T, C>) => JSX.Element;
 
-declare type Element = JSX.Element | string | number | boolean | null;
-declare type ReactNode = Element | Element[];
-declare type GenericObject = Record<string | number | symbol, any>;
-declare type SpacingOrZero = keyof typeof spacings | '0';
-declare type Spacings = {
+type Element = JSX.Element | string | number | boolean | null;
+type ReactNode = Element | Element[];
+type GenericObject = Record<string | number | symbol, any>;
+type EmptyObject = Record<string, never>;
+type SpacingOrZero = keyof typeof spacings | '0';
+type Spacings = {
     top?: SpacingOrZero;
     left?: SpacingOrZero;
     bottom?: SpacingOrZero;
     right?: SpacingOrZero;
 };
-declare type Border = {
+type Border = {
     width?: string;
     style?: 'dashed' | 'dotted' | 'double' | 'groove' | 'hidden' | 'inherit' | 'initial' | 'inset' | 'none' | 'outset';
     color: ColorOptions | 'transparent';
 };
-declare type Borders = Border | Partial<{
+type Borders = Border | Partial<{
     [key in 'top' | 'left' | 'bottom' | 'right']: Border;
 }>;
 
-declare const AbsoluteContainer: react__default.ForwardRefExoticComponent<(Pick<Omit<react__default.HTMLAttributes<HTMLDivElement>, "children"> & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
-    maxWidth?: string | number | undefined;
-    maxHeight?: string | number | undefined;
-    references?: References | undefined;
-    zIndex?: number | undefined;
-    pointer?: true | {
-        color?: string | ((theme: ThemeInterface) => string) | undefined;
-        size?: string | ((theme: ThemeInterface) => string) | undefined;
-        distance?: string | ((theme: ThemeInterface) => string) | undefined;
-    } | undefined;
-    bgColor?: string | ((theme: ThemeInterface) => string) | undefined;
+declare const AbsoluteContainer: React__default.ForwardRefExoticComponent<(Omit<Omit<React__default.HTMLAttributes<HTMLDivElement>, "content" | "children"> & {
+    width?: string | number;
+    height?: string | number;
+    maxWidth?: string | number;
+    maxHeight?: string | number;
+    references?: References;
+    zIndex?: number;
+    pointer?: {
+        color?: ColorOptions | string | ((theme: ThemeInterface) => string);
+        size?: SpacingOptions | string | ((theme: ThemeInterface) => string);
+        distance?: SpacingOptions | string | ((theme: ThemeInterface) => string);
+    } | true;
+    bgColor?: ColorOptions | string | ((theme: ThemeInterface) => string);
 } & {
-    children?: react__default.ReactNode;
+    children?: React__default.ReactNode | undefined;
 } & {
     open: boolean;
-    position?: Position | undefined;
-    axis?: "x" | "y" | undefined;
+    position?: Position;
+    axis?: "x" | "y";
     center?: {
         x: number;
         y: number;
-    } | undefined;
-    ref?: react__default.Ref<HTMLDivElement> | undefined;
-    boundRef?: HTMLDivElement | null | undefined;
-    transition?: Partial<Omit<Transition$1<"width" | "max-width" | "height" | "max-height">, "active">> | undefined;
-}, "color" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "width" | "height" | "maxHeight" | "position" | "open" | "maxWidth" | "references" | "zIndex" | "pointer" | "bgColor" | "axis" | "center" | "boundRef" | "transition"> | Pick<Omit<react__default.HTMLAttributes<HTMLDivElement>, "children"> & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
-    maxWidth?: string | number | undefined;
-    maxHeight?: string | number | undefined;
-    references?: References | undefined;
-    zIndex?: number | undefined;
-    pointer?: true | {
-        color?: string | ((theme: ThemeInterface) => string) | undefined;
-        size?: string | ((theme: ThemeInterface) => string) | undefined;
-        distance?: string | ((theme: ThemeInterface) => string) | undefined;
-    } | undefined;
-    bgColor?: string | ((theme: ThemeInterface) => string) | undefined;
+    };
+    ref?: React__default.Ref<HTMLDivElement>;
+    boundRef?: HTMLDivElement | null;
+    transition?: Partial<Omit<Transition$1<"width" | "max-width" | "height" | "max-height">, "active">>;
+}, "ref"> | Omit<Omit<React__default.HTMLAttributes<HTMLDivElement>, "content" | "children"> & {
+    width?: string | number;
+    height?: string | number;
+    maxWidth?: string | number;
+    maxHeight?: string | number;
+    references?: References;
+    zIndex?: number;
+    pointer?: {
+        color?: ColorOptions | string | ((theme: ThemeInterface) => string);
+        size?: SpacingOptions | string | ((theme: ThemeInterface) => string);
+        distance?: SpacingOptions | string | ((theme: ThemeInterface) => string);
+    } | true;
+    bgColor?: ColorOptions | string | ((theme: ThemeInterface) => string);
 } & {
-    content: react__default.FunctionComponent<{}>;
+    content: React__default.FunctionComponent;
 } & {
     open: boolean;
-    position?: Position | undefined;
-    axis?: "x" | "y" | undefined;
+    position?: Position;
+    axis?: "x" | "y";
     center?: {
         x: number;
         y: number;
-    } | undefined;
-    ref?: react__default.Ref<HTMLDivElement> | undefined;
-    boundRef?: HTMLDivElement | null | undefined;
-    transition?: Partial<Omit<Transition$1<"width" | "max-width" | "height" | "max-height">, "active">> | undefined;
-}, "color" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "width" | "height" | "maxHeight" | "position" | "open" | "maxWidth" | "references" | "zIndex" | "pointer" | "bgColor" | "axis" | "center" | "boundRef" | "transition">) & react__default.RefAttributes<HTMLDivElement>>;
+    };
+    ref?: React__default.Ref<HTMLDivElement>;
+    boundRef?: HTMLDivElement | null;
+    transition?: Partial<Omit<Transition$1<"width" | "max-width" | "height" | "max-height">, "active">>;
+}, "ref">) & React__default.RefAttributes<HTMLDivElement>>;
 
 interface Common$3 {
     appliedFilters: [
         AppliedFilter[],
-        react__default.Dispatch<react__default.SetStateAction<AppliedFilter[]>>
+        React__default.Dispatch<React__default.SetStateAction<AppliedFilter[]>>
     ];
     containerProps?: Omit<AbsoluteContainerProps, 'open'>;
 }
-declare type AppliedFiltersProps = Common$3 & Omit<ButtonProps$1, 'getContent' | 'gap'>;
+type AppliedFiltersProps = Common$3 & Omit<ButtonProps$1, 'getContent' | 'gap'>;
 
 interface AppliedFiltersMenuProps extends Common$3 {
     open: boolean;
     close: () => void;
 }
 
-declare const AppliedFilters: ((props: AppliedFiltersProps) => JSX.Element) & {
-    Menu: (props: AppliedFiltersMenuProps) => JSX.Element;
+declare const AppliedFilters: ((props: AppliedFiltersProps) => react_jsx_runtime.JSX.Element) & {
+    Menu: (props: AppliedFiltersMenuProps) => react_jsx_runtime.JSX.Element;
 };
 
-declare type Size = 'tiny' | 'mini' | 'small' | 'large' | 'big';
-interface StyledButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+type Size = 'tiny' | 'mini' | 'small' | 'large' | 'big';
+interface CommonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
     /**
      * Specifies the button size.
      */
@@ -1486,7 +912,7 @@ interface StyledButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement
      */
     loading: number;
 }
-interface ButtonProps extends Omit<Partial<StyledButtonProps>, 'loading'> {
+interface ButtonProps extends Omit<Partial<CommonProps>, 'loading'> {
     /**
      * Text inside the button.
      */
@@ -1497,7 +923,7 @@ interface ButtonProps extends Omit<Partial<StyledButtonProps>, 'loading'> {
     loading?: boolean;
 }
 
-declare const Button: (props: ButtonProps) => JSX.Element;
+declare const Button: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface TimeProps extends Omit<InputProps$1, 'type' | 'mask'> {
     type: 'time';
@@ -1505,8 +931,8 @@ interface TimeProps extends Omit<InputProps$1, 'type' | 'mask'> {
     value: string;
 }
 
-declare type Types = 'default' | 'info' | 'danger' | 'success' | 'warning';
-declare type Sizes = 'mini' | 'medium' | 'small';
+type Types = 'default' | 'info' | 'danger' | 'success' | 'warning';
+type Sizes = 'mini' | 'medium' | 'small';
 interface IndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
     size: Sizes;
     type: Types;
@@ -1518,8 +944,8 @@ interface CalendarInterface {
     year: number;
     weeks: Date[][];
 }
-declare type DayAppearance = 'active' | 'highlight' | 'disabled';
-interface Common$2 extends react__default.HTMLAttributes<HTMLDivElement> {
+type DayAppearance = 'active' | 'highlight' | 'disabled';
+interface Common$2 extends React__default.HTMLAttributes<HTMLDivElement> {
     label?: ReactNode;
     initialMonth?: Date;
     max?: Date;
@@ -1527,9 +953,9 @@ interface Common$2 extends react__default.HTMLAttributes<HTMLDivElement> {
     getDay: (date: Date) => {
         appearance?: DayAppearance;
         activeColor?: ColorOptions;
-        onClick?: react__default.MouseEventHandler<HTMLButtonElement>;
-        onMouseOver?: react__default.MouseEventHandler<HTMLButtonElement>;
-        onMouseOut?: react__default.MouseEventHandler<HTMLButtonElement>;
+        onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
+        onMouseOver?: React__default.MouseEventHandler<HTMLButtonElement>;
+        onMouseOut?: React__default.MouseEventHandler<HTMLButtonElement>;
         indicator?: IndicatorProps['type'];
     };
     onChangeMonth?: (calendar: CalendarInterface & {
@@ -1538,18 +964,18 @@ interface Common$2 extends react__default.HTMLAttributes<HTMLDivElement> {
     }) => Promise<void>;
     calendar?: [
         CalendarInterface,
-        react__default.Dispatch<react__default.SetStateAction<CalendarInterface>>
+        React__default.Dispatch<React__default.SetStateAction<CalendarInterface>>
     ];
     paddingless?: true;
 }
-declare type BasicCalendarProps = (Common$2 & {
+type BasicCalendarProps = (Common$2 & {
     absolute?: undefined;
 }) | (Common$2 & {
     absolute: true;
 } & AbsoluteContainerProps);
 
-declare type Value$2 = Date | null;
-declare type InputTimeProps$1 = Omit<TimeProps, 'type' | 'value' | 'setValue' | 'minWidth'>;
+type Value$2 = Date | null;
+type InputTimeProps$1 = Omit<TimeProps, 'type' | 'value' | 'setValue' | 'minWidth'>;
 interface Common$1 extends Pick<BasicCalendarProps, 'initialMonth' | 'max' | 'min' | 'onChangeMonth'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
     initialValue?: Value$2;
     value?: [Value$2, (value: Value$2) => void];
@@ -1561,12 +987,12 @@ interface Common$1 extends Pick<BasicCalendarProps, 'initialMonth' | 'max' | 'mi
     invalid?: [boolean, (invalid: boolean) => void];
     getDay?: (day: Date) => Partial<ReturnType<BasicCalendarProps['getDay']>>;
 }
-declare type AbsoluteSingleCalendarProps = Common$1 & Omit<AbsoluteContainerProps, 'onSubmit'>;
+type AbsoluteSingleCalendarProps = Common$1 & Omit<AbsoluteContainerProps, 'onSubmit'>;
 
-declare type Value$1 = [Date | null, Date | null];
-declare type InputTimeProps = Omit<TimeProps, 'type' | 'value' | 'setValue' | 'minWidth'>;
-declare type GetInputTimeProps = (value: Date | null) => InputTimeProps | undefined;
-declare type OnChangeMonth = Exclude<BasicCalendarProps['onChangeMonth'], undefined>;
+type Value$1 = [Date | null, Date | null];
+type InputTimeProps = Omit<TimeProps, 'type' | 'value' | 'setValue' | 'minWidth'>;
+type GetInputTimeProps = (value: Date | null) => InputTimeProps | undefined;
+type OnChangeMonth = Exclude<BasicCalendarProps['onChangeMonth'], undefined>;
 interface Common extends Pick<BasicCalendarProps, 'initialMonth' | 'max' | 'min'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
     initialValue?: Value$1;
     value?: [Value$1, (value: Value$1) => void];
@@ -1581,9 +1007,9 @@ interface Common extends Pick<BasicCalendarProps, 'initialMonth' | 'max' | 'min'
     onChangeMonth?: (calendar: Parameters<OnChangeMonth>[0], side: 'left' | 'right') => ReturnType<OnChangeMonth>;
     getDay?: (day: Date, side: 'left' | 'right') => Partial<ReturnType<BasicCalendarProps['getDay']>>;
 }
-declare type AbsoluteIntervalCalendarProps = Common & Omit<AbsoluteContainerProps, 'onSubmit'>;
+type AbsoluteIntervalCalendarProps = Common & Omit<AbsoluteContainerProps, 'onSubmit'>;
 
-declare const Calendar: react__default.ForwardRefExoticComponent<((Common$2 & {
+declare const Calendar: React__default.ForwardRefExoticComponent<((Common$2 & {
     absolute?: undefined;
 } & {
     type: "basic";
@@ -1595,75 +1021,75 @@ declare const Calendar: react__default.ForwardRefExoticComponent<((Common$2 & {
     absolute?: undefined;
 } & Common$1 & {
     type: "single";
-}) | Pick<Common$2 & {
+}) | Omit<Common$2 & {
     absolute: true;
-} & Omit<react__default.HTMLAttributes<HTMLDivElement>, "children"> & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
-    maxWidth?: string | number | undefined;
-    maxHeight?: string | number | undefined;
-    references?: References | undefined;
-    zIndex?: number | undefined;
-    pointer?: true | {
-        color?: string | ((theme: ThemeInterface) => string) | undefined;
-        size?: string | ((theme: ThemeInterface) => string) | undefined;
-        distance?: string | ((theme: ThemeInterface) => string) | undefined;
-    } | undefined;
-    bgColor?: string | ((theme: ThemeInterface) => string) | undefined;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "content" | "children"> & {
+    width?: string | number;
+    height?: string | number;
+    maxWidth?: string | number;
+    maxHeight?: string | number;
+    references?: References;
+    zIndex?: number;
+    pointer?: {
+        color?: ColorOptions | string | ((theme: ThemeInterface) => string);
+        size?: SpacingOptions | string | ((theme: ThemeInterface) => string);
+        distance?: SpacingOptions | string | ((theme: ThemeInterface) => string);
+    } | true;
+    bgColor?: ColorOptions | string | ((theme: ThemeInterface) => string);
 } & {
-    children?: react__default.ReactNode;
+    children?: React__default.ReactNode | undefined;
 } & {
     open: boolean;
-    position?: Position | undefined;
-    axis?: "x" | "y" | undefined;
+    position?: Position;
+    axis?: "x" | "y";
     center?: {
         x: number;
         y: number;
-    } | undefined;
-    ref?: react__default.Ref<HTMLDivElement> | undefined;
-    boundRef?: HTMLDivElement | null | undefined;
-    transition?: Partial<Omit<Transition$1<"width" | "max-width" | "height" | "max-height">, "active">> | undefined;
+    };
+    ref?: React__default.Ref<HTMLDivElement>;
+    boundRef?: HTMLDivElement | null;
+    transition?: Partial<Omit<Transition$1<"width" | "max-width" | "height" | "max-height">, "active">>;
 } & {
     type: "basic";
-}, "type" | "width" | "height" | "maxHeight" | "position" | "open" | "maxWidth" | "references" | "zIndex" | "pointer" | "bgColor" | "axis" | "center" | "boundRef" | "transition" | "absolute" | keyof Common$2> | Pick<Common$2 & {
+}, "ref"> | Omit<Common$2 & {
     absolute: true;
-} & Omit<react__default.HTMLAttributes<HTMLDivElement>, "children"> & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
-    maxWidth?: string | number | undefined;
-    maxHeight?: string | number | undefined;
-    references?: References | undefined;
-    zIndex?: number | undefined;
-    pointer?: true | {
-        color?: string | ((theme: ThemeInterface) => string) | undefined;
-        size?: string | ((theme: ThemeInterface) => string) | undefined;
-        distance?: string | ((theme: ThemeInterface) => string) | undefined;
-    } | undefined;
-    bgColor?: string | ((theme: ThemeInterface) => string) | undefined;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "content" | "children"> & {
+    width?: string | number;
+    height?: string | number;
+    maxWidth?: string | number;
+    maxHeight?: string | number;
+    references?: References;
+    zIndex?: number;
+    pointer?: {
+        color?: ColorOptions | string | ((theme: ThemeInterface) => string);
+        size?: SpacingOptions | string | ((theme: ThemeInterface) => string);
+        distance?: SpacingOptions | string | ((theme: ThemeInterface) => string);
+    } | true;
+    bgColor?: ColorOptions | string | ((theme: ThemeInterface) => string);
 } & {
-    content: react__default.FunctionComponent<{}>;
+    content: React__default.FunctionComponent;
 } & {
     open: boolean;
-    position?: Position | undefined;
-    axis?: "x" | "y" | undefined;
+    position?: Position;
+    axis?: "x" | "y";
     center?: {
         x: number;
         y: number;
-    } | undefined;
-    ref?: react__default.Ref<HTMLDivElement> | undefined;
-    boundRef?: HTMLDivElement | null | undefined;
-    transition?: Partial<Omit<Transition$1<"width" | "max-width" | "height" | "max-height">, "active">> | undefined;
+    };
+    ref?: React__default.Ref<HTMLDivElement>;
+    boundRef?: HTMLDivElement | null;
+    transition?: Partial<Omit<Transition$1<"width" | "max-width" | "height" | "max-height">, "active">>;
 } & {
     type: "basic";
-}, "type" | "content" | "width" | "height" | "maxHeight" | "position" | "open" | "maxWidth" | "references" | "zIndex" | "pointer" | "bgColor" | "axis" | "center" | "boundRef" | "transition" | "absolute" | keyof Common$2> | Pick<Common & Omit<AbsoluteContainerProps, "onSubmit"> & {
+}, "ref"> | Omit<Common & Omit<AbsoluteContainerProps, "onSubmit"> & {
     absolute: true;
 } & {
     type: "interval";
-}, "type" | "width" | "height" | "maxHeight" | "position" | "open" | "maxWidth" | "references" | "zIndex" | "pointer" | "bgColor" | "axis" | "center" | "boundRef" | "transition" | "absolute" | keyof Common> | Pick<{
+}, "ref"> | Omit<{
     absolute: true;
 } & Common$1 & Omit<AbsoluteContainerProps, "onSubmit"> & {
     type: "single";
-}, "type" | "width" | "height" | "maxHeight" | "position" | "open" | "maxWidth" | "references" | "zIndex" | "pointer" | "bgColor" | "axis" | "center" | "boundRef" | "transition" | "absolute" | keyof Common$1>) & react__default.RefAttributes<HTMLDivElement>>;
+}, "ref">) & React__default.RefAttributes<HTMLDivElement>>;
 
 interface CardProps {
     size: 'mini' | 'small' | 'medium' | 'big';
@@ -1671,40 +1097,35 @@ interface CardProps {
     children: React.ReactNode;
 }
 
-declare const Card: ({ children, ...rest }: CardProps) => JSX.Element;
+declare const Card: ({ borderType, size, ...rest }: CardProps) => react_jsx_runtime.JSX.Element;
 
-declare type EllipsisContainerProps = React.HTMLAttributes<HTMLDivElement> & {
+type EllipsisContainerProps = React.HTMLAttributes<HTMLDivElement> & {
     lines?: number;
 };
 
-declare const EllipsisContainer: (props: EllipsisContainerProps) => JSX.Element;
+declare const EllipsisContainer: (props: EllipsisContainerProps) => react_jsx_runtime.JSX.Element;
 
 interface FiltersMenuProps extends Common$4 {
     open: boolean;
     close: () => void;
 }
 
-declare const Filters: ((props: FiltersProps) => JSX.Element) & {
-    Menu: (props: FiltersMenuProps) => JSX.Element;
+declare const Filters: ((props: FiltersProps) => react_jsx_runtime.JSX.Element) & {
+    Menu: (props: FiltersMenuProps) => react_jsx_runtime.JSX.Element;
 };
 
-declare type ContextProps<Name extends string = string> = {
+type ContextProps<Name extends string = string> = {
     [K in 'isRequired' | 'isInvalid' | 'isViewMode' | 'isDisabled']: (name: Name) => boolean;
 };
 
-declare const Form: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLFormElement> & Partial<ContextProps<string>> & react__default.RefAttributes<HTMLFormElement>> & {
-    useContext: <Name extends string = string>(name: Name | undefined) => {
-        isRequired: () => boolean;
-        isInvalid: () => boolean;
-        isViewMode: () => boolean;
-        isDisabled: () => boolean;
-    };
+declare const Form: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLFormElement> & Partial<ContextProps<string>> & React__default.RefAttributes<HTMLFormElement>> & {
+    useContext: <Name extends string = string>(name: Name | undefined) => { [K in keyof ContextProps]: () => boolean; };
 };
 
-declare type HorizontalAligns = 'left' | 'center' | 'right' | 'around' | 'between';
-declare type VerticalAligns = 'top' | 'center' | 'bottom';
+type HorizontalAligns = 'left' | 'center' | 'right' | 'around' | 'between';
+type VerticalAligns = 'top' | 'center' | 'bottom';
 
-declare type Widths = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'auto';
+type Widths = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'auto';
 interface BaseColProps {
     width?: Widths;
     spacing?: SpacingOrZero | Spacings;
@@ -1725,12 +1146,12 @@ interface BaseColProps {
     pointer?: true;
     ellipsis?: true;
 }
-interface ColProps extends react__default.HTMLAttributes<HTMLDivElement>, BaseColProps {
+interface ColProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'width'>, BaseColProps {
     backgroundColor?: ColorOptions | [ColorOptions, OpacitiyOptions];
     fontColor?: ColorOptions | [ColorOptions, OpacitiyOptions];
 }
 
-declare type Striped = {
+type Striped = {
     [key in 'even' | 'odd']: ColorOptions | [ColorOptions, OpacitiyOptions];
 };
 interface BaseRowProps {
@@ -1742,7 +1163,7 @@ interface BaseRowProps {
     borderless?: true;
     hover?: true | ColorOptions | [ColorOptions, OpacitiyOptions];
 }
-interface RowProps extends react__default.HTMLAttributes<HTMLDivElement>, BaseRowProps {
+interface RowProps extends React__default.HTMLAttributes<HTMLDivElement>, BaseRowProps {
     cols?: BaseColProps;
     backgroundColor?: ColorOptions | [ColorOptions, OpacitiyOptions];
     fontColor?: ColorOptions | [ColorOptions, OpacitiyOptions];
@@ -1751,20 +1172,20 @@ interface RowProps extends react__default.HTMLAttributes<HTMLDivElement>, BaseRo
 interface BaseGridProps {
     spacing?: SpacingOrZero | Spacings;
 }
-interface GridProps extends react__default.HTMLAttributes<HTMLDivElement>, BaseGridProps {
+interface GridProps extends React__default.HTMLAttributes<HTMLDivElement>, BaseGridProps {
     rows?: BaseRowProps;
     cols?: BaseColProps;
     borderless?: true;
 }
 
-declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLDivElement>> & {
-    Row: react.ForwardRefExoticComponent<RowProps & react.RefAttributes<HTMLDivElement>>;
-    Col: react.ForwardRefExoticComponent<ColProps & react.RefAttributes<HTMLDivElement>>;
+declare const Grid: React$1.ForwardRefExoticComponent<GridProps & React$1.RefAttributes<HTMLDivElement>> & {
+    Row: React$1.ForwardRefExoticComponent<RowProps & React$1.RefAttributes<HTMLDivElement>>;
+    Col: React$1.ForwardRefExoticComponent<ColProps & React$1.RefAttributes<HTMLDivElement>>;
 };
 
 declare const Icon: (props: IconProps) => JSX.Element;
 
-declare const Indicator: (props: Partial<IndicatorProps>) => JSX.Element;
+declare const Indicator: ({ size, type, labelColor, ...props }: Partial<IndicatorProps>) => react_jsx_runtime.JSX.Element;
 
 interface Country {
     name: string;
@@ -1775,7 +1196,7 @@ interface Country {
     charLimit: number;
     mask?: (value: string) => string;
 }
-declare type Countries = {
+type Countries = {
     ar: Country;
     br: Country;
     cl: Country;
@@ -1814,9 +1235,10 @@ interface LabelContentProps {
     viewMode?: boolean;
     padding?: Padding;
     bordered?: true;
+    disabled?: boolean;
 }
-interface CheckboxProps extends Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type'>, LabelContentProps {
-    label?: ReactNode | react__default.FunctionComponent<LabelContentProps>;
+interface CheckboxProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type'>, LabelContentProps {
+    label?: ReactNode | React__default.FunctionComponent<LabelContentProps>;
     type: 'checkbox';
     width?: string;
 }
@@ -1829,27 +1251,21 @@ interface DateProps extends Omit<InputProps$1, 'type' | 'mask' | 'icon' | 'min'
     min?: Date;
 }
 
-interface SelectProps$2<T extends GenericObject = GenericObject> extends CommonProps<T> {
-    type: 'select';
-    name?: string;
-    setValue: (value: string, option: Option$1<T>['data']) => void;
-    onClear?: (value: '') => void;
-    value: string | Pick<Option$1<T>, 'value' | 'data' | 'label'>;
-    dirty?: (() => void) | Pick<Option$1<T>, 'value' | 'data'>;
-}
-
-interface SelectProps$1<T extends GenericObject = GenericObject> extends CommonProps<T> {
-    type: 'select-multiple';
-    setValue: (value: string[], data: Option$1<T>['data'][]) => void;
-    value: (Pick<Option$1<T>, 'value' | 'data'> | string)[];
-    selectAll?: boolean;
-    dirty?: (() => void) | Pick<Option$1<T>, 'value' | 'data'>[];
-}
-
-declare type SelectProps<T extends GenericObject = GenericObject> = SelectProps$2<T> | SelectProps$1<T>;
-
-interface PasswordProps extends Omit<InputProps$1, 'mask' | 'icon' | 'type' | 'clearble' | 'placeholder'> {
-    type: 'password';
+type Value = [string, string];
+type IntervalType = 'day' | 'week' | 'month' | 'custom';
+interface DateIntervalPickerProps extends React.HTMLAttributes<HTMLInputElement>, Pick<InputProps$1, 'label' | 'invalid' | 'required' | 'disabled' | 'width' | 'borderless' | 'paddingless'> {
+    type: 'date-interval-picker';
+    value: Value;
+    setValue: (value: Value) => void;
+    getLabel?: (value: Value) => string;
+    center?: {
+        x: number;
+        y: number;
+    };
+    max?: Date;
+    min?: Date;
+    only?: IntervalType;
+    calendar?: Omit<AbsoluteIntervalCalendarProps, 'initialValue' | 'onSubmit' | 'invalid' | 'open' | 'center'>;
 }
 
 interface DatePickerProps extends Omit<InputProps$1, 'type' | 'mask' | 'icon' | 'htmlDisabled' | 'htmlReadonly' | 'clearable' | 'onPressEnter' | 'min' | 'max' | 'children'> {
@@ -1861,38 +1277,44 @@ interface DatePickerProps extends Omit<InputProps$1, 'type' | 'mask' | 'icon' |
     min?: Date;
 }
 
-interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    label?: ReactNode | {
-        label?: ReactNode;
-        before?: ReactNode;
-        after?: ReactNode;
-    };
-    labelProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
+interface DateTimeProps extends Omit<InputProps$1, 'type' | 'mask' | 'icon' | 'min' | 'max'> {
+    type: 'datetime';
+    picker?: true | Omit<AbsoluteSingleCalendarProps, 'initialValue' | 'onSubmit' | 'invalid' | 'open'>;
+    value?: string;
+    max?: Date;
+    min?: Date;
+    seconds?: boolean;
+    step?: 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
+}
+
+interface PasswordProps extends Omit<InputProps$1, 'mask' | 'icon' | 'type' | 'clearble' | 'placeholder'> {
+    type: 'password';
+}
+
+interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: ReactNode;
     required?: boolean;
     invalid?: boolean;
-    htmlDisabled?: boolean;
-    viewMode?: boolean;
-    type: 'switch';
+    type: 'radio';
 }
 
 interface Marker {
     label: ReactNode;
     value: number;
 }
-interface RangeProps extends Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'min' | 'max' | 'onChange'> {
+interface RangeProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'min' | 'max' | 'onChange'> {
     type: 'range';
     label?: ReactNode;
     minLabel?: ReactNode;
     maxLabel?: ReactNode;
     invalid?: boolean;
-    disabled?: boolean;
     required?: boolean;
     hideNavbar?: boolean;
     viewMode?: boolean;
     value: number;
     width?: string;
-    onChange?: (event: react__default.ChangeEvent<HTMLInputElement>, value: number) => void;
-    setValue: react__default.Dispatch<react__default.SetStateAction<number>>;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, value: number) => void;
+    setValue: React__default.Dispatch<React__default.SetStateAction<number>>;
     markers?: {
         min?: number;
         max?: number;
@@ -1911,39 +1333,45 @@ interface RangeProps extends Omit<react__default.InputHTMLAttributes<HTMLInputEl
     }));
 }
 
-interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    label?: ReactNode;
-    required?: boolean;
-    invalid?: boolean;
-    type: 'radio';
+interface SelectProps$2<T extends GenericObject = GenericObject> extends CommonProps$1<T> {
+    type: 'select';
+    name?: string;
+    setValue: (value: string, option: Option$1<T>['data']) => void;
+    onClear?: (value: '') => void;
+    value: string | Pick<Option$1<T>, 'value' | 'data' | 'label'>;
+    dirty?: (() => void) | Pick<Option$1<T>, 'value' | 'data'>;
 }
 
-declare type Value = [string, string];
-declare type IntervalType = 'day' | 'week' | 'month' | 'custom';
-interface DateIntervalPickerProps extends React.HTMLAttributes<HTMLInputElement>, Pick<InputProps$1, 'label' | 'invalid' | 'required' | 'disabled' | 'width' | 'borderless' | 'paddingless'> {
-    type: 'date-interval-picker';
-    value: Value;
-    setValue: (value: Value) => void;
-    getLabel?: (value: Value) => string;
-    center?: {
-        x: number;
-        y: number;
-    };
-    max?: Date;
-    min?: Date;
-    only?: IntervalType;
-    calendar?: Omit<AbsoluteIntervalCalendarProps, 'initialValue' | 'onSubmit' | 'invalid' | 'open' | 'center'>;
+interface SelectProps$1<T extends GenericObject = GenericObject> extends CommonProps$1<T> {
+    type: 'select-multiple';
+    setValue: (value: string[], data: Option$1<T>['data'][]) => void;
+    value: (Pick<Option$1<T>, 'value' | 'data'> | string)[];
+    selectAll?: boolean;
+    dirty?: (() => void) | Pick<Option$1<T>, 'value' | 'data'>[];
 }
 
-interface StyledInputProps extends react__default.HTMLAttributes<HTMLInputElement> {
-    disabled?: boolean;
+type SelectProps<T extends GenericObject = GenericObject> = SelectProps$2<T> | SelectProps$1<T>;
+
+interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: ReactNode | {
+        label?: ReactNode;
+        before?: ReactNode;
+        after?: ReactNode;
+    };
+    labelProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
+    required?: boolean;
     invalid?: boolean;
-    minWidth?: string;
+    htmlDisabled?: boolean;
+    viewMode?: boolean;
+    type: 'switch';
 }
-interface InputProps extends StyledInputProps {
+
+interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'value'> {
     mask?: Mask;
     value: [string, (value: string) => void];
-    onPressEnter: react__default.KeyboardEventHandler<HTMLInputElement>;
+    onPressEnter: React__default.KeyboardEventHandler<HTMLInputElement>;
+    invalid?: boolean;
+    minWidth?: string;
 }
 
 interface TagsProps {
@@ -1967,57 +1395,36 @@ interface TagsProps {
     onBlur?: () => void;
 }
 
-interface DateTimeProps extends Omit<InputProps$1, 'type' | 'mask' | 'icon' | 'min' | 'max'> {
-    type: 'datetime';
-    picker?: true | Omit<AbsoluteSingleCalendarProps, 'initialValue' | 'onSubmit' | 'invalid' | 'open'>;
-    value?: string;
-    max?: Date;
-    min?: Date;
-    seconds?: boolean;
-    step?: 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
-}
-
-declare type Props = DateProps | TimeProps | CheckboxProps | SelectProps | PasswordProps | PhoneProps | DatePickerProps | RangeProps | InputProps$1 | SwitchProps | RadioButtonProps | DateIntervalPickerProps | TagsProps | DateTimeProps;
-declare const Input: react__default.ForwardRefExoticComponent<Props & react__default.RefAttributes<HTMLInputElement>> & {
-    useDefaultDateIntervalState: (min?: Date | undefined, max?: Date | undefined) => [string, string];
+type Props$1 = DateProps | TimeProps | CheckboxProps | SelectProps | PasswordProps | PhoneProps | DatePickerProps | RangeProps | InputProps$1 | SwitchProps | RadioButtonProps | DateIntervalPickerProps | TagsProps | DateTimeProps;
+declare const Input: React__default.ForwardRefExoticComponent<Props$1 & React__default.RefAttributes<HTMLInputElement>> & {
+    useDefaultDateIntervalState: (min?: Date, max?: Date) => [string, string];
     getPhoneDetails: (phone: string) => Details | null;
 };
 
-declare const Link: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
-    size?: Size | undefined;
-    colorSetting?: "black" | "blue" | "bronze" | "brown" | "darkBlue" | "darkestBlue" | "darkestGreen" | "darkestGrey" | "darkGreen" | "darkGrey" | "darkSilver" | "floralWhite" | "ghostWhite" | "green" | "grey" | "greyishBlue" | "iceWhite" | "lightBlue" | "lightestGrey" | "lightGreen" | "lightGrey" | "milkWhite" | "orange" | "pink" | "purple" | "red" | "silver" | "snowWhite" | "vanilla" | "warningGray" | "warningRed" | "warningYellow" | "white" | "yellow" | {
-        normal?: "black" | "blue" | "bronze" | "brown" | "darkBlue" | "darkestBlue" | "darkestGreen" | "darkestGrey" | "darkGreen" | "darkGrey" | "darkSilver" | "floralWhite" | "ghostWhite" | "green" | "grey" | "greyishBlue" | "iceWhite" | "lightBlue" | "lightestGrey" | "lightGreen" | "lightGrey" | "milkWhite" | "orange" | "pink" | "purple" | "red" | "silver" | "snowWhite" | "vanilla" | "warningGray" | "warningRed" | "warningYellow" | "white" | "yellow" | undefined;
-        hover?: "black" | "blue" | "bronze" | "brown" | "darkBlue" | "darkestBlue" | "darkestGreen" | "darkestGrey" | "darkGreen" | "darkGrey" | "darkSilver" | "floralWhite" | "ghostWhite" | "green" | "grey" | "greyishBlue" | "iceWhite" | "lightBlue" | "lightestGrey" | "lightGreen" | "lightGrey" | "milkWhite" | "orange" | "pink" | "purple" | "red" | "silver" | "snowWhite" | "vanilla" | "warningGray" | "warningRed" | "warningYellow" | "white" | "yellow" | undefined;
-    } | undefined;
-    disabled?: boolean | undefined;
-} & Omit<react.HTMLAttributes<HTMLDivElement>, "color">, never>;
+declare const sizes: {
+    [key in Size]: {
+        fontSize: string;
+        lineHeight: string;
+        minWidth: string;
+        minHeight: string;
+    };
+};
+
+type Props = {
+    size?: keyof typeof sizes;
+    colorSetting?: ColorOptions | {
+        normal?: ColorOptions;
+        hover?: ColorOptions;
+    };
+    disabled?: boolean;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'color'>;
+declare const Link: ({ size, colorSetting, disabled, ...props }: Props) => react_jsx_runtime.JSX.Element;
 
-declare const Loader: styled_components.StyledComponent<"div", styled_components.DefaultTheme, LoaderProps, never>;
+declare const Loader: ({ color, bgColor, size, borderSize, filled, zIndex, ...props }: LoaderProps) => react_jsx_runtime.JSX.Element;
 
 declare const Menu: MenuInterface;
 
-interface StyledModalProps {
-    /**
-     * Specifies the modal size.
-     */
-    size: 'custom' | 'small' | 'medium' | 'large';
-    /**
-     * Specifies the custom modal size.
-     */
-    customSize?: {
-        width?: string;
-        height?: string;
-    };
-    /**
-     * Define the color of header and default confirm button.
-     */
-    color: ColorOptions;
-    /**
-     * Define if header of modal is inverted.
-     */
-    inverted: number;
-}
-interface ModalProps extends Omit<Partial<StyledModalProps>, 'inverted'> {
+interface ModalProps {
     /**
      * Title on header of modal.
      */
@@ -2046,6 +1453,21 @@ interface ModalProps extends Omit<Partial<StyledModalProps>, 'inverted'> {
     openState: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
     closeOnClickOutside?: boolean;
     closeOnEsc?: boolean;
+    /**
+     * Specifies the modal size.
+     */
+    size?: 'custom' | 'small' | 'medium' | 'large';
+    /**
+     * Specifies the custom modal size.
+     */
+    customSize?: {
+        width?: string;
+        height?: string;
+    };
+    /**
+     * Define the color of header and default confirm button.
+     */
+    color?: ColorOptions;
 }
 
 interface AuditProps extends Omit<ModalProps, 'size' | 'customSize' | 'color' | 'inverted' | 'loading' | 'footer' | 'footerMessage' | 'title'> {
@@ -2064,10 +1486,10 @@ interface ConfirmDeleteProps extends Omit<ModalProps, 'size' | 'customSize' | 'c
     confirmAction: React.MouseEventHandler<HTMLButtonElement>;
 }
 
-declare const Modal: ((props: ModalProps) => JSX.Element) & {
-    ConfirmDelete: (props: ConfirmDeleteProps) => JSX.Element;
-    ConfirmEdit: (props: ConfirmSuccessProps) => JSX.Element;
-    Audit: (props: AuditProps) => JSX.Element;
+declare const Modal: ((props: ModalProps) => react_jsx_runtime.JSX.Element) & {
+    ConfirmDelete: (props: ConfirmDeleteProps) => react_jsx_runtime.JSX.Element;
+    ConfirmEdit: (props: ConfirmSuccessProps) => react_jsx_runtime.JSX.Element;
+    Audit: (props: AuditProps) => react_jsx_runtime.JSX.Element;
 };
 
 interface PlaceholderProps {
@@ -2075,23 +1497,23 @@ interface PlaceholderProps {
     type: 'template1' | 'template2' | 'template3' | 'template4' | 'template5' | 'template6' | 'template7' | 'template8' | 'template9' | 'template10';
 }
 
-declare const Placeholder: (props: PlaceholderProps) => JSX.Element;
+declare const Placeholder: (props: PlaceholderProps) => react_jsx_runtime.JSX.Element;
 
 interface ProgressBarProps {
     type: 'default' | 'info' | 'danger' | 'success' | 'warning';
     value: string;
 }
 
-declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
+declare const ProgressBar: ({ type, value, ...props }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
 
-declare const ScrollContainer: react__default.ForwardRefExoticComponent<ScrollContainerProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const ScrollContainer: React__default.ForwardRefExoticComponent<ScrollContainerProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const Tabs: TabsComponent & {
-    mapComponents: <C extends string, T = {}>(obj: { [K in C]: TabComponent<T>; }) => TabComponents<T, C>;
-    buildComponent: <T_1 = {}>(component: TabComponent<T_1>, provider?: TabProvider<T_1> | undefined) => TabComponent<T_1>;
+    mapComponents: <C extends string, T = EmptyObject>(obj: { [K in C]: TabComponent<T>; }) => TabComponents<T, C>;
+    buildComponent: <T = EmptyObject>(component: TabComponent<T>, provider?: TabProvider<T>) => TabComponent<T>;
 };
 
-interface MwTextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+interface MwTextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'name' | 'width' | 'height' | 'placeholder' | 'disabled'> {
     name?: string;
     width: string;
     height: string;
@@ -2099,17 +1521,17 @@ interface MwTextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     disabled?: boolean;
 }
 
-declare const TextArea: (props: MwTextAreaProps) => JSX.Element;
+declare const TextArea: ({ width, height, ...props }: MwTextAreaProps) => JSX.Element;
 
 interface ToasterTypes {
     color: 'success' | 'error' | 'warning';
     size: 'normal' | 'large';
     title: string;
     description: string;
-    handlClose: () => void;
+    onClose: Exclude<FeatherIcon['onClick'], undefined>;
 }
 
-declare const Toast: (props: ToasterTypes) => JSX.Element;
+declare const Toast: ({ size, color, title, description, onClose: handlClose, ...props }: ToasterTypes) => react_jsx_runtime.JSX.Element;
 
 interface TransitionOptions {
     active: boolean;
@@ -2121,21 +1543,18 @@ interface TransitionProps extends TransitionOptions {
 
 declare const Transition: (props: TransitionProps) => JSX.Element | null;
 
-declare const useTransition: <P extends string>(props: Transition$1<P>, values: MappedTransitions<P>) => styled_components.FlattenSimpleInterpolation | undefined;
+declare const useTransition: <P extends string>(props: Transition$1<P>, values: MappedTransitions<P>) => styled_components.RuleSet<object> | undefined;
 
-interface StyledZoomProps {
+interface ZoomProps {
+    src: string;
     width?: number | string;
     height?: number | string;
 }
-interface ZoomProps extends StyledZoomProps {
-    src: string;
-    defaultClickOptions?: Partial<ModalProps>;
-}
 
-declare const Zoom: (props: ZoomProps) => JSX.Element;
+declare const Zoom: (props: ZoomProps) => react_jsx_runtime.JSX.Element;
 
 declare const ThemeProvider: (props: {
     children: JSX.Element | string | (JSX.Element | string)[];
-}) => JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
 
 export { AbsoluteContainer as MwAbsoluteContainer, AppliedFilters as MwAppliedFilters, Button as MwButton, Calendar as MwCalendar, Card as MwCard, EllipsisContainer as MwEllipsisContainer, Filters as MwFilters, Form as MwForm, Grid as MwGrid, Icon as MwIcon, Indicator as MwIndicator, Input as MwInput, Link as MwLink, Loader as MwLoader, Menu as MwMenu, Modal as MwModal, Placeholder as MwPlaceholder, ProgressBar as MwProgressBar, ScrollContainer as MwScrollContainer, Tabs as MwTabs, TextArea as MwTextArea, Toast as MwToast, Transition as MwTransition, Zoom as MwZoom, ThemeProvider, useTransition as useMwTransition };