plataforma-fundacao-componentes 3.0.0-beta.4 → 3.0.0-beta.40

package/dist/components/fullHeightContainer/fullHeightContainer.d.ts

@@ -1,27 +1,130 @@
-import { HTMLAttributes, ReactHTML, ReactNode } from 'react';
-export interface FullHeightContainerProps<Tag extends keyof ReactHTML> extends HTMLAttributes<Tag> {
+import { AllHTMLAttributes, ReactHTML, ReactNode } from 'react';
+export interface FullHeightContainerProps<Tag extends keyof ReactHTML> extends AllHTMLAttributes<Tag> {
     tag?: Tag;
     header?: ReactNode;
     footer?: ReactNode;
+    strategy?: 'padding' | 'margin';
 }
-export default function FullHeightContainer<Tag extends keyof ReactHTML>({ tag, header, footer, children, className, ...props }: FullHeightContainerProps<Tag>): import("react").ReactElement<{
+export default function FullHeightContainer<Tag extends keyof ReactHTML>({ tag, header, footer, children, className, strategy, ...props }: FullHeightContainerProps<Tag>): import("react").ReactElement<{
     className: string;
+    accept?: string | undefined;
+    acceptCharset?: string | undefined;
+    action?: string | undefined;
+    allowFullScreen?: boolean | undefined;
+    allowTransparency?: boolean | undefined;
+    alt?: string | undefined;
+    as?: string | undefined;
+    async?: boolean | undefined;
+    autoComplete?: string | undefined;
+    autoPlay?: boolean | undefined;
+    capture?: boolean | "user" | "environment" | undefined;
+    cellPadding?: string | number | undefined;
+    cellSpacing?: string | number | undefined;
+    charSet?: string | undefined;
+    challenge?: string | undefined;
+    checked?: boolean | undefined;
+    cite?: string | undefined;
+    classID?: string | undefined;
+    cols?: number | undefined;
+    colSpan?: number | undefined;
+    controls?: boolean | undefined;
+    coords?: string | undefined;
+    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+    data?: string | undefined;
+    dateTime?: string | undefined;
+    default?: boolean | undefined;
+    defer?: boolean | undefined;
+    disabled?: boolean | undefined;
+    download?: any;
+    encType?: string | undefined;
+    form?: string | undefined;
+    formAction?: string | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    frameBorder?: string | number | undefined;
+    headers?: string | undefined;
+    height?: string | number | undefined;
+    high?: number | undefined;
+    href?: string | undefined;
+    hrefLang?: string | undefined;
+    htmlFor?: string | undefined;
+    httpEquiv?: string | undefined;
+    integrity?: string | undefined;
+    keyParams?: string | undefined;
+    keyType?: string | undefined;
+    kind?: string | undefined;
+    label?: string | undefined;
+    list?: string | undefined;
+    loop?: boolean | undefined;
+    low?: number | undefined;
+    manifest?: string | undefined;
+    marginHeight?: number | undefined;
+    marginWidth?: number | undefined;
+    max?: string | number | undefined;
+    maxLength?: number | undefined;
+    media?: string | undefined;
+    mediaGroup?: string | undefined;
+    method?: string | undefined;
+    min?: string | number | undefined;
+    minLength?: number | undefined;
+    multiple?: boolean | undefined;
+    muted?: boolean | undefined;
+    name?: string | undefined;
+    noValidate?: boolean | undefined;
+    open?: boolean | undefined;
+    optimum?: number | undefined;
+    pattern?: string | undefined;
+    placeholder?: string | undefined;
+    playsInline?: boolean | undefined;
+    poster?: string | undefined;
+    preload?: string | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    reversed?: boolean | undefined;
+    rows?: number | undefined;
+    rowSpan?: number | undefined;
+    sandbox?: string | undefined;
+    scope?: string | undefined;
+    scoped?: boolean | undefined;
+    scrolling?: string | undefined;
+    seamless?: boolean | undefined;
+    selected?: boolean | undefined;
+    shape?: string | undefined;
+    size?: number | undefined;
+    sizes?: string | undefined;
+    span?: number | undefined;
+    src?: string | undefined;
+    srcDoc?: string | undefined;
+    srcLang?: string | undefined;
+    srcSet?: string | undefined;
+    start?: number | undefined;
+    step?: string | number | undefined;
+    summary?: string | undefined;
+    target?: string | undefined;
+    type?: string | undefined;
+    useMap?: string | undefined;
+    value?: string | number | readonly string[] | undefined;
+    width?: string | number | undefined;
+    wmode?: string | undefined;
+    wrap?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
     style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
@@ -54,52 +157,52 @@ export default function FullHeightContainer<Tag extends keyof ReactHTML>({ tag,
     inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-autocomplete"?: "list" | "both" | "none" | "inline" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "step" | "time" | "page" | "false" | "true" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -248,9 +351,7 @@ export default function FullHeightContainer<Tag extends keyof ReactHTML>({ tag,
     onPointerCancel?: import("react").PointerEventHandler<Tag> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<Tag> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<Tag> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<Tag> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<Tag> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<Tag> | undefined;
     onPointerOver?: import("react").PointerEventHandler<Tag> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<Tag> | undefined;
     onPointerOut?: import("react").PointerEventHandler<Tag> | undefined;

package/dist/components/header/fragments/button/header.button.d.ts

@@ -0,0 +1,7 @@
+import { ButtonHTMLAttributes } from 'react';
+import { HeaderProps } from '../../header';
+export interface HeaderButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    theme?: HeaderProps['theme'];
+}
+declare const HeaderButton: import("react").ForwardRefExoticComponent<HeaderButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { HeaderButton };

package/dist/components/header/fragments/userLoginButton/userLoginButton.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 export interface UserLoginButtonProps {
     loading?: boolean;
     userName?: string;
@@ -6,8 +7,13 @@ export interface UserLoginButtonProps {
     language?: {
         signIn: string;
         signOut: string;
-        loading: string;
     };
-    theme?: 'primary' | 'secondary';
+    theme?: 'primary' | 'secondary' | 'brand';
+    icon?: ReactNode;
 }
-export default function UserLoginButton({ theme, loading, login, logout, userName, language, }: UserLoginButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function UserLoginButton({ 
+/**
+ * Se colocar o componente Avatar
+ * deve ser de tamanho 40x40
+ */
+icon, theme, loading, login, logout, userName, language, }: UserLoginButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/header/fragments/verticalSeparator/verticalSeparator.d.ts

@@ -2,4 +2,4 @@ import { HTMLAttributes } from 'react';
 export interface VerticalSeparatorProps extends HTMLAttributes<HTMLDivElement> {
     theme?: 'primary' | 'secondary' | 'default';
 }
-export default function VerticalSeparator({ theme, className, ...props }: VerticalSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function VerticalSeparator({ theme, className, ...props }: VerticalSeparatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/header/header.d.ts

@@ -1,11 +1,16 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import VerticalSeparator from './fragments/verticalSeparator/verticalSeparator';
-import UserLoginButton from './fragments/userLoginButton/userLoginButton';
-interface HeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+import { AllHTMLAttributes, ReactNode, Ref } from 'react';
+export interface HeaderProps extends Omit<AllHTMLAttributes<HTMLElement>, 'children'> {
     leftContent?: ReactNode;
     rightContent?: ReactNode;
-    theme?: 'primary' | 'secondary';
+    theme?: 'primary' | 'secondary' | 'brand';
+    shadow?: boolean;
+}
+declare function Header({ className, theme, shadow, leftContent, rightContent, ref, ...props }: HeaderProps & {
+    ref?: Ref<HTMLElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Header {
+    var Button: import("react").ForwardRefExoticComponent<import("./fragments/button/header.button").HeaderButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    var VerticalSeparator: typeof import("./fragments/verticalSeparator/verticalSeparator").VerticalSeparator;
+    var UserLoginButton: typeof import("./fragments/userLoginButton/userLoginButton").UserLoginButton;
 }
-declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HTMLElement>>;
 export default Header;
-export { UserLoginButton, VerticalSeparator };

package/dist/components/iconButton/iconButton.d.ts

@@ -1,7 +1,7 @@
 import { ButtonHTMLAttributes } from 'react';
-interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    theme?: 'default' | 'primary' | 'secondary' | 'danger';
-    size?: 'auto' | 'x-small' | 'small' | 'medium' | 'large';
+export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    theme?: 'default' | 'primary' | 'secondary' | 'danger' | 'brand';
+    size?: 'no-padding' | 'auto' | 'x-small' | 'small' | 'medium' | 'large';
     outline?: boolean;
 }
 declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/index.d.ts

@@ -1,18 +1,51 @@
+import Accordion from './accordion/accordion';
+import Avatar from './avatar/avatar';
+import Badge from './badge/badge';
 import Banner from './banner/banner';
+import Box from './box/box';
+import Breadcrumb from './breadcrumb/breadcrumb';
 import Button from './button/button';
+import CarouselContainer from './carouselContainer/carouselContainer';
 import Checkbox from './checkbox/checkbox';
 import Col from './col/col';
 import Collapse from './collapse/collapse';
 import Container from './container/container';
+import DatePicker from './datepicker-v3/datepicker';
+import Drawer from './drawer/drawer';
 import Dropdown from './dropdown/dropdown';
+import FillBar from './fillBar/fillBar';
+import Footer from './footer/footer';
 import FooterSicredi from './footerSicredi/footerSicredi';
 import FormattedText from './formattedText/formattedText';
 import FullHeightContainer from './fullHeightContainer/fullHeightContainer';
-import Header, { UserLoginButton, VerticalSeparator } from './header/header';
+import Header from './header/header';
 import IconButton from './iconButton/iconButton';
+import InnerHeader from './innerHeader/innerHeader';
+import Input from './input/input';
+import InputFile from './inputFile/inputFile';
+import LabelValue from './labelValue/labelValue';
+import Link from './link/link';
+import Loader from './loader/loader';
+import Modal, { AlertModal, ConfirmModal, DestructiveModal } from './modal';
+import Notification from './notification/notification';
+import { OverlayContainerFn } from './overlay/fragments/container/overlay.container';
+import { OverlayContainer } from './overlay/overlay';
+import Pagination from './pagination/pagination';
+import PopIconBox from './popIconBox/popIconBox';
+import QRCode from './qrcode/qrcode';
 import Row from './row/row';
+import ScrollTainer from './scrollTainer/scrollTainer';
+import Select from './select/select';
+import SelectMultiple from './selectMultiple/selectMultiple';
 import Steps from './steps/steps';
+import Switch from './switch/switch';
+import Table from './table/table';
+import { ColumnObj, LineObj, TableColumns, TableLines } from './table/table.types';
+import Tabs from './tabs/tabs';
 import Tag from './tag/tag';
-import Toast, { ToastContainer } from './toast/fragments/toast';
+import Toast from './toast/fragments/toast/toast';
+import ToastContainer, { ToastContainerFn } from './toast/fragments/toastContainer/toastContainer';
+import Tooltip from './tooltip/tooltip';
 import Typography from './typography/typography';
-export { Banner, Button, Checkbox, Col, Collapse, Container, Dropdown, FooterSicredi, FormattedText, FullHeightContainer, Header, IconButton, Row, Steps, Tag, Toast, ToastContainer, Typography, UserLoginButton, VerticalSeparator, };
+export { Accordion, AlertModal, Avatar, Badge, Banner, Box, Breadcrumb, Button, CarouselContainer, Checkbox, Col, Collapse, ConfirmModal, Container, DatePicker, DestructiveModal, Drawer, Dropdown, FillBar, Footer, FooterSicredi, FormattedText, FullHeightContainer, Header, IconButton, InnerHeader, Input, InputFile, LabelValue, Link, Loader, Modal, Notification, OverlayContainer, Pagination, PopIconBox, QRCode, Row, ScrollTainer, Select, SelectMultiple, Steps, Switch, Table, Tabs, Tag, Toast, ToastContainer, Tooltip, Typography, };
+export type { ColumnObj, LineObj, OverlayContainerFn, TableColumns, TableLines, ToastContainerFn, };

package/dist/components/innerHeader/innerHeader.d.ts

@@ -0,0 +1,17 @@
+import { ReactHTML, ReactNode } from 'react';
+import { ContainerProps } from '../container/container';
+interface InnerHeaderProps<T extends keyof ReactHTML> extends Omit<ContainerProps<T>, 'tag'> {
+    tag?: ReactNode;
+    containerTag?: T;
+    bordered?: boolean;
+    theme?: 'default' | 'brand' | 'primary' | 'primary-dark';
+    /**
+     * Se passar string, renderizaremos o Typography h3, pois é o padrão,
+     *
+     * Se passar um Elemento JSX, renderizaremos somente o elemento,
+     * para não dar problema de semântica no HTML
+     */
+    children?: ContainerProps<T>['children'];
+}
+export default function InnerHeader<T extends keyof ReactHTML>({ tag, children, containerTag, className, bordered, theme, ...props }: InnerHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/input/input.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
+export type InputProps = {
+    label?: ReactNode;
+    error?: boolean;
+    helperText?: ReactNode;
+    counter?: boolean;
+    forceFocus?: boolean;
+    rightObject?: ReactNode;
+    wrapperProps?: Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'aria-disabled'>;
+    hideHelperLine?: boolean;
+    /**
+     * padrão: A para Letra, 9 para números, S para ambos;
+     * Ou você pode utilziar uma função que realize a máscara e devolva o valor desejado
+     */
+    mask?: string | ((v: string) => string);
+};
+export interface InputTextProps extends InputHTMLAttributes<HTMLInputElement> {
+    area?: never;
+}
+export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    area: true;
+}
+declare const Input: import("react").ForwardRefExoticComponent<(InputProps & (InputTextProps | TextAreaProps)) & import("react").RefAttributes<HTMLDivElement>>;
+export default Input;

package/dist/components/inputFile/inputFile.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import useFileValidator, { FileErrors } from './validator/useFileValidator';
+type InputFileLanguage = {
+    label: string;
+    buttonLabel: string;
+    dropLabel: string;
+    fullDropLabel: string;
+    addMore: string;
+};
+export interface InputFileProps {
+    title?: string;
+    error?: boolean;
+    helperText?: string;
+    icons?: {
+        alertIcon: ReactNode;
+        uploadButtonIcon: ReactNode;
+        empty: ReactNode;
+        filled: ReactNode;
+        error: ReactNode;
+    };
+    files?: File[];
+    fileErrors?: FileErrors[];
+    onChange?: (files: File[]) => void;
+    language?: Partial<InputFileLanguage>;
+    showFormatAndSize?: boolean;
+    /**
+     * Não é restritivo, apenas informativo.
+     */
+    allowedFileTypes?: string[];
+    maxFiles?: number;
+    maxSize?: number;
+}
+declare function InputFile({ title, icons, language, error, helperText, files, fileErrors, onChange, showFormatAndSize, allowedFileTypes, maxFiles, maxSize, }: InputFileProps): import("react/jsx-runtime").JSX.Element;
+declare namespace InputFile {
+    var useValidator: typeof useFileValidator;
+}
+export default InputFile;

package/dist/components/inputFile/utils/inputFile.utils.d.ts

@@ -0,0 +1 @@
+export declare function getWarningMessage(maxFiles?: number, maxSize?: number, allowedFileTypes?: string[]): string;

package/dist/components/inputFile/validator/useFileValidator.d.ts

@@ -0,0 +1,35 @@
+type FileValidatorLanguage = {
+    formatError: string;
+    sizeError: string;
+    maxFilesError: string;
+    someFileError: string;
+};
+interface FileValidatorProps {
+    files: File[];
+    allowedFileTypes?: string[];
+    maxFiles?: number;
+    /**
+     * Tamanho máxmo (em Bytes).
+     *
+     * Multiplicar Bytes por 1024 para KB.
+     *
+     * Multiplicar KB por 1024 para MB.
+     *
+     * Ex: 2MB = 2 * 1024 * 1024
+     *
+     * Ex: 10MB = 10 * 1024 * 1024
+     */
+    maxSize?: number;
+    language?: Partial<FileValidatorLanguage>;
+}
+export type FileErrors = {
+    error: boolean;
+    message?: string;
+};
+type FileValidatorReturnType = {
+    error: boolean;
+    message?: string;
+    fileErrors: FileErrors[];
+};
+export default function useFileValidator({ files, maxFiles, allowedFileTypes, maxSize, language, }: FileValidatorProps): FileValidatorReturnType;
+export {};

package/dist/components/labelValue/labelValue.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+interface LabelValueProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    label: string;
+    value: string;
+    position: 'vertical' | 'horizontal';
+}
+export default function LabelValue({ label, value, position, className, ...props }: LabelValueProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/link/link.d.ts

@@ -0,0 +1,10 @@
+import { AnchorHTMLAttributes, ComponentProps, ElementType } from 'react';
+declare const DefaultLink: (props: AnchorHTMLAttributes<HTMLAnchorElement>) => import("react/jsx-runtime").JSX.Element;
+export interface LinkProps<T extends ElementType> {
+    component?: T;
+    className?: string;
+    theme?: 'primary' | 'secondary' | 'brand' | 'danger' | 'default';
+    size?: 'medium' | 'small';
+}
+export default function Link<T extends ElementType = typeof DefaultLink>({ component: Component, className, theme, size, ...props }: LinkProps<T> & ComponentProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/loader/fragments/inline/inline.loader.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps, HTMLAttributes } from 'react';
+import { DotsLoader } from '../../../../assets';
+export interface InlineLoaderProps extends HTMLAttributes<HTMLDivElement> {
+    theme?: ComponentProps<typeof DotsLoader>['theme'];
+}
+export declare function InlineLoader({ className, theme, children, ...props }: InlineLoaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/loader/loader.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+import { InlineLoader } from './fragments/inline/inline.loader';
+export interface LoaderProps extends HTMLAttributes<HTMLDivElement> {
+    opened?: boolean;
+    wrapperId?: string;
+}
+declare function Loader({ opened, className, wrapperId, children, ...props }: LoaderProps): import("react").ReactPortal;
+declare namespace Loader {
+    var Inline: typeof InlineLoader;
+}
+export default Loader;

package/dist/components/modal/index.d.ts

@@ -0,0 +1,6 @@
+import Modal from './modal';
+import AlertModal from './variants/alert.modal';
+import ConfirmModal from './variants/confirm.modal';
+import DestructiveModal from './variants/destructive.modal';
+export default Modal;
+export { ConfirmModal, AlertModal, DestructiveModal };

package/dist/components/modal/modal.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, MouseEvent, ReactNode } from 'react';
+import { ScreenSize } from '../../libraries';
+export interface ModalProps extends HTMLAttributes<HTMLDialogElement> {
+    overlayKey?: string;
+    onClose: (overlayKey: string, evt?: MouseEvent) => void;
+    title?: string;
+    size?: 'small' | 'medium' | 'large' | 'full-screen';
+    mobileOn?: ScreenSize;
+    footer?: ReactNode;
+    compensePadding?: {
+        footer?: boolean;
+        content?: boolean;
+    };
+}
+export default function Modal({ overlayKey, onClose, title, className, children, footer, mobileOn, size: modalSize, compensePadding, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/modal/variants/alert.modal.d.ts

@@ -0,0 +1,9 @@
+import { ModalProps } from '../modal';
+export interface iAlertModal extends ModalProps {
+    disabled?: boolean;
+    onConfirm: () => void | Promise<void>;
+    language?: {
+        confirm: string;
+    };
+}
+export default function AlertModal({ disabled, onConfirm, language, compensePadding, ...props }: iAlertModal): import("react/jsx-runtime").JSX.Element;

package/dist/components/modal/variants/confirm.modal.d.ts

@@ -0,0 +1,11 @@
+import { ModalProps } from '../modal';
+export interface iConfirmModal extends Omit<ModalProps, 'footer'> {
+    disabled?: boolean;
+    onConfirm: () => void | Promise<void>;
+    onCancel: () => void | Promise<void>;
+    language?: {
+        confirm: string;
+        cancel: string;
+    };
+}
+export default function ConfirmModal({ disabled, onConfirm, onCancel, language, compensePadding, ...props }: iConfirmModal): import("react/jsx-runtime").JSX.Element;

package/dist/components/modal/variants/destructive.modal.d.ts

@@ -0,0 +1,11 @@
+import { ModalProps } from '../modal';
+export interface iDestructiveModal extends Omit<ModalProps, 'footer'> {
+    disabled?: boolean;
+    onDestruct: () => void | Promise<void>;
+    onCancel: () => void | Promise<void>;
+    language?: {
+        destruct: string;
+        cancel: string;
+    };
+}
+export default function DestructiveModal({ disabled, onDestruct, onCancel, language, compensePadding, ...props }: iDestructiveModal): import("react/jsx-runtime").JSX.Element;

package/dist/components/notification/notification.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties, HTMLAttributes } from 'react';
+type vPosition = 'top' | 'bottom';
+type hPosition = 'left' | 'right';
+export interface NotificationProps extends HTMLAttributes<HTMLDivElement> {
+    amount?: number | string | boolean;
+    position?: `${vPosition}-${hPosition}`;
+    adjust?: CSSProperties;
+}
+export default function Notification({ amount, position, adjust, className, children, ...props }: NotificationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/overlay/fragments/container/overlay.container.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+import { iRequiredOverlayProps } from '../renderer/overlay.renderer';
+export interface OverlayContainerFn {
+    open: <C extends React.ElementType>(component: C, componentProps: React.ComponentProps<C> & iRequiredOverlayProps) => string;
+    close: (mk?: string) => void;
+}
+export interface OverlayContainerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+}
+export declare const OverlayContainer: import("react").ForwardRefExoticComponent<OverlayContainerProps & import("react").RefAttributes<OverlayContainerFn>>;

package/dist/components/overlay/fragments/mask/overlay.mask.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, MouseEvent } from 'react';
+export interface iOverlayMask extends HTMLAttributes<HTMLDivElement> {
+    escExit?: boolean;
+    maskExit?: boolean;
+    overlayKey: string;
+    onClose: (key: string, evt?: MouseEvent) => void;
+}
+declare const OverlayMask: import("react").ForwardRefExoticComponent<iOverlayMask & import("react").RefAttributes<HTMLDivElement>>;
+export { OverlayMask };

package/dist/components/overlay/fragments/renderer/overlay.renderer.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps, ElementType } from 'react';
+import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+export interface iRequiredOverlayProps {
+    overlayKey?: string;
+    onClose: (overlayKey: string, evt?: MouseEvent) => void;
+    maskExit?: boolean;
+    escExit?: boolean;
+}
+export type OverlayProps<C extends ElementType = any> = {
+    Component: C;
+    props: ComponentProps<C> & iRequiredOverlayProps;
+};
+export default function OverlayElement({ overlay: { Component, props: { overlayKey, onClose, maskExit, escExit, ...componentProps }, }, ...props }: Partial<CSSTransitionProps> & {
+    overlay: OverlayProps;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/overlay/overlay.d.ts

@@ -0,0 +1,3 @@
+import { OverlayContainer } from './fragments/container/overlay.container';
+import { OverlayMask } from './fragments/mask/overlay.mask';
+export { OverlayMask, OverlayContainer };