pge-front-common 9.0.1 → 10.0.0

package/README.md

@@ -22,14 +22,6 @@ npm i pge-front-common
 
 ## Uso
 
-Instale a biblioteca usando npm:
-
-Importar o stykes global para em seu App or layout
-
-```typescript
-import "pge-front-common/lib/variables.css";
-```
-
 ```typescript
 import React from "react";
 import { Button } from "pge-front-common";
@@ -67,16 +59,20 @@ npm run storybook
 
 O Storybook estará disponível em http://localhost:6006.
 
-## Template Pull Request
+## FIGMA
 
-# Qual é a Feature ou Bug
+https://www.figma.com/design/DNUPKVvvLGx5oMEJ721Ukj/V1--Design-system-PGE?node-id=0-1&p=f&t=RIFLXN7wyH6Q4Bd4-0
 
-# Como foi implementada a solução
+## Contribuiçaõ
 
-# Isso pode impactar outra parte do projeto
+Mudar a versão do package.json:
 
-# O que é esperado após esta implementaçã
+OBS: - Se for mudar apenas algo do que já existe, mudar apenas último número (Ex: adicionar uma props, mudar um estilo, etc...)
 
-# Existem alterações na UI/UX? (screenshots, gravações de tela)
+    - Caso for algo novo, ou refatoracao, ai mudar totalmente a versao (Ex: "version": "10.0.0" )
+
+```json
+    "version": "9.0.1",
+```
 
-# Como reproduzir esta feature/correção?
+Após o processo normal (Code review) - chamar @CESARSTURMER, para gerar nova versao na NPM

package/lib/components/Acordion/accordion.stories.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Accordion } from "./index";
+import "bootstrap/dist/css/bootstrap.min.css";
+declare const _default: {
+    title: string;
+    component: typeof Accordion;
+    tags: string[];
+};
+export default _default;
+export declare const DefaultAccordion: () => React.JSX.Element;
+export declare const AccordionWithDefaultOpen: () => React.JSX.Element;

package/lib/components/Acordion/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "bootstrap/dist/css/bootstrap.min.css";
+import { AccordionItemProps } from "./index.types";
+export declare function AccordionItem({ title, content, id, defaultOpen, }: AccordionItemProps): React.JSX.Element;
+export declare function Accordion({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;

package/lib/components/Acordion/index.types.d.ts

@@ -0,0 +1,6 @@
+export interface AccordionItemProps {
+    title: string;
+    content: React.ReactNode;
+    id: string;
+    defaultOpen?: boolean;
+}

package/lib/components/BoxError/boxError.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import BoxError from "./index";
+declare const meta: Meta<typeof BoxError>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/BoxError/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type BoxErrorProps = {
+    message?: string;
+    handleClose?: () => void;
+};
+declare const BoxError: ({ message, handleClose }: BoxErrorProps) => React.JSX.Element;
+export default BoxError;

package/lib/components/BoxSuccess/boxSuccess.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import BoxSuccess from "./index";
+declare const meta: Meta<typeof BoxSuccess>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/BoxSuccess/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type BoxSuccessProps = {
+    message?: string;
+    handleClose?: () => void;
+};
+declare const BoxSuccess: ({ message, handleClose }: BoxSuccessProps) => React.JSX.Element;
+export default BoxSuccess;

package/lib/components/Loading/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface Props {
+    isOpen: boolean;
+    text?: string;
+}
+export default function LoadingSpinner(props: Readonly<Props>): React.JSX.Element;
+export {};

package/lib/components/Loading/loading.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import LoadingSpinner from "./index";
+declare const meta: Meta<typeof LoadingSpinner>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Hidden: Story;
+export declare const CustomText: Story;

package/lib/components/MultiSelect/index.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { SelectMultProps } from "./index.types";
+declare const SelectMult: ({ name, control, optionsSelect, placeholder, isMulti, isDisabled, label, hasError, handleChange, isRequired, value, }: SelectMultProps) => React.JSX.Element;
+export default SelectMult;

package/lib/components/MultiSelect/index.types.d.ts

@@ -0,0 +1,21 @@
+import { Control } from "react-hook-form";
+export interface SelectMultProps {
+    name: string;
+    optionsSelect: OptionsProps[];
+    value: any;
+    placeholder?: string;
+    className?: string;
+    label?: string;
+    handleChange: (selectedOptions: OptionsProps[]) => void;
+    handleInputChange?: (inputValue: string) => void;
+    isMulti: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    inputRef?: unknown;
+    hasError?: boolean;
+    control?: Control<any>;
+}
+export type OptionsProps = {
+    label: string;
+    value: string;
+};

package/lib/components/MultiSelect/multiselect.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from "@storybook/react";
+import { SelectMultProps } from "./index.types";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
+export declare const MultiSelect: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
+export declare const DisabledSelect: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
+export declare const ErrorState: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;

package/lib/components/Pagination/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface Props {
+    currentPage: number;
+    countPage: number;
+    itemsVisiblePage?: number;
+    handleClickPage?: (page: any) => void;
+}
+declare const PaginationTable: ({ currentPage, countPage, itemsVisiblePage, handleClickPage, }: Omit<Props, "header" | "body" | "footer">) => React.JSX.Element;
+export { PaginationTable };

package/lib/components/Pagination/pagination.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PaginationTable } from "./index";
+declare const meta: Meta<typeof PaginationTable>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomPagesVisible: Story;
+export declare const LastPage: Story;
+export declare const PageWithEllipsis: Story;

package/lib/components/Table/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TableComponentProps } from "./index.types";
+declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, actionIcon, noRecordsMessage, }: TableComponentProps) => React.JSX.Element;
+export default TableComponent;

package/lib/components/Table/index.types.d.ts

@@ -0,0 +1,17 @@
+export interface Column {
+    name: string;
+    uid: string;
+    sortable?: boolean;
+    renderCell?: (item: any) => React.ReactNode;
+}
+export interface TableComponentProps {
+    columns: Column[];
+    data: any[];
+    sortedColumn: string;
+    sortDirection: "asc" | "desc";
+    onSort: (uid: string) => void;
+    renderCell: (item: any, columnUid: string) => React.ReactNode;
+    onActionClick?: (item: any) => void;
+    actionIcon?: React.ReactNode;
+    noRecordsMessage?: string;
+}

package/lib/components/Table/table.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import TableComponent from "./index";
+declare const meta: Meta<typeof TableComponent>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCustomCellRendering: Story;
+export declare const WithActionColumn: Story;
+export declare const EmptyState: Story;
+export declare const LargeDataSet: Story;

package/lib/components/Title/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type TitleProps = {
+    title: string;
+};
+declare const Title: ({ title }: TitleProps) => React.JSX.Element;
+export default Title;

package/lib/components/Title/title.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Title from "./index";
+declare const meta: Meta<typeof Title>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/inputPassword/Input.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PasswordInput } from "./index";
+declare const meta: Meta<typeof PasswordInput>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/inputPassword/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { InputProps } from "../inputText/index.type";
+interface PasswordInputProps extends InputProps {
+    showPassword: boolean;
+    togglePasswordVisibility: VoidFunction;
+}
+declare const PasswordInput: React.FC<PasswordInputProps>;
+export { PasswordInput };

package/lib/components/{Input → inputText}/Input.stories.d.ts

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import InputBase from "./Input";
+import { InputBase } from "./index";
 declare const meta: Meta<typeof InputBase>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const WithError: Story;
 export declare const WithIcon: Story;
+export declare const WithError: Story;

package/lib/components/inputText/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { InputProps } from "./index.type";
+declare const InputBase: React.FC<InputProps>;
+export { InputBase };

package/lib/components/inputText/index.type.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes } from "react";
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    customClass?: string;
+    restrictionMessage?: string;
+    label?: string;
+    hasIcon?: boolean;
+    Icon?: React.ReactNode;
+    inputRef?: unknown;
+}

package/lib/icons/error-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const AlertErrorIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/eye-close-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconEyeClose: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/eye-open-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconEyeOpen: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/success-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconSuccess: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/index.d.ts

@@ -1,26 +1,30 @@
-import React, { ChangeEvent, SVGProps } from 'react';
+import * as React$1 from 'react';
+import React__default, { InputHTMLAttributes, ChangeEvent, SVGProps } from 'react';
+import { Control } from 'react-hook-form';
 
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     variant: "primary" | "secondary";
     text: string;
-    leftIcon?: React.ReactNode;
+    leftIcon?: React__default.ReactNode;
 }
-declare function Button({ variant, text, leftIcon, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ variant, text, leftIcon, ...props }: ButtonProps): React__default.JSX.Element;
 
-type TextAlignType$1 = "start" | "end" | "center";
-interface InputBaseProps extends Partial<HTMLInputElement> {
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    customClass?: string;
+    restrictionMessage?: string;
     label?: string;
-    hasError?: boolean;
     hasIcon?: boolean;
-    textError?: string;
-    message?: string;
     Icon?: React.ReactNode;
-    textAlign: TextAlignType$1;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    inputRef?: unknown;
 }
 
-declare const InputBase: ({ name, label, value, type, Icon, placeholder, message, textAlign, textError, hasError, width, hasIcon, required, ...props }: InputBaseProps) => React.JSX.Element;
+declare const InputBase: React__default.FC<InputProps>;
+
+interface PasswordInputProps extends InputProps {
+    showPassword: boolean;
+    togglePasswordVisibility: VoidFunction;
+}
+declare const PasswordInput: React__default.FC<PasswordInputProps>;
 
 type TextAlignType = "start" | "end" | "center";
 interface TextareaBaseProps extends Partial<HTMLTextAreaElement> {
@@ -29,15 +33,15 @@ interface TextareaBaseProps extends Partial<HTMLTextAreaElement> {
     textError?: string;
     message?: string;
     hasIcon?: boolean;
-    Icon?: React.ReactNode;
+    Icon?: React__default.ReactNode;
     textAlign: TextAlignType;
-    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    onClick?: (e: React.MouseEvent<HTMLTextAreaElement>) => void;
+    onChange?: (e: React__default.ChangeEvent<HTMLTextAreaElement>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLTextAreaElement>) => void;
     rows?: number;
     required?: boolean | false;
 }
 
-declare const TextareaBase: ({ name, label, value, type, Icon, placeholder, message, textAlign, textError, hasError, rows, hasIcon, required, ...props }: TextareaBaseProps) => React.JSX.Element;
+declare const TextareaBase: ({ name, label, value, type, Icon, placeholder, message, textAlign, textError, hasError, rows, hasIcon, required, ...props }: TextareaBaseProps) => React__default.JSX.Element;
 
 interface RadioGroupBaseProps extends Partial<HTMLInputElement> {
     name: string;
@@ -58,50 +62,7 @@ type OptionsProps$1 = {
     label: string;
 };
 
-declare const RadioGroupBase: ({ name, label, value, options, message, textError, hasError, orientation, required, disabled, onInput, customClass, ...props }: RadioGroupBaseProps) => React.JSX.Element;
-
-interface ModalProps {
-    isModalOpen: boolean;
-    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
-    children: React.ReactNode;
-    title: string;
-}
-declare const Modal: ({ isModalOpen, onOpenChange, children, title, }: ModalProps) => React.JSX.Element;
-
-interface ModalConfirmProps {
-    isModalOpen: boolean;
-    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
-    children: React.ReactNode;
-}
-declare const ModalConfirm: ({ isModalOpen, onOpenChange, children, }: ModalConfirmProps) => React.JSX.Element;
-
-interface DropdownProps {
-    label: string;
-    name: string;
-    disabled?: boolean;
-    hasError?: boolean;
-    textError?: string;
-    message?: string;
-    placeholder?: string;
-    hasIcon?: boolean;
-    Icon?: string | React.ReactNode;
-    textAlign?: "start" | "end" | "center";
-    width?: number;
-    defaultValue?: string;
-    options: OptionsProps[];
-    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
-    selectedValue: string;
-    handleSelect: (value: string) => void;
-    open: boolean;
-    handleOpen: () => void;
-    hasIconRequired?: boolean;
-}
-type OptionsProps = {
-    label: string;
-    value: string;
-};
-
-declare const Select: ({ name, label, placeholder, message, textAlign, textError, hasError, width, defaultValue, options, selectedValue, handleSelect, open, handleOpen, hasIconRequired, }: DropdownProps) => React.JSX.Element;
+declare const RadioGroupBase: ({ name, label, value, options, message, textError, hasError, orientation, required, disabled, onInput, customClass, ...props }: RadioGroupBaseProps) => React__default.JSX.Element;
 
 interface IFuncionalidade {
     id: number;
@@ -139,54 +100,140 @@ interface HeaderProps {
     fullName?: string;
     firstName?: string;
 }
-declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, profile, hasGestor, fullName, firstName, }: HeaderProps) => React.JSX.Element;
+declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, profile, hasGestor, fullName, firstName, }: HeaderProps) => React__default.JSX.Element;
+
+declare function FooterComponent(): React__default.JSX.Element;
+
+interface AccordionItemProps {
+    title: string;
+    content: React.ReactNode;
+    id: string;
+    defaultOpen?: boolean;
+}
+
+declare function AccordionItem({ title, content, id, defaultOpen, }: AccordionItemProps): React__default.JSX.Element;
+declare function Accordion({ children }: {
+    children: React__default.ReactNode;
+}): React__default.JSX.Element;
+
+type BoxErrorProps = {
+    message?: string;
+    handleClose?: () => void;
+};
+declare const BoxError: ({ message, handleClose }: BoxErrorProps) => React__default.JSX.Element;
+
+type BoxSuccessProps = {
+    message?: string;
+    handleClose?: () => void;
+};
+declare const BoxSuccess: ({ message, handleClose }: BoxSuccessProps) => React__default.JSX.Element;
+
+interface Props$1 {
+    isOpen: boolean;
+    text?: string;
+}
+declare function LoadingSpinner(props: Readonly<Props$1>): React$1.JSX.Element;
+
+interface Props {
+    currentPage: number;
+    countPage: number;
+    itemsVisiblePage?: number;
+    handleClickPage?: (page: any) => void;
+}
+declare const PaginationTable: ({ currentPage, countPage, itemsVisiblePage, handleClickPage, }: Omit<Props, "header" | "body" | "footer">) => React__default.JSX.Element;
+
+interface SelectMultProps {
+    name: string;
+    optionsSelect: OptionsProps[];
+    value: any;
+    placeholder?: string;
+    className?: string;
+    label?: string;
+    handleChange: (selectedOptions: OptionsProps[]) => void;
+    handleInputChange?: (inputValue: string) => void;
+    isMulti: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    inputRef?: unknown;
+    hasError?: boolean;
+    control?: Control<any>;
+}
+type OptionsProps = {
+    label: string;
+    value: string;
+};
+
+declare const SelectMult: ({ name, control, optionsSelect, placeholder, isMulti, isDisabled, label, hasError, handleChange, isRequired, value, }: SelectMultProps) => React$1.JSX.Element;
+
+type TitleProps = {
+    title: string;
+};
+declare const Title: ({ title }: TitleProps) => React__default.JSX.Element;
+
+interface Column {
+    name: string;
+    uid: string;
+    sortable?: boolean;
+    renderCell?: (item: any) => React.ReactNode;
+}
+interface TableComponentProps {
+    columns: Column[];
+    data: any[];
+    sortedColumn: string;
+    sortDirection: "asc" | "desc";
+    onSort: (uid: string) => void;
+    renderCell: (item: any, columnUid: string) => React.ReactNode;
+    onActionClick?: (item: any) => void;
+    actionIcon?: React.ReactNode;
+    noRecordsMessage?: string;
+}
 
-declare function FooterComponent(): React.JSX.Element;
+declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, actionIcon, noRecordsMessage, }: TableComponentProps) => React__default.JSX.Element;
 
-declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconVisibillity: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconVisibillity: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconEdit: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconEdit: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconDelete: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconDelete: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconCalendar: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconCalendar: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconProfile: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconProfile: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconUpload: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconUpload: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconNewTab: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconNewTab: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconWarning: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconWarning: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconCheckCircle: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconCheckCircle: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconEventAvaliable: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconEventAvaliable: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconLogout: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconLogout: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconCLose: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconCLose: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconAdd: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconAdd: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconRemove: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconRemove: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconCircleExpland: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconCircleExpland: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconCircleRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconCircleRecall: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconArrowExpland: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconArrowExpland: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconArrowRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconArrowRecall: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconTriangleExpand: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconTriangleExpand: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconTriangleRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconTriangleRecall: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconSwap: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconSwap: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconAddCell: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const IconAddCell: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-export { Button, type ButtonProps, type DropdownProps, FooterComponent as Footer, Header, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconLogout, IconNewTab, IconProfile, IconRemove, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpload, IconVisibillity, IconWarning, InputBase, type InputBaseProps, Modal, ModalConfirm, type ModalConfirmProps, type ModalProps, type OptionsProps, RadioGroupBase, type RadioGroupBaseProps, Select, TextareaBase, type TextareaBaseProps };
+export { Accordion, AccordionItem, type AccordionItemProps, BoxError, BoxSuccess, Button, type ButtonProps, type Column, FooterComponent as Footer, Header, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconLogout, IconNewTab, IconProfile, IconRemove, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpload, IconVisibillity, IconWarning, InputBase, type InputProps, LoadingSpinner, SelectMult as Multiselect, type OptionsProps, PaginationTable, PasswordInput, RadioGroupBase, type RadioGroupBaseProps, type SelectMultProps, TableComponent, type TableComponentProps, TextareaBase, type TextareaBaseProps, Title };