pge-front-common 14.2.5-beta.5 → 14.2.5-beta.6

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

@@ -0,0 +1,26 @@
+export interface SelectMultProps {
+    name?: string;
+    optionsSelect: OptionsProps[];
+    value: any[];
+    placeholder?: string;
+    className?: string;
+    label?: string;
+    handleChange: (selectedOptions: any) => void;
+    handleInputChange?: (inputValue: string) => void;
+    fetchOptions?: (query: string) => Promise<OptionsProps[]>;
+    isMulti: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    textError?: string;
+    hasError?: boolean;
+    message?: string;
+    Icon?: React.ReactNode;
+    isSearchable?: boolean;
+    isClearable?: boolean;
+    isCheckedAll?: boolean;
+    maxMenuHeight?: number;
+}
+export type OptionsProps = {
+    label: string;
+    value: string;
+};

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

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

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

@@ -0,0 +1,13 @@
+declare const selectColourStyles: (width?: number, isInvalid?: boolean, maxMenuHeight?: number) => {
+    control: (styles: any) => any;
+    menu: () => {
+        padding: string;
+        borderRadius: number;
+        boxShadow: string;
+        borderColor: string;
+        minWidth: number;
+    };
+    option: (styles: any, { isDisabled, isSelected, isFocused }: any) => any;
+    menuList: (styles: any) => any;
+};
+export default selectColourStyles;

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

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

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { OverlayLoadingSpinner } from "./index";
+declare const meta: Meta<typeof OverlayLoadingSpinner>;
+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/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/PaginationV2/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+interface PaginationProps {
+    countPage: number;
+    currentPage: number;
+    totalItems: number;
+    itemsPerPage: number;
+    handlePrevious: () => void;
+    handleNext: () => void;
+    handleItemPorPage: (value: number) => void;
+    handlePage: (value: number) => void;
+    pagina: number;
+    defaultOptions?: {
+        value: number;
+        label: string;
+    }[];
+    dropdownDirection?: "down" | "up";
+}
+declare const Pagination: ({ countPage, currentPage, totalItems, itemsPerPage, handleNext, handlePrevious, handleItemPorPage, pagina, handlePage, defaultOptions, dropdownDirection, }: PaginationProps) => React.JSX.Element;
+export default Pagination;

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import PaginationV2 from "./index";
+declare const meta: Meta<typeof PaginationV2>;
+export default meta;
+type Story = StoryObj<typeof PaginationV2>;
+export declare const Default: Story;
+export declare const MiddlePage: Story;
+export declare const LastPage: Story;
+export declare const CustomItemsPerPage: Story;
+export declare const LargeDataset: Story;
+export declare const DisabledNavigation: Story;
+export declare const DropdownUp: Story;

package/lib/components/PaginationV2/selectPagination.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface SelectProps {
+    value: number | string;
+    options: Array<{
+        value: number | string;
+        label: string;
+    }>;
+    onChange: (value: number | string) => void;
+    className?: string;
+    direction?: "down" | "up";
+}
+declare const SelectPagination: ({ value, options, onChange, className, direction, }: SelectProps) => React.JSX.Element;
+export default SelectPagination;

package/lib/components/PgeButton/PgeButton.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PgeButton } from "./index";
+declare const meta: Meta<typeof PgeButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Primary: Story;
+export declare const PrimaryFullWidth: Story;
+export declare const PrimaryDisabled: Story;
+export declare const PrimaryWithIcon: Story;
+export declare const Secondary: Story;
+export declare const SecondaryDisabled: Story;
+export declare const SecondaryDanger: Story;
+export declare const Tertiary: Story;
+export declare const TertiaryDanger: Story;

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

@@ -0,0 +1,10 @@
+import React from "react";
+export declare const PgeButton: React.ForwardRefExoticComponent<{
+    variant: "primary" | "secondary" | "tertiary";
+    danger?: boolean;
+    disabled?: boolean;
+    title: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    widthType?: "fit-content" | "full-width";
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,12 @@
+type ButtonVariant = "primary" | "secondary" | "tertiary";
+type WidthType = "full-width" | "fit-content";
+export type ButtonProps = {
+    variant: ButtonVariant;
+    danger?: boolean;
+    disabled?: boolean;
+    title: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    widthType?: WidthType;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export {};

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { ProgressCircleProps } from "./progressCircle.types";
+declare function ProgressCircle({ percentage, message, size, infinite, isInProgress, onClose, }: ProgressCircleProps): React.JSX.Element | null;
+export default ProgressCircle;

package/lib/components/ProgressCircle/progressCircle.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta } from "@storybook/react";
+import { ProgressCircleProps } from "./progressCircle.types";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressCircleProps>;
+export declare const FullProgress: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressCircleProps>;
+export declare const Halfway: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressCircleProps>;
+export declare const LowProgress: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressCircleProps>;
+export declare const SmallSize: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressCircleProps>;
+export declare const MediumSize: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressCircleProps>;
+export declare const LargeSize: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressCircleProps>;
+export declare const Infinite: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressCircleProps>;

package/lib/components/ProgressCircle/progressCircle.types.d.ts

@@ -0,0 +1,8 @@
+export interface ProgressCircleProps {
+    percentage: number;
+    message?: string;
+    size?: "small" | "medium" | "large";
+    onClose: () => void;
+    infinite?: boolean;
+    isInProgress?: boolean;
+}

package/lib/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { RadioButtonProps } from "./radioButton.types";
+export declare const RadioButton: ({ name, label, value, checked, message, textError, hasError, required, disabled, onChange, customClass, id, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, ...props }: RadioButtonProps) => React.JSX.Element;

package/lib/components/RadioButton/RadioButton.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import RadioButton from "./RadioButton";
+declare const meta: Meta<typeof RadioButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const Required: Story;
+export declare const WithoutLabel: Story;

package/lib/components/RadioButton/radioButton.types.d.ts

@@ -0,0 +1,16 @@
+import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
+export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "type" | "checked" | "accept" | "alt" | "capture" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "pattern" | "placeholder" | "readOnly" | "size" | "src" | "step" | "width"> {
+    name: string;
+    label?: ReactNode;
+    value: string;
+    checked?: boolean;
+    hasError?: boolean;
+    textError?: string;
+    message?: string;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    customClass?: string;
+    required?: boolean;
+    disabled?: boolean;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+}

package/lib/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { RadioGroupBaseProps } from "./radioGroup.types";
+declare const RadioGroupBase: ({ name, label, value, options, message, textError, hasError, orientation, required, disabled, onInput, customClass, ...props }: RadioGroupBaseProps) => React.JSX.Element;
+export default RadioGroupBase;

package/lib/components/RadioGroup/RadioGroup.stories.d.ts

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

package/lib/components/RadioGroup/radioGroup.types.d.ts

@@ -0,0 +1,19 @@
+import { ChangeEvent } from "react";
+export interface RadioGroupBaseProps extends Partial<HTMLInputElement> {
+    name: string;
+    label?: string;
+    options: OptionsProps[];
+    value: string;
+    hasError?: boolean;
+    textError?: string;
+    message?: string;
+    onInput: (event: ChangeEvent<HTMLInputElement>) => void;
+    customClass?: string;
+    orientation?: "horizontal" | "vertical";
+    required?: boolean | false;
+    disabled?: boolean | false;
+}
+export type OptionsProps = {
+    value: string;
+    label: string;
+};

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

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

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

@@ -0,0 +1,26 @@
+import { Control } from "react-hook-form";
+import { FormatOptionLabelMeta } from "react-select";
+export interface SelectDefaultProps {
+    name: string;
+    optionsSelect: OptionsProps[];
+    value: any;
+    placeholder?: string;
+    className?: string;
+    label?: string;
+    handleChange: (selectedOptions: OptionsProps) => void;
+    handleInputChange?: (inputValue: string) => void;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    inputRef?: unknown;
+    hasError?: boolean;
+    control?: Control<any>;
+    formatOptionLabel?: ((data: any, formatOptionLabelMeta: FormatOptionLabelMeta<any>) => React.ReactNode) | undefined;
+    isClearable?: boolean;
+    maxMenuHeight?: number;
+    noOptionsMessage?: string;
+}
+export type OptionsProps = {
+    label: string;
+    value: string;
+    isDisabled?: boolean;
+};

package/lib/components/Select/select.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from "@storybook/react";
+import { SelectDefaultProps } from "./index.types";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
+export declare const DisabledSelect: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
+export declare const OptionDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
+export declare const ErrorState: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
+export declare const WithFormatOptionLabel: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
+export declare const CustomMenuHeight: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;

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

@@ -0,0 +1,6 @@
+import React from "react";
+interface SkeletonProps {
+    className?: string;
+}
+export declare function SkeletonLoader({ className }: SkeletonProps): React.JSX.Element;
+export {};

package/lib/components/SkeletonLoader/skeletonloader.stories.d.ts

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

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

@@ -0,0 +1,36 @@
+import React from "react";
+import { SwitchProps } from "./index.types";
+/**
+ * Componente Switch suportado por eventos de mouse e teclado.
+ *
+ * @description
+ * Componente que mostra um estado boolean, informando se a opção está ligada/desligada.
+ *
+ * @param {boolean} props.checked                  - Mostra se o componente está marcado (`true`) ou desmarcado (`false`).
+ * @param {(newValue: boolean) => void} props.onChange
+ *                                                - Função callback chamada no evento de clique e que retorna o novo estado (`true` ou `false`).
+ * @param {boolean} [props.disabled=false]         - Se estiver como `true` o usuário fica impossibilitado de interagir com o elemento.
+ * @param {...any} [props.props]                   - Quaisquer outras props suportadas pelo elemento HTML do tipo input (e.g. `id`, `name`, `aria-*`).
+ *
+ * @example
+ * ```tsx
+ * import React, { useState } from "react";
+ * import { Switch } from "pge-front-common";
+ *
+ * export const Example = () => {
+ *   const [enabled, setEnabled] = useState(false);
+ *
+ *   return (
+ *     <div>
+ *       <Switch
+ *         checked={enabled}
+ *         onChange={(newState) => setEnabled(newState)}
+ *         aria-label="Sim ou não"
+ *       />
+ *       <span>{enabled ? "Sim" : "Não"}</span>
+ *     </div>
+ *   );
+ * };
+ * ```
+ */
+export declare const Switch: ({ checked, onChange, disabled, className, ...props }: SwitchProps) => React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from "react";
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> {
+    checked: boolean;
+    onChange: (newValue: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+}

package/lib/components/Switch/switch.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from "@storybook/react";
+import { Switch } from "./index";
+import type { SwitchProps } from "./index.types";
+declare const _default: Meta<typeof Switch>;
+export default _default;
+export declare const Checked: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SwitchProps>;
+export declare const DisabledUnchecked: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SwitchProps>;
+export declare const DisabledChecked: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SwitchProps>;
+export declare const WithCustomClass: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SwitchProps>;

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, noRecordsMessage, hasIcon, renderActionIconCell, columnIcon, iconColumnName, setBorderTable, hasBottomRounded, renderHeaderCell, textAlignment, getRowClassName, }: TableComponentProps) => React.JSX.Element;
+export default TableComponent;

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

@@ -0,0 +1,26 @@
+import React from "react";
+export interface Column {
+    name: string;
+    uid: string;
+    sortable?: boolean;
+    renderCell?: (item: any) => React.ReactNode;
+}
+export interface TableComponentProps {
+    columns: Column[];
+    data: any[];
+    sortDirection: "asc" | "desc";
+    onSort: (uid: string) => void;
+    renderCell: (item: any, columnUid: string) => React.ReactNode;
+    onActionClick?: (item: any) => void;
+    actionIcon?: React.ReactNode;
+    noRecordsMessage?: string;
+    hasIcon?: boolean;
+    renderActionIconCell: (item: any) => React.JSX.Element | null;
+    columnIcon?: React.ReactNode;
+    iconColumnName?: string;
+    setBorderTable?: boolean;
+    hasBottomRounded?: boolean;
+    renderHeaderCell?: (columnName: string, isSortable?: boolean, columnIcon?: React.ReactNode) => React.ReactNode;
+    textAlignment?: "left" | "center" | "right";
+    getRowClassName?: (item: any, index: number) => string;
+}

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

@@ -0,0 +1,16 @@
+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;
+export declare const WithCheckboxColumn: Story;
+export declare const WithSwitchColumn: Story;
+export declare const WithBasicSelectColumn: Story;
+export declare const WithSelectColumn: Story;
+export declare const WithMultiSelectColumn: Story;
+export declare const WithHeaderCheckbox: Story;

package/lib/components/TableV2/TableHeaderContext.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TableHeaderContext: React.Context<boolean>;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { TableBodyProps, TableCellProps, TableFooterProps, TableHeaderProps, TableProps, TableRowProps } from "./index.types";
+export declare const Table: ({ children, className, ...props }: TableProps) => React.JSX.Element;
+export declare const TableHeader: ({ children, ...props }: TableHeaderProps) => React.JSX.Element;
+export declare const TableBody: ({ children, ...props }: TableBodyProps) => React.JSX.Element;
+export declare const TableRow: ({ children, ...props }: TableRowProps) => React.JSX.Element;
+export declare const TableCell: ({ children, ...props }: TableCellProps) => React.JSX.Element;
+export declare const TableFooter: ({ children, ...props }: TableFooterProps) => React.JSX.Element;

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

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+export type TableProps = React.HTMLAttributes<HTMLTableElement> & {
+    children: ReactNode;
+    className?: string;
+};
+export type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement> & {
+    children: ReactNode;
+};
+export type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement> & {
+    children: ReactNode;
+};
+export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement> & {
+    children: ReactNode;
+};
+export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {
+    children: ReactNode;
+};
+export type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement> & {
+    children: ReactNode;
+};

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

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

package/lib/components/Textarea/Textarea.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TextareaBaseProps } from "./textarea.types";
+declare const TextareaBase: ({ name, label, value, type, Icon, placeholder, message, textAlign, textError, hasError, rows, hasIcon, required, showCounter, ...props }: TextareaBaseProps) => React.JSX.Element;
+export default TextareaBase;

package/lib/components/Textarea/Textarea.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import TextareaBase from "./Textarea";
+declare const meta: Meta<typeof TextareaBase>;
+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 WithCounter: Story;

package/lib/components/Textarea/textarea.types.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export type TextAlignType = "start" | "end" | "center";
+export interface TextareaBaseProps extends Partial<HTMLTextAreaElement> {
+    label?: string | React.ReactNode;
+    hasError?: boolean;
+    textError?: string;
+    message?: string;
+    hasIcon?: boolean;
+    Icon?: React.ReactNode;
+    textAlign: TextAlignType;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLTextAreaElement>) => void;
+    rows?: number;
+    required?: boolean | false;
+    showCounter?: boolean;
+}

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/Tooltip/Tooltip.stories.d.ts

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

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { TooltipProps } from "./index.type";
+export declare const Tooltip: ({ text, children, forceVisible }: TooltipProps) => React.JSX.Element;

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

@@ -0,0 +1,6 @@
+export interface TooltipProps {
+    text: string;
+    children: React.ReactNode;
+    forceVisible?: boolean;
+}
+export type Position = "top-right" | "bottom-right" | "bottom-left" | "top-left" | "mobile";

package/lib/components/TooltipWithPortal/TooltipWithPortal.stories.d.ts

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

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { TooltipProps } from "./index.type";
+export declare const TooltipWithPortal: ({ text, children, forceVisible }: TooltipProps) => React.JSX.Element;

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

@@ -0,0 +1,6 @@
+export interface TooltipProps {
+    text: string;
+    children: React.ReactNode;
+    forceVisible?: boolean;
+}
+export type Position = "top-right" | "bottom-right" | "bottom-left" | "top-left" | "mobile";

package/lib/components/TreeSelect/TreeSelect.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TreeSelect } from "./index";
+declare const meta: Meta<typeof TreeSelect>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Padrao: Story;
+export declare const ComFiltro: Story;
+export declare const Obrigatorio: Story;
+export declare const ComErro: Story;
+export declare const Desabilitado: Story;
+export declare const ComValorPreSelecionado: Story;
+export declare const ExibicaoEmChips: Story;
+export declare const ComIcones: Story;
+export declare const ComIconesMultiplo: Story;
+export declare const SemOpcoes: Story;
+export declare const TodosOsCenarios: Story;

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

@@ -0,0 +1,7 @@
+import React from "react";
+import "primereact/resources/primereact.css";
+import "primereact/resources/themes/lara-light-blue/theme.css";
+import "primeicons/primeicons.css";
+import { TreeSelectProps } from "./index.type";
+declare const TreeSelect: ({ label, value, restrictionMessage, onChange, isError, disabled, placeholder, required, display, filter, options, selectionMode, }: TreeSelectProps) => React.JSX.Element;
+export { TreeSelect };