@ama-pt/agora-design-system 0.6.1 → 0.8.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ComponentPropsWithRef, ReactNode, FC, SVGProps, HTMLProps, ComponentPropsWithoutRef, ReactElement, HtmlHTMLAttributes, ForwardRefRenderFunction, ChangeEvent, RefObject, AnchorHTMLAttributes, ImgHTMLAttributes } from 'react';
+import React__default, { ComponentPropsWithRef, ReactNode, FC, SVGProps, HTMLProps, ComponentPropsWithoutRef, ReactElement, HtmlHTMLAttributes, ForwardRefRenderFunction, ChangeEvent, RefObject, HTMLAttributes, TdHTMLAttributes, AnchorHTMLAttributes, ImgHTMLAttributes } from 'react';
 
 type BooleanProp = boolean | 'true' | 'false';
 
@@ -351,10 +351,20 @@ interface DrawerProps extends ComponentPropsWithRef<'dialog'> {
 }
 declare const Drawer: React__default.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React__default.RefAttributes<HTMLDialogElement | DrawerRef>>;
 
-type LetterStatus = 'default' | 'disabled';
+type LetterStatus = 'default' | 'disabled' | 'selected';
 interface GlossaryLetter extends HTMLProps<HTMLAnchorElement> {
+    /**
+     * Letter to be rendered
+     */
     letter: string;
+    /**
+     *  Glossary letter status
+     */
     status: LetterStatus;
+    /**
+     * Data attributes
+     */
+    [dataAttribute: `data-${string}`]: string;
 }
 interface GlossaryLettersProps extends ComponentPropsWithRef<'nav'> {
     /**
@@ -388,7 +398,7 @@ interface InputNumberProps extends React__default.ComponentPropsWithRef<'input'>
     /**
      * Feedback text displayed below input.
      */
-    feedbackText?: string;
+    feedbackText?: ReactNode;
     /**
      * Show or hide the leading icon.
      */
@@ -424,7 +434,7 @@ interface InputPasswordProps extends React__default.ComponentPropsWithRef<'input
     /**
      * Text informative displayed below input text.
      */
-    feedbackText?: string;
+    feedbackText?: ReactNode;
     /**
      * Defines the state of the feedback text. This param will change the feedback icon and dye it.
      */
@@ -464,7 +474,7 @@ interface InputSearchProps extends React__default.ComponentPropsWithRef<'input'>
     /**
      * Text informative displayed below input text.
      */
-    feedbackText?: string;
+    feedbackText?: ReactNode;
     /**
      * Defines the state of the feedback text. This param will change the feedback icon and dye it.
      */
@@ -484,6 +494,30 @@ interface InputSearchProps extends React__default.ComponentPropsWithRef<'input'>
 }
 declare const InputSearch: React__default.ForwardRefExoticComponent<Omit<InputSearchProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
+interface InputSearchBarProps extends ComponentPropsWithRef<'input'> {
+    /**
+     * Defines if the user specifies a leading icon.
+     */
+    hasIcon?: BooleanProp;
+    /**
+     * Name of the icon leading icon to be displayed.
+     */
+    icon?: string;
+    /**
+     * Defines if the voice action button is visible.
+     */
+    hasVoiceActionButton?: BooleanProp;
+    /**
+     * Callback to execute whenever the user activates the microphone button.
+     */
+    onVoiceActivate?: () => void;
+    /**
+     * Callback to execute whenever the user activates the search button.
+     */
+    onSearchActivate?: (term: string) => void;
+}
+declare const InputSearchBar: React__default.ForwardRefExoticComponent<Omit<InputSearchBarProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+
 interface InputTextProps extends React__default.ComponentPropsWithRef<'input'> {
     /**
      * Input label text.
@@ -500,7 +534,7 @@ interface InputTextProps extends React__default.ComponentPropsWithRef<'input'> {
     /**
      * Text informative displayed below input text.
      */
-    feedbackText?: string;
+    feedbackText?: ReactNode;
     /**
      * Defines the state of the feedback text. This param will change the feedback icon and dye it.
      */
@@ -544,7 +578,7 @@ interface InputTextAreaProps extends React__default.ComponentPropsWithRef<'texta
     /**
      * Feedback text displayed below input.
      */
-    feedbackText?: string;
+    feedbackText?: ReactNode;
     /**
      * Defines if the char counter on right corner should or should not be visible.
      */
@@ -625,40 +659,6 @@ interface ListProps extends ComponentPropsWithoutRef<'ul'> {
 }
 declare const List: FC<ListProps>;
 
-/**
- * Menu item type
- */
-type MenuItemType = 'primary' | 'search' | 'menu' | 'secondary' | 'user' | 'avatar' | 'close';
-type BaseProps = {
-    /**
-     * Remove default icons.
-     */
-    noIcons?: BooleanProp;
-    /**
-     * Type of menu item
-     */
-    itemType: MenuItemType;
-    /**
-     * Menu on dark background
-     */
-    darkMode?: BooleanProp;
-    /**
-     *  Menu item is a action button
-     */
-    actionItem?: BooleanProp;
-    /**
-     * Children content.
-     */
-    children?: ReactNode;
-};
-type MenuItemProps = BaseProps & (HTMLProps<HTMLAnchorElement> | HTMLProps<HTMLButtonElement> | HTMLProps<HTMLDivElement> | AvatarProps);
-interface MenuItemRef {
-    current: HTMLButtonElement | HTMLAnchorElement | null;
-    toggleMenuItem: () => void;
-}
-type ExtendedInterfaceMenu = HTMLButtonElement | HTMLAnchorElement | MenuItemRef | AvatarProps;
-declare const MenuItem: React__default.ForwardRefExoticComponent<((BaseProps & AvatarProps) | Omit<BaseProps & React__default.HTMLProps<HTMLDivElement>, "ref"> | Omit<BaseProps & React__default.HTMLProps<HTMLAnchorElement>, "ref"> | Omit<BaseProps & React__default.HTMLProps<HTMLButtonElement>, "ref">) & React__default.RefAttributes<ExtendedInterfaceMenu>>;
-
 /**
  * The available variants of the pill. This variants will define the background and border color of the pill.
  */
@@ -727,7 +727,7 @@ interface ProgressBarProps extends ComponentPropsWithRef<'div'> {
 }
 declare const ProgressBar: React__default.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
-interface RadioButtonProps extends React__default.ComponentPropsWithRef<'input'> {
+interface RadioButtonProps extends ComponentPropsWithRef<'input'> {
     /**
      * Input label text.
      */
@@ -1193,7 +1193,7 @@ interface CheckboxGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'o
     /**
      * Feedback text displayed below checkbox-group.
      */
-    feedbackText?: string;
+    feedbackText?: ReactNode;
     /**
      *  List of checkbox components to use as children of the group.
      */
@@ -1291,6 +1291,152 @@ declare const DropdownSection: FC<DropdownSectionProps>;
 
 declare const DropdownSectionOption: FC<DropdownSectionOptionProps>;
 
+interface LoaderDialogProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+    /**
+     * The title of the loader.
+     */
+    title?: string;
+    /**
+     * The subtitle of the loader.
+     */
+    subtitle?: string;
+}
+declare const LoaderDialog: FC<LoaderDialogProps>;
+
+interface LoaderDialogContextProps {
+    current: DialogElementRef | null;
+    visibility?: boolean;
+    showLoader: (props: LoaderDialogProps) => void;
+    hideLoader: () => void;
+}
+declare const LoaderDialogContext: React$1.Context<LoaderDialogContextProps>;
+declare const useLoaderDialogContext: () => LoaderDialogContextProps;
+
+interface LoaderDialogProviderProps {
+    /**
+     * Children content.
+     */
+    children: ReactNode;
+}
+declare const LoaderDialogProvider: FC<LoaderDialogProviderProps>;
+
+/**
+ * Menu item type
+ */
+type MenuItemType = 'primary' | 'search' | 'menu' | 'secondary' | 'user' | 'avatar' | 'close';
+type BaseProps = {
+    /**
+     * Remove default icons.
+     */
+    noIcons?: BooleanProp;
+    /**
+     * Type of menu item
+     */
+    itemType: MenuItemType;
+    /**
+     * Menu on dark background
+     */
+    darkMode?: BooleanProp;
+    /**
+     *  Menu item is a action button
+     */
+    actionItem?: BooleanProp;
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+    /**
+     *  Vertically , used with primary or secondary menu type, allow to change style of current option
+     */
+    vertically?: BooleanProp;
+};
+type MenuItemProps = (BaseProps & HTMLProps<HTMLButtonElement | HTMLAnchorElement | HTMLDivElement>) | (BaseProps & AvatarProps);
+interface MenuItemRef {
+    current: HTMLButtonElement | HTMLAnchorElement | null;
+    toggleMenuItem: () => void;
+}
+type ExtendedInterfaceMenu = HTMLButtonElement | HTMLAnchorElement | AvatarProps | MenuItemRef | null;
+declare const MenuItem: React__default.ForwardRefExoticComponent<((BaseProps & AvatarProps) | Omit<BaseProps & React__default.HTMLProps<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement>, "ref">) & React__default.RefAttributes<ExtendedInterfaceMenu>>;
+
+interface ModalDialogProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+    /**
+     * Close button text.
+     */
+    closeButtonLabel: string;
+    /**
+     * Children content.
+     */
+    children: ReactNode;
+}
+declare const ModalDialog: FC<ModalDialogProps>;
+
+interface ModalContextProps {
+    current: DialogElementRef | null;
+    visibility?: boolean;
+    show: (children: ReactNode, popupProps: ModalDialogProps) => void;
+    hide: () => void;
+}
+declare const ModalContext: React$1.Context<ModalContextProps>;
+declare const useModalContext: () => ModalContextProps;
+
+interface ModalProviderProps {
+    /**
+     * Allows the dialog to be closed by pressing Escape key.
+     */
+    dismissOnEscape?: BooleanProp;
+    /**
+     * Children content.
+     */
+    children: ReactNode;
+}
+declare const ModalProvider: FC<ModalProviderProps>;
+
+type PopupDimensions = 's' | 'm' | 'l';
+interface PopupDialogProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+    /**
+     * Available popup sizes. Can be small (S), medium (M), and large (L) dimensions.
+     */
+    dimensions?: PopupDimensions;
+    /**
+     * Title of the popup dialog.
+     */
+    title: ReactNode;
+    /**
+     * Close button alternative text.
+     */
+    closeAriaLabel: string;
+    /**
+     * Children content.
+     */
+    children: ReactNode;
+}
+declare const PopupDialog: FC<PopupDialogProps>;
+
+interface PopupContextProps {
+    current: DialogElementRef | null;
+    visibility?: boolean;
+    show: (children: ReactNode, popupProps: PopupDialogProps) => void;
+    hide: () => void;
+}
+declare const PopupContext: React$1.Context<PopupContextProps>;
+declare const usePopupContext: () => PopupContextProps;
+
+interface PopupProviderProps {
+    /**
+     * If not a fullscreen dialog, allows the user to dismiss the dialog by clicking in the backdrop
+     */
+    dismissOnBackdropClick?: BooleanProp;
+    /**
+     * Allows the dialog to be closed by pressing Escape key.
+     */
+    dismissOnEscape?: BooleanProp;
+    /**
+     * Children content.
+     */
+    children: ReactNode;
+}
+declare const PopupProvider: FC<PopupProviderProps>;
+
 /**
  * ProgressBarGroup component.
  */
@@ -1346,7 +1492,7 @@ interface RadioButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>,
     /**
      * Feedback text displayed below radio-button.
      */
-    feedbackText?: string;
+    feedbackText?: ReactNode;
     /**
      *  List of radiobutton props to generate as radio buttons.
      */
@@ -1362,113 +1508,209 @@ interface RadioButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>,
 }
 declare const RadioButtonGroup: FC<RadioButtonGroupProps>;
 
-type PopupDimensions = 's' | 'm' | 'l';
-interface PopupDialogProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+interface SearchPaginationProps extends Omit<ComponentPropsWithoutRef<'nav'>, 'onChange'> {
     /**
-     * Available popup sizes. Can be small (S), medium (M), and large (L) dimensions.
+     * Define the total number of pages.
      */
-    dimensions?: PopupDimensions;
+    totalPages?: number;
     /**
-     * Title of the popup dialog.
+     * The flag to hide previous page button.
      */
-    title: ReactNode;
+    hidePreviousPageButton?: boolean;
     /**
-     * Close button alternative text.
+     * The flag to hide next page button.
      */
-    closeAriaLabel: string;
+    hideNextPageButton?: boolean;
     /**
-     * Children content.
+     * Define the number of visible page buttons at the beginning and end.
      */
-    children: ReactNode;
-}
-declare const PopupDialog: FC<PopupDialogProps>;
-
-interface PopupContextProps {
-    current: DialogElementRef | null;
-    visibility?: boolean;
-    show: (children: ReactNode, popupProps: PopupDialogProps) => void;
-    hide: () => void;
+    boundaryCount?: number;
+    /**
+     * Define the number of visible page buttons before and after the current page.
+     */
+    siblingCount?: number;
+    /**
+     * Search Pagination navigation alternative text.
+     */
+    label: string;
+    /**
+     * Next page button alternative text.
+     */
+    nextPageAriaLabel: string;
+    /**
+     * Previous page button alternative text.
+     */
+    previousPageAriaLabel: string;
+    /**
+     *  Event triggered whenever any of the search pages changes is current state.
+     */
+    onChange?: (page: number) => void;
 }
-declare const PopupContext: React$1.Context<PopupContextProps>;
-declare const usePopupContext: () => PopupContextProps;
+declare const SearchPagination: React__default.ForwardRefExoticComponent<SearchPaginationProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface PopupProviderProps {
+/**
+ * The available variants of the card emphasize
+ */
+type CardEmphasizeAlignment = 'default' | 'center';
+interface CardEmphasizeProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
     /**
-     * If not a fullscreen dialog, allows the user to dismiss the dialog by clicking in the backdrop
+     * The icon props
      */
-    dismissOnBackdropClick?: BooleanProp;
+    icon: IconProps;
     /**
-     * Allows the dialog to be closed by pressing Escape key.
+     * The title of the card
      */
-    dismissOnEscape?: BooleanProp;
+    title: ReactNode;
     /**
-     * Children content.
+     * If the card has a title section
      */
-    children: ReactNode;
+    hasTitle: boolean;
+    /**
+     * The description of the card
+     */
+    description?: ReactNode;
+    /**
+     * If the card has a description section
+     */
+    hasDescription: boolean;
+    /**
+     * The variant of the card
+     */
+    alignment: CardEmphasizeAlignment;
+    /**
+     * The button props
+     */
+    button: ButtonProps;
+    /**
+     * If the card has a button
+     */
+    hasButton?: boolean;
 }
-declare const PopupProvider: FC<PopupProviderProps>;
+declare const CardEmphasize: FC<CardEmphasizeProps>;
 
-interface LoaderDialogProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+interface CardExpandableProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * The title of the loader.
+     * Children content.
+     */
+    children: ReactElement<AccordionProps>;
+    /**
+     * Card has title.
+     */
+    hasTitle: boolean;
+    /**
+     * Card title.
      */
     title?: string;
     /**
-     * The subtitle of the loader.
+     * Card icon.
      */
-    subtitle?: string;
+    showBookmarkIcon?: boolean;
 }
-declare const LoaderDialog: FC<LoaderDialogProps>;
+declare const CardExpandable: FC<CardExpandableProps>;
 
-interface LoaderDialogContextProps {
-    current: DialogElementRef | null;
-    visibility?: boolean;
-    showLoader: (props: LoaderDialogProps) => void;
-    hideLoader: () => void;
-}
-declare const LoaderDialogContext: React$1.Context<LoaderDialogContextProps>;
-declare const useLoaderDialogContext: () => LoaderDialogContextProps;
-
-interface LoaderDialogProviderProps {
+interface CardFrameProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Children content.
      */
     children: ReactNode;
-}
-declare const LoaderDialogProvider: FC<LoaderDialogProviderProps>;
-
-interface ModalDialogProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
     /**
-     * Close button text.
+     * Makes the whole card clickable.
      */
-    closeButtonLabel: string;
+    blockedLink?: BooleanProp;
     /**
-     * Children content.
+     * Anchor disabled.
      */
-    children: ReactNode;
+    hasAnchor?: BooleanProp;
+    /**
+     * label Anchor.
+     */
+    labelAnchor?: ReactNode;
+    /**
+     * aria label Anchor.
+     */
+    ariaLabelAnchor?: string;
+    /**
+     * header Accordion.
+     */
+    headerTag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * label header.
+     */
+    labelHeader: string;
+    /**
+     * anchor Href.
+     */
+    anchorHref?: string;
+    /**
+     * anchor Target.
+     */
+    anchorTarget?: string;
 }
-declare const ModalDialog: FC<ModalDialogProps>;
+declare const CardFrame: FC<CardFrameProps>;
 
-interface ModalContextProps {
-    current: DialogElementRef | null;
-    visibility?: boolean;
-    show: (children: ReactNode, popupProps: ModalDialogProps) => void;
-    hide: () => void;
+interface CardHeroIndexProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+    /**
+     * The title of the card
+     */
+    title?: ReactNode;
+    /**
+     * Title header.
+     */
+    headerTag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * The list of indexes
+     */
+    indexList: AnchorProps[];
 }
-declare const ModalContext: React$1.Context<ModalContextProps>;
-declare const useModalContext: () => ModalContextProps;
+declare const CardHeroIndex: FC<CardHeroIndexProps>;
 
-interface ModalProviderProps {
+/**
+ * The available variants of the card links
+ */
+type CardLinkVariant = 'default' | 'dark';
+interface CardLinksProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
     /**
-     * Allows the dialog to be closed by pressing Escape key.
+     * The category of the card
      */
-    dismissOnEscape?: BooleanProp;
+    category?: ReactNode;
     /**
-     * Children content.
+     * If the card has a category section
      */
-    children: ReactNode;
+    hasCategory: boolean;
+    /**
+     * The title of the card
+     */
+    title: ReactNode;
+    /**
+     * If the card has a title section
+     */
+    hasTitle: boolean;
+    /**
+     * The description of the card
+     */
+    description?: ReactNode;
+    /**
+     * If the card has a description section
+     */
+    hasDescription: boolean;
+    /**
+     * The list of links of the card
+     */
+    listLinks: AnchorProps[];
+    /**
+     * The list of topics of the card
+     */
+    topics?: string[];
+    /**
+     * If the card has a topics section
+     */
+    hasTopics: boolean;
+    /**
+     * The variant of the card
+     */
+    variant?: CardLinkVariant;
 }
-declare const ModalProvider: FC<ModalProviderProps>;
+declare const CardLinks: FC<CardLinksProps>;
 
 interface WeekDays {
     sun: string;
@@ -1507,7 +1749,7 @@ interface InputDateProps extends Omit<ComponentPropsWithRef<'input'>, 'ref' | 'o
     /**
      * Feedback text displayed below input.
      */
-    feedbackText?: string;
+    feedbackText?: ReactNode;
     /**
      * Show or hide the leading icon.
      */
@@ -1632,7 +1874,7 @@ interface InputPhoneProps extends Omit<ComponentPropsWithRef<'input'>, 'onChange
     /**
      * Feedback text displayed below input.
      */
-    feedbackText?: string;
+    feedbackText?: ReactNode;
     /**
      *  Define de initial country selected using the country ISO. Will override defaultCode prop.
      */
@@ -1699,7 +1941,7 @@ interface InputSelectProps extends Omit<ComponentPropsWithRef<'select'>, 'option
     /**
      * Feedback text displayed below input.
      */
-    feedbackText?: string;
+    feedbackText?: ReactNode;
     /**
      * Show or hide the leading icon.
      */
@@ -1759,6 +2001,93 @@ interface InputSelectProps extends Omit<ComponentPropsWithRef<'select'>, 'option
 }
 declare const InputSelect: React__default.ForwardRefExoticComponent<Omit<InputSelectProps, "ref"> & React__default.RefAttributes<HTMLSelectElement | InputSelectRef>>;
 
+interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    children: ReactNode;
+}
+declare const TableRow: FC<TableRowProps>;
+
+interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement> {
+    children: ReactElement<TableRowProps> | Array<ReactElement<TableRowProps>>;
+}
+declare const TableHeader: FC<TableHeaderProps>;
+
+interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
+    children: ReactNode;
+}
+declare const TableBody: FC<TableBodyProps>;
+
+interface TableProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children: ReactElement<TableHeaderProps> | ReactElement<TableBodyProps> | Array<ReactElement<TableHeaderProps | TableBodyProps>>;
+}
+declare const Table: FC<TableProps>;
+
+interface TableHeaderCellProps extends HTMLAttributes<HTMLTableCellElement> {
+    children: ReactNode;
+}
+declare const TableHeaderCell: FC<TableHeaderCellProps>;
+
+interface TableFooterProps extends HTMLAttributes<HTMLTableSectionElement> {
+    children: ReactNode;
+}
+declare const TableFooter: FC<TableFooterProps>;
+
+interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    children: ReactNode;
+    headerLabel: ReactNode;
+}
+declare const TableCell: FC<TableCellProps>;
+
+interface TablePaginationProps extends ComponentPropsWithRef<'div'> {
+    /**
+     * Defines the label for the items per page
+     * */
+    itemsPerPageLabel: string;
+    /**
+     * Defines the label for the items
+     * */
+    itemsLabel: string;
+    /**
+     * Quantity of items per page
+     * */
+    itemsPerPage: number;
+    /**
+     * Total pages of the table
+     * */
+    totalPages: number;
+    /**
+     * Array of values to be displayed in the dropdown
+     * */
+    availablePageSizes: number[];
+    /**
+     * Current page of the table
+     * */
+    currentPage: number;
+    /**
+     * Aria label for the button
+     */
+    buttonDropdownAriaLabel: string;
+    /**
+     * Aria label for the dropdown list
+     */
+    dropdownListAriaLabel: string;
+    /**
+     * Aria label for the previous button
+     */
+    prevButtonAriaLabel?: string;
+    /**
+     * Aria label for the next button
+     * */
+    nextButtonAriaLabel?: string;
+    /**
+     * Callback to be called when the page changes
+     * */
+    onChangePage: (page: number) => void;
+}
+declare const TablePagination: React__default.ForwardRefExoticComponent<Omit<TablePaginationProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
 type CardFooterProps = {
     title?: string;
     description?: string | ReactNode;
@@ -2100,11 +2429,9 @@ declare const AgoraTailwindConfig: {
         };
         colors: {
             transparent: string;
-            backdrop: string;
-            inner: string;
             white: string;
             black: string;
-            visited: string;
+            backdrop: string;
             neutral: {
                 50: string;
                 100: string;
@@ -2209,6 +2536,8 @@ declare const AgoraTailwindConfig: {
             120: string;
             128: string;
             256: string;
+            '1/4': string;
+            '1/2': string;
             full: string;
         };
         boxShadow: {
@@ -2229,9 +2558,6 @@ declare const AgoraTailwindConfig: {
             'bottom-high': string;
             'bottom-higher': string;
             inner: string;
-            'input-range-hover': string;
-            'input-range-active': string;
-            'toast-shadow': string;
         };
         transitionDuration: {
             DEFAULT: string;
@@ -2245,6 +2571,10 @@ declare const AgoraTailwindConfig: {
         };
     };
     plugins: (({ addComponents }: any) => void)[];
+    safelist: {
+        pattern: RegExp;
+        variants: string[];
+    }[];
 };
 
-export { Accordion, AccordionGroup, type AccordionGroupProps, type AccordionGroupType, type AccordionProps, type AccordionRef, AgoraTailwindConfig, Anchor, type AnchorAppearance, type AnchorProps, type AnchorVariant, Avatar, type AvatarBadgePosition, type AvatarBadgeVariant, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarType, BackToTop, type BackToTopProps, type BooleanProp, Breadcrumb, type BreadcrumbLink, type BreadcrumbProps, Button, type ButtonAppearance, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonVariant, type CardFooterProps, type CardLinksFooterProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ContactsFooterProps, Dialog, type DialogElementRef, type DialogProps, Drawer, type DrawerPosition, type DrawerProps, type DrawerRef, DropdownList, type DropdownListProps, DropdownSection, DropdownSectionOption, type DropdownSectionOptionProps, type DropdownSectionProps, type DropdownSectionType, FederatedFooter, type FederatedFooterProps, type FeedbackState, type GlossaryLetter, GlossaryLetters, type GlossaryLettersProps, Icon, type IconDimensions, type IconName, type IconPosition, type IconProps, InputDate, type InputDateProps, type InputDateRef, InputFile, type InputFileProps, InputNumber, type InputNumberProps, InputPassword, type InputPasswordProps, InputPhone, type InputPhoneProps, type InputPhoneRef, InputRange, InputSearch, type InputSearchProps, InputSelect, type InputSelectProps, InputText, InputTextArea, type InputTextAreaProps, type InputTextProps, type LetterStatus, type LinkableIconsProps, type LinkableImagesProps, List, type ListProps, type ListStyle, type ListType, LoaderDialog, LoaderDialogContext, type LoaderDialogContextProps, type LoaderDialogProps, LoaderDialogProvider, type LoaderDialogProviderProps, MenuItem, type MenuItemProps, type MenuItemRef, type MenuItemType, ModalContext, type ModalContextProps, ModalDialog, type ModalDialogProps, ModalProvider, type ModalProviderProps, type Months, type PhoneCountryCode, PhoneCountryCodes, type PhoneCountryISO, PhoneCountryISOs, Pill, type PillAppearance, type PillProps, type PillVariant, PopupContext, type PopupContextProps, PopupDialog, type PopupDialogProps, type PopupDimensions, PopupProvider, type PopupProviderProps, ProgressBar, ProgressBarGroup, type ProgressBarGroupProps, type ProgressBarProps, PublicFooter, type PublicFooterProps, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RangeOrientation, type RangeProps, type RangeType, Scribbles, type ScribblesName, type ScribblesProps, SkipNavigation, StatusCard, type StatusCardProps, type StatusCardType, StepList, type StepListProps, Switch, type SwitchPosition, type SwitchProps, Tab, TabBody, type TabBodyProps, TabHeader, type TabHeaderProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, type TagVariant, Toast, ToastContext, type ToastContextProps, type ToastPositions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastType, Tooltip, type TooltipAlignment, type TooltipPosition, type TooltipProps, type TooltipVariant, TypedEventEmitter, allIcons, allScribbles, debounce, getDateString, normalizeText, stringToBoolean, useLoaderDialogContext, useModalContext, usePopupContext, useToast, useToastContext, useWindowSize };
+export { Accordion, AccordionGroup, type AccordionGroupProps, type AccordionGroupType, type AccordionProps, type AccordionRef, AgoraTailwindConfig, Anchor, type AnchorAppearance, type AnchorProps, type AnchorVariant, Avatar, type AvatarBadgePosition, type AvatarBadgeVariant, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarType, BackToTop, type BackToTopProps, type BooleanProp, Breadcrumb, type BreadcrumbLink, type BreadcrumbProps, Button, type ButtonAppearance, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonVariant, CardEmphasize, type CardEmphasizeAlignment, type CardEmphasizeProps, CardExpandable, type CardExpandableProps, type CardFooterProps, CardFrame, type CardFrameProps, CardHeroIndex, type CardHeroIndexProps, type CardLinkVariant, CardLinks, type CardLinksFooterProps, type CardLinksProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ContactsFooterProps, Dialog, type DialogElementRef, type DialogProps, Drawer, type DrawerPosition, type DrawerProps, type DrawerRef, DropdownList, type DropdownListProps, DropdownSection, DropdownSectionOption, type DropdownSectionOptionProps, type DropdownSectionProps, type DropdownSectionType, FederatedFooter, type FederatedFooterProps, type FeedbackState, type GlossaryLetter, GlossaryLetters, type GlossaryLettersProps, Icon, type IconDimensions, type IconName, type IconPosition, type IconProps, InputDate, type InputDateProps, type InputDateRef, InputFile, type InputFileProps, InputNumber, type InputNumberProps, InputPassword, type InputPasswordProps, InputPhone, type InputPhoneProps, type InputPhoneRef, InputRange, InputSearch, InputSearchBar, type InputSearchBarProps, type InputSearchProps, InputSelect, type InputSelectProps, InputText, InputTextArea, type InputTextAreaProps, type InputTextProps, type LetterStatus, type LinkableIconsProps, type LinkableImagesProps, List, type ListProps, type ListStyle, type ListType, LoaderDialog, LoaderDialogContext, type LoaderDialogContextProps, type LoaderDialogProps, LoaderDialogProvider, type LoaderDialogProviderProps, MenuItem, type MenuItemProps, type MenuItemRef, type MenuItemType, ModalContext, type ModalContextProps, ModalDialog, type ModalDialogProps, ModalProvider, type ModalProviderProps, type Months, type PhoneCountryCode, PhoneCountryCodes, type PhoneCountryISO, PhoneCountryISOs, Pill, type PillAppearance, type PillProps, type PillVariant, PopupContext, type PopupContextProps, PopupDialog, type PopupDialogProps, type PopupDimensions, PopupProvider, type PopupProviderProps, ProgressBar, ProgressBarGroup, type ProgressBarGroupProps, type ProgressBarProps, PublicFooter, type PublicFooterProps, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RangeOrientation, type RangeProps, type RangeType, Scribbles, type ScribblesName, type ScribblesProps, SearchPagination, type SearchPaginationProps, SkipNavigation, StatusCard, type StatusCardProps, type StatusCardType, StepList, type StepListProps, Switch, type SwitchPosition, type SwitchProps, Tab, TabBody, type TabBodyProps, TabHeader, type TabHeaderProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, type TagVariant, Toast, ToastContext, type ToastContextProps, type ToastPositions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastType, Tooltip, type TooltipAlignment, type TooltipPosition, type TooltipProps, type TooltipVariant, TypedEventEmitter, allIcons, allScribbles, debounce, getDateString, normalizeText, stringToBoolean, useLoaderDialogContext, useModalContext, usePopupContext, useToast, useToastContext, useWindowSize };