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

package/dist/cjs/types/components/documentation/Accessibility/accessibility.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AccessibilityStory: () => JSX.Element;

package/dist/cjs/types/components/documentation/GetttingStarted/getting-started.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GettingStartedStory: () => JSX.Element;

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

@@ -1,3 +1,4 @@
 export * from './boolean-type';
 export * from './feedback-state-type';
 export * from './icon-position.type';
+export * from './months.interface';

package/dist/cjs/types/components/models/months.interface.d.ts

@@ -0,0 +1,14 @@
+export 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;
+}

package/dist/cjs/types/components/models/week-days.interface.d.ts

@@ -0,0 +1,9 @@
+export interface WeekDays {
+    sun: string;
+    mon: string;
+    tue: string;
+    wed: string;
+    thu: string;
+    fri: string;
+    sat: string;
+}

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

@@ -0,0 +1,63 @@
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactNode } from 'react';
+import { BooleanProp } from '../../../models';
+import './anchor.scss';
+/**
+ * The available variants of the anchors. This variants will define the background and border color of the anchors.
+ */
+export type AnchorVariant = 'primary' | 'neutral' | 'white' | 'success' | 'warning' | 'danger';
+/**
+ * The available anchor appearances. Defines the anchor shape.
+ */
+export type AnchorAppearance = 'link' | 'text';
+export 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;
+}
+export declare const InnerAnchor: ForwardRefRenderFunction<HTMLAnchorElement, AnchorProps>;
+export declare const Anchor: React.ForwardRefExoticComponent<Omit<AnchorProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,2 @@
+export { Anchor } from './anchor';
+export type { AnchorAppearance, AnchorProps, AnchorVariant } from './anchor';

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

@@ -0,0 +1,57 @@
+import { ComponentPropsWithoutRef, FC } from 'react';
+import { BooleanProp } from '../../../models';
+import { IconName } from '../icon';
+import './avatar.scss';
+/**
+ * The available types of the avatar. This types will define the appearance of the avatar image.
+ */
+export type AvatarType = 'image' | 'icon' | 'initials';
+/**
+ * The available badge positions. The badge position defines the location of the badge on the avatar.
+ */
+export 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.
+ */
+export type AvatarBadgeVariant = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'neutral' | 'white';
+export 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;
+}
+export declare const Avatar: FC<AvatarProps>;

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

@@ -0,0 +1,2 @@
+export { Avatar } from './avatar';
+export type { AvatarBadgePosition, AvatarBadgeVariant, AvatarProps, AvatarType } from './avatar';

package/dist/cjs/types/components/ui/atoms/avatar/interactive-avatar.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+export interface InteractiveAvatarProps extends ComponentPropsWithoutRef<'div'> {
+    alt: string;
+    className?: string;
+    onActivate?: () => void;
+    interactive?: boolean;
+    children?: ReactNode;
+}
+export declare const InteractiveAvatar: FC<InteractiveAvatarProps>;

package/dist/cjs/types/components/ui/atoms/avatar/non-interactive-avatar.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+export interface NonInteractiveAvatarProps extends ComponentPropsWithoutRef<'div'> {
+    alt: string;
+    className?: string;
+    interactive?: boolean;
+    children?: ReactNode;
+}
+export declare const NonInteractiveAvatar: FC<NonInteractiveAvatarProps>;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC, HTMLProps } from 'react';
 export interface BreadcrumbLink {
     /**
      * The Breadcrumb page link url.
@@ -9,7 +9,7 @@ export interface BreadcrumbLink {
      */
     label: string;
 }
-export interface BreadcrumbProps extends HTMLDivElement {
+export interface BreadcrumbProps extends HTMLProps<HTMLDivElement> {
     /**
      * The links that make up the breadcrumb in hierarchical order.
      */
@@ -19,4 +19,4 @@ export interface BreadcrumbProps extends HTMLDivElement {
      */
     darkMode?: boolean;
 }
-export declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Breadcrumb: FC<BreadcrumbProps>;

package/dist/cjs/types/components/ui/atoms/breadcrumb/desktop/breadcrumb-desktop.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { BreadcrumbProps } from '../breadcrumb';
 import './breadcrumb-desktop.scss';
-export declare const BreadcrumbDesktop: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLDivElement>>;
+export declare const BreadcrumbDesktop: FC<BreadcrumbProps>;

package/dist/cjs/types/components/ui/atoms/breadcrumb/mobile/breadcrumb-mobile.d.ts

@@ -1,5 +1,4 @@
-import React, { ForwardRefRenderFunction } from 'react';
+import { FC } from 'react';
 import { BreadcrumbProps } from '../breadcrumb';
 import './breadcrumb-mobile.scss';
-export declare const InnerBreadcrumbMobile: ForwardRefRenderFunction<HTMLDivElement, BreadcrumbProps>;
-export declare const BreadcrumbMobile: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLDivElement>>;
+export declare const BreadcrumbMobile: FC<BreadcrumbProps>;

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

@@ -58,6 +58,10 @@ export interface ButtonProps extends ComponentPropsWithRef<'button'> {
      * Children content.
      */
     children?: ReactNode;
+    /**
+     * Defines if the button is selected.
+     */
+    selected?: BooleanProp;
 }
 export declare const InnerButton: ForwardRefRenderFunction<HTMLButtonElement, ButtonProps>;
 export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,32 @@
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactNode } from 'react';
+import './drawer.scss';
+import { BooleanProp } from '../../../models';
+export type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
+export interface DrawerRef {
+    current: HTMLDialogElement | null;
+    openDrawer: () => void;
+    closeDrawer: () => void;
+}
+export interface DrawerProps extends ComponentPropsWithRef<'dialog'> {
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+    /**
+     * Dismiss on escape.
+     */
+    dismissOnEscape?: BooleanProp;
+    /**
+     * Dismiss on back drop click.
+     */
+    dismissOnBackdropClick?: BooleanProp;
+    /**
+     * Position the drawer.
+     */
+    position?: DrawerPosition;
+}
+/**
+ * Return icon default animation class drawer icon name and default position.
+ */
+export declare const InnerDrawer: ForwardRefRenderFunction<HTMLDialogElement | DrawerRef, DrawerProps>;
+export declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React.RefAttributes<HTMLDialogElement | DrawerRef>>;

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

@@ -0,0 +1,2 @@
+export { Drawer } from './drawer';
+export type { DrawerProps, DrawerPosition, DrawerRef } from './drawer';

package/dist/cjs/types/components/ui/atoms/glossary-letters/glossary-letters.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction, HTMLProps } from 'react';
+import './glossary-letters.scss';
+export type LetterStatus = 'default' | 'disabled';
+export interface GlossaryLetter extends HTMLProps<HTMLAnchorElement> {
+    letter: string;
+    status: LetterStatus;
+}
+export interface GlossaryLettersProps extends ComponentPropsWithRef<'nav'> {
+    /**
+     * Letters Array
+     */
+    letters?: GlossaryLetter[];
+}
+export declare const InnerGlossaryLetters: ForwardRefRenderFunction<HTMLDivElement, GlossaryLettersProps>;
+export declare const GlossaryLetters: React.ForwardRefExoticComponent<Omit<GlossaryLettersProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/types/components/ui/atoms/glossary-letters/index.d.ts

@@ -0,0 +1,4 @@
+export { GlossaryLetters } from './glossary-letters';
+export type { GlossaryLettersProps } from './glossary-letters';
+export type { LetterStatus } from './glossary-letters';
+export type { GlossaryLetter } from './glossary-letters';

package/dist/cjs/types/components/ui/atoms/icon/assets/solid/solid-plane.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;
+export default _default;

package/dist/cjs/types/components/ui/atoms/icon/assets/solid/solid-shield.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: React.SVGProps<SVGSVGElement> | any) => JSX.Element;
+export default _default;

package/dist/cjs/types/components/ui/atoms/input-range/index.d.ts

@@ -0,0 +1,2 @@
+export { InputRange } from './input-range';
+export type { RangeType, RangeProps, RangeOrientation } from './input-range';

package/dist/cjs/types/components/ui/atoms/input-range/input-range.d.ts

@@ -0,0 +1,48 @@
+import React, { ComponentPropsWithRef } from 'react';
+import { BooleanProp } from '../../../models';
+import './input-range.scss';
+export type RangeOrientation = 'horizontal' | 'vertical';
+export type RangeType = 'single' | 'double';
+export 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;
+}
+export interface InputRangeRef {
+    current: (HTMLDivElement | HTMLInputElement)[];
+}
+export declare const InputRange: React.ForwardRefExoticComponent<Omit<RangeProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLInputElement | (HTMLInputElement | null)[]>>;

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

@@ -0,0 +1,2 @@
+export { List } from './list';
+export type { ListProps, ListType } from './list';

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

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import './list.scss';
+export type ListType = 'default' | 'unordered' | 'ordered';
+export interface ListProps extends ComponentPropsWithoutRef<'ul'> {
+    /**
+     * Type list.
+     */
+    type?: ListType;
+    /**
+     * Children content.
+     */
+    children?: ReactElement<HTMLLIElement> | Array<ReactElement<HTMLLIElement>>;
+    /**
+     * Array the item.
+     */
+    items?: Array<ReactElement<HTMLLIElement>>;
+}
+export declare const List: FC<ListProps>;

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

@@ -0,0 +1,5 @@
+export { Modal } from './modal';
+export { ModalProvider, useModalContext } from './modal-context';
+export type { ModalProviderProps } from './modal-context';
+export type { ModalProps } from './modal';
+export type { ModalContextProps } from './modal-context';

package/dist/cjs/types/components/ui/atoms/modal/modal-context.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+import { ModalProps } from './modal';
+export interface ModalContextProps {
+    isOpen?: boolean;
+    showModal: (params: ReactNode, modalProps: ModalProps) => void;
+    closeModal: () => void;
+    modalContent?: ReactNode | null;
+}
+export interface ModalProviderProps {
+    /**
+     * Children content.
+     */
+    children: ReactNode;
+}
+declare const ModalProvider: FC<ModalProviderProps>;
+declare const useModalContext: () => ModalContextProps;
+export { useModalContext, ModalProvider };

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

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import './modal.scss';
+export interface ModalProps extends ComponentPropsWithoutRef<'dialog'> {
+    /**
+     * Title text for the close button.
+     */
+    closeText: string;
+    /**
+     * Children content.
+     */
+    children: ReactNode;
+}
+export declare const Modal: FC<ModalProps>;

package/dist/cjs/types/components/ui/atoms/modal/use-modal.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ModalProps } from './modal';
+declare const useModal: () => {
+    showModal: (params: ReactNode, props: ModalProps) => void;
+    closeModal: () => void;
+    isOpen: boolean;
+    modalContent: ReactNode;
+    modalProps: ModalProps;
+};
+export default useModal;

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

@@ -1,13 +1,18 @@
 import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactNode } from 'react';
+import { BooleanProp } from '../../..';
 import './pill.scss';
 /**
  * The available variants of the pill. This variants will define the background and border color of the pill.
  */
-export type PillVariant = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'informative';
+export type PillVariant = 'primary' | 'secondary' | 'secondary-light' | 'neutral' | 'informative' | 'success' | 'warning' | 'danger';
 /**
  * The available pill appearances. Defines the pill shape.
  */
 export type PillAppearance = 'solid' | 'outline';
+/**
+ * The available pill size. Defines the pill size.
+ */
+export type PillSize = 'default' | 'large';
 export interface PillProps extends ComponentPropsWithRef<'div'> {
     /**
      * The pill appearance. Define the pill Shape.
@@ -21,6 +26,14 @@ export interface PillProps extends ComponentPropsWithRef<'div'> {
      * Children content.
      */
     children?: ReactNode;
+    /**
+     * Pill or Circular pill style
+     */
+    circular?: BooleanProp;
+    /**
+     *  Size of pill
+     */
+    size?: PillSize;
 }
 export declare const InnerPill: ForwardRefRenderFunction<HTMLDivElement, PillProps>;
 export declare const Pill: React.ForwardRefExoticComponent<Omit<PillProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -14,11 +14,11 @@ export interface ScribblesProps extends SuperScribblesProps {
     /**
      * Callback to run when scribble is loaded.
      */
-    onIconLoad?: () => void;
+    onScribblesLoad?: () => void;
     /**
      * Callback to run when scribble fails to load.
      */
-    onIconError?: () => void;
+    onScribblesError?: () => void;
 }
 export declare const Scribbles: FC<ScribblesProps>;
 export {};

package/dist/cjs/types/components/ui/atoms/step-list/index.d.ts

@@ -0,0 +1,2 @@
+export { StepList } from './step-list';
+export type { StepListProps } from './step-list';

package/dist/cjs/types/components/ui/atoms/step-list/step-list.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import './step-list.scss';
+export interface StepListProps extends ComponentPropsWithoutRef<'ol'> {
+    /**
+     * Children content.
+     */
+    children?: ReactElement<HTMLLIElement> | Array<ReactElement<HTMLLIElement>>;
+    /**
+     * Array the item.
+     */
+    items?: Array<ReactElement<HTMLLIElement>>;
+}
+export declare const StepList: FC<StepListProps>;

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

@@ -0,0 +1,2 @@
+export { Switch } from './switch';
+export type { SwitchProps, SwitchPosition } from './switch';

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

@@ -0,0 +1,28 @@
+import React, { ForwardRefRenderFunction } from 'react';
+import { BooleanProp } from '../../../models';
+import './switch.scss';
+export type SwitchPosition = 'start' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+export interface SwitchProps extends React.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;
+}
+export declare const InnerSwitch: ForwardRefRenderFunction<HTMLInputElement, SwitchProps>;
+export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,8 @@
+export { TabBody } from './tab-body/tab-body';
+export { TabHeader } from './tab-header/tab-header';
+export { Tab } from './tab/tab';
+export { Tabs } from './tabs';
+export type { TabProps } from './tab/tab';
+export type { TabsProps } from './tabs';
+export type { TabHeaderProps } from './tab-header/tab-header';
+export type { TabBodyProps } from './tab-body/tab-body';

package/dist/cjs/types/components/ui/atoms/tabs/tab/tab.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import { BooleanProp } from '../../../../models';
+import { TabBodyProps } from '../tab-body/tab-body';
+import { TabHeaderProps } from '../tab-header/tab-header';
+export interface TabProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children?: Array<ReactElement<TabHeaderProps> | ReactElement<TabBodyProps>>;
+    /**
+     * Active tab.
+     */
+    active?: BooleanProp;
+}
+export declare const Tab: FC<TabProps>;

package/dist/cjs/types/components/ui/atoms/tabs/tab-body/tab-body.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import './tab-body.scss';
+export interface TabBodyProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+}
+export declare const TabBody: FC<TabBodyProps>;

package/dist/cjs/types/components/ui/atoms/tabs/tab-header/tab-header.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import './tab-header.scss';
+export interface TabHeaderProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+}
+export declare const TabHeader: FC<TabHeaderProps>;

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

@@ -0,0 +1,19 @@
+import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import { BooleanProp } from '../../../models';
+import { TabProps } from './tab/tab';
+import './tabs.scss';
+export 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;
+}
+export declare const Tabs: FC<TabsProps>;

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

@@ -0,0 +1,4 @@
+export { Toast } from './toast';
+export type { ToastProps, ToastType } from './toast';
+export { ToastProvider, ToastContext, useToastContext } from './toast-provider';
+export type { ToastProviderProps, ToastContextProps, ToastPositions } from './toast-provider';

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

@@ -0,0 +1,16 @@
+import React, { FC, ReactNode } from 'react';
+import { ToastProps } from './toast';
+import './toast.scss';
+export interface ToastContextProps {
+    showToast: (data: ToastProps, duration?: number) => void;
+    removeToast: (data: ToastProps) => void;
+}
+export declare const ToastContext: React.Context<ToastContextProps>;
+declare const useToastContext: () => ToastContextProps;
+export type ToastPositions = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export interface ToastProviderProps {
+    children?: ReactNode;
+    position?: ToastPositions;
+}
+declare const ToastProvider: FC<ToastProviderProps>;
+export { ToastProvider, useToastContext };