@ama-pt/agora-design-system 0.2.1 → 0.2.3

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React$1, { ComponentPropsWithRef, ReactNode, FC, SVGProps, HTMLProps, ReactElement, HtmlHTMLAttributes, ChangeEvent, RefObject, AnchorHTMLAttributes, ImgHTMLAttributes } from 'react';
+import React$1, { ComponentPropsWithRef, ReactNode, FC, SVGProps, HTMLProps, ComponentPropsWithoutRef, ReactElement, HtmlHTMLAttributes, ChangeEvent, RefObject, AnchorHTMLAttributes, ImgHTMLAttributes } from 'react';
 
 type BooleanProp = boolean | 'true' | 'false';
 
@@ -6,6 +6,21 @@ type FeedbackState = 'info' | 'danger' | 'success' | 'warning';
 
 type IconPosition = 'leading' | 'trailing';
 
+interface Months {
+    jan: string;
+    feb: string;
+    mar: string;
+    apr: string;
+    may: string;
+    jun: string;
+    jul: string;
+    aug: string;
+    set: string;
+    oct: string;
+    nov: string;
+    dec: string;
+}
+
 interface AccordionRef {
     id: string;
     current: HTMLDivElement;
@@ -57,6 +72,152 @@ interface AccordionProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
 }
 declare const Accordion: React$1.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React$1.RefAttributes<HTMLDivElement | AccordionRef>>;
 
+/**
+ * The available variants of the anchors. This variants will define the background and border color of the anchors.
+ */
+type AnchorVariant = 'primary' | 'neutral' | 'white' | 'success' | 'warning' | 'danger';
+/**
+ * The available anchor appearances. Defines the anchor shape.
+ */
+type AnchorAppearance = 'link' | 'text';
+interface AnchorProps extends ComponentPropsWithRef<'a'> {
+    /**
+     * The anchor appearance. Define the anchor Shape.
+     */
+    appearance?: AnchorAppearance;
+    /**
+     * The variant of the anchor. This variants will define the background and border color of the given Anchor
+     */
+    variant?: AnchorVariant;
+    /**
+     * Defines if the anchor should be fluid
+     */
+    fullWidth?: BooleanProp;
+    /**
+     * Defines if the anchor 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;
+    /**
+     * 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 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>;
+
+/**
+ * The available types of the avatar. This types will define the appearance of the avatar image.
+ */
+type AvatarType = 'image' | 'icon' | 'initials';
+/**
+ * The available badge positions. The badge position defines the location of the badge on the avatar.
+ */
+type AvatarBadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/**
+ * The available variants of the badge. This variants will define the color of the avatar badge.
+ */
+type AvatarBadgeVariant = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'neutral' | 'white';
+interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * The available avatar types. Defines the appearance of the avatar.
+     */
+    avatarType?: AvatarType;
+    /**
+     * 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;
+    /**
+     * Avatar information. Information related to the avatar, such as user name or other.
+     */
+    information?: string;
+    /**
+     * Avatar alt personalized description of the avatar. The text appears if the avatar fails to load on the page.
+     */
+    alt: string;
+    /**
+     * The flag to place a badge of different colors on the avatar.
+     */
+    hasBadge?: boolean;
+    /**
+     * The available badge positions. The badge position defines the location of the badge on the avatar.
+     */
+    badgePosition?: AvatarBadgePosition;
+    /**
+     * The variant of the badge. This variants will define the color of the avatar badge.
+     */
+    badgeVariant?: AvatarBadgeVariant;
+    /**
+     * The flag to make the avatar interactive. When it is interactive,
+     * avatar can be focused by clicking on it, or pressing SPACE or ENTER.
+     */
+    interactive?: BooleanProp;
+    /**
+     * Callback to run whenever the avatar is activated.
+     */
+    onActivate?: () => void;
+}
+declare const Avatar: FC<AvatarProps>;
+
 interface BreadcrumbLink {
     /**
      * The Breadcrumb page link url.
@@ -67,7 +228,7 @@ interface BreadcrumbLink {
      */
     label: string;
 }
-interface BreadcrumbProps extends HTMLDivElement {
+interface BreadcrumbProps extends HTMLProps<HTMLDivElement> {
     /**
      * The links that make up the breadcrumb in hierarchical order.
      */
@@ -77,7 +238,7 @@ interface BreadcrumbProps extends HTMLDivElement {
      */
     darkMode?: boolean;
 }
-declare const Breadcrumb: React$1.ForwardRefExoticComponent<BreadcrumbProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Breadcrumb: FC<BreadcrumbProps>;
 
 /**
  * The available variants of the button. This variants will define the background and border color of the button.
@@ -86,7 +247,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.
@@ -136,6 +297,10 @@ interface ButtonProps extends ComponentPropsWithRef<'button'> {
      * Children content.
      */
     children?: ReactNode;
+    /**
+     * Defines if the button is selected.
+     */
+    selected?: BooleanProp;
 }
 declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -159,33 +324,44 @@ interface CheckboxProps extends React$1.ComponentPropsWithRef<'input'> {
 }
 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 {
+type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
+interface DrawerRef {
+    current: HTMLDialogElement | null;
+    openDrawer: () => void;
+    closeDrawer: () => void;
+}
+interface DrawerProps extends ComponentPropsWithRef<'dialog'> {
     /**
-     * Predefined icon dimensions.
+     * Children content.
      */
-    dimensions?: IconDimensions;
+    children?: ReactNode;
     /**
-     * Icon name to be used. Can be an external image url.
+     * Dismiss on escape.
      */
-    name?: IconName | string;
+    dismissOnEscape?: BooleanProp;
     /**
-     * Callback to run when image is loaded.
+     * Dismiss on back drop click.
      */
-    onIconLoad?: () => void;
+    dismissOnBackdropClick?: BooleanProp;
     /**
-     * Callback to run when image fails to load.
+     * Position the drawer.
      */
-    onIconError?: () => void;
+    position?: DrawerPosition;
 }
-declare const Icon: FC<IconProps>;
+declare const Drawer: React$1.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React$1.RefAttributes<HTMLDialogElement | DrawerRef>>;
+
+type LetterStatus = 'default' | 'disabled';
+interface GlossaryLetter extends HTMLProps<HTMLAnchorElement> {
+    letter: string;
+    status: LetterStatus;
+}
+interface GlossaryLettersProps extends ComponentPropsWithRef<'nav'> {
+    /**
+     * Letters Array
+     */
+    letters?: GlossaryLetter[];
+}
+declare const GlossaryLetters: React$1.ForwardRefExoticComponent<Omit<GlossaryLettersProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 interface InputNumberProps extends React$1.ComponentPropsWithRef<'input'> {
     /**
@@ -375,14 +551,105 @@ interface InputTextAreaProps extends React$1.ComponentPropsWithRef<'textarea'> {
 }
 declare const InputTextArea: React$1.ForwardRefExoticComponent<Omit<InputTextAreaProps, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
 
+type RangeOrientation = 'horizontal' | 'vertical';
+type RangeType = 'single' | 'double';
+interface RangeProps extends Omit<ComponentPropsWithRef<'input'>, 'value' | 'onChange'> {
+    /**
+     * Input label text.
+     */
+    label?: string;
+    /**
+     * Decides if display/hide label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * The orientation of the range (horizontal or vertical).
+     */
+    orientation?: RangeOrientation;
+    /**
+     * The type of the range (single or double).
+     */
+    type?: RangeType;
+    /**
+     * If `true`, the range will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The value(s) of the range.
+     */
+    value: number[];
+    /**
+     * The minimum value of the range.
+     */
+    min: number | string;
+    /**
+     * The maximum value of the range.
+     */
+    max: number | string;
+    /**
+     * Custom onChange event handler for double range type.
+     * Will be called with an array of values.
+     */
+    onChange?: (values: number[]) => void;
+}
+declare const InputRange: React$1.ForwardRefExoticComponent<Omit<RangeProps, "ref"> & React$1.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'> {
+    /**
+     * Title text for the close button.
+     */
+    closeText: string;
+    /**
+     * Children content.
+     */
+    children: ReactNode;
+}
+declare const Modal: FC<ModalProps>;
+
+interface ModalContextProps {
+    isOpen?: boolean;
+    showModal: (params: ReactNode, modalProps: ModalProps) => void;
+    closeModal: () => void;
+    modalContent?: ReactNode | null;
+}
+interface ModalProviderProps {
+    /**
+     * Children content.
+     */
+    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.
  */
-type PillVariant = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'informative';
+type PillVariant = 'primary' | 'secondary' | 'secondary-light' | 'neutral' | 'informative' | 'success' | 'warning' | 'danger';
 /**
  * The available pill appearances. Defines the pill shape.
  */
 type PillAppearance = 'solid' | 'outline';
+/**
+ * The available pill size. Defines the pill size.
+ */
+type PillSize = 'default' | 'large';
 interface PillProps extends ComponentPropsWithRef<'div'> {
     /**
      * The pill appearance. Define the pill Shape.
@@ -396,6 +663,14 @@ interface PillProps extends ComponentPropsWithRef<'div'> {
      * Children content.
      */
     children?: ReactNode;
+    /**
+     * Pill or Circular pill style
+     */
+    circular?: BooleanProp;
+    /**
+     *  Size of pill
+     */
+    size?: PillSize;
 }
 declare const Pill: React$1.ForwardRefExoticComponent<Omit<PillProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -475,6 +750,87 @@ interface ScribblesProps extends SuperScribblesProps {
 }
 declare const Scribbles: FC<ScribblesProps>;
 
+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'> {
+    /**
+     * Input label text.
+     */
+    label?: string;
+    /**
+     * Show or hide input label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Whether the switch is disabled.
+     */
+    reverse?: boolean;
+    /**
+     * The position of the switch.
+     */
+    position?: SwitchPosition;
+    /**
+     * Defines if the Switch should be fluid
+     */
+    fullWidth?: boolean;
+}
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+interface TabBodyProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+}
+declare const TabBody: FC<TabBodyProps>;
+
+interface TabHeaderProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+}
+declare const TabHeader: FC<TabHeaderProps>;
+
+interface TabProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children?: Array<ReactElement<TabHeaderProps> | ReactElement<TabBodyProps>>;
+    /**
+     * Active tab.
+     */
+    active?: BooleanProp;
+}
+declare const Tab: FC<TabProps>;
+
+interface TabsProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children: ReactElement<TabProps> | Array<ReactElement<TabProps>>;
+    /**
+     * Defines if the tab should be fluid.
+     */
+    fullWidth?: BooleanProp;
+    /**
+     * Automatic activation.
+     */
+    automaticActivation?: BooleanProp;
+}
+declare const Tabs: FC<TabsProps>;
+
 /**
  * The available variants of the Tag. This variants will define the background and border color of the Tag.
  */
@@ -511,30 +867,87 @@ interface TagProps extends ComponentPropsWithRef<'button'> {
 }
 declare const Tag: React$1.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-type SwitchPosition = 'start' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
-interface SwitchProps extends React$1.ComponentPropsWithRef<'input'> {
+type ToastType = 'success' | 'failure' | 'warning' | 'info';
+interface ToastProps extends Omit<ComponentPropsWithoutRef<'div'>, 'id'> {
     /**
-     * Input label text.
+     * The id of the toast
      */
-    label?: string;
+    id: number;
     /**
-     * Show or hide input label.
+     * Title of the toast
      */
-    hideLabel?: BooleanProp;
+    title: string;
     /**
-     * Whether the switch is disabled.
+     * Description of the toast
      */
-    reverse?: boolean;
+    description: string;
     /**
-     * The position of the switch.
+     * Type variant of the toast
      */
-    position?: SwitchPosition;
+    type: ToastType;
     /**
-     * Defines if the Switch should be fluid
+     * Alternative text to apply to the toast close button
      */
-    fullWidth?: boolean;
+    closeLabel: string;
 }
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const Toast: FC<ToastProps>;
+
+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;
+}
+declare const ToastProvider: FC<ToastProviderProps>;
+
+/**
+ * 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$1.ReactNode;
+}
+declare const Tooltip: React$1.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 type AccordionGroupType = 'single' | 'multiple';
 interface AccordionGroupProps extends ComponentPropsWithRef<'div'> {
@@ -545,7 +958,7 @@ interface AccordionGroupProps extends ComponentPropsWithRef<'div'> {
     /**
      *  List of accordion components to use as children of the group.
      */
-    children?: ReactElement<AccordionProps> | Array<ReactElement<ReactElement<AccordionProps>>>;
+    children?: ReactElement<AccordionProps> | Array<ReactElement<AccordionProps>>;
     /**
      *  Option to open multiple accordions or just one at a time
      */
@@ -553,6 +966,51 @@ interface AccordionGroupProps extends ComponentPropsWithRef<'div'> {
 }
 declare const AccordionGroup: React$1.ForwardRefExoticComponent<Omit<AccordionGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+interface AvatarGroupProps extends HtmlHTMLAttributes<HTMLDivElement> {
+    /**
+     * List of avatar components to use as children of the group.
+     */
+    children: ReactElement<AvatarProps> | Array<ReactElement<AvatarProps>>;
+    /**
+     * Number of avatars that will be visible in the group. Once it exceeds that number a separate icon will show how many more avatars there are left.
+     * Clicking on the icon with the number will preview the other avatars as well.
+     */
+    visibleCount?: number;
+}
+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.
@@ -650,7 +1108,7 @@ interface DropdownListProps extends Omit<React.ComponentPropsWithRef<'select'>,
     /**
      *  Event triggered whenever the input search bar value changes.
      */
-    onInputSearchChange?: (string: any) => void;
+    onInputSearchChange?: (value: string) => void;
 }
 
 declare const DropdownList: FC<DropdownListProps>;
@@ -659,6 +1117,33 @@ declare const DropdownSection: FC<DropdownSectionProps>;
 
 declare const DropdownSectionOption: FC<DropdownSectionOptionProps>;
 
+/**
+ * ProgressBarGroup component.
+ */
+interface ProgressBarGroupProps extends HtmlHTMLAttributes<HTMLDivElement> {
+    /**
+     * The label text to display.
+     */
+    label?: string;
+    /**
+     * Whether to hide the label or not.
+     */
+    hideLabel?: boolean;
+    /**
+     * List of progress components to use as children of the group.
+     */
+    children?: ReactElement<ProgressBarProps> | Array<ReactElement<ProgressBarProps>>;
+    /**
+     * Whether to hide the percentage value or not.
+     */
+    hidePercentageValues?: boolean;
+    /**
+     * Whether to display the progress bars in a sequential order or not.
+     */
+    sequential?: boolean;
+}
+declare const ProgressBarGroup: FC<ProgressBarGroupProps>;
+
 interface RadioButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      *  Input label text.
@@ -683,79 +1168,113 @@ interface RadioButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>,
 }
 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;
+interface WeekDays {
+    sun: string;
+    mon: string;
+    tue: string;
+    wed: string;
+    thu: string;
+    fri: string;
+    sat: string;
+}
+
+interface InputDateProps extends ComponentPropsWithRef<'input'> {
     /**
-     * Input descriptive label.
+     * Input label text.
      */
     label?: string;
     /**
-     * Descriptive attribute that labels the checkbox in terms of accessibility
+     * Show or hide input label.
      */
-    ariaLabel?: string;
+    hideLabel?: BooleanProp;
     /**
-     * Decides if display/hide OverlayInfo.
+     * Sets the input in a error state. This also affects the feedback state.
      */
-    showOverlayInfo?: BooleanProp;
+    hasError?: BooleanProp;
     /**
-     * Decides if display/hide label.
+     * Show or hide the feedback status text.
      */
-    hideLabel?: BooleanProp;
+    hasFeedback?: BooleanProp;
+    /**
+     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
+     */
+    feedbackState?: FeedbackState;
     /**
-     * Text informative displayed below input text
+     * Feedback text displayed below input.
      */
     feedbackText?: string;
     /**
-     * Text to displayed on OverlayInfo text
+     * Show or hide the leading icon.
      */
-    overlayInfoText?: string;
+    hasIcon?: BooleanProp;
     /**
-     * Indicates the feedback state of feedback text.
-     * This param will change the left feedback icon and dye it.
+     * Name of the icon leading icon to be displayed.
      */
-    feedbackState?: 'info' | 'danger' | 'success' | 'warning';
+    icon?: string;
     /**
-     * Highlight the input indicating some error
+     * Accessible text to apply to the trailing calendar icon.
      */
-    hasError?: BooleanProp;
+    calendarIconAriaLabel: string;
+    /**
+     * Accessible text to apply to the date picker previous year button.
+     */
+    previousYearAriaLabel: string;
+    /**
+     * Accessible text to apply to the date picker previous month button.
+     */
+    previousMonthAriaLabel: string;
+    /**
+     * Accessible text to apply to the date picker next month button.
+     */
+    nextMonthAriaLabel: string;
     /**
-     * Alternative text for improve clear text icon Accessibility
+     * Accessible text to apply to the date picker next year button.
      */
-    toggleDateAltIconText?: string;
+    nextYearAriaLabel: string;
     /**
-     * Allow to show/hide the char counter on right button corner.
+     * Labels for each month.
      */
-    isOptional?: BooleanProp;
+    monthsLabels?: Months;
     /**
-     * Allow to change to others languages.
+     * Labels for each weekday.
      */
-    language?: InputDateLanguageProps;
+    weekdaysLabels?: WeekDays;
     /**
-     * Allow to create list of events date that can be disabled or not.
+     * Accessible text to identify the current focused day.
      */
-    dateEventList?: InputDateEventProps[];
+    focusedDayAriaLabel?: string;
+    /**
+     * Accessible text to identify the current selected day.
+     */
+    selectedDayAriaLabel: string;
+    /**
+     * Accessible text to identify the highlighted today day.
+     */
+    todayDayAriaLabel: string;
+    /**
+     * Label for the date picker today button.
+     */
+    todayLabel: string;
+    /**
+     * Accessible text for the date picker today button.
+     */
+    todayAriaLabel?: string;
+    /**
+     * Label for the date picker cancel button.
+     */
+    cancelLabel: string;
+    /**
+     * Accessible text for the date picker cancel button.
+     */
+    cancelAriaLabel?: string;
+    /**
+     * Label for the date picker ok button.
+     */
+    okLabel: string;
+    /**
+     * Accessible text for the date picker ok button.
+     */
+    okAriaLabel?: string;
 }
 declare const InputDate: React$1.ForwardRefExoticComponent<Omit<InputDateProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -915,7 +1434,7 @@ interface InputSelectProps extends Omit<ComponentPropsWithRef<'select'>, 'option
 }
 declare const InputSelect: React$1.ForwardRefExoticComponent<Omit<InputSelectProps, "ref"> & React$1.RefAttributes<HTMLSelectElement | InputSelectRef>>;
 
-type CardFederatedFooterProps = {
+type CardFooterProps = {
     title?: string;
     description?: string | ReactNode;
     links?: AnchorHTMLAttributes<HTMLAnchorElement>[];
@@ -937,11 +1456,11 @@ interface FederatedFooterProps {
     /**
      *  Informative card. Links limited to first 3, remaining array is discarded.
      */
-    card?: CardFederatedFooterProps;
+    card?: CardFooterProps;
     /**
      *  Image on left side with/without link.
      */
-    brandImage?: LinkableImagesProps;
+    brandImage: LinkableImagesProps;
     /**
      * Image on right side with/without link.
      */
@@ -949,11 +1468,11 @@ interface FederatedFooterProps {
     /**
      * Small descriptive text
      */
-    caption?: string | ReactNode;
+    caption: string | ReactNode;
     /**
      *  List of images with or without link. Links limited to first 10, remaining array is discarded.
      */
-    partnersLogos?: LinkableImagesProps[];
+    partnersLogos: LinkableImagesProps[];
     /**
      *  List of icons with/without link. Links limited to first 10, remaining array is discarded.
      */
@@ -962,10 +1481,59 @@ interface FederatedFooterProps {
      * List of links. Links limited to first 8, remaining array is discarded.
      */
     usefulLinks?: AnchorHTMLAttributes<HTMLAnchorElement>[];
-    copyright?: string;
+    copyright: string;
 }
 declare const FederatedFooter: FC<FederatedFooterProps>;
 
+type CardLinksFooterProps = {
+    title?: string;
+    links?: AnchorHTMLAttributes<HTMLAnchorElement>[];
+};
+
+type ContactsFooterProps = {
+    title?: string | ReactNode;
+    description?: string | ReactNode;
+    phones?: string[];
+};
+
+interface PublicFooterProps {
+    /**
+     *  Informative card. Links limited to first 3, remaining array is discarded.
+     */
+    card?: CardFooterProps;
+    /**
+     *  Contacts limited to first 2, remaining array is discarded.
+     */
+    contacts?: ContactsFooterProps[];
+    cardLinks?: CardLinksFooterProps;
+    /**
+     *  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 PublicFooter: FC<PublicFooterProps>;
+
 /**
  * Convert string like value to Boolean
  */
@@ -983,4 +1551,4 @@ declare class TypedEventEmitter<K extends string, T> {
     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, Switch, SwitchPosition, SwitchProps, Tag, TagProps, TagVariant, TypedEventEmitter, allIcons, allScribbles, debounce, normalizeText, stringToBoolean };
+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, Tooltip, TooltipAlignment, TooltipPosition, TooltipProps, TooltipVariant, TypedEventEmitter, allIcons, allScribbles, debounce, normalizeText, stringToBoolean, useModalContext, useToastContext };