@ama-pt/agora-design-system 0.2.2 → 0.3.0

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import React$1, { ComponentPropsWithRef, ReactNode, FC, SVGProps, HTMLProps, ComponentPropsWithoutRef, ReactElement, HtmlHTMLAttributes, ChangeEvent, RefObject, AnchorHTMLAttributes, ImgHTMLAttributes } from 'react';
+import * as React$1 from 'react';
+import React__default, { ComponentPropsWithRef, ReactNode, FC, SVGProps, HTMLProps, ComponentPropsWithoutRef, ReactElement, HtmlHTMLAttributes, ChangeEvent, RefObject, AnchorHTMLAttributes, ImgHTMLAttributes } from 'react';
 
 type BooleanProp = boolean | 'true' | 'false';
 
@@ -70,7 +71,7 @@ interface AccordionProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
      */
     expanded?: BooleanProp;
 }
-declare const Accordion: React$1.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React$1.RefAttributes<HTMLDivElement | AccordionRef>>;
+declare const Accordion: React__default.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React__default.RefAttributes<HTMLDivElement | AccordionRef>>;
 
 /**
  * The available variants of the anchors. This variants will define the background and border color of the anchors.
@@ -129,8 +130,12 @@ interface AnchorProps extends ComponentPropsWithRef<'a'> {
      * Children content.
      */
     children?: ReactNode;
+    /**
+     * Defines if anchor is inline text or not. An inline element does not start on a new line and takes up as much width as necessary. See https://www.w3schools.com/html/html_blocks.asp.
+     */
+    inline?: BooleanProp;
 }
-declare const Anchor: React$1.ForwardRefExoticComponent<Omit<AnchorProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const Anchor: React__default.ForwardRefExoticComponent<Omit<AnchorProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
 
 declare const allIcons: string[];
 type IconName = (typeof allIcons)[number];
@@ -148,7 +153,7 @@ interface IconProps extends SuperIconProps {
     /**
      * Icon name to be used. Can be an external image url.
      */
-    name?: IconName | string;
+    name?: IconName;
     /**
      * Callback to run when image is loaded.
      */
@@ -181,7 +186,7 @@ interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
      * Avatar source to be used. Depending on the selected avatar type it can be an external image url or an icon name that exists in AgoraDS
      * or first 2 letters of the given name.
      */
-    srcPath?: IconName | string;
+    srcPath?: IconName;
     /**
      * Avatar information. Information related to the avatar, such as user name or other.
      */
@@ -243,7 +248,7 @@ type ButtonVariant = 'primary' | 'neutral' | 'white' | 'success' | 'warning' | '
 /**
  * The available button appearances. Defines the button shape.
  */
-type ButtonAppearance = 'solid' | 'outline' | 'link' | 'text';
+type ButtonAppearance = 'solid' | 'outline' | 'link';
 interface ButtonProps extends ComponentPropsWithRef<'button'> {
     /**
      * The button appearance. Define the button Shape.
@@ -298,9 +303,9 @@ interface ButtonProps extends ComponentPropsWithRef<'button'> {
      */
     selected?: BooleanProp;
 }
-declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
-interface CheckboxProps extends React$1.ComponentPropsWithRef<'input'> {
+interface CheckboxProps extends React__default.ComponentPropsWithRef<'input'> {
     /**
      * Input label text.
      */
@@ -318,7 +323,7 @@ interface CheckboxProps extends React$1.ComponentPropsWithRef<'input'> {
      */
     children?: ReactNode;
 }
-declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
 interface DrawerRef {
@@ -344,7 +349,7 @@ interface DrawerProps extends ComponentPropsWithRef<'dialog'> {
      */
     position?: DrawerPosition;
 }
-declare const Drawer: React$1.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React$1.RefAttributes<HTMLDialogElement | DrawerRef>>;
+declare const Drawer: React__default.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React__default.RefAttributes<HTMLDialogElement | DrawerRef>>;
 
 type LetterStatus = 'default' | 'disabled';
 interface GlossaryLetter extends HTMLProps<HTMLAnchorElement> {
@@ -357,9 +362,9 @@ interface GlossaryLettersProps extends ComponentPropsWithRef<'nav'> {
      */
     letters?: GlossaryLetter[];
 }
-declare const GlossaryLetters: React$1.ForwardRefExoticComponent<Omit<GlossaryLettersProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const GlossaryLetters: React__default.ForwardRefExoticComponent<Omit<GlossaryLettersProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
-interface InputNumberProps extends React$1.ComponentPropsWithRef<'input'> {
+interface InputNumberProps extends React__default.ComponentPropsWithRef<'input'> {
     /**
      * Input label text.
      */
@@ -401,9 +406,9 @@ interface InputNumberProps extends React$1.ComponentPropsWithRef<'input'> {
      */
     decreaseButtonAltText?: string;
 }
-declare const InputNumber: React$1.ForwardRefExoticComponent<Omit<InputNumberProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const InputNumber: React__default.ForwardRefExoticComponent<Omit<InputNumberProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
-interface InputPasswordProps extends React$1.ComponentPropsWithRef<'input'> {
+interface InputPasswordProps extends React__default.ComponentPropsWithRef<'input'> {
     /**
      * Input descriptive label.
      */
@@ -441,9 +446,9 @@ interface InputPasswordProps extends React$1.ComponentPropsWithRef<'input'> {
      */
     togglePasswordAltIconText?: string;
 }
-declare const InputPassword: React$1.ForwardRefExoticComponent<Omit<InputPasswordProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const InputPassword: React__default.ForwardRefExoticComponent<Omit<InputPasswordProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
-interface InputSearchProps extends React$1.ComponentPropsWithRef<'input'> {
+interface InputSearchProps extends React__default.ComponentPropsWithRef<'input'> {
     /**
      * Input label text.
      */
@@ -477,9 +482,9 @@ interface InputSearchProps extends React$1.ComponentPropsWithRef<'input'> {
      */
     hasError?: BooleanProp;
 }
-declare const InputSearch: React$1.ForwardRefExoticComponent<Omit<InputSearchProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const InputSearch: React__default.ForwardRefExoticComponent<Omit<InputSearchProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
-interface InputTextProps extends React$1.ComponentPropsWithRef<'input'> {
+interface InputTextProps extends React__default.ComponentPropsWithRef<'input'> {
     /**
      * Input label text.
      */
@@ -513,9 +518,9 @@ interface InputTextProps extends React$1.ComponentPropsWithRef<'input'> {
      */
     hasError?: BooleanProp;
 }
-declare const InputText: React$1.ForwardRefExoticComponent<Omit<InputTextProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const InputText: React__default.ForwardRefExoticComponent<Omit<InputTextProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
-interface InputTextAreaProps extends React$1.ComponentPropsWithRef<'textarea'> {
+interface InputTextAreaProps extends React__default.ComponentPropsWithRef<'textarea'> {
     /**
      * Input label text.
      */
@@ -545,7 +550,7 @@ interface InputTextAreaProps extends React$1.ComponentPropsWithRef<'textarea'> {
      */
     showCharCounter?: BooleanProp;
 }
-declare const InputTextArea: React$1.ForwardRefExoticComponent<Omit<InputTextAreaProps, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
+declare const InputTextArea: React__default.ForwardRefExoticComponent<Omit<InputTextAreaProps, "ref"> & React__default.RefAttributes<HTMLTextAreaElement>>;
 
 type RangeOrientation = 'horizontal' | 'vertical';
 type RangeType = 'single' | 'double';
@@ -588,7 +593,24 @@ interface RangeProps extends Omit<ComponentPropsWithRef<'input'>, 'value' | 'onC
      */
     onChange?: (values: number[]) => void;
 }
-declare const InputRange: React$1.ForwardRefExoticComponent<Omit<RangeProps, "ref"> & React$1.RefAttributes<HTMLDivElement | HTMLInputElement | (HTMLInputElement | null)[]>>;
+declare const InputRange: React__default.ForwardRefExoticComponent<Omit<RangeProps, "ref"> & React__default.RefAttributes<HTMLDivElement | HTMLInputElement | (HTMLInputElement | null)[]>>;
+
+type ListType = 'default' | 'unordered' | 'ordered';
+interface ListProps extends ComponentPropsWithoutRef<'ul'> {
+    /**
+     * Type list.
+     */
+    type?: ListType;
+    /**
+     * Children content.
+     */
+    children?: ReactElement<HTMLLIElement> | Array<ReactElement<HTMLLIElement>>;
+    /**
+     * Array the item.
+     */
+    items?: Array<ReactElement<HTMLLIElement>>;
+}
+declare const List: FC<ListProps>;
 
 interface ModalProps extends ComponentPropsWithoutRef<'dialog'> {
     /**
@@ -602,12 +624,23 @@ interface ModalProps extends ComponentPropsWithoutRef<'dialog'> {
 }
 declare const Modal: FC<ModalProps>;
 
+declare const useModal: () => {
+    showModal: (params: ReactNode, props: ModalProps) => void;
+    closeModal: () => void;
+    isOpen: boolean;
+    modalContent: ReactNode;
+    modalProps: ModalProps;
+};
+
 interface ModalContextProps {
     isOpen?: boolean;
     showModal: (params: ReactNode, modalProps: ModalProps) => void;
     closeModal: () => void;
     modalContent?: ReactNode | null;
 }
+declare const ModalContext: React$1.Context<ModalContextProps>;
+declare const useModalContext: () => ModalContextProps;
+
 interface ModalProviderProps {
     /**
      * Children content.
@@ -615,7 +648,6 @@ interface ModalProviderProps {
     children: ReactNode;
 }
 declare const ModalProvider: FC<ModalProviderProps>;
-declare const useModalContext: () => ModalContextProps;
 
 /**
  * The available variants of the pill. This variants will define the background and border color of the pill.
@@ -651,7 +683,7 @@ interface PillProps extends ComponentPropsWithRef<'div'> {
      */
     size?: PillSize;
 }
-declare const Pill: React$1.ForwardRefExoticComponent<Omit<PillProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Pill: React__default.ForwardRefExoticComponent<Omit<PillProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ProgressBarProps extends ComponentPropsWithRef<'div'> {
     /**
@@ -683,9 +715,9 @@ interface ProgressBarProps extends ComponentPropsWithRef<'div'> {
      */
     hasError?: boolean;
 }
-declare const ProgressBar: React$1.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ProgressBar: React__default.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
-interface RadioButtonProps extends React$1.ComponentPropsWithRef<'input'> {
+interface RadioButtonProps extends React__default.ComponentPropsWithRef<'input'> {
     /**
      * Input label text.
      */
@@ -703,7 +735,7 @@ interface RadioButtonProps extends React$1.ComponentPropsWithRef<'input'> {
      */
     children?: ReactNode;
 }
-declare const RadioButton: React$1.ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const RadioButton: React__default.ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const allScribbles: string[];
 type ScribblesName = (typeof allScribbles)[number];
@@ -713,7 +745,7 @@ interface ScribblesProps extends SuperScribblesProps {
     /**
      * Scribbles name to be used.
      */
-    name: ScribblesName | string;
+    name: ScribblesName;
     /**
      * Dark mode
      */
@@ -729,8 +761,42 @@ interface ScribblesProps extends SuperScribblesProps {
 }
 declare const Scribbles: FC<ScribblesProps>;
 
+type StatusCardType = 'info' | 'success' | 'warning' | 'danger';
+interface StatusCardProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Status card description content
+     */
+    description: string;
+    /**
+     * The available Status card types. Defines the appearance of the cards.
+     */
+    type: StatusCardType;
+    /**
+     * The flag to make the status card interactive. When it is interactive,
+     * card can be focused by clicking on it.
+     */
+    interactive?: BooleanProp;
+    /**
+     * Callback to run whenever the status card is interactive.
+     */
+    onActivate?: () => void;
+}
+declare const StatusCard: React__default.ForwardRefExoticComponent<StatusCardProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface StepListProps extends ComponentPropsWithoutRef<'ol'> {
+    /**
+     * Children content.
+     */
+    children?: ReactElement<HTMLLIElement> | Array<ReactElement<HTMLLIElement>>;
+    /**
+     * Array the item.
+     */
+    items?: Array<ReactElement<HTMLLIElement>>;
+}
+declare const StepList: FC<StepListProps>;
+
 type SwitchPosition = 'start' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
-interface SwitchProps extends React$1.ComponentPropsWithRef<'input'> {
+interface SwitchProps extends React__default.ComponentPropsWithRef<'input'> {
     /**
      * Input label text.
      */
@@ -752,7 +818,7 @@ interface SwitchProps extends React$1.ComponentPropsWithRef<'input'> {
      */
     fullWidth?: boolean;
 }
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const Switch: React__default.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 interface TabBodyProps extends ComponentPropsWithoutRef<'div'> {
     /**
@@ -801,16 +867,16 @@ declare const Tabs: FC<TabsProps>;
 /**
  * The available variants of the Tag. This variants will define the background and border color of the Tag.
  */
-type TagVariant = 'light' | 'dark';
+type TagVariant = 'light' | 'dark' | 'info';
 interface TagProps extends ComponentPropsWithRef<'button'> {
     /**
      * The variant of the Tag. This variants will define the background and border color of the given Tag
      */
     variant?: TagVariant;
     /**
-     * Defines if the Tag should be fluid
+     * Alternative text for the close tag icon.
      */
-    fullWidth?: BooleanProp;
+    closeTagAltText?: string;
     /**
      * Defines if the button uses an icon.
      */
@@ -832,36 +898,7 @@ interface TagProps extends ComponentPropsWithRef<'button'> {
      */
     children?: ReactNode;
 }
-declare const Tag: React$1.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-
-type ListType = 'default' | 'unordered' | 'ordered';
-interface ListProps extends ComponentPropsWithoutRef<'ul'> {
-    /**
-     * Type list.
-     */
-    type?: ListType;
-    /**
-     * Children content.
-     */
-    children?: ReactElement<HTMLLIElement> | Array<ReactElement<HTMLLIElement>>;
-    /**
-     * Array the item.
-     */
-    items?: Array<ReactElement<HTMLLIElement>>;
-}
-declare const List: FC<ListProps>;
-
-interface StepListProps extends ComponentPropsWithoutRef<'ol'> {
-    /**
-     * Children content.
-     */
-    children?: ReactElement<HTMLLIElement> | Array<ReactElement<HTMLLIElement>>;
-    /**
-     * Array the item.
-     */
-    items?: Array<ReactElement<HTMLLIElement>>;
-}
-declare const StepList: FC<StepListProps>;
+declare const Tag: React__default.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
 type ToastType = 'success' | 'failure' | 'warning' | 'info';
 interface ToastProps extends Omit<ComponentPropsWithoutRef<'div'>, 'id'> {
@@ -888,18 +925,69 @@ interface ToastProps extends Omit<ComponentPropsWithoutRef<'div'>, 'id'> {
 }
 declare const Toast: FC<ToastProps>;
 
+declare const useToast: () => {
+    toasts: ToastProps[];
+    showToast: (toast: ToastProps, duration?: number) => void;
+    removeToast: (toast: ToastProps) => void;
+};
+
+type ToastPositions = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+interface ToastProviderProps {
+    children?: ReactNode;
+    position?: ToastPositions;
+}
+declare const ToastProvider: FC<ToastProviderProps>;
+
 interface ToastContextProps {
     showToast: (data: ToastProps, duration?: number) => void;
     removeToast: (data: ToastProps) => void;
 }
 declare const ToastContext: React$1.Context<ToastContextProps>;
 declare const useToastContext: () => ToastContextProps;
-type ToastPositions = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-interface ToastProviderProps {
-    children?: ReactNode;
-    position?: ToastPositions;
+
+/**
+ * The available variants of the Tooltip. This variants will define the background of the Tooltip.
+ */
+type TooltipVariant = 'light' | 'dark' | 'info';
+/**
+ * The available positions of the Tooltip. This positions will define the position of the Tooltip.
+ */
+type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * The available alignments of the Tooltip. This alignments will define the alignment of the Tooltip.
+ */
+type TooltipAlignment = 'start' | 'center' | 'end';
+interface TooltipProps extends ComponentPropsWithRef<'div'> {
+    /**
+     * The variant of the Tooltip.
+     */
+    variant: TooltipVariant;
+    /**
+     * The position of the Tooltip.
+     */
+    position: TooltipPosition;
+    /**
+     * The alignment of the Tooltip.
+     */
+    alignment: TooltipAlignment;
+    /**
+     * The title of the Tooltip.
+     */
+    title?: string;
+    /**
+     * If the Tooltip has a title.
+     */
+    hasTitle?: boolean;
+    /**
+     * The description of the Tooltip.
+     */
+    description: string;
+    /**
+     * The children of the Tooltip.
+     */
+    children?: React__default.ReactNode;
 }
-declare const ToastProvider: FC<ToastProviderProps>;
+declare const Tooltip: React__default.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 type AccordionGroupType = 'single' | 'multiple';
 interface AccordionGroupProps extends ComponentPropsWithRef<'div'> {
@@ -916,7 +1004,7 @@ interface AccordionGroupProps extends ComponentPropsWithRef<'div'> {
      */
     type: AccordionGroupType;
 }
-declare const AccordionGroup: React$1.ForwardRefExoticComponent<Omit<AccordionGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionGroup: React__default.ForwardRefExoticComponent<Omit<AccordionGroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 interface AvatarGroupProps extends HtmlHTMLAttributes<HTMLDivElement> {
     /**
@@ -931,6 +1019,38 @@ interface AvatarGroupProps extends HtmlHTMLAttributes<HTMLDivElement> {
 }
 declare const AvatarGroup: FC<AvatarGroupProps>;
 
+interface ButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     *  button variant.
+     */
+    variant?: ButtonVariant;
+    /**
+     * Defines if the anchor should be fluid
+     */
+    fullWidth?: BooleanProp;
+    /**
+     * Group name
+     */
+    name?: string;
+    /**
+     *  List of button props to generate as buttons.
+     */
+    items?: ButtonProps[];
+    /**
+     *  List of button components to use as children of the group.
+     */
+    children?: ReactElement<ButtonProps> | Array<ReactElement<ButtonProps>>;
+    /**
+     *  Event triggered whenever any of the buttons changes is own state.
+     */
+    onChange?: (selectedButtons: Array<ReactElement<ButtonProps>>) => void;
+    /**
+     * Defines if the group allows multiple selection.
+     */
+    multiple?: BooleanProp;
+}
+declare const ButtonGroup: FC<ButtonGroupProps>;
+
 interface CheckboxGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      *  Input label text.
@@ -1088,38 +1208,6 @@ interface RadioButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>,
 }
 declare const RadioButtonGroup: FC<RadioButtonGroupProps>;
 
-interface ButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /**
-     *  button variant.
-     */
-    variant?: ButtonVariant;
-    /**
-     * Defines if the anchor should be fluid
-     */
-    fullWidth?: BooleanProp;
-    /**
-     * Group name
-     */
-    name?: string;
-    /**
-     *  List of button props to generate as buttons.
-     */
-    items?: ButtonProps[];
-    /**
-     *  List of button components to use as children of the group.
-     */
-    children?: ReactElement<ButtonProps> | Array<ReactElement<ButtonProps>>;
-    /**
-     *  Event triggered whenever any of the buttons changes is own state.
-     */
-    onChange?: (selectedButtons: Array<ReactElement<ButtonProps>>) => void;
-    /**
-     * Defines if the group allows multiple selection.
-     */
-    multiple?: BooleanProp;
-}
-declare const ButtonGroup: FC<ButtonGroupProps>;
-
 interface WeekDays {
     sun: string;
     mon: string;
@@ -1228,7 +1316,7 @@ interface InputDateProps extends ComponentPropsWithRef<'input'> {
      */
     okAriaLabel?: string;
 }
-declare const InputDate: React$1.ForwardRefExoticComponent<Omit<InputDateProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const InputDate: React__default.ForwardRefExoticComponent<Omit<InputDateProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const PhoneCountryCodes: string[];
 type PhoneCountryCode = (typeof PhoneCountryCodes)[number];
@@ -1301,7 +1389,7 @@ interface InputPhoneProps extends Omit<ComponentPropsWithRef<'input'>, 'onChange
      */
     onChange: (args: InputPhoneRef) => void;
 }
-declare const InputPhone: React$1.ForwardRefExoticComponent<Omit<InputPhoneProps, "ref"> & React$1.RefAttributes<HTMLInputElement | InputPhoneRef>>;
+declare const InputPhone: React__default.ForwardRefExoticComponent<Omit<InputPhoneProps, "ref"> & React__default.RefAttributes<HTMLInputElement | InputPhoneRef>>;
 
 interface InputSelectRef {
     selectedOptions: DropdownSectionOptionProps[];
@@ -1384,7 +1472,7 @@ interface InputSelectProps extends Omit<ComponentPropsWithRef<'select'>, 'option
      */
     pluralSelectedPlaceholder?: string;
 }
-declare const InputSelect: React$1.ForwardRefExoticComponent<Omit<InputSelectProps, "ref"> & React$1.RefAttributes<HTMLSelectElement | InputSelectRef>>;
+declare const InputSelect: React__default.ForwardRefExoticComponent<Omit<InputSelectProps, "ref"> & React__default.RefAttributes<HTMLSelectElement | InputSelectRef>>;
 
 type CardFooterProps = {
     title?: string;
@@ -1486,10 +1574,15 @@ interface PublicFooterProps {
 }
 declare const PublicFooter: FC<PublicFooterProps>;
 
+declare const useWindowSize: () => {
+    width: number;
+    height: number;
+};
+
 /**
  * Convert string like value to Boolean
  */
-declare const stringToBoolean: (value: boolean | string | 'true' | 'false' | undefined) => boolean;
+declare const stringToBoolean: (value: boolean | string | undefined) => boolean;
 
 declare const debounce: (func: Function, timeout?: number) => (...args: any) => void;
 
@@ -1503,4 +1596,355 @@ declare class TypedEventEmitter<K extends string, T> {
     emit(eventName: K, event: T): boolean;
 }
 
-export { Accordion, AccordionGroup, AccordionGroupProps, AccordionGroupType, AccordionProps, AccordionRef, Anchor, AnchorAppearance, AnchorProps, AnchorVariant, Avatar, AvatarBadgePosition, AvatarBadgeVariant, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarType, BooleanProp, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Button, ButtonAppearance, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonVariant, CardFooterProps, CardLinksFooterProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ContactsFooterProps, Drawer, DrawerPosition, DrawerProps, DrawerRef, DropdownList, DropdownListProps, DropdownSection, DropdownSectionOption, DropdownSectionOptionProps, DropdownSectionProps, DropdownSectionType, FederatedFooter, FederatedFooterProps, FeedbackState, GlossaryLetter, GlossaryLetters, GlossaryLettersProps, Icon, IconDimensions, IconName, IconPosition, IconProps, InputDate, InputDateProps, InputNumber, InputNumberProps, InputPassword, InputPasswordProps, InputPhone, InputPhoneProps, InputPhoneRef, InputRange, InputSearch, InputSearchProps, InputSelect, InputSelectProps, InputText, InputTextArea, InputTextAreaProps, InputTextProps, LetterStatus, LinkableIconsProps, LinkableImagesProps, List, ListProps, ListType, Modal, ModalContextProps, ModalProps, ModalProvider, ModalProviderProps, Months, PhoneCountryCode, PhoneCountryCodes, PhoneCountryISO, PhoneCountryISOs, Pill, PillAppearance, PillProps, PillVariant, ProgressBar, ProgressBarGroup, ProgressBarGroupProps, ProgressBarProps, PublicFooter, PublicFooterProps, RadioButton, RadioButtonGroup, RadioButtonGroupProps, RadioButtonProps, RangeOrientation, RangeProps, RangeType, Scribbles, ScribblesName, ScribblesProps, StepList, StepListProps, Switch, SwitchPosition, SwitchProps, Tab, TabBody, TabBodyProps, TabHeader, TabHeaderProps, TabProps, Tabs, TabsProps, Tag, TagProps, TagVariant, Toast, ToastContext, ToastContextProps, ToastPositions, ToastProps, ToastProvider, ToastProviderProps, ToastType, TypedEventEmitter, allIcons, allScribbles, debounce, normalizeText, stringToBoolean, useModalContext, useToastContext };
+declare const AgoraTailwindConfig: {
+    content: never[];
+    theme: {
+        extend: {
+            gridTemplateRows: {
+                7: string;
+                8: string;
+                9: string;
+                10: string;
+            };
+            gridTemplateColumns: {
+                '1-auto': string;
+                '2-auto': string;
+                '3-auto': string;
+                '4-auto': string;
+                '5-auto': string;
+                '6-auto': string;
+                '7-auto': string;
+                '8-auto': string;
+                '9-auto': string;
+                '10-auto': string;
+                '11-auto': string;
+                '12-auto': string;
+            };
+            opacity: {
+                16: string;
+                32: string;
+            };
+        };
+        screens: {
+            xs: string;
+            md: string;
+            xl: string;
+        };
+        fontFamily: {
+            sans: [string, string];
+        };
+        fontSize: {
+            base: string;
+            's-regular': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            's-medium': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            's-semibold': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            's-bold': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'm-light': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'm-regular': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'm-medium': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'm-semibold': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'm-bold': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'l-light': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'l-regular': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'l-medium': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'l-semibold': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'l-bold': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'xl-light': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'xl-regular': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'xl-medium': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'xl-semibold': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            'xl-bold': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            '2xl-light': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            '2xl-regular': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            '2xl-medium': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            '2xl-semibold': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            '2xl-bold': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            '3xl-light': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            '3xl-regular': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            '3xl-medium': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            '3xl-semibold': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+            '3xl-bold': [string, {
+                lineHeight: string;
+                letterSpacing: string;
+                fontWeight: string;
+            }];
+        };
+        borderWidth: {
+            DEFAULT: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+        };
+        borderRadius: {
+            none: string;
+            4: string;
+            8: string;
+            16: string;
+            24: string;
+            32: string;
+            full: string;
+        };
+        colors: {
+            transparent: string;
+            backdrop: string;
+            inner: string;
+            white: string;
+            black: string;
+            visited: string;
+            neutral: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+            primary: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+            secondary: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+            informative: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+            success: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+            warning: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+            danger: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+        };
+        spacing: {
+            0: string;
+            8: string;
+            16: string;
+            24: string;
+            32: string;
+            40: string;
+            48: string;
+            56: string;
+            64: string;
+            72: string;
+            80: string;
+            88: string;
+            96: string;
+            104: string;
+            112: string;
+            120: string;
+            128: string;
+            256: string;
+            full: string;
+        };
+        boxShadow: {
+            none: string;
+            'top-lower': string;
+            'top-low': string;
+            'top-medium': string;
+            'top-high': string;
+            'top-higher': string;
+            'center-lower': string;
+            'center-low': string;
+            'center-medium': string;
+            'center-high': string;
+            'center-higher': string;
+            'bottom-lower': string;
+            'bottom-low': string;
+            'bottom-medium': string;
+            'bottom-high': string;
+            'bottom-higher': string;
+            inner: string;
+            'input-range-hover': string;
+            'input-range-active': string;
+            'toast-shadow': string;
+        };
+        transitionDuration: {
+            DEFAULT: string;
+        };
+        container: {
+            padding: {
+                xs: string;
+                md: string;
+                xl: string;
+            };
+        };
+    };
+    plugins: (({ addComponents }: any) => void)[];
+};
+
+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, 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, 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, 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 ListType, Modal, ModalContext, type ModalContextProps, type ModalProps, ModalProvider, type ModalProviderProps, type Months, type PhoneCountryCode, PhoneCountryCodes, type PhoneCountryISO, PhoneCountryISOs, Pill, type PillAppearance, type PillProps, type PillVariant, 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, 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, normalizeText, stringToBoolean, useModal, useModalContext, useToast, useToastContext, useWindowSize };