freemium-ui 2.0.0-beta.7 → 2.0.0-beta.71

package/index.d.ts

@@ -1,22 +1,79 @@
 /// <reference types="react" />
-/// <reference types="trusted-types" />
 import * as react from 'react';
-import react__default from 'react';
-import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/react-checkbox';
-import { UseSelectProps, UseComboboxProps } from 'downshift';
-import { LabelProps } from '@radix-ui/react-label';
-import { DateInput3Props, DateRangeInput3Props } from '@blueprintjs/datetime2';
+import react__default, { ReactNode } from 'react';
+import { AccordionSingleProps } from '@radix-ui/react-accordion';
 import * as Popover$1 from '@radix-ui/react-popover';
+import { PopperContentProps } from '@radix-ui/react-popover';
+import { RadioGroupProps as RadioGroupProps$1, RadioGroupContextValue } from '@radix-ui/react-radio-group';
+import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/react-checkbox';
+import * as Select from '@radix-ui/react-select';
+import { SelectProps, SelectContentProps, SelectItemProps } from '@radix-ui/react-select';
+export { Item as RadixSelectItem } from '@radix-ui/react-select';
 import * as styled_components from 'styled-components';
-import { RadioGroupContextValue } from '@radix-ui/react-radio-group';
+import * as styled_components_dist_types from 'styled-components/dist/types';
+import { UseSelectProps, UseComboboxProps, UseMultipleSelectionProps } from 'downshift';
+import * as _radix_ui_react_label from '@radix-ui/react-label';
+import { LabelProps } from '@radix-ui/react-label';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { MenuItemProps as MenuItemProps$1 } from '@radix-ui/react-dropdown-menu';
+export { Item as RadixMenuItem } from '@radix-ui/react-dropdown-menu';
+import { DateInput3Props, DateRangeInput3Props, TimePrecision } from '@blueprintjs/datetime2';
 import { DraggableSyntheticListeners } from '@dnd-kit/core';
-import { CoreOptions } from '@tanstack/react-table';
+import { CoreOptions, ColumnDef, Cell, RowSelectionState } from '@tanstack/react-table';
 import * as Tabs$1 from '@radix-ui/react-tabs';
 import { TabsProps as TabsProps$1 } from '@radix-ui/react-tabs';
 import { TooltipProviderProps, TooltipProps as TooltipProps$1, TooltipArrowProps } from '@radix-ui/react-tooltip';
-import { TransitionProps as TransitionProps$1 } from 'react-transition-group/Transition';
-export { TransitionStatus } from 'react-transition-group/Transition';
-import * as _radix_ui_react_roving_focus from '@radix-ui/react-roving-focus';
+
+interface AccordionItemProps {
+    id: string;
+    name: string;
+    hide?: boolean;
+    disabled?: boolean;
+    [key: string]: any;
+}
+interface AccordionProps<T extends AccordionItemProps = AccordionItemProps> extends Omit<React.HtmlHTMLAttributes<HTMLElement>, 'onChange' | 'dir'> {
+    /**
+     * options for Tabs
+     */
+    options?: Array<T>;
+    /**
+     * options for Tabs
+     */
+    renderContent?: (accordianOption: T) => React.ReactNode;
+    /**
+     * options for Tabs
+     */
+    renderTitle?: (accordianOption: T) => React.ReactNode;
+    /**
+     * Id accessor of tabes
+     */
+    idAccessor?: string;
+    /**
+     * Id accessor of tabes
+     */
+    hideIcon?: boolean;
+    /**
+     * Name accessor of tabes
+     */
+    nameAccessor?: string;
+    /**
+     * value for tabs
+     */
+    value?: AccordionSingleProps['value'];
+    /**
+     * default value of tabes
+     */
+    defaultValue?: AccordionSingleProps['defaultValue'];
+    /**
+     * Function to be called when the selected item changes
+     */
+    onChange?: AccordionSingleProps['onValueChange'];
+}
+
+/**
+ * Accordion component from the design system.
+ */
+declare const Accordion: <T extends AccordionItemProps>({ idAccessor, nameAccessor, renderContent, hideIcon, renderTitle, options, value, onChange, defaultValue, ...props }: AccordionProps<T>) => react__default.JSX.Element;
 
 type LevelType = 'warning' | 'success' | 'error' | 'info';
 type AlertData = {
@@ -24,7 +81,7 @@ type AlertData = {
     linkText?: string;
     href?: string;
 };
-interface AlertProps {
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * data to be displayed in the alert
      */
@@ -42,6 +99,7 @@ interface AlertProps {
      */
     timeout?: number;
     /**
+     * @deprecated
      * Class name to be overriden
      */
     overideClassName?: string;
@@ -55,14 +113,24 @@ interface AlertProps {
     onClose?: () => any;
     /**
      * Function to be called when the alert is dismissed
+     *
      */
     onDisappear?: () => any;
+    /**
+     * Icon to be displayed in the alert
+     * @default getAlertIcon(level)
+     **/
+    icon?: React.ReactNode;
+    /**
+     * Alignment of the content in the alert
+     */
+    alignContent?: 'flex-start' | 'center' | 'flex-end';
 }
 
 /**
  * Alert displays an alert on the user interface and enables displaying additional information to the context of the page.
  */
-declare const Alert: ({ canDismiss, onClose, children, level, onDisappear, data, timeout, overideClassName, }: AlertProps) => react__default.JSX.Element | null;
+declare const Alert: ({ onClose, children, level, onDisappear, data, icon, overideClassName, timeout, canDismiss, alignContent, ...props }: AlertProps) => react__default.JSX.Element | null;
 
 type ButtonSizeKey = 'mini' | 'normal' | 'large';
 type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link';
@@ -92,7 +160,117 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 /**
  * Button displays a button on the user interface and enables performing specific actions based on the button type. The button’s label can be a text, icon, or both.
  */
-declare const Button: ({ size, variant, children, loading, inline, ...props }: ButtonProps) => react__default.JSX.Element;
+declare const Button: react__default.ForwardRefExoticComponent<ButtonProps & react__default.RefAttributes<HTMLButtonElement>>;
+
+interface ButtonDropdownItemProps {
+    id: string;
+    name: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+interface ButtonDropdownProps<T extends ButtonDropdownItemProps = ButtonDropdownItemProps> {
+    side?: PopperContentProps['side'];
+    sideOffset?: PopperContentProps['sideOffset'];
+    align?: PopperContentProps['align'];
+    alignOffset?: PopperContentProps['alignOffset'];
+    arrowPadding?: PopperContentProps['arrowPadding'];
+    avoidCollisions?: PopperContentProps['avoidCollisions'];
+    /**
+     * value of menu
+     */
+    defaultSelectedItem?: T;
+    /**
+     * options for menu button
+     */
+    options?: Array<T>;
+    /**
+     * Called when a menu item is selected
+     */
+    onClick?: (option?: T, event?: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * id Accessor of menu
+     */
+    idAccessor?: string;
+    /**
+     * name Accessor of menu
+     */
+    nameAccessor?: string;
+    /**
+     * name Accessor of menu
+     */
+    id?: string;
+    /**
+     * name Accessor of menu
+     */
+    name?: string;
+    disabled?: React.ButtonHTMLAttributes<HTMLButtonElement>['disabled'];
+    size?: ButtonProps['size'];
+    variant?: ButtonProps['variant'];
+    loading?: ButtonProps['loading'];
+    inline?: ButtonProps['inline'];
+}
+
+/**
+ * ButtonDropdown is a button with a dropdown menu. It is used to select an item from a list of items.
+ */
+declare const ButtonDropdown: ({ size, variant, loading, inline, defaultSelectedItem, idAccessor, nameAccessor, onClick, options, side, sideOffset, align, alignOffset, arrowPadding, avoidCollisions, disabled, id, name, }: ButtonDropdownProps) => react__default.JSX.Element;
+
+interface BoxedRadioItemProps {
+    disabled?: boolean;
+    [key: string]: any;
+}
+type BoxedRadioProps<T extends BoxedRadioItemProps = BoxedRadioItemProps> = Omit<react__default.HtmlHTMLAttributes<HTMLDivElement>, 'onChange' | 'value' | 'defaultValue'> & {
+    dir?: RadioGroupProps$1['dir'];
+    /**
+     * Select options
+     */
+    options?: Array<T>;
+    /**
+     * Select options
+     */
+    disabled?: boolean;
+    /**
+     * Select options
+     */
+    readOnly?: boolean;
+    /**
+     * Id accessor of radio button
+     */
+    idAccessor?: string;
+    /**
+     * The default value
+     */
+    defaultValue?: string;
+    /**
+     * Value of radio button
+     */
+    value?: RadioGroupContextValue['value'];
+    /**
+     * Function to be called when the selected item changes
+     */
+    onChange?: RadioGroupContextValue['onValueChange'];
+    /**
+     * The description of the content
+     */
+    label?: string;
+    errorText?: string;
+    isRequired?: boolean;
+    isErrored?: boolean;
+    customIndicator?: ReactNode;
+    /**
+     * The description of the content
+     */
+    getTextContent: (item: T, type: 'name' | 'description') => string;
+    /**
+     * The description of the content
+     */
+    itemComponent?: (item: T) => react__default.ReactNode | string;
+};
+
+/**
+ * BoxedRadio displays a group of options with radio buttons and enables selection of one option from the list.
+ */
+declare const BoxedRadio: <T extends BoxedRadioItemProps>({ options, defaultValue, idAccessor, onChange, isErrored, errorText, disabled, getTextContent, className, id, isRequired, readOnly, itemComponent, label, value, customIndicator, ...props }: BoxedRadioProps<T>) => react__default.JSX.Element;
 
 interface CheckboxProps extends CheckboxProps$1 {
     /**
@@ -103,6 +281,10 @@ interface CheckboxProps extends CheckboxProps$1 {
      * Whether the checkbox is errored
      */
     isErrored?: boolean;
+    /**
+     * Whether the checkbox is readOnly
+     */
+    readOnly?: boolean;
     /**
      * Label for the checkbox
      */
@@ -112,13 +294,17 @@ interface CheckboxProps extends CheckboxProps$1 {
 /**
  * Checkbox displays a check box on the user interface and enables assigning a state (selected or deselected) to it. In the selected state, the check box displayed on the UI is highlighted and contains a check mark.
  */
-declare const Checkbox: ({ isRequired, isErrored, label, ...rest }: CheckboxProps) => react__default.JSX.Element;
+declare const Checkbox: ({ isRequired, isErrored, className, readOnly, label, ...rest }: CheckboxProps) => react__default.JSX.Element;
 
 interface ConfirmationProps {
     /**
      * Is the confirmation open
      */
     isOpen?: boolean;
+    /**
+     * The children or label
+     */
+    children?: React.ReactNode | string;
     /**
      * Is the confirm button disabled
      */
@@ -127,6 +313,10 @@ interface ConfirmationProps {
      * Is the cancel button disabled
      */
     cancelButtonDisabled?: boolean;
+    /**
+     * Should the confirmation close when clicking outside
+     */
+    clickOutToClose?: boolean;
     /**
      * Title of the confirmation
      */
@@ -134,7 +324,7 @@ interface ConfirmationProps {
     /**
      * Description of the confirmation
      */
-    description?: string;
+    description?: React.ReactNode | string;
     /**
      * Width of the confirmation
      */
@@ -142,11 +332,11 @@ interface ConfirmationProps {
     /**
      * Function to be called when the confirmation is dismissed
      */
-    onDismiss?: (type: 'overlay' | 'button') => void;
+    onDismiss?: (type: 'overlay' | 'button' | 'root', event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     /**
      * Function to be called when the confirmation is confirmed
      */
-    onConfirm?: () => void;
+    onConfirm?: React.DOMAttributes<HTMLButtonElement>['onClick'];
     /**
      * Confirm button text
      */
@@ -172,7 +362,7 @@ interface ConfirmationProps {
 /**
  * Confirmation component is used to show a confirmation dialog to the user. It is used to confirm an action before it is executed.
  */
-declare const Confirmation: ({ isOpen, title, description, onConfirm, onDismiss, cancelButtonText, cancelButtonDisabled, confirmButtonDisabled, confirmButtonText, bodyStyles, contentStyles, footerStyles, width, }: ConfirmationProps) => react__default.JSX.Element;
+declare const Confirmation: ({ isOpen, title, description, onConfirm, onDismiss, cancelButtonText, children, cancelButtonDisabled, confirmButtonDisabled, confirmButtonText, clickOutToClose, bodyStyles, contentStyles, footerStyles, width, }: ConfirmationProps) => react__default.JSX.Element;
 
 type DrawerSizeType = 'default' | 'medium' | 'small' | 'large' | 'x-large';
 type DrawerPlacement = 'left' | 'right';
@@ -222,12 +412,19 @@ declare const Drawer: ({ isOpen, children, hideDismissIcon, customClass, size, i
 
 type DropdownTypes = 'button' | 'input';
 type DefaultDropdownItem = {
-    id: string | number;
-    name?: string;
-    disabled?: boolean;
     [key: string]: any;
+    group?: string;
 };
-interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> {
+type StyledListItemType = {
+    readOnly?: boolean;
+    $isSelected?: boolean;
+    $isHilighted?: boolean;
+};
+type DropdownInputItemProps = React.LiHTMLAttributes<HTMLLIElement> & StyledListItemType & {
+    key: string;
+};
+type PickedSelectProps = Pick<SelectProps, 'name' | 'disabled' | 'value'>;
+interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> extends PickedSelectProps {
     /**
      * The items to be displayed in the dropdown
      */
@@ -236,6 +433,8 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> {
      * The identifier for the items
      */
     itemIdentifier?: string;
+    isOpen?: SelectProps['open'];
+    defaultIsOpen?: SelectProps['defaultOpen'];
     /**
      * The selected item
      */
@@ -243,27 +442,23 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> {
     /**
      * Function to be called when the selected item changes
      */
-    onChange?: (item?: T | null) => void;
+    onChange?: (item: T | null) => void;
     /**
      * Fuction to give the string representation of the item
      */
-    itemToString: (item: T | null, type?: 'list-item' | 'display') => string;
+    itemToString: (item: T, type?: 'list-item' | 'display' | 'downshift') => string;
     /**
      * The type of the dropdown
      */
-    type: DropdownTypes;
+    type?: DropdownTypes;
     /**
      * Is the dropdown read only
      */
     readOnly?: boolean;
     /**
-     * Whether disabled select
-     */
-    disabled?: boolean;
-    /**
-     * The name of the dropdown
+     * Is the dropdown read only
      */
-    name?: string;
+    showTick?: boolean;
     /**
      * The width of the dropdown
      */
@@ -308,6 +503,10 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> {
      *
      */
     isMenuLoading?: boolean;
+    /**
+     *
+     */
+    matchButtonWidth?: boolean;
     /**
      *
      */
@@ -339,22 +538,44 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> {
      *
      */
     useComboboxProps?: UseComboboxProps<T>;
+    itemComponent?: (item: T, props?: DropdownItemProps | DropdownInputItemProps) => React.ReactNode | string;
+    buttonContentProps?: SelectContentProps;
+}
+interface DropdownButtonProps<T extends DefaultDropdownItem = DefaultDropdownItem> extends DropdownProps<T> {
+}
+interface DropdownInputProps<T extends DefaultDropdownItem = DefaultDropdownItem> extends DropdownProps<T> {
 }
+type DropdownItemProps = SelectItemProps & {
+    showTick: boolean;
+};
+
+declare const ListItem: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, StyledListItemType>>;
 
 /**
  * Dropdown displays a list or drop-down box that enables selection of an option or multiple options from an available list of values.
  */
-declare const Dropdown: <T extends DefaultDropdownItem>(props: DropdownProps<T>) => react__default.JSX.Element;
+declare const Dropdown: <T extends DefaultDropdownItem>({ type, ...props }: DropdownProps<T>) => react__default.JSX.Element;
+declare const Item: react__default.ForwardRefExoticComponent<Select.SelectItemProps & {
+    showTick: boolean;
+} & react__default.RefAttributes<HTMLDivElement>>;
+
+declare const ChevronUp: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
+
+declare const Cross: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
+
+declare const TickIcon: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
 
-declare const ChevronUp: (props: react__default.SVGProps<SVGSVGElement>) => react__default.JSX.Element;
+declare const Warning: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
 
-declare const Cross: (props: react__default.SVGProps<SVGSVGElement>) => react__default.JSX.Element;
+declare const ErrorIcon: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
 
-declare const CrossSmall: (props: react__default.SVGProps<SVGSVGElement>) => react__default.JSX.Element;
+declare const Checkmark: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
 
-declare const TickIcon: (props: react__default.SVGProps<SVGSVGElement>) => react__default.JSX.Element;
+declare const InfoIcon: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
 
-declare const Warning: (props: react__default.SVGProps<SVGSVGElement>) => react__default.JSX.Element;
+declare const Minus: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
+
+declare const MoreVertical: react__default.ForwardRefExoticComponent<Omit<react__default.SVGProps<SVGSVGElement>, "ref"> & react__default.RefAttributes<SVGSVGElement>>;
 
 interface CommonProps {
     /**
@@ -407,12 +628,12 @@ interface TextAreaProps extends CommonProps, React.TextareaHTMLAttributes<HTMLTe
 /**
  * Input displays a single-line input box on the user interface and enables assigning a value to it. It is used to take user input for small text data.
  */
-declare const Input: ({ label, inline, startLabel, startAdornment, endLabel, endAdornment, isRequired, isErrored, showCount, inputStyle, style, errorText, ref, maxLength, labelProps, containerProps, ...props }: InputProps) => react__default.JSX.Element;
+declare const Input: react__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
 
 /**
  * TextArea displays a multi-line input box on the user interface and enables assigning a value to it. It is used to take user input for large text data.
  */
-declare const TextArea: ({ label, inline, startLabel, startAdornment, endLabel, endAdornment, isRequired, isErrored, showCount, inputStyle, style, errorText, ref, maxLength, ...props }: TextAreaProps) => react__default.JSX.Element;
+declare const TextArea: react__default.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react__default.RefAttributes<HTMLTextAreaElement>>;
 
 type LoaderSizes = 'mini' | 'small' | 'medium' | 'big';
 type LoaderSpeeds = 'slow' | 'medium' | 'fast';
@@ -432,13 +653,17 @@ type LoaderPropTypes = {
  */
 declare const Loader: (props: LoaderPropTypes) => react__default.JSX.Element;
 
-interface MenuItemProps {
-    id: string;
-    name: string;
+interface DefaultMenuItemProps {
     disabled?: boolean;
     [key: string]: any;
 }
-type MenuProps<T extends MenuItemProps = MenuItemProps> = {
+type MenuProps<T extends DefaultMenuItemProps = DefaultMenuItemProps> = {
+    side?: PopperContentProps['side'];
+    sideOffset?: PopperContentProps['sideOffset'];
+    align?: PopperContentProps['align'];
+    alignOffset?: PopperContentProps['alignOffset'];
+    arrowPadding?: PopperContentProps['arrowPadding'];
+    avoidCollisions?: PopperContentProps['avoidCollisions'];
     /**
      * value of menu
      */
@@ -448,6 +673,7 @@ type MenuProps<T extends MenuItemProps = MenuItemProps> = {
      */
     onSelect?: (option: T) => void;
     closeMenuCallback?: () => void;
+    itemComponent?: (item: T, props?: MenuItemProps) => React.ReactNode | string;
     /**
      * options for menu button
      */
@@ -478,12 +704,22 @@ type MenuProps<T extends MenuItemProps = MenuItemProps> = {
      */
     showArrow?: boolean;
 };
+type MenuItemProps = MenuItemProps$1 & {
+    isSelected?: boolean;
+};
 
 /**
  * Menu is a container for Menu Item components.
  * Menu item is a component to define each row of a menu components. It takes in prefix, suffix and default slot to place content either at beginning or end or middle of the row respectively.
  */
-declare const Menu: (props: MenuProps) => react__default.JSX.Element;
+declare const Menu: <T extends DefaultMenuItemProps>(props: MenuProps<T>) => react__default.JSX.Element;
+
+declare const DropdownMenuItem: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<Omit<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+}, {
+    $isSelected?: boolean | undefined;
+    disabled?: boolean | undefined;
+}>> & Omit<react.ForwardRefExoticComponent<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>, keyof react.Component<any, {}, any>>;
 
 type ModalAlignType = 'top' | 'center' | 'bottom';
 type ModalPositionType = 'left' | 'center' | 'right';
@@ -532,8 +768,10 @@ interface ModalProps {
  */
 declare const Modal: ({ isOpen, children, align, customClass, fullWidth, customModalContentStyles, onDismiss, position, size, }: ModalProps) => react__default.JSX.Element;
 
-type DefaultMultiSelectDropdownItem = {};
-interface MultiSelectDropdownProps<T extends DefaultMultiSelectDropdownItem> {
+type DefaultMultiSelectDropdownItem = {
+    [key: string]: any;
+};
+interface MultiSelectDropdownProps<T extends DefaultMultiSelectDropdownItem = DefaultMultiSelectDropdownItem> {
     /**
      *  dropdown item content
      */
@@ -543,14 +781,18 @@ interface MultiSelectDropdownProps<T extends DefaultMultiSelectDropdownItem> {
      */
     itemIdentifier?: string;
     /**
-     * default selected item of dropdown
+     * selected item of dropdown
      */
-    defaultSelectedItem?: T | null;
+    defaultSelectedItems?: T[];
     /**
      * Called when select an option or input value change
      */
-    onChange?: (item?: T | null) => void;
-    itemToString: (item: T | null) => string;
+    onChange?: (item: T[]) => void;
+    itemToString?: (item: T, type?: 'list-item' | 'display' | 'downshift') => string;
+    /**
+     * Fuction to give the string representation of the item
+     */
+    itemComponent?: (item: T) => React.ReactNode | string;
     /**
      * Is the dropdown readonly
      */
@@ -577,6 +819,10 @@ interface MultiSelectDropdownProps<T extends DefaultMultiSelectDropdownItem> {
      * Whether to allow hide or clear when click
      */
     hideClear?: boolean;
+    /**
+     * Whether to hide or show arrow
+     */
+    hideArrow?: boolean;
     /**
      * Error text to be shown
      */
@@ -593,11 +839,13 @@ interface MultiSelectDropdownProps<T extends DefaultMultiSelectDropdownItem> {
      * Is menu loading?
      */
     isMenuLoading?: boolean;
+    inputValue?: string | null;
     handleInputChange?: (inputValue: string) => void;
     onCustomValueAdd?: (item: {
         inputValue: string;
         customValues: boolean;
-    }) => void;
+    }) => T;
+    removeSelectedItem?: (item: T, index: number) => void;
     /**
      * Is this custom value
      */
@@ -611,14 +859,25 @@ interface MultiSelectDropdownProps<T extends DefaultMultiSelectDropdownItem> {
      */
     label?: string;
     placeholder?: string;
-    useSelectProps?: UseSelectProps<T>;
+    useMultipleSelectionProps?: UseMultipleSelectionProps<T>;
     useComboboxProps?: UseComboboxProps<T>;
+    InputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    onBackSpace?: () => void;
+    maxAllowedLength?: number;
+    isDynamicMenu?: boolean;
+    minAllowedLength?: number;
+    locale?: {
+        createText: string;
+        deleteText: string;
+    };
+    hideChips?: boolean;
+    hideSelectedItem?: boolean;
 }
 
 /**
  * MultiSelectDropdown displays a list or drop-down box that enables selection of an option or multiple options from an available list of values.
  */
-declare const MultiSelectDropdown: <T extends DefaultMultiSelectDropdownItem>({ itemIdentifier, label, id, items, onChange, placeholder, readOnly, disabled, isRequired, itemToString, name, filterKey, width, useSelectProps, emptyItemsText, getCustomMessage, onCustomValueAdd, customValues, hideClear, defaultSelectedItem, handleInputChange, isErrored, isMenuLoading, errorText, }: MultiSelectDropdownProps<T>) => react__default.JSX.Element;
+declare const MultiSelectDropdown: <T extends DefaultMultiSelectDropdownItem>({ itemIdentifier, label, id, items, onChange, placeholder, readOnly, disabled, isRequired, itemToString, name, filterKey, width, useComboboxProps, useMultipleSelectionProps, emptyItemsText, getCustomMessage, onCustomValueAdd, customValues, inputValue: iV, hideClear, hideArrow, removeSelectedItem: rSelectedItem, defaultSelectedItems, handleInputChange, isErrored, isMenuLoading, errorText, InputProps, itemComponent, isDynamicMenu, locale, maxAllowedLength, minAllowedLength, hideChips, hideSelectedItem, onBackSpace, }: MultiSelectDropdownProps<T>) => react__default.JSX.Element;
 
 type DefaultProps = {
     /**
@@ -663,6 +922,13 @@ type DateTimePickerProps = DefaultProps & Partial<DateInput3Props> & {
 type DateTimeRangePickerProps = DefaultProps & Partial<DateRangeInput3Props> & {
     displayFormat?: string;
 };
+type TimePickerProps = DefaultProps & {
+    displayFormat?: string;
+    value?: string;
+    onChange?: (dateString: string | null) => void;
+    useAmPm?: boolean;
+    precision?: TimePrecision;
+};
 
 /**
  * Datepicker displays an input box with a calendar that enables selecting a date or date range. The values preselected in the input box and calendar are based on the fw-datepicker attribute values.
@@ -688,6 +954,11 @@ declare const DateRangePicker: (props: DateRangePickerProps) => react__default.J
  */
 declare const DateTimeRangePicker: (props: DateTimeRangePickerProps) => react__default.JSX.Element;
 
+/**
+ * TimePicker displays an input box with a calendar that enables selecting a date or date range. The values preselected in the input box and calendar are based on the fw-datepicker attribute values.
+ */
+declare const TimePicker: (props: TimePickerProps) => react__default.JSX.Element;
+
 type Origin = {
     vertical?: 'top' | 'center' | 'bottom';
     horizontal?: 'left' | 'center' | 'right';
@@ -701,6 +972,13 @@ interface PopoverProps {
      * Which variant the button should be
      */
     id?: string;
+    /**
+     * Which variant the button should be
+     */
+    disabled?: boolean;
+    replaceTrigger?: boolean;
+    popoverContentProps?: Popover$1.PopoverContentProps;
+    popoverRootProps?: Popover$1.PopoverProps;
     /**
      * The children or label
      */
@@ -758,326 +1036,37 @@ interface PopoverProps {
 /**
  * Popover need two slots popover-trigger and popover-content. By default on clicking the trigger the content will be displayed. The props can be used to change the position of the content, width of the component and the distance between the trigger and the content.
  */
-declare const Popover: ({ children, trigger, arrow, hoverOutToClose, align, hoverToOpen, avoidCollisions, side: s, anchorOrigin, autoCloseDuration, clickOutToClose, transformOrigin, }: PopoverProps) => react__default.JSX.Element;
-
-declare const PopoverClose: styled_components.IStyledComponent<"web", {
-    form?: string | undefined;
-    style?: react.CSSProperties | undefined;
-    slot?: string | undefined;
-    title?: string | undefined;
-    key?: react.Key | null | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: react.AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    children?: react.ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCopyCapture?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCut?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCutCapture?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onPaste?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onPasteCapture?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCompositionEnd?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionEndCapture?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionStart?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionStartCapture?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionUpdate?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: react.FocusEventHandler<HTMLButtonElement> | undefined;
-    onFocusCapture?: react.FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlur?: react.FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlurCapture?: react.FocusEventHandler<HTMLButtonElement> | undefined;
-    onChange?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onChangeCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInput?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInputCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onInput?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onInputCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onReset?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onResetCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onSubmit?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onSubmitCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onInvalid?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onInvalidCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onLoad?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onError?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onErrorCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onKeyDown?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyDownCapture?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyPress?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyPressCapture?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyUp?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyUpCapture?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onAbort?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onAbortCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlay?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayThrough?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onDurationChange?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onDurationChangeCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEmptied?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEmptiedCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEncrypted?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEncryptedCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEnded?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEndedCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedData?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedDataCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedMetadata?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadStart?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadStartCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPause?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPauseCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlay?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlayCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlaying?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlayingCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onProgress?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onProgressCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onRateChange?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onRateChangeCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onResize?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onResizeCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeeked?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeekedCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeeking?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeekingCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onStalled?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onStalledCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSuspend?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSuspendCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onTimeUpdate?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onTimeUpdateCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onVolumeChange?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onVolumeChangeCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onWaiting?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onWaitingCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onAuxClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onAuxClickCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onClickCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onContextMenu?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onContextMenuCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onDoubleClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onDoubleClickCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onDrag?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnd?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEndCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnter?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnterCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragExit?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragExitCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragLeave?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragLeaveCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragOver?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragOverCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragStart?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragStartCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDrop?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDropCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onMouseDown?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseDownCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseEnter?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseLeave?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseMove?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseMoveCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOut?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOutCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOver?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOverCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseUp?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseUpCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onSelect?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSelectCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onTouchCancel?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchCancelCapture?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchEnd?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchEndCapture?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchMove?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchMoveCapture?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchStart?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchStartCapture?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onPointerDown?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerDownCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerMove?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerMoveCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerUp?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerUpCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerCancel?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerCancelCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnter?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnterCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeave?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeaveCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOver?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOverCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOut?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOutCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onGotPointerCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onLostPointerCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onScroll?: react.UIEventHandler<HTMLButtonElement> | undefined;
-    onScrollCapture?: react.UIEventHandler<HTMLButtonElement> | undefined;
-    onWheel?: react.WheelEventHandler<HTMLButtonElement> | undefined;
-    onWheelCapture?: react.WheelEventHandler<HTMLButtonElement> | undefined;
-    onAnimationStart?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationStartCapture?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationEnd?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationEndCapture?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationIteration?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onTransitionEnd?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionEndCapture?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
-    asChild?: boolean | undefined;
-    disabled?: boolean | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
-    name?: string | undefined;
-    formAction?: string | undefined;
-    formEncType?: string | undefined;
-    formMethod?: string | undefined;
-    formNoValidate?: boolean | undefined;
-    formTarget?: string | undefined;
-    value?: string | number | readonly string[] | undefined;
-    ref?: react.Ref<HTMLButtonElement> | undefined;
-}> & react.ForwardRefExoticComponent<Popover$1.PopoverCloseProps & react.RefAttributes<HTMLButtonElement>>;
-
-type RadioProps = {
+declare const Popover: ({ children, trigger, arrow, hoverOutToClose, align, hoverToOpen, avoidCollisions, replaceTrigger, side: s, disabled, onClose, popoverContentProps, popoverRootProps, anchorOrigin, autoCloseDuration, clickOutToClose, transformOrigin, }: PopoverProps) => react__default.JSX.Element;
+
+declare const PopoverTrigger: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<Omit<Popover$1.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & Omit<react.ForwardRefExoticComponent<Popover$1.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>, keyof react.Component<any, {}, any>>;
+declare const PopoverClose: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<Omit<Popover$1.PopoverCloseProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & Omit<react.ForwardRefExoticComponent<Popover$1.PopoverCloseProps & react.RefAttributes<HTMLButtonElement>>, keyof react.Component<any, {}, any>>;
+
+type RadioProps = Pick<RadioGroupProps$1, 'name' | 'disabled' | 'dir'> & Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue'> & {
     /**
      * Is the Radio button selected
      */
-    selected?: boolean;
+    checked?: boolean;
     /**
-     * Function to be called when the selected item changes
+     * Whether disabled select
      */
-    onChange?: RadioGroupContextValue['onValueChange'];
+    readOnly?: boolean;
     /**
      * Whether disabled select
      */
-    disabled?: boolean;
+    isRequired?: boolean;
     /**
      * label for the radio button
      */
     label?: string;
-    /**
-     * The class name of radio button
-     */
-    className?: string;
-    /**
-     * Id of the button
-     */
-    id?: string;
 };
 interface RadioItemProps {
-    id: string;
-    name: string;
-    hide?: boolean;
-    disabled?: boolean;
     [key: string]: any;
 }
-type RadioGroupProps<T extends RadioItemProps = RadioItemProps> = {
+type RadioGroupProps<T extends RadioItemProps = RadioItemProps> = Pick<RadioGroupProps$1, 'name' | 'disabled' | 'dir' | 'value' | 'defaultValue'> & Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue'> & {
     /**
      * Select options
      */
@@ -1087,44 +1076,38 @@ type RadioGroupProps<T extends RadioItemProps = RadioItemProps> = {
      */
     idAccessor?: string;
     /**
-     * The default value
-     */
-    defaultValue?: string;
-    /**
-     * Value of radio button
+     * Name accesssor of radio button
      */
-    value?: RadioGroupContextValue['value'];
+    nameAccessor?: string;
     /**
      * Function to be called when the selected item changes
      */
     onChange?: RadioGroupContextValue['onValueChange'];
     /**
-     * Name accesssor of radio button
-     */
-    nameAccessor?: string;
-    /**
-     * The description of the content
+     * Whether disabled select
      */
-    label?: string;
+    isRequired?: boolean;
     /**
-     * class Name of Radio button
+     * Whether disabled select
      */
-    className?: string;
+    readOnly?: boolean;
     /**
-     * Id of the button
+     * The description of the content
      */
-    id?: string;
+    label?: string;
+    errorText?: string;
+    isErrored?: boolean;
 };
 
 /**
  * Radio displays a radio button on the user interface and enables assigning a state (selected or deselected) to it. In the selected state, the button displayed is highlighted. fw-radio provides child elements for fw-radio-group, to populate the Radio Group component’s list.
  */
-declare const Radio: ({ selected, onChange, className, disabled, id, label, }: RadioProps) => react__default.JSX.Element;
+declare const Radio: ({ checked, className, disabled, id, isRequired, label, name, readOnly, ...htmlAttributes }: RadioProps) => react__default.JSX.Element;
 
 /**
  * RadioGroup displays a group of options with radio buttons and enables selection of one option from the list.
  */
-declare const RadioGroup: ({ options, defaultValue, idAccessor, nameAccessor, onChange, className, id, label, value, }: RadioGroupProps) => react__default.JSX.Element;
+declare const RadioGroup: ({ options, defaultValue, idAccessor, nameAccessor, onChange, className, id, isErrored, errorText, disabled, isRequired, label, readOnly, value, ...props }: RadioGroupProps) => react__default.JSX.Element;
 
 type ReorderItemType = {
     id: string | number;
@@ -1157,1130 +1140,89 @@ type ReorderProps<T extends ReorderItemType = ReorderItemType> = {
  */
 declare const Reorder: <T extends ReorderItemType = ReorderItemType>(props: ReorderProps<T>) => react__default.JSX.Element;
 
-type RowData = unknown | object | any[];
+type RowData = {
+    [key in string]: any;
+};
+interface FuiTableColumnType<T extends RowData> {
+    id: string;
+    Header: string;
+    accessorFn: (row: T) => React.ReactNode | string | null;
+    disableSortBy?: boolean;
+}
 interface TableProps<T extends RowData> {
     /**
      * How large should the button be?
      */
     data: CoreOptions<T>['data'];
-    columns: CoreOptions<T>['columns'];
+    columns: FuiTableColumnType<T>[];
+    count?: number;
+    pageSize?: number;
+    pageIndex?: number;
+    enablePreviousPage?: boolean;
+    enableNextPage?: boolean;
+    isLoading?: boolean;
+    isFetching?: boolean;
     showFooter?: boolean;
+    hideColumnSettings?: boolean;
+    hideTableOnEmpty?: boolean;
+    hideTopPagination?: boolean;
+    hideFilters?: boolean;
+    showTableOnLoading?: boolean;
+    hideLoaderOnTopPagination?: boolean;
+    hideActions?: boolean;
+    hideSelectAllInTable?: boolean;
+    hideBottomPagination?: boolean;
+    disableRowSelect?: boolean;
+    infoComponent?: React.ReactElement;
+    filterComponent?: React.ReactElement;
+    emptyComponent?: React.ReactElement;
+    actionComponent?: React.ReactElement;
+    loadingComponent?: React.ReactElement;
+    headerComponent?: React.ReactElement;
+    onNextPageClick?: () => void;
+    onPreviousPageClick?: () => void;
+    onSelectAllRows?: (checked: boolean) => void;
+    onRowSelect?: (row: T, checked: boolean) => void;
+    rowMenuOptions?: (rowData: T) => MenuItemProps[];
+    onMenuOptionSelect?: (optionId: string, row: T) => void;
+    onRowClick?: (row: T, column: ColumnDef<T, unknown>) => void;
+    dataKey?: string;
+    rowPropGetter?: (row: T) => React.HTMLAttributes<HTMLTableRowElement>;
+    cellPropGetter?: (cell: Cell<T, unknown>) => React.HTMLAttributes<HTMLTableCellElement>;
+    /**
+     * @deprecated
+     */
+    tableOptions?: any;
+    /**
+     * @deprecated
+     */
+    loaderStyles?: React.CSSProperties;
+    setPageIndex?: (pageIndex: number) => void | React.Dispatch<React.SetStateAction<number>>;
+    hiddenColumns?: string[];
+    setHiddenColumns?: (hiddenColumns: string[]) => void | React.Dispatch<React.SetStateAction<string[]>>;
+    columnOrder?: string[];
+    setColumnOrder?: (columnOrder: string[]) => void | React.Dispatch<React.SetStateAction<string[]>>;
+    selectedRowIds?: RowSelectionState;
+    setSelectedRowIds?: (selectedRowIds: RowSelectionState) => void | React.Dispatch<React.SetStateAction<RowSelectionState>>;
 }
 
 /**
  * Table component is used to display data in a tabular format. It is used to show data in a structured manner. It can be used to show data in a grid format.
  */
-declare const Table: <T extends unknown>({ data, columns, showFooter, }: TableProps<T>) => react__default.JSX.Element;
-
-declare const TabsRoot: styled_components.IStyledComponent<"web", {
-    value?: string | undefined;
-    defaultValue?: string | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
-    orientation?: "horizontal" | "vertical" | undefined;
-    dir?: _radix_ui_react_roving_focus.Direction | undefined;
-    activationMode?: "manual" | "automatic" | undefined;
-    style?: react.CSSProperties | undefined;
-    slot?: string | undefined;
-    title?: string | undefined;
-    key?: react.Key | null | undefined;
-    defaultChecked?: boolean | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: react.AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    children?: react.ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    asChild?: boolean | undefined;
-    ref?: react.Ref<HTMLDivElement> | undefined;
-}> & react.ForwardRefExoticComponent<Tabs$1.TabsProps & react.RefAttributes<HTMLDivElement>>;
-declare const TabsContent: styled_components.IStyledComponent<"web", {
-    value: string;
-    forceMount?: true | undefined;
-    style?: react.CSSProperties | undefined;
-    slot?: string | undefined;
-    title?: string | undefined;
-    key?: react.Key | null | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: react.AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    children?: react.ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    asChild?: boolean | undefined;
-    ref?: react.Ref<HTMLDivElement> | undefined;
-}> & react.ForwardRefExoticComponent<Tabs$1.TabsContentProps & react.RefAttributes<HTMLDivElement>>;
-declare const TabsList: styled_components.IStyledComponent<"web", {
-    loop?: boolean | undefined;
-    style?: react.CSSProperties | undefined;
-    slot?: string | undefined;
-    title?: string | undefined;
-    key?: react.Key | null | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: react.AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    children?: react.ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-    asChild?: boolean | undefined;
-    ref?: react.Ref<HTMLDivElement> | undefined;
-}> & react.ForwardRefExoticComponent<Tabs$1.TabsListProps & react.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: styled_components.IStyledComponent<"web", {
-    value: string;
-    form?: string | undefined;
-    style?: react.CSSProperties | undefined;
-    slot?: string | undefined;
-    title?: string | undefined;
-    key?: react.Key | null | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
-    tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: react.AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    children?: react.ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCopyCapture?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCut?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCutCapture?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onPaste?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onPasteCapture?: react.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCompositionEnd?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionEndCapture?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionStart?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionStartCapture?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionUpdate?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: react.FocusEventHandler<HTMLButtonElement> | undefined;
-    onFocusCapture?: react.FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlur?: react.FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlurCapture?: react.FocusEventHandler<HTMLButtonElement> | undefined;
-    onChange?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onChangeCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInput?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInputCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onInput?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onInputCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onReset?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onResetCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onSubmit?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onSubmitCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onInvalid?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onInvalidCapture?: react.FormEventHandler<HTMLButtonElement> | undefined;
-    onLoad?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onError?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onErrorCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onKeyDown?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyDownCapture?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyPress?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyPressCapture?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyUp?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyUpCapture?: react.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onAbort?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onAbortCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlay?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayThrough?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onDurationChange?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onDurationChangeCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEmptied?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEmptiedCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEncrypted?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEncryptedCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEnded?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEndedCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedData?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedDataCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedMetadata?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadStart?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadStartCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPause?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPauseCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlay?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlayCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlaying?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlayingCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onProgress?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onProgressCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onRateChange?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onRateChangeCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onResize?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onResizeCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeeked?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeekedCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeeking?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeekingCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onStalled?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onStalledCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSuspend?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSuspendCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onTimeUpdate?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onTimeUpdateCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onVolumeChange?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onVolumeChangeCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onWaiting?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onWaitingCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onAuxClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onAuxClickCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onClickCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onContextMenu?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onContextMenuCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onDoubleClick?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onDoubleClickCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onDrag?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnd?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEndCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnter?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnterCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragExit?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragExitCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragLeave?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragLeaveCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragOver?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragOverCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragStart?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragStartCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDrop?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onDropCapture?: react.DragEventHandler<HTMLButtonElement> | undefined;
-    onMouseDown?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseDownCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseEnter?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseLeave?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseMove?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseMoveCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOut?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOutCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOver?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOverCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseUp?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseUpCapture?: react.MouseEventHandler<HTMLButtonElement> | undefined;
-    onSelect?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSelectCapture?: react.ReactEventHandler<HTMLButtonElement> | undefined;
-    onTouchCancel?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchCancelCapture?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchEnd?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchEndCapture?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchMove?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchMoveCapture?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchStart?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchStartCapture?: react.TouchEventHandler<HTMLButtonElement> | undefined;
-    onPointerDown?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerDownCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerMove?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerMoveCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerUp?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerUpCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerCancel?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerCancelCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnter?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnterCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeave?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeaveCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOver?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOverCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOut?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOutCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onGotPointerCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onLostPointerCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLButtonElement> | undefined;
-    onScroll?: react.UIEventHandler<HTMLButtonElement> | undefined;
-    onScrollCapture?: react.UIEventHandler<HTMLButtonElement> | undefined;
-    onWheel?: react.WheelEventHandler<HTMLButtonElement> | undefined;
-    onWheelCapture?: react.WheelEventHandler<HTMLButtonElement> | undefined;
-    onAnimationStart?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationStartCapture?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationEnd?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationEndCapture?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationIteration?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onTransitionEnd?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionEndCapture?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
-    asChild?: boolean | undefined;
-    disabled?: boolean | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
-    name?: string | undefined;
-    formAction?: string | undefined;
-    formEncType?: string | undefined;
-    formMethod?: string | undefined;
-    formNoValidate?: boolean | undefined;
-    formTarget?: string | undefined;
-    ref?: react.Ref<HTMLButtonElement> | undefined;
-}> & react.ForwardRefExoticComponent<Tabs$1.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Table: <T extends RowData>(props: TableProps<T>) => react__default.JSX.Element;
+
+declare const TabsRoot: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<Omit<Tabs$1.TabsProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<react.ForwardRefExoticComponent<Tabs$1.TabsProps & react.RefAttributes<HTMLDivElement>>, keyof react.Component<any, {}, any>>;
+declare const TabsContent: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<Omit<Tabs$1.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<react.ForwardRefExoticComponent<Tabs$1.TabsContentProps & react.RefAttributes<HTMLDivElement>>, keyof react.Component<any, {}, any>>;
+declare const TabsList: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<Omit<Tabs$1.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<react.ForwardRefExoticComponent<Tabs$1.TabsListProps & react.RefAttributes<HTMLDivElement>>, keyof react.Component<any, {}, any>>;
+declare const TabsTrigger: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<Omit<Tabs$1.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & Omit<react.ForwardRefExoticComponent<Tabs$1.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>>, keyof react.Component<any, {}, any>>;
 
 interface TabsItemProps {
     id: string;
@@ -2299,10 +1241,15 @@ type TabsProps<T extends TabsItemProps = TabsItemProps> = {
      * Id accessor of tabes
      */
     idAccessor?: string;
+    label?: string;
     /**
-     * Name accessor of tabes
+     * Name accessor of tabs
      */
     nameAccessor?: string;
+    /**
+     * Disabled accessor of tabs
+     */
+    disabledAccessor?: string;
     ref?: React.RefObject<HTMLDivElement>;
     /**
      * value for tabs
@@ -2321,9 +1268,9 @@ type TabsProps<T extends TabsItemProps = TabsItemProps> = {
 /**
  * Tabs component is used to show a set of tabs to the user. It is used to show different sections of content in a single view. It can be used to show different categories of content.
  */
-declare const Tabs: ({ options, idAccessor, nameAccessor, onChange, defaultValue, renderTabsContent, value, }: TabsProps) => react__default.JSX.Element;
+declare const Tabs: <T extends TabsItemProps>({ options, idAccessor, nameAccessor, disabledAccessor, onChange, defaultValue, label, renderTabsContent, value, }: TabsProps<T>) => react__default.JSX.Element;
 
-interface TagProps {
+interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     /**
      * State of the tag
      */
@@ -2332,6 +1279,10 @@ interface TagProps {
      * Show border around the tag
      */
     showBorder?: boolean;
+    /**
+     * Show border around the tag
+     */
+    hideClose?: boolean;
     /**
      * Image source for the avatar
      */
@@ -2347,7 +1298,7 @@ interface TagProps {
     /**
      * Function to be called when the tag is closed
      */
-    onClose?: () => void;
+    onClose?: React.MouseEventHandler<HTMLButtonElement>;
     /**
      * Children of the tag
      */
@@ -2355,13 +1306,14 @@ interface TagProps {
     /**
      * Props for the icon
      */
-    iconProps?: React.HTMLAttributes<HTMLButtonElement>;
+    iconProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+    style?: React.CSSProperties;
 }
 
 /**
  * Tag component is used to show a tag to the user. It is used to show a label or a category
  */
-declare const Tag: ({ children, iconProps, onClose, showBorder, avatarImgAlt, avatarImgSrc, avatarText, state, }: TagProps) => react__default.JSX.Element;
+declare const Tag: react__default.ForwardRefExoticComponent<TagProps & react__default.RefAttributes<HTMLSpanElement>>;
 
 type TypographyWeightType = 'regular' | 'bold' | 'semi-bold';
 type TypographyVariantType = 'primary' | 'secondary' | 'heading' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'caption';
@@ -2399,6 +1351,8 @@ interface TextColors {
 }
 interface FillColors {
     base: string;
+    medium: string;
+    dark: string;
     surface: string;
     inverse: string;
     hover: string;
@@ -2416,6 +1370,7 @@ interface SemanticColors {
     success: SemanticColorsType;
 }
 interface BorderColors {
+    light: string;
     normal: string;
     divider: string;
     hover: string;
@@ -2479,6 +1434,19 @@ interface ZIndex {
     snackbar: number;
     tooltip: number;
 }
+interface FreemiumUiButtonTheme {
+    backgroundFrom: string;
+    backgroundTo: string;
+    color: string;
+    disabledColor: string;
+    activeBackgroundColor: string;
+    hoverColor: string;
+    borderColor: string;
+    activeBorderColor: string;
+    disabledBorderColor: string;
+    disabledBackgroundFrom: string;
+    disabledBackgroundTo: string;
+}
 interface FreemiumUiTheme {
     mode: 'light' | 'dark';
     breakpoints: Breakpoints;
@@ -2487,7 +1455,14 @@ interface FreemiumUiTheme {
     shadows?: string[] | null;
     transitions: Transitions;
     zIndex: ZIndex;
-    components: any;
+    components: {
+        button: {
+            primary: FreemiumUiButtonTheme;
+            secondary: FreemiumUiButtonTheme;
+            danger: FreemiumUiButtonTheme;
+            link: FreemiumUiButtonTheme;
+        };
+    };
 }
 
 type ThemeProviderType<Theme> = React.ComponentType<{
@@ -2497,17 +1472,12 @@ type ThemeProviderType<Theme> = React.ComponentType<{
 
 declare const ThemeProvider: ThemeProviderType<FreemiumUiTheme>;
 
-type ToastProviderProps = {
-    children: react__default.ReactNode;
-};
-declare const ToastProvider: (props: ToastProviderProps) => react__default.JSX.Element;
-
 type ToastTypes = 'success' | 'warning' | 'error' | 'info';
 interface ToastType {
     /**
      * How large should the button be?
      */
-    text?: string;
+    text?: string | React.ReactNode;
     /**
      * How large should the button be?
      */
@@ -2521,11 +1491,15 @@ interface ToastType {
      */
     customIcon?: React.ReactNode;
     /**
-     * How large should the button be?
+     * fixed toast on the screen
+     * @default false
+     *
      */
     fixed?: boolean;
     /**
-     * How large should the button be?
+     * shows progress bar in the toast
+     * takes delay as the duration
+     * @default false
      */
     showProgress?: boolean;
 }
@@ -2539,10 +1513,17 @@ type UpdateToastsFunction<T> = (fn: (toasts: Array<T>) => Array<T>) => void;
 interface ToastContextType {
     toasts: Array<ToastWithID>;
     windowState: 'focus' | 'blur';
+    retainOnWindowBlur?: boolean;
+    retainOnHover?: boolean;
     addToast: (toast: ToastType) => void;
     updateToasts: (fn: (oldToasts: ToastWithID[]) => ToastWithID[]) => void;
 }
 
+interface ToastProviderProps extends Pick<ToastContextType, 'retainOnHover' | 'retainOnWindowBlur'> {
+    children: react__default.ReactNode;
+}
+declare const ToastProvider: ({ children, retainOnHover, retainOnWindowBlur, }: ToastProviderProps) => react__default.JSX.Element;
+
 /**
  * useToasts is a custom hook that returns the toasts and a function to add a new toast.
  */
@@ -2627,49 +1608,140 @@ interface TooltipProps {
  */
 declare const Tooltip: ({ position, label, html, style, children, className, disabled, delay, arrow, providerProps, rootProps, }: TooltipProps) => react__default.JSX.Element;
 
-type BaseProps = Pick<TransitionProps$1, 'in' | 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited' | 'unmountOnExit' | 'timeout'>;
-interface TransitionProps extends BaseProps {
-    transition?: string;
-    children: (styles: React.CSSProperties) => React.ReactNode;
-    styles: TransitionStyles;
-}
-type TransitionStyleState = 'init' | 'entered' | 'exiting';
-type TransitionStyles = {
-    [K in TransitionStyleState]?: React.CSSProperties;
+/**
+ * Typography component is used to show text to the user. It can be used to show a heading, a paragraph, or any other text.
+ */
+declare const Typography: react__default.ForwardRefExoticComponent<TypographyProps & react__default.RefAttributes<HTMLSpanElement>>;
+
+type FreshworksPalette = {
+    primary: {
+        elephant: string;
+        smoke: string;
+        milk: string;
+        E900: string;
+        E800: string;
+        E700: string;
+        E600: string;
+        E500: string;
+        E400: string;
+        E300: string;
+        E200: string;
+        E100: string;
+        E50: string;
+        S900: string;
+        S800: string;
+        S700: string;
+        S600: string;
+        S500: string;
+        S400: string;
+        S300: string;
+        S200: string;
+        S100: string;
+        S75: string;
+        S50: string;
+        S25: string;
+        S10: string;
+    };
+    secondary: {
+        jungle: string;
+        J900: string;
+        J800: string;
+        J700: string;
+        J600: string;
+        J500: string;
+        J400: string;
+        J300: string;
+        J200: string;
+        J100: string;
+        J50: string;
+        azure: string;
+        A900: string;
+        A800: string;
+        A700: string;
+        A600: string;
+        A500: string;
+        A400: string;
+        A300: string;
+        A200: string;
+        A100: string;
+        A50: string;
+        persimmon: string;
+        P900: string;
+        P800: string;
+        P700: string;
+        P600: string;
+        P500: string;
+        P400: string;
+        P300: string;
+        P200: string;
+        P100: string;
+        P50: string;
+        casablanca: string;
+        C900: string;
+        C800: string;
+        C700: string;
+        C600: string;
+        C500: string;
+        C400: string;
+        C300: string;
+        C200: string;
+        C100: string;
+        C50: string;
+    };
+    common: {
+        black: string;
+        white: string;
+    };
 };
-
-type SlidePlacement = 'left' | 'right' | 'bottom' | 'top';
-type SlideProps = Omit<TransitionProps, 'styles' | 'timeout'> & {
-    /** The direction to slide drawer from */
-    placement?: SlidePlacement;
-    /** The transition timeout */
-    timeout?: number;
+type FuiContextType = {
+    theme: FreemiumUiTheme;
 };
-type FadeProps = Omit<TransitionProps, 'styles' | 'timeout'> & {
-    timeout?: number;
+type ModalCssType = {
+    left?: string;
+    top?: string;
+    transform?: string;
+    right?: string;
+    bottom?: string;
+    y?: string;
+    x?: string;
 };
-interface SlideFadeProps extends Omit<TransitionProps, 'styles' | 'timeout'> {
-    /**
-     * The initial offset to slide from
-     */
-    initialOffset?: string;
-    /**
-     * The transition timeout
-     */
-    timeout?: number;
-}
-
-declare const Fade: (props: FadeProps) => react__default.JSX.Element;
 
-declare const Slide: (props: SlideProps) => react__default.JSX.Element;
-
-declare const SlideFade: (props: SlideFadeProps) => react__default.JSX.Element;
-
-declare const Transition: (props: TransitionProps) => react__default.JSX.Element;
-
-/**
- * Typography component is used to show text to the user. It can be used to show a heading, a paragraph, or any other text.
- */
-declare const Typography: ({ children, style, variant, weight, }: TypographyProps) => react__default.JSX.Element;
+declare const StyledLabel: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<Omit<_radix_ui_react_label.LabelProps & react.RefAttributes<HTMLLabelElement>, "ref"> & {
+    ref?: ((instance: HTMLLabelElement | null) => void) | react.RefObject<HTMLLabelElement> | null | undefined;
+}, never>> & Omit<react.ForwardRefExoticComponent<_radix_ui_react_label.LabelProps & react.RefAttributes<HTMLLabelElement>>, keyof react.Component<any, {}, any>>;
+type InputLabelProps = {
+    disabled?: boolean;
+};
+declare const InputLabel: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, InputLabelProps>>;
+declare const RequiredIndicator: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+declare const IconButton: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
+declare const FreshLink: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;
+declare const CardContent: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+declare const CardActions: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+declare const CardTitle: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>>;
+declare const CardDescription: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+declare const CardText: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+declare const TriggerButtonWrapper: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<styled_components_dist_types.FastOmit<styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, never>>;
+declare const basicHide: () => styled_components.RuleSet<object>;
+declare const basicShow: () => styled_components.RuleSet<object>;
+declare const contentHide: () => styled_components.RuleSet<object>;
+declare const contentShow: () => styled_components.RuleSet<object>;
+declare const slideUpAndFade: () => styled_components.RuleSet<object>;
+declare const slideRightAndFade: () => styled_components.RuleSet<object>;
+declare const slideDownAndFade: () => styled_components.RuleSet<object>;
+declare const slideLeftAndFade: () => styled_components.RuleSet<object>;
+
+declare const hextoRGB: (hex: string, alpha?: number) => string;
+declare const light: FreemiumUiTheme;
+declare const dark: FreemiumUiTheme;
+
+declare const index_d_dark: typeof dark;
+declare const index_d_hextoRGB: typeof hextoRGB;
+declare const index_d_light: typeof light;
+declare namespace index_d {
+  export { index_d_dark as dark, index_d_hextoRGB as hextoRGB, index_d_light as light };
+}
 
-export { Alert, type AlertProps, type BaseProps, Button, type ButtonProps, type ButtonSizeKey, type ButtonVariant, Checkbox, type CheckboxProps, ChevronUp, Confirmation, type ConfirmationProps, Cross, CrossSmall, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DateTimeRangePicker, type DateTimeRangePickerProps, type DefaultDropdownItem, type DefaultMultiSelectDropdownItem, type DefaultProps, Drawer, type DrawerPlacement, type DrawerProps, type DrawerSizeType, Dropdown, type DropdownProps, type DropdownTypes, Fade, type FadeProps, Input, type InputProps, type LevelType, Loader, type LoaderPropTypes, type LoaderSizes, type LoaderSpeeds, Menu, type MenuItemProps, type MenuProps, Modal, type ModalAlignType, type ModalPositionType, type ModalProps, type ModalSizeType, MultiSelectDropdown, type MultiSelectDropdownProps, type Origin, Popover, PopoverClose, type PopoverProps, Radio, RadioGroup, type RadioGroupProps, type RadioItemProps, type RadioProps, Reorder, type ReorderItemType, type ReorderProps, type RowData, Slide, SlideFade, type SlideFadeProps, type SlidePlacement, type SlideProps, Table, type TableProps, Tabs, TabsContent, type TabsItemProps, TabsList, type TabsProps, TabsRoot, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, ThemeProvider, type ThemeProviderType, TickIcon, type ToastContextType, type ToastItemProps, ToastProvider, type ToastType, type ToastTypes, type ToastWithID, Toggle, type ToggleProps, type ToggleSizes, Tooltip, type TooltipAlign, type TooltipPosition, type TooltipProps, type TooltipSide, Transition, type TransitionProps, type TransitionStyleState, type TransitionStyles, Typography, type TypographyProps, type TypographyVariantType, type TypographyWeightType, type UpdateToastsFunction, Warning, useToasts };
+export { Accordion, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, BoxedRadio, type BoxedRadioItemProps, type BoxedRadioProps, Button, ButtonDropdown, type ButtonDropdownItemProps, type ButtonDropdownProps, type ButtonProps, type ButtonSizeKey, type ButtonVariant, CardActions, CardContent, CardDescription, CardText, CardTitle, Checkbox, type CheckboxProps, Checkmark, ChevronUp, Confirmation, type ConfirmationProps, Cross as CrossIcon, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DateTimeRangePicker, type DateTimeRangePickerProps, type DefaultDropdownItem, type DefaultMultiSelectDropdownItem, type DefaultProps, Drawer, type DrawerPlacement, type DrawerProps, type DrawerSizeType, Dropdown, type DropdownButtonProps, ListItem as DropdownInputItem, type DropdownInputItemProps, type DropdownInputProps, Item as DropdownItem, type DropdownItemProps, DropdownMenuItem, type DropdownProps, type DropdownTypes, ErrorIcon, type FreemiumUiTheme, FreshLink, type FreshworksPalette, type FuiContextType, IconButton, InfoIcon, Input, InputLabel, type InputProps, type LevelType, Loader, type LoaderPropTypes, type LoaderSizes, type LoaderSpeeds, Menu, type MenuItemProps, type MenuProps, Minus, Modal, type ModalAlignType, type ModalCssType, type ModalPositionType, type ModalProps, type ModalSizeType, MoreVertical, MultiSelectDropdown, type MultiSelectDropdownProps, type Origin, Popover, PopoverClose, type PopoverProps, PopoverTrigger, Radio, RadioGroup, type RadioGroupProps, type RadioItemProps, type RadioProps, Reorder, type ReorderItemType, type ReorderProps, RequiredIndicator, type RowData, StyledLabel, type StyledListItemType, Table, type TableProps, Tabs, TabsContent, type TabsItemProps, TabsList, type TabsProps, TabsRoot, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, ThemeProvider, type ThemeProviderType, index_d as Themes, TickIcon, TimePicker, type TimePickerProps, type ToastContextType, type ToastItemProps, ToastProvider, type ToastType, type ToastTypes, type ToastWithID, Toggle, type ToggleProps, type ToggleSizes, Tooltip, type TooltipAlign, type TooltipPosition, type TooltipProps, type TooltipSide, TriggerButtonWrapper, Typography, type TypographyProps, type TypographyVariantType, type TypographyWeightType, type UpdateToastsFunction, Warning, basicHide, basicShow, contentHide, contentShow, slideDownAndFade, slideLeftAndFade, slideRightAndFade, slideUpAndFade, useToasts };