@hybr1d-tech/charizard 2.0.17 → 2.2.0

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import { DateRange } from 'react-day-picker';
 import { default as default_2 } from 'react';
 import { HTMLInputTypeAttribute } from 'react';
 import { Id } from 'react-toastify';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { Matcher } from 'react-day-picker';
 import { MenuPlacement } from 'react-select';
 import { MultiValue } from 'react-select';
@@ -17,7 +17,6 @@ import { Props } from 'react-select';
 import { PropsRange } from 'react-day-picker';
 import { PropsSingle } from 'react-day-picker';
 import * as React_2 from 'react';
-import { ReactElement } from 'react';
 import { SingleValue } from 'react-select';
 import { StoreApi } from 'zustand';
 import { StylesConfig } from 'react-select';
@@ -28,10 +27,10 @@ import { VisibilityState } from '@tanstack/react-table';
 import * as zagSwitch from '@zag-js/switch';
 
 export declare const Accordion: {
-    ({ children, defaultActiveKey, customClasses, customStyle, isMulti, isOpenAll, allEventKeys, }: AccordionProps): JSX_2.Element;
-    Item({ eventKey, children }: ItemProps): JSX_2.Element | undefined;
-    Header({ eventKey, children, customClasses, customStyle }: HeaderProps): JSX_2.Element | undefined;
-    Collapse({ eventKey, children, customClasses, customStyle }: CollapseProps): JSX_2.Element;
+    ({ children, defaultActiveKey, customClasses, customStyle, isMulti, isOpenAll, allEventKeys, }: AccordionProps): JSX.Element;
+    Item({ eventKey, children }: ItemProps): JSX.Element | undefined;
+    Header({ eventKey, children, customClasses, customStyle }: HeaderProps): JSX.Element | undefined;
+    Collapse({ eventKey, children, customClasses, customStyle }: CollapseProps): JSX.Element;
 };
 
 declare interface AccordionContextValue {
@@ -69,7 +68,7 @@ export declare interface ActionsDropdownProps {
     };
 }
 
-export declare function Alert({ alertType, actionType, header, body, hide, setHide, showMore, setShowMore, }: AlertPropTypes): false | JSX_2.Element;
+export declare function Alert({ alertType, actionType, header, body, hide, setHide, showMore, setShowMore, }: AlertPropTypes): false | JSX.Element;
 
 export declare enum ALERT_ACTION_TYPES {
     CLOSE = "close",
@@ -121,16 +120,16 @@ export declare const amPm: PERIOD[];
  * @param {React.ImgHTMLAttributes<HTMLImageElement>} props - Additional props for the img element.
  * @returns {JSX.Element} The rendered component.
  */
-export declare function AsyncImage({ src, alt, className, ...props }: ImageProps): JSX_2.Element;
+export declare function AsyncImage({ src, alt, className, ...props }: ImageProps): JSX.Element;
 
-export declare function Avatar({ user, imageStyles }: AvatarProps): JSX_2.Element;
+export declare function Avatar({ user, imageStyles }: AvatarProps): JSX.Element;
 
 declare interface AvatarProps {
     user: any;
     imageStyles?: React.CSSProperties;
 }
 
-export declare function Badge({ highlight, status, selected, children, icon, customSvgStyles, onClick, }: BadgeProps): JSX_2.Element;
+export declare function Badge({ highlight, status, selected, children, icon, customSvgStyles, onClick, }: BadgeProps): JSX.Element;
 
 export declare enum BADGE_HIGHLIGHT {
     ICON = "icon",
@@ -186,7 +185,7 @@ export declare interface Breadcrumb {
     onClick?: any;
 }
 
-export declare function Breadcrumbs(): JSX_2.Element;
+export declare function Breadcrumbs(): JSX.Element;
 
 declare interface BreadcrumbsStore {
     breadcrumbs: Breadcrumb[];
@@ -197,7 +196,7 @@ export declare const buildFilterQuery: (queryFilters: Record<string, any>, exclu
 
 export declare const buildTableQuery: (query: TBaseQuery) => Record<string, any>;
 
-export declare function Button({ children, variant, disabled, onClick, type, size, customStyles, className, icon, btnType, zapTriggerProps, }: ButtonProps): JSX_2.Element;
+export declare function Button({ children, variant, disabled, onClick, type, size, customStyles, className, icon, btnType, zapTriggerProps, }: ButtonProps): JSX.Element;
 
 export declare namespace Button {
     var GroupAction: React_2.ForwardRefExoticComponent<GroupActionProps & React_2.RefAttributes<unknown>>;
@@ -230,7 +229,7 @@ export declare enum BUTTON_VARIANT {
 
 export declare type ButtonProps = IconOnlyButtonTypeProps | IconButtonTypeProps | OtherButtonTypeProps;
 
-export declare function Checkbox({ id, name, children, onChange, customClasses, customStyles, errorMsg, checked, indeterminate, disabled, }: CheckboxProps): JSX_2.Element;
+export declare function Checkbox({ id, name, children, onChange, customClasses, customStyles, errorMsg, checked, indeterminate, disabled, }: CheckboxProps): JSX.Element;
 
 declare interface CheckboxProps {
     /**
@@ -284,7 +283,7 @@ declare interface CheckboxProps_2 {
     className?: string;
 }
 
-export declare function CheckboxV2({ label, checked, indeterminate, disabled, onChange, className, }: CheckboxProps_2): JSX_2.Element;
+export declare function CheckboxV2({ label, checked, indeterminate, disabled, onChange, className, }: CheckboxProps_2): JSX.Element;
 
 export declare const clipboard: (text?: string, showToast?: boolean) => Promise<void>;
 
@@ -295,7 +294,7 @@ declare interface CollapseProps {
     customStyle?: React.CSSProperties;
 }
 
-export declare function ColorPicker({ name, label, errorMsg, required, onChange, defaultColor, }: ColorPickerProps): JSX_2.Element;
+export declare function ColorPicker({ name, label, errorMsg, required, onChange, defaultColor, }: ColorPickerProps): JSX.Element;
 
 declare interface ColorPickerProps {
     name: string;
@@ -356,7 +355,7 @@ export declare const convertToTimestamp: (timeString: string) => number;
 
 export declare const countRegex: RegExp;
 
-export declare function CreatableSelect({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, extraprops, isDisabled, isSearchable, isMulti, isClearable, createNewOption, refetchOptions, }: CreatableSelectProps): JSX_2.Element;
+export declare function CreatableSelect({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, extraprops, isDisabled, isSearchable, isMulti, isClearable, createNewOption, refetchOptions, }: CreatableSelectProps): JSX.Element;
 
 declare interface CreatableSelectProps {
     /**
@@ -459,13 +458,13 @@ declare interface CreatableSelectProps {
  *   - `onCreateOption` (Promise<void> | void): function to create new option which is not in the list
  * @returns The SelectV2 component.
  */
-export declare function CreatableSelectV2(props: CreatableSelectV2Props): JSX_2.Element;
+export declare function CreatableSelectV2(props: CreatableSelectV2Props): JSX.Element;
 
 export declare interface CreatableSelectV2Props extends SelectV2Props {
     onCreateOption: (value: string) => Promise<void> | void;
 }
 
-export declare const createTableStore: <TQuery extends TBaseQuery>(initialQueries: TQuery) => UseBoundStore<StoreApi<TableStore_2<TQuery>>>;
+export declare const createTableStore: <TQuery extends TBaseQuery>(initialQueries: TQuery) => UseBoundStore<StoreApi<TableStore<TQuery>>>;
 
 declare type CustomColCheckedState = {
     id: string;
@@ -476,7 +475,7 @@ declare type CustomColCheckedState = {
 
 declare type DateConfig = Partial<DateRangePickerProps>;
 
-export declare function DatePicker({ value, onChange, mode, variant, displayDateFormat, errorMsg, disableDatepicker, disabled, buttonVariant, customContainerStyles, popoverConfig, isError, showOutsideDays, trigger, ...props }: DatePickerProps): JSX_2.Element;
+export declare function DatePicker({ value, onChange, mode, variant, displayDateFormat, errorMsg, disableDatepicker, disabled, buttonVariant, customContainerStyles, popoverConfig, isError, showOutsideDays, trigger, ...props }: DatePickerProps): JSX.Element;
 
 declare interface DatePickerProps extends PropsSingle {
     value?: Date | string;
@@ -504,7 +503,7 @@ declare interface DatePickerProps extends PropsSingle {
     trigger?: React_2.ReactNode;
 }
 
-export declare function DateRangePicker({ value, onChange, mode, datePickerClassNames, showQuickSelect, disabled, customDisable, disableDatepicker, disableWeekends, showOutsideDays, errorMsg, customInputContentStyles, customClasses, size, onReset, placeholder, trigger, ...props }: DateRangePickerProps): JSX_2.Element;
+export declare function DateRangePicker({ value, onChange, mode, datePickerClassNames, showQuickSelect, disabled, customDisable, disableDatepicker, disableWeekends, showOutsideDays, errorMsg, customInputContentStyles, customClasses, size, onReset, placeholder, trigger, ...props }: DateRangePickerProps): JSX.Element;
 
 declare interface DateRangePickerProps extends PropsRange {
     value: DateRange;
@@ -570,7 +569,7 @@ export declare enum DOCS_TYPE {
     OFFBOARDING_PHOTO_COLLECTION = "offboarding_photo_collection"
 }
 
-export declare function Drawer({ isOpen, onClose, children, title, subTitle, customHeader, customFooter, size, showBackdrop, showHeader, showFooter, buttons, footerAddon, headerClassName, contentClassName, footerClassName, showHeaderBorder, drawerPosition, customContainerStyles, }: DrawerProps): JSX_2.Element;
+export declare function Drawer({ isOpen, onClose, children, title, subTitle, customHeader, customFooter, size, showBackdrop, showHeader, showFooter, buttons, footerAddon, headerClassName, contentClassName, footerClassName, showHeaderBorder, drawerPosition, customContainerStyles, }: DrawerProps): JSX.Element;
 
 declare interface DrawerProps {
     /**
@@ -714,7 +713,7 @@ declare interface DrawerProps_2 {
     customContainerStyles?: React_2.CSSProperties;
 }
 
-export declare function DrawerV2({ isOpen, onClose, children, title, subTitle, customHeader, customFooter, size, showBackdrop, showHeader, showFooter, buttons, footerAddon, headerClassName, contentClassName, footerClassName, drawerPosition, customContainerStyles, }: DrawerProps_2): false | JSX_2.Element;
+export declare function DrawerV2({ isOpen, onClose, children, title, subTitle, customHeader, customFooter, size, showBackdrop, showHeader, showFooter, buttons, footerAddon, headerClassName, contentClassName, footerClassName, drawerPosition, customContainerStyles, }: DrawerProps_2): false | JSX.Element;
 
 /**
  * Represents an option in a dropdown menu for adornment.
@@ -765,7 +764,7 @@ declare interface DropdownProps extends BaseInputAdornmentProps {
 /**
  * adapts to parent's width and height
  */
-export declare function EmptyState({ icon, title, desc, flexDir, btnText, onClick, customSvgClassName, }: EmptyStateProps): JSX_2.Element;
+export declare function EmptyState({ icon, title, desc, flexDir, btnText, onClick, customSvgClassName, }: EmptyStateProps): JSX.Element;
 
 declare interface EmptyStateProps {
     icon: string;
@@ -778,11 +777,11 @@ declare interface EmptyStateProps {
     customSvgClassName?: string;
 }
 
-export declare function Error404(): JSX_2.Element;
+export declare function Error404(): JSX.Element;
 
-export declare function Error500(): JSX_2.Element;
+export declare function Error500(): JSX.Element;
 
-export declare function ErrorBoundaryFallback({ error, resetError, isDev, homeRoute, }: ErrorBoundaryFallbackProps): JSX_2.Element;
+export declare function ErrorBoundaryFallback({ error, resetError, isDev, homeRoute, }: ErrorBoundaryFallbackProps): JSX.Element;
 
 declare interface ErrorBoundaryFallbackProps {
     error: Error;
@@ -791,7 +790,7 @@ declare interface ErrorBoundaryFallbackProps {
     homeRoute?: string;
 }
 
-export declare function ErrorsLayout({ children, showReload, onErrorReset, homeRoute, }: ErrorsLayoutProps): JSX_2.Element;
+export declare function ErrorsLayout({ children, showReload, onErrorReset, homeRoute, }: ErrorsLayoutProps): JSX.Element;
 
 declare interface ErrorsLayoutProps {
     children?: React_2.ReactNode;
@@ -800,7 +799,7 @@ declare interface ErrorsLayoutProps {
     homeRoute?: string;
 }
 
-export declare function ErrorsPage({ isOnly500, homeRoute }: ErrorsPageProps): JSX_2.Element;
+export declare function ErrorsPage({ isOnly500, homeRoute }: ErrorsPageProps): JSX.Element;
 
 declare interface ErrorsPageProps {
     isOnly500?: boolean;
@@ -955,7 +954,7 @@ declare interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     alt: string;
 }
 
-export declare function Input({ customClasses, customStyles, name, id, value, onChange, restprops, cols, errorMsg, disabled, rows, type, placeholder, onBlur, }: InputProps): JSX_2.Element;
+export declare function Input({ customClasses, customStyles, name, id, value, onChange, restprops, cols, errorMsg, disabled, rows, type, placeholder, onBlur, }: InputProps): JSX.Element;
 
 export declare namespace Input {
     var displayName: Inputs;
@@ -987,7 +986,7 @@ declare enum INPUT_COMPONENTS {
  */
 declare type InputAdornmentProps = DropdownProps | NonDropdownProps;
 
-export declare function InputContainer({ children, customClassName, customStyles, size, }: InputContainerProps): JSX_2.Element;
+export declare function InputContainer({ children, customClassName, customStyles, size, }: InputContainerProps): JSX.Element;
 
 export declare namespace InputContainer {
     var displayName: Inputs;
@@ -1055,7 +1054,7 @@ declare interface InputControlPropsV2 extends React.HTMLAttributes<HTMLDivElemen
  *  />
  * </InputControlV2>
  */
-export declare function InputControlV2({ className, children, ...props }: InputControlPropsV2): JSX_2.Element;
+export declare function InputControlV2({ className, children, ...props }: InputControlPropsV2): JSX.Element;
 
 export declare namespace InputControlV2 {
     var displayName: INPUT_COMPONENTS;
@@ -1087,7 +1086,7 @@ export declare namespace InputControlV2 {
  *   disabled={false}
  * />
  */
-export declare function InputCount({ onCountChange, min, max, count, countContainerClassName, disabled, ...props }: InputCountProps): JSX_2.Element;
+export declare function InputCount({ onCountChange, min, max, count, countContainerClassName, disabled, ...props }: InputCountProps): JSX.Element;
 
 export declare namespace InputCount {
     var displayName: INPUT_COMPONENTS;
@@ -1154,7 +1153,7 @@ declare interface InputDirectionElementProps {
     children: React.ReactNode;
 }
 
-export declare function InputGroup({ children }: InputGroupProps): JSX_2.Element;
+export declare function InputGroup({ children }: InputGroupProps): JSX.Element;
 
 export declare namespace InputGroup {
     var displayName: Inputs;
@@ -1197,7 +1196,7 @@ declare interface InputGroupPropsV2 extends React.HTMLAttributes<HTMLDivElement>
     children: React.ReactNode;
 }
 
-export declare function InputGroupV2({ className, children, ...props }: InputGroupPropsV2): JSX_2.Element;
+export declare function InputGroupV2({ className, children, ...props }: InputGroupPropsV2): JSX.Element;
 
 export declare namespace InputGroupV2 {
     var displayName: INPUT_COMPONENTS;
@@ -1229,7 +1228,7 @@ declare interface InputIconProps extends Omit<SVGProps, 'path'> {
     className?: string;
 }
 
-export declare function InputLabel({ children, customClasses, customStyles, required, htmlFor, restprops, infoText, infoTextTooltipStyles, isDisabled, }: InputLabelProps): JSX_2.Element;
+export declare function InputLabel({ children, customClasses, customStyles, required, htmlFor, restprops, infoText, infoTextTooltipStyles, isDisabled, }: InputLabelProps): JSX.Element;
 
 export declare namespace InputLabel {
     var displayName: Inputs;
@@ -1275,7 +1274,7 @@ declare interface InputLabelProps {
     isDisabled?: boolean;
 }
 
-export declare function InputLeftAddon({ children, isDropdown, dropdownOptions, handleOptionClick, showDropdownSearch, }: InputDirectionAddonProps): JSX_2.Element;
+export declare function InputLeftAddon({ children, isDropdown, dropdownOptions, handleOptionClick, showDropdownSearch, }: InputDirectionAddonProps): JSX.Element;
 
 export declare namespace InputLeftAddon {
     var displayName: Inputs;
@@ -1309,13 +1308,13 @@ export declare namespace InputLeftAddon {
  *   <InputV2 />
  * </InputGroupV2>
  */
-export declare function InputLeftAdornment({ children, isLoading, disabled, isDropdown, options, hideSearch, onOptionSelect, onclick, }: InputAdornmentProps): JSX_2.Element;
+export declare function InputLeftAdornment({ children, isLoading, disabled, isDropdown, options, hideSearch, onOptionSelect, onclick, }: InputAdornmentProps): JSX.Element;
 
 export declare namespace InputLeftAdornment {
     var displayName: INPUT_COMPONENTS;
 }
 
-export declare function InputLeftElement({ children }: InputDirectionElementProps): JSX_2.Element;
+export declare function InputLeftElement({ children }: InputDirectionElementProps): JSX.Element;
 
 export declare namespace InputLeftElement {
     var displayName: Inputs;
@@ -1341,7 +1340,7 @@ export declare namespace InputLeftElement {
  *   <InputV2 />
  * </InputGroupV2>
  */
-export declare function InputLeftIcon({ icon, onClick, iconStyles, disabled, className, svgClassName, spanClassName, }: InputIconProps): JSX_2.Element;
+export declare function InputLeftIcon({ icon, onClick, iconStyles, disabled, className, svgClassName, spanClassName, }: InputIconProps): JSX.Element;
 
 export declare namespace InputLeftIcon {
     var displayName: INPUT_COMPONENTS;
@@ -1365,7 +1364,7 @@ export declare namespace InputLeftIcon {
  * @example
  * <InputNumber onCountChange={(value) => ...)} count={5} min={0} max={10} />
  */
-export declare function InputNumber({ onCountChange, min, max, count, countContainerClassName, disabled, ...props }: InputNumberProps): JSX_2.Element;
+export declare function InputNumber({ onCountChange, min, max, count, countContainerClassName, disabled, ...props }: InputNumberProps): JSX.Element;
 
 export declare namespace InputNumber {
     var displayName: INPUT_COMPONENTS;
@@ -1460,7 +1459,7 @@ declare interface InputProps {
     };
 }
 
-export declare function InputRightAddon({ children, isDropdown, dropdownOptions, handleOptionClick, showDropdownSearch, }: InputDirectionAddonProps): JSX_2.Element;
+export declare function InputRightAddon({ children, isDropdown, dropdownOptions, handleOptionClick, showDropdownSearch, }: InputDirectionAddonProps): JSX.Element;
 
 export declare namespace InputRightAddon {
     var displayName: Inputs;
@@ -1494,13 +1493,13 @@ export declare namespace InputRightAddon {
  *   <InputV2 />
  * </InputGroupV2>
  */
-export declare function InputRightAdornment({ children, isLoading, disabled, isDropdown, options, hideSearch, onOptionSelect, }: InputAdornmentProps): JSX_2.Element;
+export declare function InputRightAdornment({ children, isLoading, disabled, isDropdown, options, hideSearch, onOptionSelect, }: InputAdornmentProps): JSX.Element;
 
 export declare namespace InputRightAdornment {
     var displayName: INPUT_COMPONENTS;
 }
 
-export declare function InputRightElement({ children }: InputDirectionElementProps): JSX_2.Element;
+export declare function InputRightElement({ children }: InputDirectionElementProps): JSX.Element;
 
 export declare namespace InputRightElement {
     var displayName: Inputs;
@@ -1526,7 +1525,7 @@ export declare namespace InputRightElement {
  *   <InputRightIcon icon={...} />
  * </InputGroupV2>
  */
-export declare function InputRightIcon({ icon, onClick, iconStyles, disabled, className, svgClassName, spanClassName, }: InputIconProps): JSX_2.Element;
+export declare function InputRightIcon({ icon, onClick, iconStyles, disabled, className, svgClassName, spanClassName, }: InputIconProps): JSX.Element;
 
 export declare namespace InputRightIcon {
     var displayName: INPUT_COMPONENTS;
@@ -1603,6 +1602,16 @@ declare type InternalTableFilters = {
     type?: FILTER_TYPE;
 };
 
+export declare interface InternalTableStore {
+    filters: InternalTableFilters[];
+    setDefaultFilters: (filters: InternalTableFilters[]) => void;
+    addFilters: (filterKey: string, value: string, filterDispatch: any) => void;
+    changeFiltersDrawer: (filterKey: string, value: string[], filterDispatch: any) => void;
+    removeFilters: (filterKey: string, value: string, filterDispatch: any) => void;
+    resetFilters: (filterKey: string, filterDispatch: any) => void;
+    resetAllFilters: (filterReset?: any) => void;
+}
+
 export declare const isArrayOfString: (arr: unknown) => arr is string[];
 
 export declare const isDatePassed: (date?: string) => boolean;
@@ -1683,13 +1692,13 @@ declare interface LabelPropsV2 extends React.LabelHTMLAttributes<HTMLLabelElemen
  *   Username
  * </LabelV2>
  */
-export declare function LabelV2({ className, info, disabled, required, tooltipProps, children, ...props }: LabelPropsV2): JSX_2.Element;
+export declare function LabelV2({ className, info, disabled, required, tooltipProps, children, ...props }: LabelPropsV2): JSX.Element;
 
 export declare namespace LabelV2 {
     var displayName: INPUT_COMPONENTS;
 }
 
-export declare function LayoutTabs({ tabs, defaultValue, tabClassName, onValueChange }: LayoutTabsProps): JSX_2.Element;
+export declare function LayoutTabs({ tabs, defaultValue, tabClassName, onValueChange }: LayoutTabsProps): JSX.Element;
 
 declare interface LayoutTabsProps {
     tabClassName?: string;
@@ -1713,7 +1722,7 @@ declare interface LayoutTabsProps {
 
 export declare const lightenHexColor: (hex: string, percent?: number) => string;
 
-export declare function Loader({ containerStyle, loaderStyle, variant, size, }: LoaderProps): JSX_2.Element;
+export declare function Loader({ containerStyle, loaderStyle, variant, size, }: LoaderProps): JSX.Element;
 
 export declare enum LOADER_VARIANT {
     RING = "ring",
@@ -1755,9 +1764,9 @@ export declare type MenuItem = {
  */
 export declare const minutes: string[];
 
-export declare function Modal({ isOpen, onClose, children, size, showOverlay, machineProps, }: ModalProps): JSX_2.Element;
+export declare function Modal({ isOpen, onClose, children, size, showOverlay, machineProps, }: ModalProps): JSX.Element;
 
-export declare function ModalBody({ children, api, customStyles }: ModalBodyProps): JSX_2.Element;
+export declare function ModalBody({ children, api, customStyles }: ModalBodyProps): JSX.Element;
 
 declare interface ModalBodyProps {
     /**
@@ -1775,7 +1784,7 @@ declare interface ModalBodyProps {
     customStyles?: React.CSSProperties;
 }
 
-export declare function ModalContent({ children, api, size }: ModalContentProps): JSX_2.Element;
+export declare function ModalContent({ children, api, size }: ModalContentProps): JSX.Element;
 
 declare interface ModalContentProps {
     /**
@@ -1793,7 +1802,7 @@ declare interface ModalContentProps {
     size?: 'sm' | 'md' | 'fullScreen';
 }
 
-export declare function ModalFooter({ children, api, buttons, showBorder }: ModalFooterProps): JSX_2.Element;
+export declare function ModalFooter({ children, api, buttons, showBorder }: ModalFooterProps): JSX.Element;
 
 declare interface ModalFooterProps {
     /**
@@ -1817,7 +1826,7 @@ declare interface ModalFooterProps {
     showBorder?: boolean;
 }
 
-export declare function ModalHeader({ children, api, showCrossBtn, showBorder, }: ModalHeaderProps): JSX_2.Element;
+export declare function ModalHeader({ children, api, showCrossBtn, showBorder, }: ModalHeaderProps): JSX.Element;
 
 declare interface ModalHeaderProps {
     /**
@@ -1839,7 +1848,7 @@ declare interface ModalHeaderProps {
     showBorder?: boolean;
 }
 
-export declare function ModalOverlay({ api }: ModalOverlayProps): JSX_2.Element;
+export declare function ModalOverlay({ api }: ModalOverlayProps): JSX.Element;
 
 declare interface ModalOverlayProps {
     /**
@@ -1882,7 +1891,7 @@ declare type ModalProps = {
  * @param {ModalV2Props} props - The props for the ModalV2 component.
  * @returns {JSX.Element} The rendered modal component.
  */
-export declare function ModalV2({ isOpen, title, subTitle, trigger, children, footerButtons, showBackdrop, onClose, customModalClasses, }: ModalV2Props): JSX_2.Element;
+export declare function ModalV2({ isOpen, title, subTitle, trigger, children, footerButtons, showBackdrop, onClose, customModalClasses, }: ModalV2Props): JSX.Element;
 
 /**
  * Props for the ModalV2 component.
@@ -1984,7 +1993,7 @@ export declare enum PERIOD {
     PM = "PM"
 }
 
-export declare function Pill({ status, children }: PillProps): JSX_2.Element;
+export declare function Pill({ status, children }: PillProps): JSX.Element;
 
 export declare enum PILL_STATUS {
     DEFAULT = "default",
@@ -2002,9 +2011,9 @@ declare interface PillProps {
 
 export declare const pluralize: (count: number, singular: string, plural: string) => string;
 
-export declare function Popover({ children, placement, popoverProps, closeOnScroll, containerRef, }: PopoverProps): JSX_2.Element;
+export declare function Popover({ children, placement, popoverProps, closeOnScroll, containerRef, }: PopoverProps): JSX.Element;
 
-export declare function PopoverCloseButton({ children, api, styles, className }: PopoverCloseButtonProps): JSX_2.Element;
+export declare function PopoverCloseButton({ children, api, styles, className }: PopoverCloseButtonProps): JSX.Element;
 
 declare interface PopoverCloseButtonProps {
     /**
@@ -2025,7 +2034,7 @@ declare interface PopoverCloseButtonProps {
     className?: string;
 }
 
-export declare function PopoverContent({ children, api, bg, styles, className, positionerStyles, showArrow, }: PopoverContentProps): JSX_2.Element;
+export declare function PopoverContent({ children, api, bg, styles, className, positionerStyles, showArrow, }: PopoverContentProps): JSX.Element;
 
 declare interface PopoverContentProps {
     /**
@@ -2055,7 +2064,7 @@ declare interface PopoverContentProps {
     showArrow?: boolean;
 }
 
-export declare function PopoverDescription({ children, api, styles, className }: PopoverDescriptionProps): JSX_2.Element;
+export declare function PopoverDescription({ children, api, styles, className }: PopoverDescriptionProps): JSX.Element;
 
 declare interface PopoverDescriptionProps {
     /**
@@ -2099,7 +2108,7 @@ declare interface PopoverProps {
     containerRef?: React_2.RefObject<HTMLElement>;
 }
 
-export declare function PopoverTitle({ children, api, styles, className }: PopoverTitleProps): JSX_2.Element;
+export declare function PopoverTitle({ children, api, styles, className }: PopoverTitleProps): JSX.Element;
 
 declare interface PopoverTitleProps {
     /**
@@ -2120,7 +2129,7 @@ declare interface PopoverTitleProps {
     className?: string;
 }
 
-export declare function PopoverTrigger({ children, api, openOnHover, styles, className, }: PopoverTriggerProps): JSX_2.Element;
+export declare function PopoverTrigger({ children, api, openOnHover, styles, className, }: PopoverTriggerProps): JSX.Element;
 
 declare interface PopoverTriggerProps {
     /**
@@ -2147,7 +2156,7 @@ declare interface PopoverTriggerProps {
     className?: string;
 }
 
-export declare function Progress({ steps, onCancelClick, onFinalStepClick, stepToShowSkipBtn, lastStepFooterContinueBtnText, showSkipBtn, showHeaderBtns, showFooter, lastStepHeaderContinueBtnText, allowNavigationOnStepClick, skipBtnText, jumpToStep, onSkipClick, }: ProgressProps): JSX_2.Element;
+export declare function Progress({ steps, onCancelClick, onFinalStepClick, stepToShowSkipBtn, lastStepFooterContinueBtnText, showSkipBtn, showHeaderBtns, showFooter, lastStepHeaderContinueBtnText, allowNavigationOnStepClick, skipBtnText, jumpToStep, onSkipClick, }: ProgressProps): JSX.Element;
 
 declare type ProgressProps = {
     /**
@@ -2210,7 +2219,7 @@ declare type ProgressProps = {
     onSkipClick?: () => void;
 };
 
-export declare function RadioGroup({ items, radioHeading, defaultValue, onChange, required, errorMsg, optionsContainerStyles, disabled, showSkeleton, handleClickManually, }: RadioGroupProps): JSX_2.Element;
+export declare function RadioGroup({ items, radioHeading, defaultValue, onChange, required, errorMsg, optionsContainerStyles, disabled, showSkeleton, handleClickManually, }: RadioGroupProps): JSX.Element;
 
 declare interface RadioGroupProps {
     /**
@@ -2256,7 +2265,7 @@ declare interface RadioGroupProps {
     handleClickManually?: boolean;
 }
 
-export declare function RadioGroupV2({ items, label, defaultValue, onChange, required, errorMsg, optionsContainerStyles, disabled, isLoading, handleClickManually, }: RadioGroupV2Props): JSX_2.Element;
+export declare function RadioGroupV2({ items, label, defaultValue, onChange, required, errorMsg, optionsContainerStyles, disabled, isLoading, handleClickManually, }: RadioGroupV2Props): JSX.Element;
 
 declare interface RadioGroupV2Props {
     /**
@@ -2302,7 +2311,7 @@ declare interface RadioGroupV2Props {
     handleClickManually?: boolean;
 }
 
-export declare function Search({ id, search, setSearch, placeholder, clearIconClearFn, customStyles, disabled, }: SearchProps): JSX_2.Element;
+export declare function Search({ id, search, setSearch, placeholder, clearIconClearFn, customStyles, disabled, }: SearchProps): JSX.Element;
 
 export declare interface SearchProps {
     id: string;
@@ -2334,7 +2343,7 @@ export declare interface SearchProps {
  *   placeholder="Search..."
  * />
  */
-export declare function SearchV2({ search, setSearch, inputGroupProps, ...props }: SearchV2Props): JSX_2.Element;
+export declare function SearchV2({ search, setSearch, inputGroupProps, ...props }: SearchV2Props): JSX.Element;
 
 declare interface SearchV2Props extends InputV2Props {
     search?: string;
@@ -2348,7 +2357,7 @@ declare interface SearchV2Props extends InputV2Props {
  */
 export declare const seconds: string[];
 
-export declare function SegmentedControl({ items, defaultValue, handleOnChange }: SegmentedControlProps): JSX_2.Element;
+export declare function SegmentedControl({ items, defaultValue, handleOnChange }: SegmentedControlProps): JSX.Element;
 
 declare interface SegmentedControlProps {
     /**
@@ -2370,7 +2379,7 @@ declare interface SegmentedControlProps {
     handleOnChange?: (value: string | null) => void;
 }
 
-export declare function Select({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, customErrorStyles, menuPlacement, errorMsg, extraprops, isDisabled, isSearchable, isMulti, isClearable, customValue, CustomDropdownIndicator, }: SelectProps): JSX_2.Element;
+export declare function Select({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, customErrorStyles, menuPlacement, errorMsg, extraprops, isDisabled, isSearchable, isMulti, isClearable, customValue, CustomDropdownIndicator, }: SelectProps): JSX.Element;
 
 export declare enum SELECT_VARIANT {
     DEFAULT = "default",
@@ -2391,7 +2400,7 @@ declare type SelectActionMeta_2 = ActionMeta<{
     value: string;
 }>;
 
-export declare function SelectAsync({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, extraProps, isDisabled, isSearchable, isMulti, isClearable, customValue, }: SelectAsyncProps): JSX_2.Element;
+export declare function SelectAsync({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, extraProps, isDisabled, isSearchable, isMulti, isClearable, customValue, }: SelectAsyncProps): JSX.Element;
 
 declare interface SelectAsyncProps {
     /**
@@ -2479,7 +2488,7 @@ export declare interface SelectedTime {
 
 export declare type SelectMultiValue = MultiValue<Option_2>;
 
-export declare function Selectors({ selectors }: SelectorsProps): JSX_2.Element;
+export declare function Selectors({ selectors }: SelectorsProps): JSX.Element;
 
 export declare interface SelectorsProps {
     selectors: {
@@ -2488,7 +2497,7 @@ export declare interface SelectorsProps {
     }[];
 }
 
-export declare function SelectorsV2({ options, onChange, value }: SelectorsV2Props): JSX_2.Element;
+export declare function SelectorsV2({ options, onChange, value }: SelectorsV2Props): JSX.Element;
 
 export declare interface SelectorsV2Props {
     options: {
@@ -2596,7 +2605,7 @@ export declare type SelectSingleValue = SingleValue<Option_2>;
  *   - `customStyles` (StylesConfig<any>): custom styles for react select. it will override default styles
  * @returns The SelectV2 component.
  */
-export declare function SelectV2(props: SelectV2Props): JSX_2.Element;
+export declare function SelectV2(props: SelectV2Props): JSX.Element;
 
 export declare interface SelectV2Props extends Props<any, boolean> {
     options: Option_2[];
@@ -2612,11 +2621,11 @@ export declare type SelectValue = SelectMultiValue | SelectSingleValue;
 
 export declare const SINGLE_VALUE_FILTER_TYPES: FILTER_TYPE[];
 
-export declare function Skeleton({ className, ...props }: SkeletonProps): JSX_2.Element;
+export declare function Skeleton({ className, ...props }: SkeletonProps): JSX.Element;
 
 declare type SkeletonProps = React.HTMLAttributes<HTMLDivElement>;
 
-export declare function Status({ status, children }: StatusProps): JSX_2.Element;
+export declare function Status({ status, children }: StatusProps): JSX.Element;
 
 export declare enum STATUS_MAP {
     SUCCESS = "success",
@@ -2668,7 +2677,7 @@ declare interface StatusProps {
     children: React_2.ReactNode;
 }
 
-export declare function SVG({ path, width, height, spanClassName, svgClassName, customSpanStyles, customSvgStyles, handleClick, }: SVGProps): JSX_2.Element;
+export declare function SVG({ path, width, height, spanClassName, svgClassName, customSpanStyles, customSvgStyles, handleClick, }: SVGProps): JSX.Element;
 
 export declare type SVGProps = {
     path: string;
@@ -2681,7 +2690,7 @@ export declare type SVGProps = {
     handleClick?: (e: any) => void;
 };
 
-export declare function Switch({ isToggled, handleToggleChange, name, switchClassName, subText, size, disabled, title, }: SwitchProps): JSX_2.Element;
+export declare function Switch({ isToggled, handleToggleChange, name, switchClassName, subText, size, disabled, title, }: SwitchProps): JSX.Element;
 
 declare type SwitchProps = {
     isToggled: boolean | any;
@@ -2712,7 +2721,7 @@ declare type SwitchProps = {
  *
  * @returns {JSX.Element} The rendered switch component with optional label, error message, and info tooltip.
  */
-export declare function SwitchV2({ children, errorMsg, info, tooltipProps, ...props }: SwitchV2Props): JSX_2.Element;
+export declare function SwitchV2({ children, errorMsg, info, tooltipProps, ...props }: SwitchV2Props): JSX.Element;
 
 declare interface SwitchV2Props extends Omit<zagSwitch.Props, 'id'> {
     children?: React_2.ReactNode;
@@ -2723,7 +2732,7 @@ declare interface SwitchV2Props extends Omit<zagSwitch.Props, 'id'> {
 
 export declare const Tab: default_2.FC<TabProps>;
 
-export declare function Table({ data, loaderConfig, columns, filterConfig, sortConfig, rowSelectionConfig, actionsConfig, searchConfig, totalText, paginationConfig, emptyStateConfig, tableStyleConfig, customColumnConfig, exportConfig, customActionItems, visibilityConfig, pinningConfig, }: TableProps): JSX_2.Element;
+export declare function Table({ data, loaderConfig, columns, filterConfig, sortConfig, rowSelectionConfig, actionsConfig, searchConfig, totalText, paginationConfig, emptyStateConfig, tableStyleConfig, customColumnConfig, exportConfig, customActionItems, visibilityConfig, pinningConfig, }: TableProps): JSX.Element;
 
 export declare enum TABLE_ACTION_TYPES {
     SEARCH = "search",
@@ -2749,7 +2758,7 @@ declare type TableCustomColumns = {
     table_name: string;
 };
 
-export declare function TableDeviceCell({ device, onClick, customStyle }: TableDeviceCellProps): JSX_2.Element;
+export declare function TableDeviceCell({ device, onClick, customStyle }: TableDeviceCellProps): JSX.Element;
 
 declare interface TableDeviceCellProps {
     device: any;
@@ -2785,7 +2794,7 @@ export declare type TableNameValueString = typeof TABLE_NAMES extends {
     value: string;
 } ? V['value'] : never : never : never : never;
 
-export declare function TablePagination({ paginationConfig }: TablePaginationProps): JSX_2.Element | null;
+export declare function TablePagination({ paginationConfig }: TablePaginationProps): JSX.Element | null;
 
 declare interface TablePaginationProps {
     paginationConfig: TableProps['paginationConfig'];
@@ -2902,7 +2911,7 @@ export declare interface TableProps {
         handleExport: any;
         isLegacy?: boolean;
     };
-    customActionItems?: JSX.Element[];
+    customActionItems?: React_2.ReactElement[];
     visibilityConfig?: {
         columnVisibility: VisibilityState;
         setColumnVisibility: React_2.Dispatch<React_2.SetStateAction<VisibilityState>>;
@@ -2913,17 +2922,7 @@ export declare interface TableProps {
     };
 }
 
-export declare interface TableStore {
-    filters: InternalTableFilters[];
-    setDefaultFilters: (filters: InternalTableFilters[]) => void;
-    addFilters: (filterKey: string, value: string, filterDispatch: any) => void;
-    changeFiltersDrawer: (filterKey: string, value: string[], filterDispatch: any) => void;
-    removeFilters: (filterKey: string, value: string, filterDispatch: any) => void;
-    resetFilters: (filterKey: string, filterDispatch: any) => void;
-    resetAllFilters: (filterReset?: any) => void;
-}
-
-declare interface TableStore_2<TQuery> {
+export declare interface TableStore<TQuery> {
     query: TQuery;
     dispatch: (action: {
         type: TABLE_ACTION_TYPES;
@@ -2947,7 +2946,7 @@ declare interface TableTagsCellProps {
     customStyles?: React_2.CSSProperties;
 }
 
-export declare function TableUserCell({ user, onClick, showCopy }: TableUserCellProps): JSX.Element | null;
+export declare function TableUserCell({ user, onClick, showCopy, }: TableUserCellProps): React.ReactElement | null;
 
 declare interface TableUserCellProps {
     user: any;
@@ -2965,18 +2964,18 @@ export declare interface TabProps {
     onClick: () => void;
 }
 
-export declare const Tabs: default_2.FC<TabsProps>;
+export declare const Tabs: React_2.FC<TabsProps>;
 
 declare interface TabsProps {
     id: string;
     activeKey: string;
     onSelect: (key: string) => void;
     customClassName?: string;
-    customStyles?: default_2.CSSProperties;
-    children: ReactElement[];
+    customStyles?: React_2.CSSProperties;
+    children: React_2.ReactElement<TabProps>[];
 }
 
-export declare function Tag({ status, text, icon, customStyles }: TagProps): JSX_2.Element;
+export declare function Tag({ status, text, icon, customStyles }: TagProps): JSX.Element;
 
 declare interface TagProps {
     text: string;
@@ -2985,7 +2984,7 @@ declare interface TagProps {
     customStyles?: React.CSSProperties;
 }
 
-export declare function TaskCards({ headers, data, isLoading, isError, emptyText, paginationConfig, onClicks, }: TaskCardsProps): JSX_2.Element;
+export declare function TaskCards({ headers, data, isLoading, isError, emptyText, paginationConfig, onClicks, }: TaskCardsProps): JSX.Element;
 
 export declare interface TaskCardsProps {
     headers: string[];
@@ -3007,7 +3006,7 @@ export declare interface TaskCardsProps {
     onClicks?: ((data: ITask) => void)[][];
 }
 
-declare type TBaseQuery = {
+export declare type TBaseQuery = {
     page: number;
     limit: number;
     search: string;
@@ -3087,7 +3086,7 @@ export declare enum TIME_PICKER_TYPE {
  * @param {TimePickerProps} props - Props for TimePicker component
  * @returns {JSX.Element} TimePicker component
  */
-export declare function TimePicker({ timestamp, onTimeChange, format, enableSeconds, className, containerClassName, ...props }: TimePickerProps): JSX_2.Element;
+export declare function TimePicker({ timestamp, onTimeChange, format, enableSeconds, className, containerClassName, ...props }: TimePickerProps): JSX.Element;
 
 export declare namespace TimePicker {
     var displayName: string;
@@ -3108,7 +3107,7 @@ declare interface TimePickerProps extends InputV2Props {
     enableSeconds?: boolean;
 }
 
-export declare function ToastCloseButton({ closeToast }: ToastCloseButtonProps): JSX_2.Element;
+export declare function ToastCloseButton({ closeToast }: ToastCloseButtonProps): JSX.Element;
 
 declare type ToastCloseButtonProps = {
     closeToast: (e: default_2.MouseEvent<HTMLElement, MouseEvent>) => void;
@@ -3130,7 +3129,7 @@ declare type ToastTypeArgs = {
 
 export declare const toastWarning: ToastType;
 
-export declare function Tooltip({ children, openDelay, closeDelay, placement, }: TooltipProps): JSX_2.Element;
+export declare function Tooltip({ children, openDelay, closeDelay, placement, }: TooltipProps): JSX.Element;
 
 export declare namespace Tooltip {
     var Trigger: typeof TooltipTrigger;
@@ -3143,7 +3142,7 @@ export declare const TOOLTIP_DEFAULTS: {
     portalId: string;
 };
 
-declare function TooltipContent({ children, api, bg, positionerStyles, containerStyles, }: TooltipContentProps): JSX_2.Element;
+declare function TooltipContent({ children, api, bg, positionerStyles, containerStyles, }: TooltipContentProps): JSX.Element;
 
 /**
  * @author Pratik Awaik <pratik@hybr1d.io>
@@ -3187,7 +3186,7 @@ declare interface TooltipProps {
     placement?: Placement;
 }
 
-declare function TooltipTrigger({ children, api, customStyles }: TooltipTriggerProps): JSX_2.Element;
+declare function TooltipTrigger({ children, api, customStyles }: TooltipTriggerProps): JSX.Element;
 
 declare interface TooltipTriggerProps {
     /**
@@ -3229,7 +3228,7 @@ declare interface TooltipTriggerProps {
  *   portalId="tooltip-portal"
  * />
  */
-export declare function TooltipV2({ placement, trigger, content, variant, customStyle, className, opacity, portalId, portalClass, contentMaxLength, }: TooltipV2Props): JSX_2.Element;
+export declare function TooltipV2({ placement, trigger, content, variant, customStyle, className, opacity, portalId, portalClass, contentMaxLength, }: TooltipV2Props): JSX.Element;
 
 declare interface TooltipV2Props {
     placement?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
@@ -3246,7 +3245,7 @@ declare interface TooltipV2Props {
 
 export declare const truncate: (text: string, max?: number) => string;
 
-export declare function Upload({ getUploadDoc, setIsUploading, customComponent, fileUploadLimit, type, isMultiple, uploadFileLimit, singleFileClassName, fileContainerClassName, uploadBtnClassName, alignContent, showUploadIcon, additionalNode, disabled, addDocumentText, customUrl, beforeUploadHandler, extraSubtitleText, inventoryId, softwareId, preLoadedFiles, showFileList, acceptedFileTypes, error, addDocumentSubtitle, handleImageUpload, }: UploadProps): JSX_2.Element;
+export declare function Upload({ getUploadDoc, setIsUploading, customComponent, fileUploadLimit, type, isMultiple, uploadFileLimit, singleFileClassName, fileContainerClassName, uploadBtnClassName, alignContent, showUploadIcon, additionalNode, disabled, addDocumentText, customUrl, beforeUploadHandler, extraSubtitleText, inventoryId, softwareId, preLoadedFiles, showFileList, acceptedFileTypes, error, addDocumentSubtitle, handleImageUpload, }: UploadProps): JSX.Element;
 
 export declare enum UPLOAD_ALIGN_BTN_CONTENT {
     LEFT = "flex-start",
@@ -3348,7 +3347,7 @@ export declare enum USER_CHIP_STATUS {
     WHITE = "white"
 }
 
-export declare function UserChip({ status, selected, username, profileImgUrl, }: UserChipProps): JSX_2.Element;
+export declare function UserChip({ status, selected, username, profileImgUrl, }: UserChipProps): JSX.Element;
 
 declare interface UserChipProps {
     status?: USER_CHIP_STATUS;
@@ -3357,7 +3356,7 @@ declare interface UserChipProps {
     profileImgUrl?: string;
 }
 
-export declare function UsersChip({ status, users }: UsersChipProps): JSX_2.Element;
+export declare function UsersChip({ status, users }: UsersChipProps): JSX.Element;
 
 declare interface UsersChipProps {
     status?: USER_CHIP_STATUS;
@@ -3374,14 +3373,14 @@ export declare interface UsersChipUser {
     user_position?: string | null;
 }
 
-export declare const useTableStore: UseBoundStore<Omit<StoreApi<TableStore>, "setState"> & {
-setState(partial: TableStore | Partial<TableStore> | ((state: TableStore) => TableStore | Partial<TableStore>), replace?: false | undefined, action?: (string | {
+export declare const useTableStore: UseBoundStore<Omit<StoreApi<InternalTableStore>, "setState"> & {
+setState(partial: InternalTableStore | Partial<InternalTableStore> | ((state: InternalTableStore) => InternalTableStore | Partial<InternalTableStore>), replace?: false | undefined, action?: (string | {
 [x: string]: unknown;
 [x: number]: unknown;
 [x: symbol]: unknown;
 type: string;
 }) | undefined): void;
-setState(state: TableStore | ((state: TableStore) => TableStore), replace: true, action?: (string | {
+setState(state: InternalTableStore | ((state: InternalTableStore) => InternalTableStore), replace: true, action?: (string | {
 [x: string]: unknown;
 [x: number]: unknown;
 [x: symbol]: unknown;