@ama-pt/agora-design-system 0.1.16 → 0.2.0

package/dist/index.d.ts

@@ -0,0 +1,961 @@
+import React$1, { ComponentPropsWithRef, ReactNode, FC, SVGProps, HTMLProps, ReactElement, HtmlHTMLAttributes, ChangeEvent, RefObject, AnchorHTMLAttributes, ImgHTMLAttributes } from 'react';
+
+type BooleanProp = boolean | 'true' | 'false';
+
+type FeedbackState = 'info' | 'danger' | 'success' | 'warning';
+
+type IconPosition = 'leading' | 'trailing';
+
+interface AccordionRef {
+    id: string;
+    current: HTMLDivElement;
+    expand: () => void;
+    collapse: () => void;
+    isExpanded: boolean;
+}
+interface AccordionProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+    /**
+     * Accordion Header Title
+     */
+    title?: ReactNode;
+    /**
+     * header Accordion.
+     */
+    headerTag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+    /**
+     * Defines if the button uses an icon.
+     */
+    hasIcon?: BooleanProp;
+    /**
+     * Defines the name of the icon to use.
+     */
+    icon?: string;
+    /**
+     * Alternative text for the icon.
+     */
+    iconAltText?: string;
+    /**
+     * Alternative area-hidden for the icon.
+     */
+    iconAriaHidden?: BooleanProp;
+    /**
+     * Event function called whenever the accordion expands.
+     */
+    onExpanded?: (prop: AccordionProps) => void | undefined;
+    /**
+     * Event function called whenever the accordion collapses.
+     */
+    onCollapsed?: (prop: AccordionProps) => void | undefined;
+    /**
+     * Initial value for the expanded value.
+     */
+    expanded?: BooleanProp;
+}
+declare const Accordion: React$1.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React$1.RefAttributes<HTMLDivElement | AccordionRef>>;
+
+interface BreadcrumbLink {
+    /**
+     * The Breadcrumb page link url.
+     */
+    url: string;
+    /**
+     * The Breadcrumb page link label.
+     */
+    label: string;
+}
+interface BreadcrumbProps extends HTMLDivElement {
+    /**
+     * The links that make up the breadcrumb in hierarchical order.
+     */
+    items?: BreadcrumbLink[];
+    /**
+     * The flag to set Dark mode.
+     */
+    darkMode?: boolean;
+}
+declare const Breadcrumb: React$1.ForwardRefExoticComponent<BreadcrumbProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * The available variants of the button. This variants will define the background and border color of the button.
+ */
+type ButtonVariant = 'primary' | 'neutral' | 'white' | 'success' | 'warning' | 'danger';
+/**
+ * The available button appearances. Defines the button shape.
+ */
+type ButtonAppearance = 'solid' | 'outline' | 'link' | 'text';
+interface ButtonProps extends ComponentPropsWithRef<'button'> {
+    /**
+     * The button appearance. Define the button Shape.
+     */
+    appearance?: ButtonAppearance;
+    /**
+     * The variant of the button. This variants will define the background and border color of the given Button
+     */
+    variant?: ButtonVariant;
+    /**
+     * Defines if the button should be fluid
+     */
+    fullWidth?: BooleanProp;
+    /**
+     * Defines if the button uses an icon.
+     */
+    hasIcon?: BooleanProp;
+    /**
+     * Defines if children content it is to be rendered.
+     */
+    iconOnly?: BooleanProp;
+    /**
+     * Defines the name of the leading icon to use.
+     */
+    leadingIcon?: string;
+    /**
+     * Defines the name of the leading icon to be displayed on mouse hover. If none specified, it will the appropriate variant of the icon.
+     */
+    leadingIconHover?: string;
+    /**
+     * Alternative text for the leading icon.
+     */
+    leadingIconAltText?: string;
+    /**
+     * Defines the name of the trailing icon to use.
+     */
+    trailingIcon?: string;
+    /**
+     * Defines the name of the trailing icon to be displayed on mouse hover. If none specified, it will the appropriate variant of the icon.
+     */
+    trailingIconHover?: string;
+    /**
+     * Alternative text for the trailing icon.
+     */
+    trailingIconAltText?: string;
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+}
+declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface CheckboxProps extends React$1.ComponentPropsWithRef<'input'> {
+    /**
+     * Input label text.
+     */
+    label?: string;
+    /**
+     * Show or hide input label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Sets the input in a error state.
+     */
+    hasError?: BooleanProp;
+    /**
+     * Child elements to render as custom label.
+     */
+    children?: ReactNode;
+}
+declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const allIcons: string[];
+type IconName = (typeof allIcons)[number];
+
+/**
+ * Allowed icon dimensions.
+ */
+type IconDimensions = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
+type SuperIconProps = SVGProps<SVGSVGElement> & HTMLProps<HTMLImageElement>;
+interface IconProps extends SuperIconProps {
+    /**
+     * Predefined icon dimensions.
+     */
+    dimensions?: IconDimensions;
+    /**
+     * Icon name to be used. Can be an external image url.
+     */
+    name?: IconName | string;
+    /**
+     * Callback to run when image is loaded.
+     */
+    onIconLoad?: () => void;
+    /**
+     * Callback to run when image fails to load.
+     */
+    onIconError?: () => void;
+}
+declare const Icon: FC<IconProps>;
+
+interface InputNumberProps extends React$1.ComponentPropsWithRef<'input'> {
+    /**
+     * Input label text.
+     */
+    label?: string;
+    /**
+     * Show or hide input label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Sets the input in a error state. This also affects the feedback state.
+     */
+    hasError?: BooleanProp;
+    /**
+     * Show or hide the feedback status text.
+     */
+    hasFeedback?: BooleanProp;
+    /**
+     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
+     */
+    feedbackState?: FeedbackState;
+    /**
+     * Feedback text displayed below input.
+     */
+    feedbackText?: string;
+    /**
+     * Show or hide the leading icon.
+     */
+    hasIcon?: BooleanProp;
+    /**
+     * Name of the icon leading icon to be displayed.
+     */
+    icon?: string;
+    /**
+     * Label text for increase button. Recommended for accessibility.
+     */
+    increaseButtonAltText?: string;
+    /**
+     *  Label text for decrease button. Recommended for accessibility.
+     */
+    decreaseButtonAltText?: string;
+}
+declare const InputNumber: React$1.ForwardRefExoticComponent<Omit<InputNumberProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+interface InputPasswordProps extends React$1.ComponentPropsWithRef<'input'> {
+    /**
+     * Input descriptive label.
+     */
+    label?: string;
+    /**
+     * Decides if display/hide label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Show or hide the feedback status text.
+     */
+    hasFeedback?: BooleanProp;
+    /**
+     * Text informative displayed below input text.
+     */
+    feedbackText?: string;
+    /**
+     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
+     */
+    feedbackState?: FeedbackState;
+    /**
+     * Highlight the input indicating some error
+     */
+    hasIcon?: BooleanProp;
+    /**
+     * Name of the icon leading icon to be displayed.
+     */
+    icon?: string;
+    /**
+     * Indicates the feedback state of feedback text. This param will change the left feedback icon and dye it.
+     */
+    hasError?: BooleanProp;
+    /**
+     * Alternative text for toggle password/plain text icon button
+     */
+    togglePasswordAltIconText?: string;
+}
+declare const InputPassword: React$1.ForwardRefExoticComponent<Omit<InputPasswordProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+interface InputSearchProps extends React$1.ComponentPropsWithRef<'input'> {
+    /**
+     * Input label text.
+     */
+    label?: string;
+    /**
+     * Decides if display/hide label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Show or hide the feedback status text.
+     */
+    hasFeedback?: BooleanProp;
+    /**
+     * Text informative displayed below input text.
+     */
+    feedbackText?: string;
+    /**
+     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
+     */
+    feedbackState?: FeedbackState;
+    /**
+     * Highlight the input indicating some error
+     */
+    hasIcon?: BooleanProp;
+    /**
+     * Name of the icon leading icon to be displayed.
+     */
+    icon?: string;
+    /**
+     * Indicates the feedback state of feedback text. This param will change the left feedback icon and dye it.
+     */
+    hasError?: BooleanProp;
+}
+declare const InputSearch: React$1.ForwardRefExoticComponent<Omit<InputSearchProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+interface InputTextProps extends React$1.ComponentPropsWithRef<'input'> {
+    /**
+     * Input label text.
+     */
+    label?: string;
+    /**
+     * Decides if display/hide label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Show or hide the feedback status text.
+     */
+    hasFeedback?: BooleanProp;
+    /**
+     * Text informative displayed below input text.
+     */
+    feedbackText?: string;
+    /**
+     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
+     */
+    feedbackState?: FeedbackState;
+    /**
+     * Highlight the input indicating some error
+     */
+    hasIcon?: BooleanProp;
+    /**
+     * Name of the icon leading icon to be displayed.
+     */
+    icon?: string;
+    /**
+     * Indicates the feedback state of feedback text. This param will change the left feedback icon and dye it.
+     */
+    hasError?: BooleanProp;
+}
+declare const InputText: React$1.ForwardRefExoticComponent<Omit<InputTextProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+interface InputTextAreaProps extends React$1.ComponentPropsWithRef<'textarea'> {
+    /**
+     * Input label text.
+     */
+    label?: string;
+    /**
+     * Show or hide input label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Sets the input in a error state. This also affects the feedback state.
+     */
+    hasError?: BooleanProp;
+    /**
+     * Show or hide the feedback status text.
+     */
+    hasFeedback?: BooleanProp;
+    /**
+     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
+     */
+    feedbackState?: FeedbackState;
+    /**
+     * Feedback text displayed below input.
+     */
+    feedbackText?: string;
+    /**
+     * Defines if the char counter on right corner should or should not be visible.
+     */
+    showCharCounter?: BooleanProp;
+}
+declare const InputTextArea: React$1.ForwardRefExoticComponent<Omit<InputTextAreaProps, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+/**
+ * The available variants of the pill. This variants will define the background and border color of the pill.
+ */
+type PillVariant = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'informative';
+/**
+ * The available pill appearances. Defines the pill shape.
+ */
+type PillAppearance = 'solid' | 'outline';
+interface PillProps extends ComponentPropsWithRef<'div'> {
+    /**
+     * The pill appearance. Define the pill Shape.
+     */
+    appearance?: PillAppearance;
+    /**
+     * The variant of the pill. This variants will define the background and border color of the given Pill
+     */
+    variant?: PillVariant;
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+}
+declare const Pill: React$1.ForwardRefExoticComponent<Omit<PillProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ProgressBarProps extends ComponentPropsWithRef<'div'> {
+    /**
+     * The current value of the progress.
+     */
+    value?: number;
+    /**
+     * The maximum value of the progress.
+     */
+    max?: number;
+    /**
+     * The label text to display.
+     */
+    label?: string;
+    /**
+     * Whether to hide the label or not.
+     */
+    hideLabel?: boolean;
+    /**
+     * Whether to hide the percentage value or not.
+     */
+    hidePercentageValue?: boolean;
+    /**
+     * Whether the progress is current/active or not.
+     */
+    current?: boolean;
+    /**
+     * Whether the progress has error or not.
+     */
+    hasError?: boolean;
+}
+declare const ProgressBar: React$1.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface RadioButtonProps extends React$1.ComponentPropsWithRef<'input'> {
+    /**
+     * Input label text.
+     */
+    label?: string;
+    /**
+     * Show or hide input label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Sets the input in a error state.
+     */
+    hasError?: BooleanProp;
+    /**
+     * Child elements to render as custom label.
+     */
+    children?: ReactNode;
+}
+declare const RadioButton: React$1.ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const allScribbles: string[];
+type ScribblesName = (typeof allScribbles)[number];
+
+type SuperScribblesProps = SVGProps<SVGSVGElement> & HTMLProps<HTMLImageElement>;
+interface ScribblesProps extends SuperScribblesProps {
+    /**
+     * Scribbles name to be used.
+     */
+    name: ScribblesName | string;
+    /**
+     * Dark mode
+     */
+    darkMode?: boolean;
+    /**
+     * Callback to run when scribble is loaded.
+     */
+    onIconLoad?: () => void;
+    /**
+     * Callback to run when scribble fails to load.
+     */
+    onIconError?: () => void;
+}
+declare const Scribbles: FC<ScribblesProps>;
+
+/**
+ * The available variants of the Tag. This variants will define the background and border color of the Tag.
+ */
+type TagVariant = 'light' | 'dark';
+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
+     */
+    fullWidth?: BooleanProp;
+    /**
+     * Defines if the button uses an icon.
+     */
+    hasIcon?: BooleanProp;
+    /**
+     * Defines the name of the icon to use.
+     */
+    icon?: string;
+    /**
+     * Defines the name of the icon to be displayed on mouse hover. If none specified, it will the appropriate variant of the icon.
+     */
+    iconHover?: string;
+    /**
+     * Alternative text for the icon.
+     */
+    iconAltText?: string;
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+}
+declare const Tag: React$1.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+type AccordionGroupType = 'single' | 'multiple';
+interface AccordionGroupProps extends ComponentPropsWithRef<'div'> {
+    /**
+     *  List of accordion props to generate as checkboxes.
+     */
+    items?: AccordionProps[];
+    /**
+     *  List of accordion components to use as children of the group.
+     */
+    children?: ReactElement<AccordionProps> | Array<ReactElement<ReactElement<AccordionProps>>>;
+    /**
+     *  Option to open multiple accordions or just one at a time
+     */
+    type: AccordionGroupType;
+}
+declare const AccordionGroup: React$1.ForwardRefExoticComponent<Omit<AccordionGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface CheckboxGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     *  Input label text.
+     */
+    label?: string;
+    /**
+     *  List of checkboxes props to generate as checkboxes.
+     */
+    items?: CheckboxProps[];
+    /**
+     *  List of checkbox components to use as children of the group.
+     */
+    children?: ReactElement<CheckboxProps> | Array<ReactElement<ReactElement<CheckboxProps>>>;
+    /**
+     *  Event triggered whenever any of the checkboxes changes is own state.
+     */
+    onChange?: (evt: ChangeEvent<HTMLInputElement>) => void;
+}
+declare const CheckboxGroup: FC<CheckboxGroupProps>;
+
+interface DropdownSectionOptionProps {
+    sectionType?: DropdownSectionType;
+    itemSectionId?: string;
+    text: string;
+    value: string;
+    icon?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    data?: Record<string, any>;
+    hasIcon?: BooleanProp;
+    iconPosition?: IconPosition;
+}
+
+type DropdownSectionType = 'checkbox' | 'radio' | 'text';
+
+interface DropdownSectionProps {
+    id: string;
+    type: DropdownSectionType;
+    items: DropdownSectionOptionProps[];
+    headerText?: string;
+    hasIcon?: BooleanProp;
+    iconPosition?: IconPosition;
+}
+
+interface DropdownListProps extends Omit<React.ComponentPropsWithRef<'select'>, 'onChange'> {
+    /**
+     *  Element reference to allow the control of the DropdownList behaviour.
+     *  This prop should only be used when DropdownList component is expected to be controlled by another component or element.
+     */
+    controlRef: RefObject<HTMLElement>;
+    /**
+     *  Event triggered when the user dismisses the dropdown (triggered by an escape key, a blur event, etc...)
+     */
+    onDismiss?: () => void;
+    /**
+     *  List of DropdownListSection components to be rendered.
+     */
+    children: ReactElement<DropdownSectionProps> | Array<ReactElement<DropdownSectionProps>>;
+    /**
+     *  Number of visible items to display in the DropdownList. Remaining items will be accessible via scroll bar.
+     */
+    visibleCount?: number;
+    /**
+     *   Event triggered whenever selected value or values changes.
+     */
+    onChange?: (options: DropdownSectionOptionProps[]) => void;
+    /**
+     *  Allow extra option to select/unselect all items. This will select all filtered or unfiltered items.
+     */
+    selectAll?: BooleanProp;
+    /**
+     *  Select All item text to be rendered.
+     */
+    selectAllLabel?: string;
+    /**
+     *  Enable the search bar to filter items.
+     */
+    searchable?: BooleanProp;
+    /**
+     *  Accessible text for the input search bar.
+     */
+    searchInputAriaLabel?: string;
+    /**
+     *  Placeholder text for input search bar.
+     */
+    searchInputPlaceholder?: string;
+    /**
+     *  Text to show when filtering presents no results.
+     */
+    searchNoResultsText?: string;
+    /**
+     *  Delay timing to apply before starting a search run, using the existent term in the search input bar.
+     */
+    searchDebounceTimeout?: number;
+    /**
+     *  Event triggered whenever the input search bar value changes.
+     */
+    onInputSearchChange?: (string: any) => void;
+}
+
+declare const DropdownList: FC<DropdownListProps>;
+
+declare const DropdownSection: FC<DropdownSectionProps>;
+
+declare const DropdownSectionOption: FC<DropdownSectionOptionProps>;
+
+interface RadioButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     *  Input label text.
+     */
+    label?: string;
+    /**
+     * Group name
+     */
+    name: string;
+    /**
+     *  List of radiobutton props to generate as radio buttons.
+     */
+    items?: RadioButtonProps[];
+    /**
+     *  List of radio button components to use as children of the group.
+     */
+    children?: ReactElement<RadioButtonProps> | Array<ReactElement<ReactElement<RadioButtonProps>>>;
+    /**
+     *  Event triggered whenever any of the radio buttons changes is own state.
+     */
+    onChange?: (evt: ChangeEvent<HTMLInputElement>) => void;
+}
+declare const RadioButtonGroup: FC<RadioButtonGroupProps>;
+
+interface InputDateLanguageProps {
+    days: string[];
+    daysShort: string[];
+    months: string[];
+    monthsShort: string[];
+    monthsTitle: string;
+    chooseDate: string;
+    previousYear: string;
+    previousMonth: string;
+    nextMonth: string;
+    nextYear: string;
+    btnOKText: string;
+    btnCancelText: string;
+    btnTodayText: string;
+}
+interface InputDateEventProps {
+    date: Date;
+    disabled: boolean;
+}
+interface InputDateProps extends React$1.ComponentPropsWithRef<'input'> {
+    /**
+     * Input ID.
+     */
+    id: string;
+    /**
+     * Input descriptive label.
+     */
+    label?: string;
+    /**
+     * Descriptive attribute that labels the checkbox in terms of accessibility
+     */
+    ariaLabel?: string;
+    /**
+     * Decides if display/hide OverlayInfo.
+     */
+    showOverlayInfo?: BooleanProp;
+    /**
+     * Decides if display/hide label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Text informative displayed below input text
+     */
+    feedbackText?: string;
+    /**
+     * Text to displayed on OverlayInfo text
+     */
+    overlayInfoText?: string;
+    /**
+     * Indicates the feedback state of feedback text.
+     * This param will change the left feedback icon and dye it.
+     */
+    feedbackState?: 'info' | 'danger' | 'success' | 'warning';
+    /**
+     * Highlight the input indicating some error
+     */
+    hasError?: BooleanProp;
+    /**
+     * Alternative text for improve clear text icon Accessibility
+     */
+    toggleDateAltIconText?: string;
+    /**
+     * Allow to show/hide the char counter on right button corner.
+     */
+    isOptional?: BooleanProp;
+    /**
+     * Allow to change to others languages.
+     */
+    language?: InputDateLanguageProps;
+    /**
+     * Allow to create list of events date that can be disabled or not.
+     */
+    dateEventList?: InputDateEventProps[];
+}
+declare const InputDate: React$1.ForwardRefExoticComponent<Omit<InputDateProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const PhoneCountryCodes: string[];
+type PhoneCountryCode = (typeof PhoneCountryCodes)[number];
+declare const PhoneCountryISOs: string[];
+type PhoneCountryISO = (typeof PhoneCountryISOs)[number];
+interface InputPhoneRef {
+    input: HTMLInputElement;
+    iso: PhoneCountryISO;
+    code: PhoneCountryCode;
+}
+interface InputPhoneProps extends Omit<ComponentPropsWithRef<'input'>, 'onChange'> {
+    /**
+     * Input label text.
+     */
+    label?: string;
+    /**
+     * Show or hide input label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Sets the input in a error state. This also affects the feedback state.
+     */
+    hasError?: BooleanProp;
+    /**
+     * Show or hide the feedback status text.
+     */
+    hasFeedback?: BooleanProp;
+    /**
+     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
+     */
+    feedbackState?: FeedbackState;
+    /**
+     * Feedback text displayed below input.
+     */
+    feedbackText?: string;
+    /**
+     *  Define de initial country selected using the country ISO. Will override defaultCode prop.
+     */
+    defaultISO?: PhoneCountryISO;
+    /**
+     *  Define de initial country selected using the country phone code (without +). Will be overridden by defaultISO prop.
+     */
+    defaultCode?: PhoneCountryCode;
+    /**
+     * Alternative text that labels the combobox button that opens/closes the country dropdown flag list.
+     */
+    comboboxAriaLabel?: string;
+    /**
+     * Enable the search bar to filter items.
+     */
+    searchable?: BooleanProp;
+    /**
+     * Placeholder text for input search bar.
+     */
+    searchInputPlaceholder?: string;
+    /**
+     * Accessible text for the input search bar.
+     */
+    searchInputAriaLabel?: string;
+    /**
+     *  Text to show when filtering presents no results.
+     */
+    searchNoResultsText?: string;
+    /**
+     *  Number of visible items to display in the DropdownList. Remaining items will be accessible via scroll bar.
+     */
+    visibleCount?: number;
+    /**
+     *  Callback to run whenever the input value or country dropdown changes.
+     */
+    onChange: (args: InputPhoneRef) => void;
+}
+declare const InputPhone: React$1.ForwardRefExoticComponent<Omit<InputPhoneProps, "ref"> & React$1.RefAttributes<HTMLInputElement | InputPhoneRef>>;
+
+interface InputSelectRef {
+    selectedOptions: DropdownSectionOptionProps[];
+}
+interface InputSelectProps extends Omit<ComponentPropsWithRef<'select'>, 'options' | 'onChange'> {
+    /**
+     * Input label text.
+     */
+    label?: string;
+    /**
+     * Show or hide input label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Sets the input in a error state. This also affects the feedback state.
+     */
+    hasError?: BooleanProp;
+    /**
+     * Show or hide the feedback status text.
+     */
+    hasFeedback?: BooleanProp;
+    /**
+     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
+     */
+    feedbackState?: FeedbackState;
+    /**
+     * Feedback text displayed below input.
+     */
+    feedbackText?: string;
+    /**
+     * Show or hide the leading icon.
+     */
+    hasIcon?: BooleanProp;
+    /**
+     * Name of the icon leading icon to be displayed.
+     */
+    icon?: string;
+    /**
+     * List of options to show inside the Dropdown list.
+     */
+    options?: DropdownSectionProps[];
+    /**
+     *  Number of visible items to display in the DropdownList. Remaining items will be accessible via scroll bar.
+     */
+    visibleCount?: number;
+    /**
+     *   Event triggered whenever selected value or values changes.
+     */
+    onChange?: (options: DropdownSectionOptionProps[]) => void;
+    /**
+     *  Allow extra option to select/unselect all items. This will select all filtered or unfiltered items.
+     */
+    selectAll?: BooleanProp;
+    /**
+     *  Select All item text to be rendered.
+     */
+    selectAllLabel?: string;
+    /**
+     *  Enable the search bar to filter items.
+     */
+    searchable?: BooleanProp;
+    /**
+     *  Placeholder text for input search bar.
+     */
+    searchInputPlaceholder?: string;
+    /**
+     *  Accessible text for the input search bar.
+     */
+    searchInputAriaLabel?: string;
+    /**
+     *  Text to show when filtering presents no results.
+     */
+    searchNoResultsText?: string;
+    /**
+     * Text placed as Select all options item
+     */
+    allSelectedLabel?: string;
+    /**
+     * Initial template structure for multiple items selections text output
+     */
+    pluralSelectedPlaceholder?: string;
+}
+declare const InputSelect: React$1.ForwardRefExoticComponent<Omit<InputSelectProps, "ref"> & React$1.RefAttributes<HTMLSelectElement | InputSelectRef>>;
+
+type CardFederatedFooterProps = {
+    title?: string;
+    description?: string | ReactNode;
+    links?: AnchorHTMLAttributes<HTMLAnchorElement>[];
+};
+
+type LinkableIconsProps = {
+    link?: AnchorHTMLAttributes<HTMLAnchorElement>;
+    icon: string;
+    iconAlt?: string;
+    iconHover?: string;
+};
+
+type LinkableImagesProps = {
+    link?: AnchorHTMLAttributes<HTMLAnchorElement>;
+    image: ImgHTMLAttributes<HTMLImageElement>;
+};
+
+interface FederatedFooterProps {
+    /**
+     *  Informative card. Links limited to first 3, remaining array is discarded.
+     */
+    card?: CardFederatedFooterProps;
+    /**
+     *  Image on left side with/without link.
+     */
+    brandImage?: LinkableImagesProps;
+    /**
+     * Image on right side with/without link.
+     */
+    badgeImage?: LinkableImagesProps;
+    /**
+     * Small descriptive text
+     */
+    caption?: string | ReactNode;
+    /**
+     *  List of images with or without link. Links limited to first 10, remaining array is discarded.
+     */
+    partnersLogos?: LinkableImagesProps[];
+    /**
+     *  List of icons with/without link. Links limited to first 10, remaining array is discarded.
+     */
+    socialsLink?: LinkableIconsProps[];
+    /**
+     * List of links. Links limited to first 8, remaining array is discarded.
+     */
+    usefulLinks?: AnchorHTMLAttributes<HTMLAnchorElement>[];
+    copyright?: string;
+}
+declare const FederatedFooter: FC<FederatedFooterProps>;
+
+/**
+ * Convert string like value to Boolean
+ */
+declare const stringToBoolean: (value: boolean | string | 'true' | 'false' | undefined) => boolean;
+
+declare const debounce: (func: Function, timeout?: number) => (...args: any) => void;
+
+declare const normalizeText: (text: string) => string;
+
+declare class TypedEventEmitter<K extends string, T> {
+    private emitter;
+    on(eventName: K, listener: (evt: T) => void): this;
+    once(eventName: K, listener: (evt: T) => void): this;
+    off(eventName: K, listener: (evt: T) => void): this;
+    emit(eventName: K, event: T): boolean;
+}
+
+export { Accordion, AccordionGroup, AccordionGroupProps, AccordionGroupType, AccordionProps, AccordionRef, BooleanProp, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Button, ButtonAppearance, ButtonProps, ButtonVariant, CardFederatedFooterProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, DropdownList, DropdownListProps, DropdownSection, DropdownSectionOption, DropdownSectionOptionProps, DropdownSectionProps, DropdownSectionType, FederatedFooter, FederatedFooterProps, FeedbackState, Icon, IconDimensions, IconName, IconPosition, IconProps, InputDate, InputDateEventProps, InputDateLanguageProps, InputDateProps, InputNumber, InputNumberProps, InputPassword, InputPasswordProps, InputPhone, InputPhoneProps, InputPhoneRef, InputSearch, InputSearchProps, InputSelect, InputSelectProps, InputText, InputTextArea, InputTextAreaProps, InputTextProps, LinkableIconsProps, LinkableImagesProps, PhoneCountryCode, PhoneCountryCodes, PhoneCountryISO, PhoneCountryISOs, Pill, PillAppearance, PillProps, PillVariant, ProgressBar, ProgressBarProps, RadioButton, RadioButtonGroup, RadioButtonGroupProps, RadioButtonProps, Scribbles, ScribblesName, ScribblesProps, Tag, TagProps, TagVariant, TypedEventEmitter, allIcons, allScribbles, debounce, normalizeText, stringToBoolean };