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

package/dist/cjs/types/components/ui/atoms/toasts/toast.d.ts

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef, FC } from 'react';
+import './toast.scss';
+export type ToastType = 'success' | 'failure' | 'warning' | 'info';
+export interface ToastProps extends Omit<ComponentPropsWithoutRef<'div'>, 'id'> {
+    /**
+     * The id of the toast
+     */
+    id: number;
+    /**
+     * Title of the toast
+     */
+    title: string;
+    /**
+     * Description of the toast
+     */
+    description: string;
+    /**
+     * Type variant of the toast
+     */
+    type: ToastType;
+    /**
+     * Alternative text to apply to the toast close button
+     */
+    closeLabel: string;
+}
+export declare const Toast: FC<ToastProps>;

package/dist/cjs/types/components/ui/atoms/toasts/useToast.d.ts

@@ -0,0 +1,8 @@
+import { ToastProps } from './toast';
+export interface ToastHook {
+    toasts: ToastProps[];
+    showToast: (args: ToastProps, duration?: number) => void;
+    removeToast: (args: ToastProps) => void;
+}
+declare const useToast: () => ToastHook;
+export default useToast;

package/dist/cjs/types/components/ui/atoms/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './tooltip';
+export type { TooltipProps, TooltipVariant, TooltipPosition, TooltipAlignment } from './tooltip';

package/dist/cjs/types/components/ui/atoms/tooltip/tooltip.d.ts

@@ -0,0 +1,46 @@
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from 'react';
+import './tooltip.scss';
+/**
+ * The available variants of the Tooltip. This variants will define the background of the Tooltip.
+ */
+export type TooltipVariant = 'light' | 'dark' | 'info';
+/**
+ * The available positions of the Tooltip. This positions will define the position of the Tooltip.
+ */
+export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * The available alignments of the Tooltip. This alignments will define the alignment of the Tooltip.
+ */
+export type TooltipAlignment = 'start' | 'center' | 'end';
+export 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.ReactNode;
+}
+export declare const InnerTooltip: ForwardRefRenderFunction<HTMLDivElement, TooltipProps>;
+export declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/types/components/ui/index.d.ts

@@ -1,23 +1,38 @@
 export * from './atoms/accordion';
+export * from './atoms/anchor';
+export * from './atoms/avatar';
 export * from './atoms/breadcrumb';
 export * from './atoms/button';
 export * from './atoms/checkbox';
+export * from './atoms/drawer';
+export * from './atoms/glossary-letters';
 export * from './atoms/icon';
 export * from './atoms/input-number';
 export * from './atoms/input-password';
 export * from './atoms/input-search';
 export * from './atoms/input-text';
 export * from './atoms/input-textarea';
+export * from './atoms/input-range';
+export * from './atoms/modal';
 export * from './atoms/pill';
 export * from './atoms/progress-bar';
 export * from './atoms/radio';
 export * from './atoms/scribbles';
+export * from './atoms/switch';
+export * from './atoms/tabs';
 export * from './atoms/tag';
+export * from './atoms/list';
+export * from './atoms/step-list';
+export * from './atoms/toasts';
 export * from './molecules/accordion-group';
+export * from './molecules/avatar-group';
 export * from './molecules/checkbox-group';
 export * from './molecules/dropdown-list';
-export * from './molecules/radiobutton-group';
+export * from './molecules/progress-bar-group';
+export * from './molecules/radio-button-group';
+export * from './molecules/button-group';
 export * from './organisms/input-date';
 export * from './organisms/input-phone';
 export * from './organisms/input-select';
-export * from './templates/federated-footer';
+export * from './templates/footer/federated-footer';
+export * from './templates/footer/public-footer';

package/dist/cjs/types/components/ui/molecules/accordion-group/accordion-group.d.ts

@@ -10,7 +10,7 @@ export 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
      */

package/dist/cjs/types/components/ui/molecules/avatar-group/avatar-group.d.ts

@@ -0,0 +1,16 @@
+import { FC, HtmlHTMLAttributes, ReactElement } from 'react';
+import { AvatarProps } from '../../atoms/avatar';
+import './avatar-group.scss';
+export 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>;
+export { AvatarGroup };

package/dist/cjs/types/components/ui/molecules/avatar-group/index.d.ts

@@ -0,0 +1,2 @@
+export { AvatarGroup } from './avatar-group';
+export type { AvatarGroupProps } from './avatar-group';

package/dist/cjs/types/components/ui/molecules/avatar-group/visible-count-avatar-group.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement, ComponentPropsWithoutRef, FC } from 'react';
+import { AvatarProps } from '../../atoms/avatar';
+export interface VisibleCountAvatarGroupProps extends ComponentPropsWithoutRef<'div'> {
+    className?: string;
+    children: ReactElement<AvatarProps> | Array<ReactElement<AvatarProps>>;
+    visibleCount: number;
+    avatarCount: number;
+}
+export declare const VisibleCountAvatarGroup: FC<VisibleCountAvatarGroupProps>;

package/dist/cjs/types/components/ui/molecules/button-group/button-group.d.ts

@@ -0,0 +1,36 @@
+import { FC, HtmlHTMLAttributes, ReactElement } from 'react';
+import { ButtonProps, ButtonVariant } from '../../../..';
+import { BooleanProp } from '../../../models';
+import './button-group.scss';
+export 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>;
+export { ButtonGroup };

package/dist/cjs/types/components/ui/molecules/button-group/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonGroup } from './button-group';
+export type { ButtonGroupProps } from './button-group';

package/dist/cjs/types/components/ui/molecules/dropdown-list/contexts/dropdown-section-state.context.d.ts

@@ -30,7 +30,7 @@ export declare class DropdownSectionStateManager extends TypedEventEmitter<Dropd
     private emitChangeEvent;
     private clearFilterFromDOMElements;
     private applyFilterToDOMElements;
-    init(listboxRef: any, controllerRef: any, childrenNodes: any, currentFocusIndex: any, enableSelectAll: any, selectAllSectionId: any): void;
+    init(listboxRef: HTMLElement | null, controllerRef: HTMLElement | null, childrenNodes: ReactElement<DropdownSectionProps> | Array<ReactElement<DropdownSectionProps>>, currentFocusIndex: number, enableSelectAll: boolean, selectAllSectionId: string): void;
     private selectAllOptions;
     private selectCheckboxOption;
     private selectTextOrRadioOption;

package/dist/cjs/types/components/ui/molecules/dropdown-list/models/dropdown-list.interface.d.ts

@@ -55,5 +55,5 @@ export interface DropdownListProps extends Omit<React.ComponentPropsWithRef<'sel
     /**
      *  Event triggered whenever the input search bar value changes.
      */
-    onInputSearchChange?: (string: any) => void;
+    onInputSearchChange?: (value: string) => void;
 }

package/dist/cjs/types/components/ui/molecules/radio-button-group/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioButtonGroup } from './radio-button-group';
+export type { RadioButtonGroupProps } from './radio-button-group';

package/dist/cjs/types/components/ui/organisms/input-date/contexts/date-picker-state.context.d.ts

@@ -0,0 +1,34 @@
+import React, { Dispatch, FC, ReactNode, SetStateAction } from 'react';
+import { Months } from '../../../../models';
+import { WeekDays } from '../../../../models/week-days.interface';
+export type DatePickerStateContextType = {
+    focusedDate: Date;
+    setFocusedDate: Dispatch<SetStateAction<Date>>;
+    selectedDate: Date;
+    setSelectedDate: Dispatch<SetStateAction<Date>>;
+    confirm: (date: Date) => void;
+    cancel: () => void;
+    labels: {
+        previousYearAriaLabel: string;
+        previousMonthAriaLabel: string;
+        nextMonthAriaLabel: string;
+        nextYearAriaLabel: string;
+        monthsLabels?: Months;
+        weekdaysLabels?: WeekDays;
+        focusedDayAriaLabel?: string;
+        selectedDayAriaLabel: string;
+        todayDayAriaLabel: string;
+        todayLabel: string;
+        todayAriaLabel?: string;
+        cancelLabel: string;
+        cancelAriaLabel?: string;
+        okLabel: string;
+        okAriaLabel?: string;
+    };
+};
+export declare const DatePickerStateContext: React.Context<DatePickerStateContextType | undefined>;
+export interface DatePickerStateProviderProps {
+    children: ReactNode;
+    value: DatePickerStateContextType;
+}
+export declare const DatePickerStateProvider: FC<DatePickerStateProviderProps>;

package/dist/cjs/types/components/ui/organisms/input-date/contexts/use-date-picker-state-context.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import { Months } from '../../../../models';
+import { WeekDays } from '../../../../models/week-days.interface';
+declare const useDatePickerStateContext: () => {
+    getLabels: () => {
+        previousYearAriaLabel: string;
+        previousMonthAriaLabel: string;
+        nextMonthAriaLabel: string;
+        nextYearAriaLabel: string;
+        monthsLabels?: Months | undefined;
+        weekdaysLabels?: WeekDays | undefined;
+        focusedDayAriaLabel?: string | undefined;
+        selectedDayAriaLabel: string;
+        todayDayAriaLabel: string;
+        todayLabel: string;
+        todayAriaLabel?: string | undefined;
+        cancelLabel: string;
+        cancelAriaLabel?: string | undefined;
+        okLabel: string;
+        okAriaLabel?: string | undefined;
+    };
+    getAbbrWeekDays: () => string[];
+    focusedMonth: string | undefined;
+    focusedYear: number;
+    moveToPreviousYear: () => void;
+    moveToPreviousMonth: () => void;
+    moveToNextMonth: () => void;
+    moveToNextYear: () => void;
+    moveToNextDay: () => void;
+    moveToNextWeek: () => void;
+    moveToPreviousDay: () => void;
+    moveToPreviousWeek: () => void;
+    moveToFirstDayOfWeek: () => void;
+    moveToLastDayOfWeek: () => void;
+    selectFocusedDate: () => void;
+    focusToday: () => void;
+    focusedDate: Date;
+    setFocusedDate: import("react").Dispatch<import("react").SetStateAction<Date>>;
+    selectedDate: Date;
+    setSelectedDate: import("react").Dispatch<import("react").SetStateAction<Date>>;
+    confirm: (date: Date) => void;
+    cancel: () => void;
+    labels: {
+        previousYearAriaLabel: string;
+        previousMonthAriaLabel: string;
+        nextMonthAriaLabel: string;
+        nextYearAriaLabel: string;
+        monthsLabels?: Months | undefined;
+        weekdaysLabels?: WeekDays | undefined;
+        focusedDayAriaLabel?: string | undefined;
+        selectedDayAriaLabel: string;
+        todayDayAriaLabel: string;
+        todayLabel: string;
+        todayAriaLabel?: string | undefined;
+        cancelLabel: string;
+        cancelAriaLabel?: string | undefined;
+        okLabel: string;
+        okAriaLabel?: string | undefined;
+    };
+};
+export { useDatePickerStateContext };

package/dist/cjs/types/components/ui/organisms/input-date/date-picker-dropdown-body/date-picker-dropdown-body.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const DialogBody: FC;

package/dist/cjs/types/components/ui/organisms/input-date/date-picker-dropdown-footer/date-picker-dropdown-footer.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const DialogFooter: FC;

package/dist/cjs/types/components/ui/organisms/input-date/date-picker-dropdown-header/date-picker-dropdown-header.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const DialogHeader: FC;

package/dist/cjs/types/components/ui/organisms/input-date/date-picker-dropdown.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import { Months } from '../../../models';
+import { WeekDays } from '../../../models/week-days.interface';
+export interface DatePickerDropdownProps {
+    date: Date;
+    onChange: (date: Date) => void;
+    onCancel: () => void;
+    labels: {
+        previousYearAriaLabel: string;
+        previousMonthAriaLabel: string;
+        nextMonthAriaLabel: string;
+        nextYearAriaLabel: string;
+        monthsLabels?: Months;
+        weekdaysLabels?: WeekDays;
+        focusedDayAriaLabel?: string;
+        selectedDayAriaLabel: string;
+        todayDayAriaLabel: string;
+        todayLabel: string;
+        todayAriaLabel?: string;
+        cancelLabel: string;
+        cancelAriaLabel?: string;
+        okLabel: string;
+        okAriaLabel?: string;
+    };
+}
+export declare const DatePickerDropdown: FC<DatePickerDropdownProps>;

package/dist/cjs/types/components/ui/organisms/input-date/index.d.ts

@@ -1,2 +1,2 @@
 export { InputDate } from './input-date';
-export type { InputDateProps, InputDateLanguageProps, InputDateEventProps } from './input-date';
+export type { InputDateProps } from './input-date';

package/dist/cjs/types/components/ui/organisms/input-date/input-date.d.ts

@@ -1,78 +1,103 @@
-import React from 'react';
-import { BooleanProp } from '../../../models';
+import React, { ComponentPropsWithRef } from 'react';
+import { BooleanProp, FeedbackState, Months } from '../../../models';
+import { WeekDays } from '../../../models/week-days.interface';
 import './input-date.scss';
-export 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;
-}
-export interface InputDateEventProps {
-    date: Date;
-    disabled: boolean;
-}
-export interface InputDateProps extends React.ComponentPropsWithRef<'input'> {
+export interface InputDateProps extends ComponentPropsWithRef<'input'> {
     /**
-     * Input ID.
+     * Input label text.
      */
-    id: string;
+    label?: string;
     /**
-     * Input descriptive label.
+     * Show or hide input label.
      */
-    label?: string;
+    hideLabel?: BooleanProp;
     /**
-     * Descriptive attribute that labels the checkbox in terms of accessibility
+     * Sets the input in a error state. This also affects the feedback state.
      */
-    ariaLabel?: string;
+    hasError?: BooleanProp;
     /**
-     * Decides if display/hide OverlayInfo.
+     * Show or hide the feedback status text.
      */
-    showOverlayInfo?: BooleanProp;
+    hasFeedback?: BooleanProp;
     /**
-     * Decides if display/hide label.
+     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
      */
-    hideLabel?: BooleanProp;
+    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;
+    /**
+     * Accessible text to apply to the date picker next year button.
+     */
+    nextYearAriaLabel: string;
+    /**
+     * Labels for each month.
+     */
+    monthsLabels?: Months;
+    /**
+     * Labels for each weekday.
+     */
+    weekdaysLabels?: WeekDays;
+    /**
+     * Accessible text to identify the current focused day.
+     */
+    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;
     /**
-     * Alternative text for improve clear text icon Accessibility
+     * Label for the date picker cancel button.
      */
-    toggleDateAltIconText?: string;
+    cancelLabel: string;
     /**
-     * Allow to show/hide the char counter on right button corner.
+     * Accessible text for the date picker cancel button.
      */
-    isOptional?: BooleanProp;
+    cancelAriaLabel?: string;
     /**
-     * Allow to change to others languages.
+     * Label for the date picker ok button.
      */
-    language?: InputDateLanguageProps;
+    okLabel: string;
     /**
-     * Allow to create list of events date that can be disabled or not.
+     * Accessible text for the date picker ok button.
      */
-    dateEventList?: InputDateEventProps[];
+    okAriaLabel?: string;
 }
 export declare const InputDate: React.ForwardRefExoticComponent<Omit<InputDateProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/types/components/ui/organisms/input-date/utils/get-date-string.d.ts

@@ -0,0 +1 @@
+export declare const getDateString: (d: Date) => string;

package/dist/cjs/types/components/ui/organisms/input-date/utils/is-date-in-same-month.d.ts

@@ -0,0 +1 @@
+export declare const isDateInSameMonthOfYear: (date1: Date, date2: Date) => boolean;

package/dist/cjs/types/components/ui/organisms/input-date/utils/is-same-day.d.ts

@@ -0,0 +1 @@
+export declare const isSameDay: (date1: Date, date2: Date) => boolean;

package/dist/cjs/types/components/ui/organisms/input-date/utils/parse-input-date.d.ts

@@ -0,0 +1 @@
+export declare const parseInputDate: (val?: string | null) => Date | null;

package/dist/cjs/types/components/ui/templates/footer/federated-footer/federated-footer-card.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CardFooterProps } from '../models/CardFooterProps';
+declare const FederatedFooterCard: FC<CardFooterProps>;
+export { FederatedFooterCard };

package/dist/cjs/types/components/ui/templates/{federated-footer → footer/federated-footer}/federated-footer.d.ts

@@ -1,17 +1,17 @@
 import { AnchorHTMLAttributes, FC, ReactNode } from 'react';
+import { CardFooterProps } from '../models/CardFooterProps';
+import { LinkableIconsProps } from '../models/LinkableIconsProps';
+import { LinkableImagesProps } from '../models/LinkableImagesProps';
 import './federated-footer.scss';
-import { CardFederatedFooterProps } from './models/CardFederatedFooterProps.type';
-import { LinkableIconsProps } from './models/LinkableIconsProps';
-import { LinkableImagesProps } from './models/LinkableImagesProps';
 export 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.
      */
@@ -19,11 +19,11 @@ export 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.
      */
@@ -32,7 +32,7 @@ export 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>;
 export { FederatedFooter };

package/dist/cjs/types/components/ui/templates/footer/federated-footer/index.d.ts

@@ -0,0 +1,5 @@
+export { FederatedFooter } from './federated-footer';
+export type { FederatedFooterProps } from './federated-footer';
+export type { CardFooterProps } from '../models/CardFooterProps';
+export type { LinkableIconsProps } from '../models/LinkableIconsProps';
+export type { LinkableImagesProps } from '../models/LinkableImagesProps';

package/dist/cjs/types/components/ui/templates/{federated-footer/models/CardFederatedFooterProps.type.d.ts → footer/models/CardFooterProps.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, AnchorHTMLAttributes } from 'react';
-export type CardFederatedFooterProps = {
+export type CardFooterProps = {
     title?: string;
     description?: string | ReactNode;
     links?: AnchorHTMLAttributes<HTMLAnchorElement>[];

package/dist/cjs/types/components/ui/templates/footer/models/CardLinksFooterProps.d.ts

@@ -0,0 +1,5 @@
+import { AnchorHTMLAttributes } from 'react';
+export type CardLinksFooterProps = {
+    title?: string;
+    links?: AnchorHTMLAttributes<HTMLAnchorElement>[];
+};

package/dist/cjs/types/components/ui/templates/footer/models/ContactsFooterProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type ContactsFooterProps = {
+    title?: string | ReactNode;
+    description?: string | ReactNode;
+    phones?: string[];
+};

package/dist/cjs/types/components/ui/templates/footer/public-footer/index.d.ts

@@ -0,0 +1,7 @@
+export type { CardFooterProps } from '../models/CardFooterProps';
+export type { CardLinksFooterProps } from '../models/CardLinksFooterProps';
+export type { ContactsFooterProps } from '../models/ContactsFooterProps';
+export type { LinkableIconsProps } from '../models/LinkableIconsProps';
+export type { LinkableImagesProps } from '../models/LinkableImagesProps';
+export { PublicFooter } from './public-footer';
+export type { PublicFooterProps } from './public-footer';

package/dist/cjs/types/components/ui/templates/footer/public-footer/public-footer-contacts.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ContactsFooterProps } from '../models/ContactsFooterProps';
+declare const PublicFooterContacts: FC<{
+    contacts: ContactsFooterProps[];
+    contactsOnly: boolean;
+    hasCardLinks: boolean;
+}>;
+export { PublicFooterContacts };