sag_components 2.0.0-beta17 → 2.0.0-beta170

package/dist/index.d.ts

@@ -1,27 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import PropTypes from 'prop-types';
+import React from 'react';
 
-declare function Button({ text, type, size, height, width, disabled, textColor, backgroundColor, borderColor, hoverTextColor, hoverBackgroundColor, hoverBorderColor, disabledTextColor, disabledBackgroundColor, disabledBorderColor, onClick, leftIcon, rightIcon, isSubmitButton, }: {
-    text?: string | undefined;
-    type?: string | undefined;
-    size?: string | undefined;
-    height?: string | undefined;
-    width?: string | undefined;
-    disabled?: boolean | undefined;
-    textColor?: string | undefined;
-    backgroundColor?: string | undefined;
-    borderColor?: string | undefined;
-    hoverTextColor?: string | undefined;
-    hoverBackgroundColor?: string | undefined;
-    hoverBorderColor?: string | undefined;
-    disabledTextColor?: string | undefined;
-    disabledBackgroundColor?: string | undefined;
-    disabledBorderColor?: string | undefined;
-    onClick: any;
-    leftIcon?: string | undefined;
-    rightIcon?: string | undefined;
-    isSubmitButton?: boolean | undefined;
-}): react_jsx_runtime.JSX.Element;
+declare function Button(props: any): react_jsx_runtime.JSX.Element;
 
 declare function PieChart(props: any): react_jsx_runtime.JSX.Element;
 declare namespace PieChart {
@@ -36,10 +17,10 @@ declare namespace PieChart {
         const currencyType: PropTypes.Requireable<string>;
         const dotCut: PropTypes.Requireable<boolean>;
         const isPercent: PropTypes.Requireable<boolean>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const legendData: PropTypes.Requireable<PropTypes.InferProps<{
             name: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const itemsBoldedValues: PropTypes.Requireable<boolean>;
         const itemsPercentagesValueAside: PropTypes.Requireable<boolean>;
         const itemsValuesSeparateLine: PropTypes.Requireable<boolean>;
@@ -69,7 +50,7 @@ declare namespace PieChart {
         export { dotCut_1 as dotCut };
         const isPercent_1: boolean;
         export { isPercent_1 as isPercent };
-        const legendData_1: never[];
+        const legendData_1: any[];
         export { legendData_1 as legendData };
         const itemsBoldedValues_1: boolean;
         export { itemsBoldedValues_1 as itemsBoldedValues };
@@ -96,8 +77,8 @@ declare namespace EventDetailsCard {
         const height: PropTypes.Requireable<string>;
         const className: PropTypes.Requireable<string>;
         const displayBannersDropdown: PropTypes.Requireable<boolean>;
-        const banners: PropTypes.Requireable<(string | null | undefined)[]>;
-        const data: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
+        const banners: PropTypes.Requireable<string[]>;
+        const data: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
         const count: PropTypes.Requireable<number>;
         const buttonText: PropTypes.Requireable<string>;
         const onViewButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -135,136 +116,17 @@ declare namespace EventDetailsCard {
     }
 }
 
-declare function LinnerDataBox(props: any): react_jsx_runtime.JSX.Element;
-declare namespace LinnerDataBox {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const data: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<number>;
-            sign: PropTypes.Requireable<string>;
-            extraInfo: PropTypes.Requireable<(PropTypes.InferProps<{
-                title: PropTypes.Requireable<string>;
-                value: PropTypes.Requireable<number>;
-            }> | null | undefined)[]>;
-        }> | null | undefined)[]>;
-        const backgroundColor: PropTypes.Requireable<string>;
-        const customDataFormat: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const data_1: never[];
-        export { data_1 as data };
-        const backgroundColor_1: string;
-        export { backgroundColor_1 as backgroundColor };
-        const customDataFormat_1: boolean;
-        export { customDataFormat_1 as customDataFormat };
-    }
-}
+declare function LinnerDataBox(props: any): react_jsx_runtime.JSX.Element;
 
-declare function TabMenu(props: any): react_jsx_runtime.JSX.Element;
-declare namespace TabMenu {
-    namespace propTypes {
-        const activeColor: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const className: PropTypes.Requireable<string>;
-        const color: PropTypes.Requireable<string>;
-        const currentTab: PropTypes.Requireable<number>;
-        const headlineInsteadTabs: PropTypes.Requireable<boolean>;
-        const headlineText: PropTypes.Requireable<string>;
-        const inputWidth: PropTypes.Requireable<string>;
-        const onFilterButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onSearchFieldTyping: PropTypes.Requireable<(...args: any[]) => any>;
-        const onTabChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const panelIsOpen: PropTypes.Requireable<boolean>;
-        const setBackground: PropTypes.Requireable<boolean>;
-        const showActions: PropTypes.Requireable<boolean>;
-        const showFilterButton: PropTypes.Requireable<boolean>;
-        const showLabel: PropTypes.Requireable<boolean>;
-        const showSearchInput: PropTypes.Requireable<boolean>;
-        const showViewOptionsButton: PropTypes.Requireable<boolean>;
-        const disabledButton: PropTypes.Requireable<boolean>;
-        const setTopRightButton: PropTypes.Requireable<boolean>;
-        const rightButtonText: PropTypes.Requireable<string>;
-        const rightButtonIcon: PropTypes.Requireable<string>;
-        const onTopButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const tabs: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        }> | null | undefined)[]>;
-    }
-    namespace defaultProps {
-        const activeColor_1: string;
-        export { activeColor_1 as activeColor };
-        const children_1: null;
-        export { children_1 as children };
-        const className_1: string;
-        export { className_1 as className };
-        const color_1: string;
-        export { color_1 as color };
-        const currentTab_1: number;
-        export { currentTab_1 as currentTab };
-        const headlineInsteadTabs_1: boolean;
-        export { headlineInsteadTabs_1 as headlineInsteadTabs };
-        const headlineText_1: string;
-        export { headlineText_1 as headlineText };
-        const inputWidth_1: string;
-        export { inputWidth_1 as inputWidth };
-        export function onFilterButtonClick_1(): void;
-        export { onFilterButtonClick_1 as onFilterButtonClick };
-        export function onSearchFieldTyping_1(): void;
-        export { onSearchFieldTyping_1 as onSearchFieldTyping };
-        export function onTabChange_1(): void;
-        export { onTabChange_1 as onTabChange };
-        const panelIsOpen_1: boolean;
-        export { panelIsOpen_1 as panelIsOpen };
-        const setBackground_1: boolean;
-        export { setBackground_1 as setBackground };
-        const showActions_1: boolean;
-        export { showActions_1 as showActions };
-        const showFilterButton_1: boolean;
-        export { showFilterButton_1 as showFilterButton };
-        const showLabel_1: boolean;
-        export { showLabel_1 as showLabel };
-        const showSearchInput_1: boolean;
-        export { showSearchInput_1 as showSearchInput };
-        const showViewOptionsButton_1: boolean;
-        export { showViewOptionsButton_1 as showViewOptionsButton };
-        const disabledButton_1: boolean;
-        export { disabledButton_1 as disabledButton };
-        const setTopRightButton_1: boolean;
-        export { setTopRightButton_1 as setTopRightButton };
-        const rightButtonText_1: string;
-        export { rightButtonText_1 as rightButtonText };
-        const rightButtonIcon_1: string;
-        export { rightButtonIcon_1 as rightButtonIcon };
-        export function onTopButtonClick_1(): void;
-        export { onTopButtonClick_1 as onTopButtonClick };
-        const tabs_1: ({
-            title: string;
-            content: react_jsx_runtime.JSX.Element;
-        } | {
-            title: string;
-            content: string;
-        })[];
-        export { tabs_1 as tabs };
-    }
-}
+declare function TabMenu(props: any): react_jsx_runtime.JSX.Element;
 
 declare function FilterPanel(props: any): react_jsx_runtime.JSX.Element;
 declare namespace FilterPanel {
     namespace propTypes {
-        const availableQuarters: PropTypes.Requireable<(string | null | undefined)[]>;
-        const availableMonths: PropTypes.Requireable<(string | null | undefined)[]>;
-        const availableYears: PropTypes.Requireable<(string | null | undefined)[]>;
-        const fieldsData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const availableQuarters: PropTypes.Requireable<string[]>;
+        const availableMonths: PropTypes.Requireable<string[]>;
+        const availableYears: PropTypes.Requireable<string[]>;
+        const fieldsData: PropTypes.Requireable<PropTypes.InferProps<{
             disabled: PropTypes.Requireable<boolean>;
             required: PropTypes.Requireable<boolean>;
             inputType: PropTypes.Requireable<string>;
@@ -274,10 +136,10 @@ declare namespace FilterPanel {
             labelEmptyValue: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
             periodPickerSelectedValue: PropTypes.Requireable<string>;
-            selectedValue: PropTypes.Requireable<(PropTypes.InferProps<{
+            selectedValue: PropTypes.Requireable<PropTypes.InferProps<{
                 value: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
+            }>[]>;
             orderBy: PropTypes.Requireable<string>;
             elementType: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;
@@ -286,11 +148,11 @@ declare namespace FilterPanel {
                 value: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
             }>>;
-            dropdownOptions: PropTypes.Requireable<(PropTypes.InferProps<{
+            dropdownOptions: PropTypes.Requireable<PropTypes.InferProps<{
                 value: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
-        }> | null | undefined)[]>;
+            }>[]>;
+        }>[]>;
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
         const okButtonBackgroundColor: PropTypes.Requireable<string>;
@@ -313,7 +175,7 @@ declare namespace FilterPanel {
         export { availableMonths_1 as availableMonths };
         const availableYears_1: string[];
         export { availableYears_1 as availableYears };
-        const fieldsData_1: never[];
+        const fieldsData_1: any[];
         export { fieldsData_1 as fieldsData };
         const width_1: string;
         export { width_1 as width };
@@ -352,13 +214,13 @@ declare namespace ReportTable {
         const buttonText: PropTypes.Requireable<string>;
         const buttonIconName: PropTypes.Requireable<string>;
         const tableData: PropTypes.Requireable<PropTypes.InferProps<{
-            columnsHeadings: PropTypes.Requireable<(PropTypes.InferProps<{
+            columnsHeadings: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 key: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
-            rowsValues: PropTypes.Requireable<({
-                [x: string]: string | null | undefined;
-            } | null | undefined)[]>;
+            }>[]>;
+            rowsValues: PropTypes.Requireable<{
+                [x: string]: string;
+            }[]>;
         }>>;
         const maxColumnsNumber: PropTypes.Requireable<number>;
         const useColorLinearGradient: PropTypes.Requireable<boolean>;
@@ -431,10 +293,10 @@ declare namespace ReportTable {
 declare function EventList(props: any): react_jsx_runtime.JSX.Element;
 declare namespace EventList {
     namespace propTypes {
-        const eventsData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const eventsData: PropTypes.Requireable<PropTypes.InferProps<{
             eventName: PropTypes.Requireable<string>;
             period: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const selectTextColor: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
         const width: PropTypes.Requireable<string>;
@@ -442,7 +304,7 @@ declare namespace EventList {
         const onSelectClick: PropTypes.Requireable<(...args: any[]) => any>;
     }
     namespace defaultProps {
-        const eventsData_1: never[];
+        const eventsData_1: any[];
         export { eventsData_1 as eventsData };
         const selectTextColor_1: string;
         export { selectTextColor_1 as selectTextColor };
@@ -457,75 +319,7 @@ declare namespace EventList {
     }
 }
 
-declare function BannerEventBoxList(props: any): react_jsx_runtime.JSX.Element;
-declare namespace BannerEventBoxList {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const eventType: PropTypes.Requireable<string>;
-        const eventName: PropTypes.Requireable<string>;
-        const count: PropTypes.Requireable<number>;
-        const toggleColor: PropTypes.Requireable<string>;
-        const data: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
-        const retailer: PropTypes.Requireable<string>;
-        const retailerFile: PropTypes.Requireable<(...args: any[]) => any>;
-        const showLoader: PropTypes.Requireable<boolean>;
-        const showEventDetails: PropTypes.Requireable<boolean>;
-        const cardsContent: PropTypes.Requireable<boolean>;
-        const linkText: PropTypes.Requireable<string>;
-        const disableToggle: PropTypes.Requireable<boolean>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const bannerWidth: PropTypes.Requireable<string>;
-        const showDraft: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const eventType_1: string;
-        export { eventType_1 as eventType };
-        const eventName_1: string;
-        export { eventName_1 as eventName };
-        const count_1: null;
-        export { count_1 as count };
-        const toggleColor_1: string;
-        export { toggleColor_1 as toggleColor };
-        const data_1: {
-            banner: string;
-            description: string;
-            dates: string[];
-            data: {
-                name: string;
-                items: string[];
-            }[];
-        }[];
-        export { data_1 as data };
-        const retailer_1: string;
-        export { retailer_1 as retailer };
-        export function retailerFile_1(): void;
-        export { retailerFile_1 as retailerFile };
-        const cardsContent_1: boolean;
-        export { cardsContent_1 as cardsContent };
-        const linkText_1: string;
-        export { linkText_1 as linkText };
-        const showLoader_1: boolean;
-        export { showLoader_1 as showLoader };
-        const showEventDetails_1: boolean;
-        export { showEventDetails_1 as showEventDetails };
-        const disableToggle_1: boolean;
-        export { disableToggle_1 as disableToggle };
-        const children_1: null;
-        export { children_1 as children };
-        const bannerWidth_1: string;
-        export { bannerWidth_1 as bannerWidth };
-        const showDraft_1: boolean;
-        export { showDraft_1 as showDraft };
-    }
-}
+declare function BannerEventBoxList(props: any): react_jsx_runtime.JSX.Element;
 
 declare function DialogOverlay(props: any): react_jsx_runtime.JSX.Element;
 declare namespace DialogOverlay {
@@ -538,7 +332,7 @@ declare namespace DialogOverlay {
     namespace defaultProps {
         const title_1: string;
         export { title_1 as title };
-        const children_1: null;
+        const children_1: any;
         export { children_1 as children };
         export function onDialogClose_1(): void;
         export { onDialogClose_1 as onDialogClose };
@@ -553,9 +347,9 @@ declare namespace CollapseHeader {
         const className: PropTypes.Requireable<string>;
         const showRetailerIcon: PropTypes.Requireable<boolean>;
         const showPeriodIcon: PropTypes.Requireable<boolean>;
-        const viewCreativeRetailersData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const viewCreativeRetailersData: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const data: PropTypes.Requireable<PropTypes.InferProps<{
             eventType: PropTypes.Requireable<string>;
             retailer: PropTypes.Requireable<string>;
@@ -628,9 +422,102 @@ declare namespace CollapseHeader {
     }
 }
 
-declare function QuickFilter(props: any): react_jsx_runtime.JSX.Element;
+declare function QuickFilter({ hoverColor, multipleSelection, xIconShow, disabled, error, errorMessage, label, labelColor, placeHolder, width, checkBoxColor, onChange, options, selectedValue, }: {
+    hoverColor?: string;
+    multipleSelection?: boolean;
+    xIconShow?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    label?: string;
+    labelColor?: string;
+    placeHolder?: string;
+    width?: string;
+    checkBoxColor?: string;
+    onChange?: (value: any) => void;
+    options?: any[];
+    selectedValue?: any[];
+}): react_jsx_runtime.JSX.Element;
 
-declare function OneColumnContainer(props: any): react_jsx_runtime.JSX.Element;
+declare function OneColumnContainer(props: any): react_jsx_runtime.JSX.Element;
+declare namespace OneColumnContainer {
+    namespace propTypes {
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const display: PropTypes.Requireable<string>;
+        const isLoading: PropTypes.Requireable<boolean>;
+        const gridTemplateColumns: PropTypes.Requireable<string>;
+        const itemClass: PropTypes.Requireable<string>;
+        const divStyle: PropTypes.Requireable<string>;
+        const overStyle: PropTypes.Requireable<string>;
+        const draggingStyle: PropTypes.Requireable<string>;
+        const droppedStyle: PropTypes.Requireable<string>;
+        const width: PropTypes.Requireable<string>;
+        const height: PropTypes.Requireable<string>;
+        const overflow: PropTypes.Requireable<string>;
+        const transparentBackground: PropTypes.Requireable<boolean>;
+        const infoTitle: PropTypes.Requireable<string>;
+        const infoText: PropTypes.Requireable<string>;
+        const disableInfo: PropTypes.Requireable<boolean>;
+        const showViewByBannerButton: PropTypes.Requireable<boolean>;
+        const onBannerClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const columnTitle: PropTypes.Requireable<string>;
+        const isPercentOfChange: PropTypes.Requireable<boolean>;
+        const PercentOfChangeData: PropTypes.Requireable<number>;
+        const backgroundImage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const showBackgroundImage: PropTypes.Requireable<boolean>;
+        const backgroundImageStyle: PropTypes.Requireable<object>;
+    }
+    namespace defaultProps {
+        const children_1: any;
+        export { children_1 as children };
+        const display_1: string;
+        export { display_1 as display };
+        const isLoading_1: string;
+        export { isLoading_1 as isLoading };
+        const gridTemplateColumns_1: string;
+        export { gridTemplateColumns_1 as gridTemplateColumns };
+        const itemClass_1: string;
+        export { itemClass_1 as itemClass };
+        const divStyle_1: string;
+        export { divStyle_1 as divStyle };
+        const overStyle_1: string;
+        export { overStyle_1 as overStyle };
+        const draggingStyle_1: string;
+        export { draggingStyle_1 as draggingStyle };
+        const droppedStyle_1: string;
+        export { droppedStyle_1 as droppedStyle };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const overflow_1: string;
+        export { overflow_1 as overflow };
+        const transparentBackground_1: boolean;
+        export { transparentBackground_1 as transparentBackground };
+        const infoTitle_1: string;
+        export { infoTitle_1 as infoTitle };
+        const infoText_1: string;
+        export { infoText_1 as infoText };
+        const disableInfo_1: boolean;
+        export { disableInfo_1 as disableInfo };
+        const showViewByBannerButton_1: boolean;
+        export { showViewByBannerButton_1 as showViewByBannerButton };
+        export function onBannerClick_1(): void;
+        export { onBannerClick_1 as onBannerClick };
+        const columnTitle_1: string;
+        export { columnTitle_1 as columnTitle };
+        const isPercentOfChange_1: boolean;
+        export { isPercentOfChange_1 as isPercentOfChange };
+        const PercentOfChangeData_1: number;
+        export { PercentOfChangeData_1 as PercentOfChangeData };
+        const backgroundImage_1: string;
+        export { backgroundImage_1 as backgroundImage };
+        const showBackgroundImage_1: boolean;
+        export { showBackgroundImage_1 as showBackgroundImage };
+        const backgroundImageStyle_1: {};
+        export { backgroundImageStyle_1 as backgroundImageStyle };
+    }
+}
 
 declare function BarChartsByWeeks(props: any): react_jsx_runtime.JSX.Element;
 declare namespace BarChartsByWeeks {
@@ -643,10 +530,10 @@ declare namespace BarChartsByWeeks {
         const headerValue: PropTypes.Requireable<number>;
         const HeaderValueCurrencyType: PropTypes.Requireable<string>;
         const HeaderValueIsPercent: PropTypes.Requireable<boolean>;
-        const barChartData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const barChartData: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const isTitleOriganal: PropTypes.Requireable<boolean>;
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
@@ -662,11 +549,11 @@ declare namespace BarChartsByWeeks {
         const interval: PropTypes.Requireable<string>;
         const showTitle: PropTypes.Requireable<boolean>;
         const showLegend: PropTypes.Requireable<boolean>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const legendData: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Validator<string>;
             iconType: PropTypes.Validator<string>;
             iconColor: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const showTwoBars: PropTypes.Requireable<boolean>;
         const setLimitHeight: PropTypes.Requireable<number>;
         const setLimitLow: PropTypes.Requireable<number>;
@@ -731,9 +618,9 @@ declare namespace BarChartsByWeeks {
         export { legendData_1 as legendData };
         const showTwoBars_1: boolean;
         export { showTwoBars_1 as showTwoBars };
-        const setLimitHeight_1: null;
+        const setLimitHeight_1: any;
         export { setLimitHeight_1 as setLimitHeight };
-        const setLimitLow_1: null;
+        const setLimitLow_1: any;
         export { setLimitLow_1 as setLimitLow };
     }
 }
@@ -743,17 +630,17 @@ declare namespace PopupCharts {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
         const chartType: PropTypes.Requireable<string>;
-        const popupChartsItemsData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const popupChartsItemsData: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             chartType: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;
-            legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+            legendData: PropTypes.Requireable<PropTypes.InferProps<{
                 color: PropTypes.Requireable<string>;
                 name: PropTypes.Requireable<string>;
                 value: PropTypes.Requireable<number>;
-            }> | null | undefined)[]>;
+            }>[]>;
             noDataText: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const isPopupChartsOpen: PropTypes.Requireable<boolean>;
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
@@ -807,20 +694,26 @@ declare namespace TotalDoughnutChart {
         const className: PropTypes.Requireable<string>;
         const title: PropTypes.Requireable<string>;
         const value: PropTypes.Requireable<number>;
+        const rootFont: PropTypes.Requireable<string>;
+        const containerPadding: PropTypes.Requireable<string>;
         const addingBenchmark: PropTypes.Requireable<boolean>;
         const dotCut: PropTypes.Requireable<boolean>;
         const currencySign: PropTypes.Requireable<boolean>;
         const currencyType: PropTypes.Requireable<string>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const legendData: PropTypes.Requireable<PropTypes.InferProps<{
+            color: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<number>;
             name: PropTypes.Requireable<string>;
-            description: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
+        const legendBelow: PropTypes.Requireable<boolean>;
         const itemsPercentagesValueAside: PropTypes.Requireable<boolean>;
         const itemsBoldedValues: PropTypes.Requireable<boolean>;
         const itemsValuesSeparateLine: PropTypes.Requireable<boolean>;
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
         const textcolor: PropTypes.Requireable<string>;
+        const titleFontSize: PropTypes.Requireable<string>;
+        const FormattedValueFontSize: PropTypes.Requireable<string>;
         const isPercent: PropTypes.Requireable<boolean>;
         const hideTitleAndValue: PropTypes.Requireable<boolean>;
         const noDataText: PropTypes.Requireable<string>;
@@ -833,6 +726,10 @@ declare namespace TotalDoughnutChart {
         export { title_1 as title };
         const value_1: number;
         export { value_1 as value };
+        const rootFont_1: string;
+        export { rootFont_1 as rootFont };
+        const containerPadding_1: string;
+        export { containerPadding_1 as containerPadding };
         const addingBenchmark_1: boolean;
         export { addingBenchmark_1 as addingBenchmark };
         const dotCut_1: boolean;
@@ -841,8 +738,10 @@ declare namespace TotalDoughnutChart {
         export { currencySign_1 as currencySign };
         const currencyType_1: string;
         export { currencyType_1 as currencyType };
-        const legendData_1: never[];
+        const legendData_1: any[];
         export { legendData_1 as legendData };
+        const legendBelow_1: boolean;
+        export { legendBelow_1 as legendBelow };
         const itemsPercentagesValueAside_1: boolean;
         export { itemsPercentagesValueAside_1 as itemsPercentagesValueAside };
         const itemsBoldedValues_1: boolean;
@@ -855,6 +754,10 @@ declare namespace TotalDoughnutChart {
         export { height_1 as height };
         const textcolor_1: string;
         export { textcolor_1 as textcolor };
+        const titleFontSize_1: string;
+        export { titleFontSize_1 as titleFontSize };
+        const FormattedValueFontSize_1: string;
+        export { FormattedValueFontSize_1 as FormattedValueFontSize };
         const isPercent_1: boolean;
         export { isPercent_1 as isPercent };
         const hideTitleAndValue_1: boolean;
@@ -892,11 +795,11 @@ declare namespace TopToggleList {
 declare function MarketShareDescription(props: any): react_jsx_runtime.JSX.Element;
 declare namespace MarketShareDescription {
     namespace propTypes {
-        const marketShareData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const marketShareData: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             checked: PropTypes.Requireable<boolean>;
             disabled: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const height: PropTypes.Requireable<string>;
         const width: PropTypes.Requireable<string>;
         const iconColor: PropTypes.Requireable<string>;
@@ -904,7 +807,7 @@ declare namespace MarketShareDescription {
         const dotCut: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
-        const marketShareData_1: never[];
+        const marketShareData_1: any[];
         export { marketShareData_1 as marketShareData };
         const width_1: string;
         export { width_1 as width };
@@ -923,11 +826,11 @@ declare function Heatmap(props: any): react_jsx_runtime.JSX.Element;
 declare namespace Heatmap {
     namespace propTypes {
         const title: PropTypes.Validator<string>;
-        const data: PropTypes.Validator<(PropTypes.InferProps<{
+        const data: PropTypes.Validator<PropTypes.InferProps<{
             value: PropTypes.Validator<number>;
             label: PropTypes.Validator<string>;
             color: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const lowLimit: PropTypes.Validator<number>;
         const barHeight: PropTypes.Validator<string>;
     }
@@ -942,11 +845,11 @@ declare namespace TotalHorizontalCharts {
         const dotCut: PropTypes.Requireable<boolean>;
         const currencySign: PropTypes.Requireable<boolean>;
         const currencyType: PropTypes.Requireable<string>;
-        const chartsData: PropTypes.Requireable<(PropTypes.InferProps<{
+        const chartsData: PropTypes.Requireable<PropTypes.InferProps<{
             name: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;
             color: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const showScrollerBarsCount: PropTypes.Requireable<number>;
         const showPercentAsideValue: PropTypes.Requireable<boolean>;
         const labelFontSize: PropTypes.Requireable<number>;
@@ -975,7 +878,7 @@ declare namespace TotalHorizontalCharts {
         export { currencySign_1 as currencySign };
         const currencyType_1: string;
         export { currencyType_1 as currencyType };
-        const chartsData_1: never[];
+        const chartsData_1: any[];
         export { chartsData_1 as chartsData };
         const showScrollerBarsCount_1: number;
         export { showScrollerBarsCount_1 as showScrollerBarsCount };
@@ -1057,6 +960,697 @@ declare namespace IconButton {
 
 declare function DoublePanelDataRow(props: any): react_jsx_runtime.JSX.Element;
 
-declare function BarChart(props: any): react_jsx_runtime.JSX.Element;
+declare function BarChart(props: any): react_jsx_runtime.JSX.Element;
+declare namespace BarChart {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const barChartData: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            date: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<number>;
+        }>[]>;
+        const width: PropTypes.Requireable<string>;
+        const height: PropTypes.Requireable<string>;
+        const barSize: PropTypes.Requireable<number>;
+        const barFontSizeValue: PropTypes.Requireable<string>;
+        const barChartColor: PropTypes.Requireable<string>;
+        const showDollarSign: PropTypes.Requireable<boolean>;
+        const isDollar: PropTypes.Requireable<boolean>;
+        const showLegend: PropTypes.Requireable<boolean>;
+        const legendData: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Validator<string>;
+            iconType: PropTypes.Validator<string>;
+            iconColor: PropTypes.Validator<string>;
+        }>[]>;
+        const showReferenceLine: PropTypes.Requireable<boolean>;
+        const referenceLinePoint: PropTypes.Requireable<number>;
+        const referenceLineColor: PropTypes.Requireable<string>;
+        const referenceLineDashed: PropTypes.Requireable<string>;
+        const showCurrentCampaignStyle: PropTypes.Requireable<boolean>;
+        const currentBarColor: PropTypes.Requireable<string>;
+        const isPercent: PropTypes.Requireable<boolean>;
+        const noDataText: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const title_1: string;
+        export { title_1 as title };
+        const barChartData_1: {
+            title: string;
+            date: string;
+            value: number;
+        }[];
+        export { barChartData_1 as barChartData };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const barSize_1: number;
+        export { barSize_1 as barSize };
+        const barFontSizeValue_1: string;
+        export { barFontSizeValue_1 as barFontSizeValue };
+        const barChartColor_1: string;
+        export { barChartColor_1 as barChartColor };
+        const showDollarSign_1: boolean;
+        export { showDollarSign_1 as showDollarSign };
+        const isDollar_1: boolean;
+        export { isDollar_1 as isDollar };
+        const showLegend_1: boolean;
+        export { showLegend_1 as showLegend };
+        const legendData_1: {
+            title: string;
+            iconType: string;
+            iconColor: string;
+        }[];
+        export { legendData_1 as legendData };
+        const showReferenceLine_1: boolean;
+        export { showReferenceLine_1 as showReferenceLine };
+        const referenceLinePoint_1: number;
+        export { referenceLinePoint_1 as referenceLinePoint };
+        const referenceLineColor_1: string;
+        export { referenceLineColor_1 as referenceLineColor };
+        const referenceLineDashed_1: string;
+        export { referenceLineDashed_1 as referenceLineDashed };
+        const showCurrentCampaignStyle_1: boolean;
+        export { showCurrentCampaignStyle_1 as showCurrentCampaignStyle };
+        const currentBarColor_1: string;
+        export { currentBarColor_1 as currentBarColor };
+        const isPercent_1: boolean;
+        export { isPercent_1 as isPercent };
+        const noDataText_1: string;
+        export { noDataText_1 as noDataText };
+    }
+}
+
+declare function DoubleBarSingleLine(props: any): react_jsx_runtime.JSX.Element;
+
+declare function AreaChart(props: any): react_jsx_runtime.JSX.Element;
+
+declare function BreakdownPanel(props: any): react_jsx_runtime.JSX.Element;
+
+declare function LinkButton({ text, type, size, height, width, disabled, textColor, onClick, leftIcon, rightIcon, }: {
+    text?: string;
+    type?: string;
+    size?: string;
+    height?: string;
+    width?: string;
+    disabled?: boolean;
+    textColor?: string;
+    onClick: any;
+    leftIcon?: string;
+    rightIcon?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function BubbleChart({ data, title, subtitle, leftHeader, rightHeader, topHeader, bottomHeader, colorPalette, height, width, backgroundColor, showAxis, noDataText, }: {
+    data?: any[];
+    title?: string;
+    subtitle?: string;
+    leftHeader?: string;
+    rightHeader?: string;
+    topHeader?: string;
+    bottomHeader?: string;
+    colorPalette?: string[];
+    height?: string;
+    width?: string;
+    backgroundColor?: string;
+    showAxis?: boolean;
+    noDataText?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function BatteryChart(props: any): react_jsx_runtime.JSX.Element;
+
+declare function PerformanceAnalyticsLegend(props: any): react_jsx_runtime.JSX.Element;
+
+declare function BrushChart(props: any): react_jsx_runtime.JSX.Element;
+
+declare function SingleBarLineCharts({ className, width, height, title, data, totalsData, showLegend, legendData, maxBarRange, showLineChart, lineRange, lineFontSizeValue, barFontSizeValue, barSize, barChartHeight, lineChartHeight, isLineChartCurrency, isLineChartBolded, setLineChartTooltip, isTopBarPercent, showSecondBar, showPeriod, currencySign, currencySignLine, noDataText, }: {
+    className?: string;
+    width?: string;
+    height?: string;
+    title?: string;
+    data?: any[];
+    totalsData?: any[];
+    showLegend?: boolean;
+    legendData?: any[];
+    maxBarRange?: number;
+    showLineChart?: boolean;
+    lineRange?: number;
+    lineFontSizeValue?: string;
+    barFontSizeValue?: string;
+    barSize?: number;
+    barChartHeight?: number;
+    lineChartHeight?: number;
+    isLineChartCurrency?: boolean;
+    isLineChartBolded?: boolean;
+    setLineChartTooltip?: boolean;
+    isTopBarPercent?: boolean;
+    showSecondBar?: boolean;
+    showPeriod?: boolean;
+    currencySign?: string;
+    currencySignLine?: string;
+    noDataText?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function BarChartWithAreaChart(props: any): react_jsx_runtime.JSX.Element;
+
+declare function BarChartTwoRows(props: any): react_jsx_runtime.JSX.Element;
+
+declare function TwoBarCharts(props: any): react_jsx_runtime.JSX.Element;
+declare namespace TwoBarCharts {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const barChartData: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            date: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<number>;
+        }>[]>;
+        const width: PropTypes.Requireable<string>;
+        const height: PropTypes.Requireable<string>;
+        const barSize: PropTypes.Requireable<number>;
+        const barFontSizeValue: PropTypes.Requireable<string>;
+        const barChartColorFirst: PropTypes.Requireable<string>;
+        const barChartColorSecond: PropTypes.Requireable<string>;
+        const isDollar: PropTypes.Requireable<boolean>;
+        const showLegend: PropTypes.Requireable<boolean>;
+        const legendData: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Validator<string>;
+            iconType: PropTypes.Validator<string>;
+            iconColor: PropTypes.Validator<string>;
+        }>[]>;
+        const showDollarSign: PropTypes.Requireable<boolean>;
+        const showReferenceLine: PropTypes.Requireable<boolean>;
+        const referenceLinePoint: PropTypes.Requireable<number>;
+        const referenceLineColor: PropTypes.Requireable<string>;
+        const referenceLineDashed: PropTypes.Requireable<string>;
+        const showTooltip: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        const title_1: string;
+        export { title_1 as title };
+        const barChartData_1: {
+            title: string;
+            date: string;
+            valueOne: number;
+            valueTwo: number;
+        }[];
+        export { barChartData_1 as barChartData };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const barSize_1: number;
+        export { barSize_1 as barSize };
+        const barFontSizeValue_1: string;
+        export { barFontSizeValue_1 as barFontSizeValue };
+        const barChartColorFirst_1: string;
+        export { barChartColorFirst_1 as barChartColorFirst };
+        const barChartColorSecond_1: string;
+        export { barChartColorSecond_1 as barChartColorSecond };
+        const isDollar_1: boolean;
+        export { isDollar_1 as isDollar };
+        const showDollarSign_1: boolean;
+        export { showDollarSign_1 as showDollarSign };
+        const showLegend_1: boolean;
+        export { showLegend_1 as showLegend };
+        const legendData_1: {
+            title: string;
+            iconType: string;
+            iconColor: string;
+        }[];
+        export { legendData_1 as legendData };
+        const showReferenceLine_1: boolean;
+        export { showReferenceLine_1 as showReferenceLine };
+        const referenceLinePoint_1: number;
+        export { referenceLinePoint_1 as referenceLinePoint };
+        const referenceLineColor_1: string;
+        export { referenceLineColor_1 as referenceLineColor };
+        const referenceLineDashed_1: string;
+        export { referenceLineDashed_1 as referenceLineDashed };
+        const showTooltip_1: boolean;
+        export { showTooltip_1 as showTooltip };
+    }
+}
+
+declare function CollapseData(props: any): react_jsx_runtime.JSX.Element;
+declare namespace CollapseData {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const noDataText: PropTypes.Requireable<string>;
+        const width: PropTypes.Requireable<string>;
+        const height: PropTypes.Requireable<string>;
+        const addPlusMark: PropTypes.Requireable<boolean>;
+        const addArrowToTotal: PropTypes.Requireable<boolean>;
+        const tableData: PropTypes.Requireable<PropTypes.InferProps<{
+            key: PropTypes.Requireable<number>;
+            icon: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<number>;
+            valueType: PropTypes.Requireable<string>;
+            table: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                value: PropTypes.Requireable<number>;
+            }>[]>;
+        }>[]>;
+    }
+    namespace defaultProps {
+        const title_1: string;
+        export { title_1 as title };
+        const noDataText_1: string;
+        export { noDataText_1 as noDataText };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const tableData_1: any[];
+        export { tableData_1 as tableData };
+        const addPlusMark_1: boolean;
+        export { addPlusMark_1 as addPlusMark };
+        const addArrowToTotal_1: boolean;
+        export { addArrowToTotal_1 as addArrowToTotal };
+    }
+}
+
+declare function InsightsCarousel({ className, children, onClose, title, icon, titleColor, iconColor, navColor, }: {
+    className: any;
+    children: any;
+    onClose: any;
+    title?: string;
+    icon?: react_jsx_runtime.JSX.Element;
+    titleColor?: string;
+    iconColor?: string;
+    navColor?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DownloadProgress(props: any): react_jsx_runtime.JSX.Element;
+declare namespace DownloadProgress {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const succeededMessage: PropTypes.Requireable<string>;
+        const failedMessage: PropTypes.Requireable<string>;
+        const downloadStatus: PropTypes.Requireable<string>;
+        const showShadow: PropTypes.Requireable<boolean>;
+        const progressPercent: PropTypes.Requireable<number>;
+        const refreshInterval: PropTypes.Requireable<number>;
+        const progressBarColor: PropTypes.Requireable<string>;
+        const onTryAgainClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const className: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const title_1: string;
+        export { title_1 as title };
+        const succeededMessage_1: string;
+        export { succeededMessage_1 as succeededMessage };
+        const failedMessage_1: string;
+        export { failedMessage_1 as failedMessage };
+        const downloadStatus_1: string;
+        export { downloadStatus_1 as downloadStatus };
+        const showShadow_1: boolean;
+        export { showShadow_1 as showShadow };
+        const progressPercent_1: number;
+        export { progressPercent_1 as progressPercent };
+        const refreshInterval_1: number;
+        export { refreshInterval_1 as refreshInterval };
+        const progressBarColor_1: string;
+        export { progressBarColor_1 as progressBarColor };
+        export function onTryAgainClick_1(): void;
+        export { onTryAgainClick_1 as onTryAgainClick };
+        const className_1: string;
+        export { className_1 as className };
+    }
+}
+
+declare function ModalWithOverlay(props: any): react_jsx_runtime.JSX.Element;
+
+declare function DropdownNew(props: any): react_jsx_runtime.JSX.Element;
+
+declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, textColor, hoverColor, required, placeholder, borderRadius, year, width, height, withMarginBottom, onChange, selectedValue, }: {
+    label: any;
+    disabled: any;
+    borderColor: any;
+    borderColorFocus: any;
+    textColor: any;
+    hoverColor: any;
+    required: any;
+    placeholder: any;
+    borderRadius: any;
+    year: any;
+    width: any;
+    height: any;
+    withMarginBottom?: boolean;
+    onChange: any;
+    selectedValue: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolder, onChange, onBlur, required, disabled, isDarkerBackground, width, error, errorMessage, labelColor, leftIcon, rightIcon, password, leftIconOnClick, rightIconOnClick, }: {
+    label: any;
+    labelEmptyValue: any;
+    size: any;
+    selectedValue: any;
+    placeHolder: any;
+    onChange: any;
+    onBlur: any;
+    required: any;
+    disabled: any;
+    isDarkerBackground?: boolean;
+    width: any;
+    error: any;
+    errorMessage: any;
+    labelColor: any;
+    leftIcon: any;
+    rightIcon: any;
+    password: any;
+    leftIconOnClick: any;
+    rightIconOnClick: any;
+}): react_jsx_runtime.JSX.Element;
+declare namespace Input {
+    namespace propTypes {
+        const placeHolder: PropTypes.Requireable<string>;
+        const label: PropTypes.Requireable<string>;
+        const labelEmptyValue: PropTypes.Requireable<string>;
+        const size: PropTypes.Requireable<string>;
+        const labelColor: PropTypes.Requireable<string>;
+        const required: PropTypes.Requireable<boolean>;
+        const width: PropTypes.Requireable<string>;
+        const disabled: PropTypes.Requireable<boolean>;
+        const error: PropTypes.Requireable<boolean>;
+        const errorMessage: PropTypes.Requireable<string>;
+        const selectedValue: PropTypes.Requireable<string>;
+        const onChange: PropTypes.Validator<(...args: any[]) => any>;
+        const leftIconOnClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const rightIconOnClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        const leftIcon: PropTypes.Requireable<string>;
+        const rightIcon: PropTypes.Requireable<string>;
+        const password: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        const placeHolder_1: string;
+        export { placeHolder_1 as placeHolder };
+        const label_1: string;
+        export { label_1 as label };
+        const labelEmptyValue_1: string;
+        export { labelEmptyValue_1 as labelEmptyValue };
+        const size_1: string;
+        export { size_1 as size };
+        const labelColor_1: string;
+        export { labelColor_1 as labelColor };
+        const required_1: boolean;
+        export { required_1 as required };
+        const width_1: string;
+        export { width_1 as width };
+        const disabled_1: boolean;
+        export { disabled_1 as disabled };
+        const error_1: boolean;
+        export { error_1 as error };
+        const errorMessage_1: string;
+        export { errorMessage_1 as errorMessage };
+        const selectedValue_1: string;
+        export { selectedValue_1 as selectedValue };
+        const leftIcon_1: string;
+        export { leftIcon_1 as leftIcon };
+        const rightIcon_1: string;
+        export { rightIcon_1 as rightIcon };
+        export function leftIconOnClick_1(): void;
+        export { leftIconOnClick_1 as leftIconOnClick };
+        export function rightIconOnClick_1(): void;
+        export { rightIconOnClick_1 as rightIconOnClick };
+        export function onBlur_1(): void;
+        export { onBlur_1 as onBlur };
+        const password_1: boolean;
+        export { password_1 as password };
+    }
+}
+
+declare function Tooltip(props: any): react_jsx_runtime.JSX.Element;
+
+/**
+ * ToggleSwitch component for on/off states.
+ * Supports small/large sizes and disabled state.
+ */
+declare function ToggleSwitch({ checked, onChange, size, disabled, ...props }: {
+    [x: string]: any;
+    checked: any;
+    onChange: any;
+    size?: string;
+    disabled?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare namespace ToggleSwitch {
+    namespace propTypes {
+        const checked: PropTypes.Validator<boolean>;
+        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        const size: PropTypes.Requireable<string>;
+        const disabled: PropTypes.Requireable<boolean>;
+    }
+}
+
+declare function ContainerTable(props: any): react_jsx_runtime.JSX.Element;
+
+declare function MenuRoute(props: any): react_jsx_runtime.JSX.Element;
+
+declare function Build({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Track({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Execute({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Dashboard({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Campaigns({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Budgets({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SampleRunEngine({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Coupons({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function RulesEngine({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function AdvancedThresholds({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function PreTestWhatIf({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CustomerSegments({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function GroupBuilder({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ItemsStores({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Analytics({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Table(props: any): react_jsx_runtime.JSX.Element;
+declare namespace Table {
+    const displayName: string;
+}
+
+declare function FilterPop(props: any): react_jsx_runtime.JSX.Element;
+
+declare function SortPop(props: any): react_jsx_runtime.JSX.Element;
+
+declare function RangePop(props: any): react_jsx_runtime.JSX.Element;
+
+declare function SearchInput(props: any): react_jsx_runtime.JSX.Element;
+
+declare function ItemManagerPanel({ width, height, disableSection, onSendForms, editMode, disabledSendForms, AllFormsSent, itemAndPackage, setItemAndPackage, linkColor, backgroundColor, buttonTooltipText, trashTooltipText, maxVisibleVendors, componentText }: {
+    width?: string;
+    height?: string;
+    disableSection?: boolean;
+    onSendForms?: () => void;
+    editMode?: boolean;
+    disabledSendForms?: boolean;
+    AllFormsSent?: boolean;
+    itemAndPackage?: any[];
+    setItemAndPackage: any;
+    linkColor?: string;
+    backgroundColor?: string;
+    buttonTooltipText?: string;
+    trashTooltipText?: string;
+    maxVisibleVendors?: number;
+    componentText?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * ModalDrawer component
+ * @param {Object} props
+ * @param {boolean} props.open - Whether the drawer is open
+ * @param {function} props.onClose - Handler for closing the drawer
+ * @param {React.ReactNode} props.children - Drawer content
+ * @param {number} [props.widthPercent=70] - Width of the drawer as a percentage of the viewport width
+ */
+declare function ModalDrawer({ open, height, onClose, children, widthPercent }: {
+    open: boolean;
+    onClose: Function;
+    children: React.ReactNode;
+    widthPercent?: number;
+}): react_jsx_runtime.JSX.Element;
+
+declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, margin, ...props }: {
+    [x: string]: any;
+    data?: any[];
+    value: any;
+    onSelectClick: any;
+    disabled?: boolean;
+    isDarkerBackground?: boolean;
+    required?: boolean;
+    selectedColor?: string;
+    hoverColor?: string;
+    dropdownMaxHeight?: string;
+    width?: string;
+    height?: string;
+    label: any;
+    labelEmptyValue: any;
+    showLabelOnTop: any;
+    placeHolder: any;
+    labelColor: any;
+    placeHolderColor: any;
+    margin?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, primaryText, secondaryText, width, height, color, hoverColor, secondaryColor, seperateSectionBorder, children, }: {
+    isOpen?: boolean;
+    isDisabled?: boolean;
+    onClose?: () => void;
+    onConfirm?: () => void;
+    title?: string;
+    primaryText?: string;
+    secondaryText?: string;
+    width?: string;
+    height?: string;
+    color?: string;
+    hoverColor?: string;
+    secondaryColor?: string;
+    seperateSectionBorder?: boolean;
+    children: any;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ToasterMessageBox({ color, messageText, linkText, duration, width, onLinkClick, onClose }: {
+    color?: string;
+    messageText?: string;
+    linkText?: string;
+    duration?: number;
+    width?: string;
+    onLinkClick?: () => void;
+    onClose?: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function QuickFilterCards({ data, onCardToggle, width, CardsContainerClassName, }: {
+    data?: any[];
+    onCardToggle?: () => void;
+    width?: string;
+    CardsContainerClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function RangePicker({ label, onChange, borderRadius, required, width, height, placeholder, disabled, borderColor, borderColorFocus, textColor, selectedValue, }: {
+    label: any;
+    onChange: any;
+    borderRadius: any;
+    required: any;
+    width: any;
+    height: any;
+    placeholder: any;
+    disabled: any;
+    borderColor: any;
+    borderColorFocus: any;
+    textColor: any;
+    selectedValue: any;
+}): react_jsx_runtime.JSX.Element;
+declare namespace RangePicker {
+    namespace propTypes {
+        const label: PropTypes.Validator<string>;
+        const onChange: PropTypes.Validator<(...args: any[]) => any>;
+        const borderRadius: PropTypes.Validator<string>;
+        const required: PropTypes.Requireable<boolean>;
+        const width: PropTypes.Requireable<string>;
+        const height: PropTypes.Requireable<string>;
+        const placeholder: PropTypes.Requireable<string>;
+        const disabled: PropTypes.Requireable<boolean>;
+        const borderColor: PropTypes.Requireable<string>;
+        const borderColorFocus: PropTypes.Requireable<string>;
+        const textColor: PropTypes.Requireable<string>;
+        const selectedValue: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const required_1: boolean;
+        export { required_1 as required };
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const disabled_1: boolean;
+        export { disabled_1 as disabled };
+        const placeholder_1: string;
+        export { placeholder_1 as placeholder };
+        const borderColor_1: string;
+        export { borderColor_1 as borderColor };
+        const borderColorFocus_1: string;
+        export { borderColorFocus_1 as borderColorFocus };
+        const textColor_1: string;
+        export { textColor_1 as textColor };
+        const selectedValue_1: string;
+        export { selectedValue_1 as selectedValue };
+    }
+}
+
+declare function Tag(props: any): react_jsx_runtime.JSX.Element;
+
+declare function CheckBox(props: any): react_jsx_runtime.JSX.Element;
 
-export { BannerEventBoxList, BarChart, BarChartsByWeeks, Button, CollapseHeader, DialogOverlay, DoublePanelDataRow, EventDetailsCard, EventList, FilterPanel, Heatmap, IconButton, LinnerDataBox, MarketShareDescription, OneColumnContainer, PieChart, PopupCharts, QuickFilter, ReportTable, TabMenu, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts };
+export { AdvancedThresholds, Analytics, AreaChart, BannerEventBoxList, BarChart, BarChartTwoRows, BarChartWithAreaChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Budgets, Build, Button, Campaigns, CheckBox, CollapseData, CollapseHeader, ContainerTable, Coupons, CustomerSegments, Dashboard, DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, DownloadProgress, DropdownNew, EventDetailsCard, EventList, Execute, FilterPanel, FilterPop, GroupBuilder, Heatmap, IconButton, Input, InsightsCarousel, ItemManagerPanel, ItemsStores, LinkButton, LinnerDataBox, MarketShareDescription, MenuRoute, MessageBox, ModalDrawer, ModalWithOverlay, OneColumnContainer, OverlayDropdown, PerformanceAnalyticsLegend, PieChart, PopupCharts, PreTestWhatIf, QuickFilter, QuickFilterCards, RangePicker, RangePop, ReportTable, RulesEngine, SampleRunEngine, SearchInput, SingleBarLineCharts, SortPop, TabMenu, Table, Tag, ToasterMessageBox, ToggleSwitch, Tooltip, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts, Track, TwoBarCharts, WeeksPicker };