@mw-kit/mw-ui 1.7.117 → 1.7.119

package/dist/index.d.mts

@@ -0,0 +1,2141 @@
+import * as styled_components from 'styled-components';
+import { FlattenSimpleInterpolation } from 'styled-components';
+import * as react from 'react';
+import react__default, { TextareaHTMLAttributes } from 'react';
+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'})`;
+interface Transition$1<P extends string> {
+    active: boolean;
+    mountDuration: number;
+    properties: Partial<{
+        [key in P]: {
+            /**
+             * Note: equals or less than mountDuration
+             * Default: value of mountDuration
+             */
+            duration?: number;
+            /**
+             * Default: ease-in-out
+             */
+            function?: TransitionFunction;
+        };
+    }>;
+}
+declare type MappedTransitions<P extends string> = {
+    [key in P]: {
+        enabled?: string;
+        disabled?: string;
+    };
+};
+
+declare const theme: {
+    readonly button: {
+        readonly sizes: {
+            tiny: {
+                fontSize: string;
+                lineHeight: string;
+                minWidth: string;
+                minHeight: string;
+            };
+            mini: {
+                fontSize: string;
+                lineHeight: string;
+                minWidth: string;
+                minHeight: string;
+            };
+            small: {
+                fontSize: string;
+                lineHeight: string;
+                minWidth: string;
+                minHeight: string;
+            };
+            large: {
+                fontSize: string;
+                lineHeight: string;
+                minWidth: string;
+                minHeight: string;
+            };
+            big: {
+                fontSize: string;
+                lineHeight: string;
+                minWidth: string;
+                minHeight: string;
+            };
+        };
+    };
+};
+
+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';
+interface Typography {
+    fontFamily: string;
+    fontWeight: FontWeight;
+    fontSize: string;
+}
+declare type TypographyOptions = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+declare type Typographies = {
+    [key in TypographyOptions]: Typography;
+};
+declare type useTypographyFunc = (typography: TypographyOptions, options?: {
+    fontWeight?: FontWeight;
+}) => FlattenSimpleInterpolation;
+interface ThemeInterface {
+    colors: typeof colors;
+    fonts: typeof fonts;
+    getColor: (color: ColorOptions, opacity?: OpacitiyOptions) => string;
+    useTypography: useTypographyFunc;
+    isDarkColor: (color: ColorOptions, ifDark?: ColorOptions, ifLight?: ColorOptions) => ColorOptions;
+    spacings: typeof spacings;
+    typographies: typeof typographies;
+    components: typeof theme;
+}
+
+declare const colors: {
+    readonly black: "#000000";
+    readonly blue: "#3455AB";
+    readonly bronze: "#7A4D05";
+    readonly brown: "#9F3A38";
+    readonly darkBlue: "#192338";
+    readonly darkestBlue: "#121B2E";
+    readonly darkestGreen: "#1E561F";
+    readonly darkestGrey: "#989898";
+    readonly darkGreen: "#129105";
+    readonly darkGrey: "#949494";
+    readonly darkSilver: "#525A6A";
+    readonly floralWhite: "#FFFAF3";
+    readonly ghostWhite: "#F9FAFB";
+    readonly green: "#76B100";
+    readonly grey: "#ADADAD";
+    readonly greyishBlue: "#263046";
+    readonly iceWhite: "#F9F8F8";
+    readonly lightBlue: "#2D9AFF";
+    readonly lightestGrey: "#E2E2E3";
+    readonly lightGreen: "#66BB6A";
+    readonly lightGrey: "#C8C8C8";
+    readonly milkWhite: "#FCFFF5";
+    readonly orange: "#FB8702";
+    readonly pink: "#E23851";
+    readonly purple: "#8E66BB";
+    readonly red: "#C31717";
+    readonly silver: "#B2B2B2";
+    readonly snowWhite: "#FFF6F6";
+    readonly vanilla: "#CCBEA0";
+    readonly warningGray: "#E6E6E6";
+    readonly warningRed: "#EF5350";
+    readonly warningYellow: "#FBCF30";
+    readonly white: "#FFFFFF";
+    readonly yellow: "#FBCB01";
+};
+declare const opacities: {
+    readonly 100: "FF";
+    readonly 95: "F2";
+    readonly 90: "E6";
+    readonly 85: "D9";
+    readonly 80: "CC";
+    readonly 75: "BF";
+    readonly 70: "B3";
+    readonly 65: "A6";
+    readonly 60: "99";
+    readonly 55: "8C";
+    readonly 50: "80";
+    readonly 45: "73";
+    readonly 40: "66";
+    readonly 35: "59";
+    readonly 30: "4D";
+    readonly 25: "40";
+    readonly 20: "33";
+    readonly 15: "26";
+    readonly 10: "1A";
+    readonly 5: "0D";
+    readonly 0: "00";
+};
+declare const spacings: {
+    readonly s1: "7px";
+    readonly s2: "8px";
+    readonly s3: "14px";
+    readonly s4: "21px";
+    readonly s5: "28px";
+    readonly s6: "35px";
+};
+declare const fonts: {
+    readonly lato: "\"Lato\", sans-serif";
+};
+declare const typographies: Typographies;
+
+declare 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'> & {
+    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);
+} & (React.PropsWithChildren | {
+    content: React.FunctionComponent;
+});
+declare type AbsoluteContainerProps = CommonProps$3 & {
+    open: boolean;
+    position?: Position;
+    axis?: 'x' | 'y';
+    center?: {
+        x: number;
+        y: number;
+    };
+    ref?: React.Ref<HTMLDivElement>;
+    /**
+     * defines an element to be the bound reference when calculating auto position,
+     * the window will be used by default
+     * */
+    boundRef?: HTMLDivElement | null;
+    transition?: Partial<Omit<TransitionArguments, 'active'>>;
+};
+
+interface LoaderProps {
+    color?: string | keyof typeof colors;
+    bgColor?: string | keyof typeof colors;
+    size?: string;
+    borderSize?: string;
+    filled?: true | string | keyof typeof colors;
+    zIndex?: number;
+}
+
+declare type Common$5 = react__default.HTMLAttributes<HTMLDivElement> & {
+    height?: string;
+    maxHeight?: string;
+    spacing?: SpacingOrZero | Omit<Spacings, 'right'>;
+};
+declare 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>;
+    before?: ReactNode | AfterBefore;
+    after?: ReactNode | AfterBefore;
+    empty?: {
+        empty: boolean;
+        content: ReactNode;
+    };
+    loading?: boolean | LoaderProps;
+}
+
+/** 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> = {
+    delimiter?: boolean;
+    keepOpen?: boolean;
+    caret?: boolean;
+    disabled?: boolean;
+    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> & {
+    label: ReactNode | OptionLabelComponent<T>;
+    onClick?: (index: number, option: Option$2, event: react__default.MouseEvent) => void;
+    rules?: Rule<T>[];
+};
+interface CommonProps$2 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;
+    close: () => void;
+    options: Option$2<T>[];
+    scrollSpacing?: ScrollContainerProps['spacing'];
+    scrollTabIndex?: number;
+    emptyContent?: ReactNode;
+    highlight?: number;
+}
+declare 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;
+    }>;
+};
+
+interface CommonProps$1 {
+    color?: typeof colors | string;
+    width?: string | number;
+    height?: string | number;
+}
+interface SemanticIcon extends CommonProps$1 {
+    type: 'semantic';
+    icon: SemanticICONS;
+    onClick?: (event: react__default.MouseEvent<HTMLElement, MouseEvent>) => void;
+}
+interface FeatherIcon extends CommonProps$1 {
+    type: 'feather';
+    icon: keyof typeof icons;
+    onClick?: (event: react__default.MouseEvent<SVGElement, MouseEvent>) => void;
+    strokeWidth?: string;
+}
+interface SVGIcon extends CommonProps$1 {
+    type: 'svg';
+    icon: react__default.FunctionComponent<react__default.SVGAttributes<SVGElement>>;
+    onClick?: (event: react__default.MouseEvent<SVGElement, MouseEvent>) => void;
+    strokeWidth?: string;
+}
+interface JSXIcon {
+    color?: typeof colors | string;
+    type: 'jsx';
+    icon: JSX.Element;
+    width: string | number;
+}
+declare 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;
+
+interface InputProps$1 extends react__default.InputHTMLAttributes<HTMLInputElement> {
+    label?: ReactNode;
+    invalid?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    mask?: Mask;
+    icon?: {
+        icon: IconProps;
+        position?: 'left' | 'right';
+    };
+    clearable?: boolean | (() => void);
+    setValue?: (value: string) => void;
+    onPressEnter?: (event: react__default.KeyboardEvent<HTMLInputElement>) => void;
+    htmlDisabled?: boolean;
+    htmlReadOnly?: boolean;
+    viewMode?: boolean;
+    type?: 'text' | 'number' | 'search' | 'email' | 'url' | 'PASSWORD';
+    width?: string;
+    arrows?: boolean;
+    borderless?: boolean;
+    paddingless?: boolean;
+    inputWidth?: string;
+    children?: react__default.ReactNode;
+    dirty?: (() => void) | string;
+}
+
+declare 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'> & {
+    label: ReactNode | SelectOptionLabelComponent<T>;
+    value: string;
+};
+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'> & {
+    search?: boolean;
+    /**
+     * async function to load options
+     *
+     * returning null will keep loading, until the loader be called again (useful when aborting requests)
+     */
+    loader: Loader$1<T>;
+    initialLoader?: () => Option$1<T>[];
+};
+
+interface ButtonProps$1 extends react__default.HTMLAttributes<HTMLDivElement> {
+    disabled?: true;
+    getContent: (open: boolean, close: () => void) => JSX.Element;
+    gap: SpacingOrZero;
+}
+
+interface AppliedFilter {
+    /** nome da chave do filtro */
+    name: string;
+    /** labels do filtro */
+    labels: {
+        /** label do filtro */
+        filter: {
+            text: string;
+            element: ReactNode;
+        };
+        /** label da opcao escolhida */
+        option: {
+            text: string;
+            element: ReactNode;
+        };
+    };
+    /** valor da opcao escolhida */
+    value: string | number | boolean;
+}
+
+interface Label {
+    text: string;
+    element: ReactNode;
+}
+declare type LabelOrString = string | Label;
+interface Option {
+    /** label da opcao */
+    label: LabelOrString;
+    /** valor da opcao */
+    value: string | number | boolean;
+}
+interface OptionsReturn {
+    options: Option[];
+    lastPage: boolean;
+}
+/**
+ * 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[]>;
+interface Filter {
+    /** label do filtro */
+    label: LabelOrString;
+    /** nome da chave do filtro */
+    name: string;
+    /** lista de opcoes ou funcao que retorna a lista de opcoes */
+    options: Option[] | OptionsCallback;
+    /** se o filtro for do tipo callback, podera ser enviado este parametro para indicar se o filtro permite busca com string vazia */
+    allowEmptySearch?: boolean;
+    /** indicador de filtro desabilitado */
+    disabled?: boolean;
+    /** indicador de barra divisoria */
+    delimiter?: boolean;
+    /** espacamento das opcoes deste filtro, default s1 */
+    optionSpacing?: SpacingOrZero;
+    /** mantem o menu de filtros abertos após a selecao */
+    keepOpen?: true;
+}
+interface Common$4 {
+    items: Filter[];
+    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'>;
+
+declare type Tab<T = {}> = {
+    /**
+     * Define the tab label.
+     */
+    label: string;
+    /**
+     * Define the tab data.
+     */
+    data: T;
+    /**
+     * Providing a unique and static key will prevent remount the component when closing a previous tab
+     */
+    key?: React.Key | null;
+    group?: string;
+    primary?: boolean;
+};
+declare type TabProvider<T = {}> = 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<{
+    data: T;
+    label: string;
+    setLabel: React.Dispatch<React.SetStateAction<string>>;
+}> & {
+    provider?: TabProvider<T>;
+};
+declare type TabProps<T = {}, 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> = {
+    [K in C]: TabComponent<T>;
+};
+interface TabsProps<T = {}, C extends string = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * list of components
+     */
+    components?: TabComponents<T, C>;
+    /**
+     * Array with available tabs.
+     */
+    options: TabProps<T, C>[] | [TabProps<T, C>[], React.Dispatch<React.SetStateAction<TabProps<T, C>[]>>];
+    /**
+     * React state to control which tab is active.
+     */
+    active: number | [number, (active: number, data: T) => void];
+    /**
+     * Sets the style of the tabs to internal.
+     */
+    internal?: boolean;
+    /**
+     * Sets the maximum limit of opened tabs.
+     */
+    maxTabs?: number;
+    /**
+     * Run an action when exceeding the maximum tab limit.
+     */
+    onMaxTabsExceeded?: (maxTabs?: number) => void;
+    /**
+     * disable close button
+     */
+    alwaysOpen?: true;
+    /**
+     * border bottom style
+     */
+    delimiter?: 'blue' | 'grey' | 'none';
+    /**
+     * container spacing
+     */
+    spacing?: SpacingOrZero | Spacings;
+    /**
+     * callback when closing a tab
+     */
+    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;
+
+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 = {
+    top?: SpacingOrZero;
+    left?: SpacingOrZero;
+    bottom?: SpacingOrZero;
+    right?: SpacingOrZero;
+};
+declare type Border = {
+    width?: string;
+    style?: 'dashed' | 'dotted' | 'double' | 'groove' | 'hidden' | 'inherit' | 'initial' | 'inset' | 'none' | 'outset';
+    color: ColorOptions | 'transparent';
+};
+declare 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;
+} & {
+    children?: react__default.ReactNode;
+} & {
+    open: boolean;
+    position?: Position | undefined;
+    axis?: "x" | "y" | undefined;
+    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;
+} & {
+    content: react__default.FunctionComponent<{}>;
+} & {
+    open: boolean;
+    position?: Position | undefined;
+    axis?: "x" | "y" | undefined;
+    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>>;
+
+interface Common$3 {
+    appliedFilters: [
+        AppliedFilter[],
+        react__default.Dispatch<react__default.SetStateAction<AppliedFilter[]>>
+    ];
+    containerProps?: Omit<AbsoluteContainerProps, 'open'>;
+}
+declare 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 type Size = 'tiny' | 'mini' | 'small' | 'large' | 'big';
+interface StyledButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Specifies the button size.
+     */
+    size: Size;
+    /**
+     * Specifies if the button style is solid, bordered or text only.
+     */
+    appearance: 'solid' | 'bordered' | 'link' | 'borderless';
+    /**
+     * Define the color of button.
+     */
+    color?: ColorOptions;
+    /**
+     * Define if button is loading.
+     */
+    loading: number;
+}
+interface ButtonProps extends Omit<Partial<StyledButtonProps>, 'loading'> {
+    /**
+     * Text inside the button.
+     */
+    content?: string;
+    /**
+     * Define if button is loading.
+     */
+    loading?: boolean;
+}
+
+declare const Button: (props: ButtonProps) => JSX.Element;
+
+interface TimeProps extends Omit<InputProps$1, 'type' | 'mask'> {
+    type: 'time';
+    seconds?: boolean;
+    value: string;
+}
+
+declare type Types = 'default' | 'info' | 'danger' | 'success' | 'warning';
+declare type Sizes = 'mini' | 'medium' | 'small';
+interface IndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    size: Sizes;
+    type: Types;
+    labelColor: ColorOptions;
+}
+
+interface CalendarInterface {
+    month: number;
+    year: number;
+    weeks: Date[][];
+}
+declare type DayAppearance = 'active' | 'highlight' | 'disabled';
+interface Common$2 extends react__default.HTMLAttributes<HTMLDivElement> {
+    label?: ReactNode;
+    initialMonth?: Date;
+    max?: Date;
+    min?: Date;
+    getDay: (date: Date) => {
+        appearance?: DayAppearance;
+        activeColor?: ColorOptions;
+        onClick?: react__default.MouseEventHandler<HTMLButtonElement>;
+        onMouseOver?: react__default.MouseEventHandler<HTMLButtonElement>;
+        onMouseOut?: react__default.MouseEventHandler<HTMLButtonElement>;
+        indicator?: IndicatorProps['type'];
+    };
+    onChangeMonth?: (calendar: CalendarInterface & {
+        firstDay: Date;
+        lastDay: Date;
+    }) => Promise<void>;
+    calendar?: [
+        CalendarInterface,
+        react__default.Dispatch<react__default.SetStateAction<CalendarInterface>>
+    ];
+    paddingless?: true;
+}
+declare 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'>;
+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];
+    time?: true | InputTimeProps$1 | ((value: Value$2) => InputTimeProps$1 | undefined);
+    onSubmit?: {
+        onClick: (value: Value$2) => void;
+        disabled?: boolean;
+    };
+    invalid?: [boolean, (invalid: boolean) => void];
+    getDay?: (day: Date) => Partial<ReturnType<BasicCalendarProps['getDay']>>;
+}
+declare 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>;
+interface Common extends Pick<BasicCalendarProps, 'initialMonth' | 'max' | 'min'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
+    initialValue?: Value$1;
+    value?: [Value$1, (value: Value$1) => void];
+    time?: true | [
+        GetInputTimeProps | InputTimeProps | undefined,
+        GetInputTimeProps | InputTimeProps | undefined
+    ];
+    onSubmit?: Omit<ButtonProps, 'type' | 'onClick'> & {
+        onClick: (value: Value$1) => void;
+    };
+    invalid?: [[boolean, boolean], (invalid: [boolean, boolean]) => void];
+    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'>;
+
+declare const Calendar: react__default.ForwardRefExoticComponent<((Common$2 & {
+    absolute?: undefined;
+} & {
+    type: "basic";
+}) | (Common & {
+    absolute?: undefined;
+} & {
+    type: "interval";
+}) | ({
+    absolute?: undefined;
+} & Common$1 & {
+    type: "single";
+}) | Pick<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;
+} & {
+    children?: react__default.ReactNode;
+} & {
+    open: boolean;
+    position?: Position | undefined;
+    axis?: "x" | "y" | undefined;
+    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;
+} & {
+    type: "basic";
+}, "type" | "width" | "height" | "maxHeight" | "position" | "open" | "maxWidth" | "references" | "zIndex" | "pointer" | "bgColor" | "axis" | "center" | "boundRef" | "transition" | "absolute" | keyof Common$2> | Pick<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;
+} & {
+    content: react__default.FunctionComponent<{}>;
+} & {
+    open: boolean;
+    position?: Position | undefined;
+    axis?: "x" | "y" | undefined;
+    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;
+} & {
+    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"> & {
+    absolute: true;
+} & {
+    type: "interval";
+}, "type" | "width" | "height" | "maxHeight" | "position" | "open" | "maxWidth" | "references" | "zIndex" | "pointer" | "bgColor" | "axis" | "center" | "boundRef" | "transition" | "absolute" | keyof Common> | Pick<{
+    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>>;
+
+interface CardProps {
+    size: 'mini' | 'small' | 'medium' | 'big';
+    borderType: 'info' | 'danger' | 'success' | 'warning' | 'none';
+    children: React.ReactNode;
+}
+
+declare const Card: ({ children, ...rest }: CardProps) => JSX.Element;
+
+declare type EllipsisContainerProps = React.HTMLAttributes<HTMLDivElement> & {
+    lines?: number;
+};
+
+declare const EllipsisContainer: (props: EllipsisContainerProps) => JSX.Element;
+
+interface FiltersMenuProps extends Common$4 {
+    open: boolean;
+    close: () => void;
+}
+
+declare const Filters: ((props: FiltersProps) => JSX.Element) & {
+    Menu: (props: FiltersMenuProps) => JSX.Element;
+};
+
+declare 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 type HorizontalAligns = 'left' | 'center' | 'right' | 'around' | 'between';
+declare type VerticalAligns = 'top' | 'center' | 'bottom';
+
+declare type Widths = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'auto';
+interface BaseColProps {
+    width?: Widths;
+    spacing?: SpacingOrZero | Spacings;
+    align?: {
+        self?: {
+            horizontal?: Exclude<HorizontalAligns, 'around' | 'between'>;
+            vertical?: VerticalAligns;
+        };
+        content?: {
+            horizontal?: HorizontalAligns;
+            vertical?: VerticalAligns;
+        };
+        text?: 'center' | 'left' | 'right' | 'justify';
+    };
+    spacingAround?: boolean;
+    bordered?: true;
+    hover?: true | ColorOptions | [ColorOptions, OpacitiyOptions];
+    pointer?: true;
+    ellipsis?: true;
+}
+interface ColProps extends react__default.HTMLAttributes<HTMLDivElement>, BaseColProps {
+    backgroundColor?: ColorOptions | [ColorOptions, OpacitiyOptions];
+    fontColor?: ColorOptions | [ColorOptions, OpacitiyOptions];
+}
+
+declare type Striped = {
+    [key in 'even' | 'odd']: ColorOptions | [ColorOptions, OpacitiyOptions];
+};
+interface BaseRowProps {
+    spacing?: SpacingOrZero | Spacings;
+    horizontalAlign?: HorizontalAligns;
+    verticalAlign?: VerticalAligns;
+    spacingAround?: boolean;
+    striped?: true | Striped | Omit<Striped, 'even'> | Omit<Striped, 'odd'>;
+    borderless?: true;
+    hover?: true | ColorOptions | [ColorOptions, OpacitiyOptions];
+}
+interface RowProps extends react__default.HTMLAttributes<HTMLDivElement>, BaseRowProps {
+    cols?: BaseColProps;
+    backgroundColor?: ColorOptions | [ColorOptions, OpacitiyOptions];
+    fontColor?: ColorOptions | [ColorOptions, OpacitiyOptions];
+}
+
+interface BaseGridProps {
+    spacing?: SpacingOrZero | Spacings;
+}
+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 Icon: (props: IconProps) => JSX.Element;
+
+declare const Indicator: (props: Partial<IndicatorProps>) => JSX.Element;
+
+interface Country {
+    name: string;
+    iso: keyof Countries;
+    ddi: number;
+    placeholder?: string;
+    validation?: RegExp | ((value: string) => boolean);
+    charLimit: number;
+    mask?: (value: string) => string;
+}
+declare type Countries = {
+    ar: Country;
+    br: Country;
+    cl: Country;
+    es: Country;
+    us: Country;
+    mx: Country;
+    py: Country;
+    pt: Country;
+    uy: Country;
+};
+interface PhoneProps extends Omit<InputProps$1, 'type' | 'mask' | 'placeholder' | 'icon' | 'setValue'> {
+    type: 'phone';
+    setValue: (value: string) => void;
+    value?: string;
+    placeholder?: Partial<{
+        [k in keyof Countries]: string;
+    }>;
+}
+interface Details {
+    country: Country;
+    masked: string;
+    value: string;
+    withDDI: string;
+    valid: boolean;
+}
+
+interface Padding {
+    top?: string | keyof typeof spacings;
+    left?: string | keyof typeof spacings;
+    bottom?: string | keyof typeof spacings;
+    right?: string | keyof typeof spacings;
+}
+interface LabelContentProps {
+    required?: boolean;
+    invalid?: boolean;
+    viewMode?: boolean;
+    padding?: Padding;
+    bordered?: true;
+}
+interface CheckboxProps extends Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type'>, LabelContentProps {
+    label?: ReactNode | react__default.FunctionComponent<LabelContentProps>;
+    type: 'checkbox';
+    width?: string;
+}
+
+interface DateProps extends Omit<InputProps$1, 'type' | 'mask' | 'icon' | 'min' | 'max'> {
+    type: 'date';
+    picker?: true | Omit<AbsoluteSingleCalendarProps, 'initialValue' | 'onSubmit' | 'invalid' | 'open'>;
+    value?: string;
+    max?: Date;
+    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';
+}
+
+interface DatePickerProps extends Omit<InputProps$1, 'type' | 'mask' | 'icon' | 'htmlDisabled' | 'htmlReadonly' | 'clearable' | 'onPressEnter' | 'min' | 'max' | 'children'> {
+    type: 'datepicker';
+    picker?: true | Omit<AbsoluteSingleCalendarProps, 'initialValue' | 'onSubmit' | 'invalid' | 'open'>;
+    value: string;
+    setValue: (value: string) => void;
+    max?: Date;
+    min?: Date;
+}
+
+interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: ReactNode | {
+        label?: ReactNode;
+        before?: ReactNode;
+        after?: ReactNode;
+    };
+    labelProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
+    required?: boolean;
+    invalid?: boolean;
+    htmlDisabled?: boolean;
+    viewMode?: boolean;
+    type: 'switch';
+}
+
+interface Marker {
+    label: ReactNode;
+    value: number;
+}
+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>>;
+    markers?: {
+        min?: number;
+        max?: number;
+    } | ({
+        markers: {
+            0: number | Marker;
+            1: number | Marker;
+        } & Array<number | Marker>;
+        position?: 'bottom' | 'top';
+    } & ({
+        strict: true;
+    } | {
+        strict?: false;
+        min?: number;
+        max?: number;
+    }));
+}
+
+interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: ReactNode;
+    required?: boolean;
+    invalid?: boolean;
+    type: 'radio';
+}
+
+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 StyledInputProps extends react__default.HTMLAttributes<HTMLInputElement> {
+    disabled?: boolean;
+    invalid?: boolean;
+    minWidth?: string;
+}
+interface InputProps extends StyledInputProps {
+    mask?: Mask;
+    value: [string, (value: string) => void];
+    onPressEnter: react__default.KeyboardEventHandler<HTMLInputElement>;
+}
+
+interface TagsProps {
+    type: 'tags';
+    label?: ReactNode;
+    width?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+    input?: Omit<InputProps, 'onPressEnter' | 'invalid'>;
+    value: string[];
+    setValue: (value: string[]) => void;
+    validate?: (value: string) => boolean;
+    onBeforeAdd?: (value: string) => string;
+    unique?: boolean;
+    maxTags?: number;
+    borderless?: boolean;
+    paddingless?: boolean;
+    placeholder?: string;
+    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];
+    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 Loader: styled_components.StyledComponent<"div", styled_components.DefaultTheme, LoaderProps, never>;
+
+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'> {
+    /**
+     * Title on header of modal.
+     */
+    title?: string;
+    /**
+     * Content on center of modal.
+     */
+    content?: string;
+    /**
+     * Content on center of modal.
+     */
+    children?: string | JSX.Element;
+    /**
+     * Define if header of modal is inverted.
+     */
+    inverted?: boolean;
+    /**
+     * Define if content of modal is loading.
+     */
+    loading?: boolean;
+    /**
+     * Content on footer of modal.
+     */
+    footer?: ButtonProps[];
+    footerMessage?: string | JSX.Element;
+    openState: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
+    closeOnClickOutside?: boolean;
+    closeOnEsc?: boolean;
+}
+
+interface AuditProps extends Omit<ModalProps, 'size' | 'customSize' | 'color' | 'inverted' | 'loading' | 'footer' | 'footerMessage' | 'title'> {
+    cancelAction: React.MouseEventHandler<HTMLButtonElement>;
+    confirmAction: React.MouseEventHandler<HTMLButtonElement>;
+}
+
+interface ConfirmSuccessProps extends Omit<ModalProps, 'size' | 'customSize' | 'color' | 'inverted' | 'loading' | 'footer' | 'footerMessage' | 'title'> {
+    homeAction: React.MouseEventHandler<HTMLButtonElement>;
+    cancelAction: React.MouseEventHandler<HTMLButtonElement>;
+    confirmAction: React.MouseEventHandler<HTMLButtonElement>;
+}
+
+interface ConfirmDeleteProps extends Omit<ModalProps, 'size' | 'customSize' | 'color' | 'inverted' | 'loading' | 'footer' | 'footerMessage'> {
+    cancelAction: React.MouseEventHandler<HTMLButtonElement>;
+    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;
+};
+
+interface PlaceholderProps {
+    loading: boolean;
+    type: 'template1' | 'template2' | 'template3' | 'template4' | 'template5' | 'template6' | 'template7' | 'template8' | 'template9' | 'template10';
+}
+
+declare const Placeholder: (props: PlaceholderProps) => JSX.Element;
+
+interface ProgressBarProps {
+    type: 'default' | 'info' | 'danger' | 'success' | 'warning';
+    value: string;
+}
+
+declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
+
+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>;
+};
+
+interface MwTextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    name?: string;
+    width: string;
+    height: string;
+    placeholder?: string;
+    disabled?: boolean;
+}
+
+declare const TextArea: (props: MwTextAreaProps) => JSX.Element;
+
+interface ToasterTypes {
+    color: 'success' | 'error' | 'warning';
+    size: 'normal' | 'large';
+    title: string;
+    description: string;
+    handlClose: () => void;
+}
+
+declare const Toast: (props: ToasterTypes) => JSX.Element;
+
+interface TransitionOptions {
+    active: boolean;
+    mountDuration: number;
+}
+interface TransitionProps extends TransitionOptions {
+    element: (options: TransitionOptions) => JSX.Element;
+}
+
+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;
+
+interface StyledZoomProps {
+    width?: number | string;
+    height?: number | string;
+}
+interface ZoomProps extends StyledZoomProps {
+    src: string;
+    defaultClickOptions?: Partial<ModalProps>;
+}
+
+declare const Zoom: (props: ZoomProps) => JSX.Element;
+
+declare const ThemeProvider: (props: {
+    children: JSX.Element | string | (JSX.Element | string)[];
+}) => 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 };