@free-dom/react-components 2.0.0

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { IconName } from '@freedom/react-icons';
+import { Combine } from '../../utils';
+export type Variant = 'primary' | 'secondary' | 'text' | 'danger';
+type ButtonOwnProps = {
+    /**
+     * Especifica o tipo de Button que será renderizado.
+     */
+    variant?: Variant;
+    /**
+     * Especifica se o Button deve ser compacto ou não.
+     * O modo compacto é um botão com padding reduzido.
+     */
+    compact?: boolean;
+    /**
+     * Especifica se o botão está em estado de loading ou não.
+     */
+    loading?: boolean;
+    /**
+     * Especifica um tipo de ícone pré-definido que deve ser
+     * renderizado dentro do Button.
+     */
+    icon?: IconName;
+    /**
+     * Especifica a posição dos ícones que fazem parte do botão.
+     * A posição afeta o ícone de loading e o ícone dentro do botão,
+     * caso seja passado a prop `icon` ou `renderIcon`.
+     */
+    iconPosition?: 'left' | 'right';
+    /**
+     * Prop que permite que o usuário possa renderizar um ícone customizado
+     * que não está previsto nos ícones pré-definidos da props `icon`.
+     */
+    renderIcon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+};
+export type ButtonProps = Combine<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonOwnProps>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { Variant } from './Button';

package/dist/types/components/Card/Card.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { CardActionsProps } from './CardActions';
+import { CardContent } from './CardContent';
+import { CardHeader } from './CardHeader';
+import { CardImage } from './CardImage';
+import { CardTag } from './CardTag';
+export type CardProps = {
+    /**
+     * Conteúdo do card. Deve ser composto por um ou mais dos
+     * componentes: `Card.Header`, `Card.Image`, `Card.Tag`, `Card.Content` e `Card.Actions`
+     */
+    children: React.ReactNode;
+} & CardActionsProps;
+declare function Card({ children, primaryAction, secondaryAction }: CardProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Card {
+    var Header: typeof CardHeader;
+    var Image: typeof CardImage;
+    var Tag: typeof CardTag;
+    var Content: typeof CardContent;
+}
+export { Card };

package/dist/types/components/Card/CardActions.d.ts

@@ -0,0 +1,12 @@
+import { ButtonProps } from '../Button/Button';
+export type Action = {
+    /**
+     * Texto do botão de ação
+     */
+    label: string;
+} & Pick<ButtonProps, 'variant' | 'onClick'>;
+export type CardActionsProps = {
+    primaryAction?: Action;
+    secondaryAction?: Action;
+};
+export declare function CardActions({ primaryAction, secondaryAction, }: CardActionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Card/CardContent.d.ts

@@ -0,0 +1,7 @@
+export type CardContentProps = {
+    /**
+     * Conteúdo do card. Pode ser qualquer elemento ou componente
+     */
+    children: React.ReactNode;
+};
+export declare function CardContent({ children }: CardContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Card/CardHeader.d.ts

@@ -0,0 +1,23 @@
+export type CardHeaderProps = {
+    /**
+     * Titulo do card
+     */
+    title: string;
+    /**
+     * Subtitulo do card
+     */
+    subTitle?: string;
+    /**
+     * evento disparado quando a seleção do checkbox é alterada.
+     * O checkbox só será renderizado se essa propriedade for passada.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Opções para a lista suspensa de opções menos relevantes do card.
+     */
+    moreOptions?: {
+        label: string;
+        onSelect: (event: Event) => void;
+    }[];
+};
+export declare function CardHeader({ subTitle, title, onCheckedChange, moreOptions, }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Card/CardImage.d.ts

@@ -0,0 +1,11 @@
+export type CardImageProps = {
+    /**
+     * Url da imagem do card
+     */
+    src: string;
+    /**
+     * Texto alternativo da imagem
+     */
+    alt: string;
+};
+export declare function CardImage({ src, alt }: CardImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Card/CardTag.d.ts

@@ -0,0 +1,3 @@
+import { TagProps } from '../Tag/Tag';
+export type CardTagProps = TagProps;
+export declare function CardTag(props: CardTagProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Card/HeaderMoreOptions.d.ts

@@ -0,0 +1,2 @@
+import type { CardHeaderProps } from './CardHeader';
+export declare function HeaderMoreOptions({ moreOptions, }: Pick<CardHeaderProps, 'moreOptions'>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Card/index.d.ts

@@ -0,0 +1 @@
+export { Card } from './Card';

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,48 @@
+export type Variant = 'default' | 'favorite';
+export type CheckboxProps = {
+    /**
+     * className customizada que será aplicado ao componente.
+     */
+    className?: string;
+    /**
+     * Id único que identifica o checkbox.
+     */
+    id?: string;
+    /**
+     * Label que será renderizada do lado direito do checkbox.
+     */
+    label?: string;
+    /**
+     * Especifica se o checkbox deve ser renderizado como checked por padrão.
+     */
+    defaultChecked?: boolean;
+    /**
+     * Propriedade que controla o estado do checkbox de checked ou não.
+     */
+    checked?: boolean | 'indeterminate';
+    /**
+     * Especifica se o checkbox deve estar desabilitado.
+     */
+    disabled?: boolean;
+    /**
+     * Evento disparado quando o checkbox é clicado.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Evento opcional que pode ser passado e disparado quando clicado no checkbox
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Especifica se o checkbox deve ser obrigatorio.
+     */
+    required?: boolean;
+    /**
+     * Especifica o nome do checkbox.
+     */
+    name?: string;
+    /**
+     * Especifica o valor que o checkbox deve ter.
+     */
+    value?: string;
+};
+export declare function Checkbox({ className, defaultChecked, onCheckedChange, onClick, checked, label, disabled, ...rest }: React.PropsWithChildren<CheckboxProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Checkbox/CheckboxIndicator.d.ts

@@ -0,0 +1,4 @@
+import type { CheckboxProps } from './Checkbox';
+type CheckboxIndicatorProps = CheckboxProps;
+export declare function CheckboxIndicator({ checked, disabled, }: CheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { Checkbox } from './Checkbox';

package/dist/types/components/Chip/Chip.d.ts

@@ -0,0 +1,49 @@
+import { IconName } from '@freedom/react-icons';
+export type ChipProps = {
+    /**
+     * className customizada que será aplicado ao componente.
+     */
+    className?: string;
+    /**
+     * Função disparada ao clicar no Chip. Faz com que o Chip
+     * seja renderizado de maneira interativa.
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>, args: ChipMouseEventArgs) => void;
+    /**
+     * Determina se é Chip deve ser do tipo filtro.
+     */
+    filter?: boolean;
+    /**
+     * Id único que identifica o Chip.
+     */
+    id?: string;
+    /**
+     * Função disparada ao clicar no botão de fechar de um Chip
+     * do tipo filter (props filter=true).
+     */
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>, args: ChipMouseEventArgs) => void;
+    /**
+     * Especifica se o chip deve ficar no modo ativo, isso é, com borda.
+     */
+    active?: boolean;
+    /**
+     * Especifica um tipo de ícone pré-definido que deve ser
+     * renderizado dentro do Chip.
+     */
+    icon?: IconName;
+    /**
+     * Prop que permite que o usuário possa renderizar um ícone customizado
+     * que não está previsto nos ícones pré-definidos da props `icon`.
+     */
+    renderIcon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    /**
+     * Especifica se o Chip deve estar desabilitado.
+     */
+    disabled?: boolean;
+};
+type ChipMouseEventArgs = {
+    id?: string;
+    active: boolean;
+};
+export declare function Chip({ id, children, className, onClick, active, filter, onClose, renderIcon, icon, disabled, }: React.PropsWithChildren<ChipProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Chip/index.d.ts

@@ -0,0 +1 @@
+export { Chip } from './Chip';

package/dist/types/components/DatePicker/CalendarHeader.d.ts

@@ -0,0 +1,12 @@
+import { ReactDatePickerCustomHeaderProps, ReactDatePickerProps } from 'react-datepicker';
+import { Option } from './DatePicker.constants';
+type CalendarHeaderOwnProps = {
+    minDate: ReactDatePickerProps['minDate'];
+    maxDate: ReactDatePickerProps['maxDate'];
+    months: Option[];
+    years: Option[];
+    onlyMonthYearPicker: boolean;
+};
+type CalendarHeaderProps = ReactDatePickerCustomHeaderProps & CalendarHeaderOwnProps;
+export declare function CalendarHeader({ maxDate, minDate, months, years, changeMonth, changeYear, increaseMonth, decreaseMonth, increaseYear, decreaseYear, date, onlyMonthYearPicker, nextMonthButtonDisabled: nextMonthButtonDisabledProp, prevMonthButtonDisabled: prevMonthButtonDisabledProp, }: CalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DatePicker/CalendarSelect.d.ts

@@ -0,0 +1,10 @@
+import { Option } from './DatePicker.constants';
+type CalendarSelectProps = {
+    options: Option[];
+    onChange: (arg: number) => void;
+    value?: Option;
+    className?: string;
+    placeholder?: string;
+};
+export declare function CalendarSelect({ options, onChange, value, className, placeholder, }: CalendarSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DatePicker/ClearButton.d.ts

@@ -0,0 +1,9 @@
+type ClearButtonProps = {
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    visible: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    compact?: boolean;
+};
+export declare function ClearButton({ onClick, visible, disabled, readOnly, compact, }: ClearButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DatePicker/DateInput.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+export type DatePickerCustomInputOwnProps = {
+    /**
+    * Label que será renderizada acima do input. Por motivos
+    * de acessibilidade deve
+    ser utilizado em conjunto com a prop `id` ou `name`.
+    */
+    label?: string;
+    /**
+     * Especifica se o componente deve ser compacto ou não.
+     * O modo compacto é um componente de input com padding reduzido.
+     */
+    compact?: boolean;
+    /**
+     * Renderiza um input com aparência de erro e mensagem logo abaixo do input.
+     * Se utilizada com a prop `hint`, a prop `error` terá prioridade e
+     * irá sobrescrever a mensagem de `hint`.
+     */
+    error?: string;
+    /**
+     * Renderiza uma mensagem de informação logo abaixo do input.
+     * Se utilizada com a prop `error`, a prop `error` terá prioridade e
+     * irá sobrescrever a mensagem de `hint`.
+     */
+    hint?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLInputElement>;
+    value?: string;
+    isRange?: boolean;
+    onlyMonthYearPicker?: boolean;
+};
+export type DatePickerCustomInputProps = React.InputHTMLAttributes<HTMLInputElement> & DatePickerCustomInputOwnProps;
+export declare const DateInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & DatePickerCustomInputOwnProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/DatePicker/DateInputRange.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DatePickerCustomInputOwnProps } from './DateInput';
+export type DatePickerCustomRangeInputOwnProps = DatePickerCustomInputOwnProps & {
+    maxRangeInterval?: number;
+    onRangeChange: (dates: [Date | null, Date | null] | null) => void;
+};
+export type DatePickerCustomInputProps = React.InputHTMLAttributes<HTMLInputElement> & DatePickerCustomRangeInputOwnProps;
+export declare const DateInputRange: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & DatePickerCustomInputOwnProps & {
+    maxRangeInterval?: number;
+    onRangeChange: (dates: [Date | null, Date | null] | null) => void;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/DatePicker/DatePicker.constants.d.ts

@@ -0,0 +1,18 @@
+export type Option = {
+    value: number;
+    label: string;
+};
+export declare const MONTHS: string[];
+export declare const MONTH_OFFSET_DUE_TO_INDEX_0 = 1;
+export declare const DAY_MAX_LENGTH = 2;
+export declare const MONTH_MAX_LENGTH = 2;
+export declare const YEAR_MAX_LENGTH = 4;
+export declare const FIRST_YEAR = 1;
+export declare const FIRST_LEAP_YEAR = 4;
+export declare const FIRST_MONTH = 0;
+export declare const FIRST_DAY = 1;
+export declare const MIN_YEAR = 1;
+export declare const MAX_YEAR = 9999;
+export declare const DEFAULT_MAX_DATE: Date;
+export declare const DEFAULT_MIN_DATE: Date;
+export declare const monthOptions: Option[];

package/dist/types/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,79 @@
+import React from 'react';
+import { ReactDatePickerProps } from 'react-datepicker';
+import { Combine } from '../../utils';
+import { DatePickerCustomInputProps } from './DateInput';
+type DatePickerConditionalProps = {
+    /**
+     *  Habilita a seleção de um período entre duas datas.
+     */
+    selectsRange?: never;
+    /**
+     * Evento disparado ao preencher um input com uma data válida.
+     */
+    onChange?: (date: Date, event?: React.SyntheticEvent<any, Event>) => void;
+    /**
+     * Especifica o valor da data inicial do período. Utilizado quando é necessário
+     * ter um componente controlado.
+     */
+    startDate?: never;
+    /**
+     * Especifica o valor da data inicial do período. Utilizado quando é necessário
+     * ter um componente controlado.
+     */
+    endDate?: never;
+    /**
+     * Prop passada para controlar o valor inicial da data inicial do período.
+     */
+    defaultEndDate?: never;
+    /**
+     * Prop passada para controlar o valor inicial da data final do período.
+     */
+    defaultStartDate?: never;
+    /**
+     * Determina o tamanho máximo do intervalo entre as duas datas do período.
+     */
+    maxRangeInterval?: never;
+    /**
+     * Habilita a seleção apenas de mês e ano
+     */
+    onlyMonthYearPicker?: boolean;
+} | {
+    selectsRange: true;
+    onChange?: (date: [Date | null, Date | null], event?: React.SyntheticEvent<any, Event>) => void;
+    startDate?: Date | null;
+    endDate?: Date | null;
+    defaultStartDate?: Date | null;
+    defaultEndDate?: Date | null;
+    maxRangeInterval?: number;
+    onlyMonthYearPicker?: never;
+};
+export type DatePickerOwnProps = DatePickerConditionalProps & {
+    /**
+     * Data mínima que pode ser selecionada.
+     */
+    minDate?: Date;
+    /**
+     * Data máxima que pode ser selecionada.
+     */
+    maxDate?: Date;
+    /**
+     * Prop passada para controlar o valor inicial.
+     */
+    defaultSelected?: Date | null;
+    /**
+     * Prop passada para controlar o valor do Date Picker.
+     */
+    selected?: Date | null;
+    /**
+     * Especifica valor do input do DatePicker. Utilizado quando é necessário
+     * ter um componente controlado.
+     */
+    value?: string;
+    /**
+     * Determina a direção que o DatePicker deve ser renderizado.
+     */
+    popperPlacement?: ReactDatePickerProps['popperPlacement'];
+};
+export type DatePickerProps = Combine<Omit<DatePickerCustomInputProps, 'isRange'>, DatePickerOwnProps>;
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/types/components/DatePicker/DatePicker.helpers.d.ts

@@ -0,0 +1,33 @@
+import { Option } from './DatePicker.constants';
+export declare const yearsOptions: ({ maxDate, minDate, }: {
+    maxDate: Date;
+    minDate: Date;
+}) => Option[];
+export declare const weekDayLabel: (nameOfDay: string) => string;
+export declare const parseDate: (brazilianDate: string, onlyMonthYear?: boolean) => Date;
+export declare const isDateFormat: (value: string) => boolean;
+export declare const isOutOfRange: (date: Date, { maxDate, minDate }: {
+    maxDate?: Date;
+    minDate?: Date;
+}) => boolean;
+export declare const dateInBoundary: (date: Date | null | undefined, { maxDate, minDate }: {
+    maxDate?: Date;
+    minDate?: Date;
+}) => Date;
+export declare const isFullDate: (dateCandidate: string) => boolean;
+export declare const validateFullDate: (dateCandidate: string) => boolean;
+export declare const validateMonthYearFullDate: (dateCandidate: string) => boolean;
+export declare const isValidDate: (dateCandidate: string, onlyMonthYear?: boolean) => boolean;
+export declare const isValidPartialYear: (inputYear: number, yearCandidate: string, generatedYear: number) => boolean;
+export declare const isValidDatePart: (dateCandidate: string, onlyMonthYear?: boolean) => boolean;
+export declare const dateMask: (value: string) => string;
+export declare const monthYearMask: (value: string) => string;
+export declare const getRangeMaxDate: (startDate: Date | null, maxDays: number | undefined, { maxDate, minDate }: {
+    maxDate?: Date;
+    minDate?: Date;
+}) => Date;
+export declare const dateRangeMask: (value: string) => string;
+export declare function getDateInputCursorPosition({ currentPosition, lastKey, }: {
+    currentPosition: number;
+    lastKey: string | null;
+}): number;

package/dist/types/components/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export { DatePicker } from './DatePicker';

package/dist/types/components/Dialog/Dialog.d.ts

@@ -0,0 +1,13 @@
+import { ModalProps } from '../Modal/Modal';
+import { ModalContentWrapperProps } from '../Modal/ModalContentWrapper';
+export type DialogProps = ModalProps & Pick<ModalContentWrapperProps, 'title' | 'onClose' | 'children' | 'cancelLabel'> & Required<Pick<ModalContentWrapperProps, 'action'>> & {
+    /**
+     * Prop para controlar a exibição do checkbox "Não mostrar novamente até a próxima sessão"
+     */
+    showDontShowAgain?: boolean;
+    /**
+     * Função que é chamada quando o checkbox "Não mostrar novamente até a próxima sessão" é alterado
+     */
+    onDontShowAgainChange?: (checked: boolean) => void;
+};
+export declare function Dialog({ onOpenChange, open, children, showDontShowAgain, onDontShowAgainChange, ...rest }: DialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Dialog/index.d.ts

@@ -0,0 +1 @@
+export { Dialog } from './Dialog';

package/dist/types/components/Divider/Divider.d.ts

@@ -0,0 +1,15 @@
+export type DividerProps = {
+    /**
+     * Especifica a orientação que que o Divider deve ser renderizado.
+     */
+    orientation?: 'vertical' | 'horizontal';
+    /**
+     * Classes customizadas para o componente.
+     */
+    className?: string;
+    /**
+     * Objeto de estilo que pode ser utilizado para estilizar o componente.
+     */
+    style?: React.CSSProperties;
+};
+export declare function Divider({ orientation, className, style, }: DividerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Divider/index.d.ts

@@ -0,0 +1 @@
+export { Divider } from './Divider';

package/dist/types/components/Drawer/Drawer.constants.d.ts

@@ -0,0 +1,12 @@
+export declare enum DRAWER_SIZE_ENUM {
+    sm = "sm",
+    md = "md",
+    lg = "lg",
+    xl = "xl"
+}
+export declare const DRAWER_SIZES_PX: {
+    readonly sm: 296;
+    readonly md: 376;
+    readonly lg: 462;
+    readonly xl: 872;
+};

package/dist/types/components/Drawer/Drawer.d.ts

@@ -0,0 +1,77 @@
+import { DrawerProps as RcDrawerProps } from 'rc-drawer';
+import { CSSProperties, PropsWithChildren } from 'react';
+export declare const maskMotion: RcDrawerProps['maskMotion'];
+export declare const motion: RcDrawerProps['motion'];
+export type DrawerProps = {
+    /**
+     * Define se o componente está aberto ou fechado.
+     * Quando `true`, o drawer é exibido; quando `false`, ele é ocultado.
+     */
+    open: boolean;
+    /**
+     * Callback disparado ao solicitar o fechamento do drawer.
+     * Normalmente é chamado ao clicar no botão de fechar,
+     * no overlay (quando `maskClosable` estiver habilitado)
+     * ou ao pressionar a tecla `Esc`.
+     */
+    onClose: () => void;
+    /**
+     * Define o lado da tela a partir do qual o drawer será exibido.
+     * @default 'right'
+     */
+    placement?: 'left' | 'right';
+    /**
+     * Define o tamanho do drawer.
+     *
+     * Os tamanhos disponíveis são:
+     * - `sm` (296px): Ideal para formulários simples e ações rápidas.
+     * - `md` (376px): Tamanho padrão para a maioria dos casos de uso.
+     * - `lg` (462px): Indicado para conteúdos mais extensos e formulários complexos.
+     * - `xl` (872px): Ideal para visualização de documentos,
+     *   conteúdos detalhados e filtragens complexas.
+     *
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Define a largura do drawer.
+     * Aceita qualquer valor válido da propriedade CSS `width`
+     * (por exemplo: `450px`, `40%`, `auto`).
+     */
+    width?: CSSProperties['width'];
+    /**
+     * Define se o drawer pode ser fechado ao clicar na máscara
+     * (overlay) que cobre o conteúdo da página.
+     * @default true
+     */
+    maskClosable?: boolean;
+    /**
+     * Define o título exibido no cabeçalho do drawer.
+     * Pode ser usado para identificar o conteúdo apresentado.
+     */
+    title?: string;
+    /**
+     * Define se o conteúdo interno do drawer deve ser destruído
+     * ao ser fechado.
+     * Quando `true`, o conteúdo é desmontado ao fechar o drawer;
+     * quando `false`, o conteúdo permanece montado no DOM.
+     * @default false
+     */
+    destroyOnClose?: boolean;
+    /**
+     * Força a renderização do conteúdo do drawer mesmo quando
+     * ele estiver fechado.
+     * Útil quando é necessário pré-renderizar o conteúdo
+     * ou manter estados internos.
+     * @default false
+     */
+    forceRender?: boolean;
+    /**
+     * Callback disparado após a conclusão da animação
+     * de abertura ou fechamento do drawer.
+     * Recebe como parâmetro o estado atual (`true` para aberto,
+     * `false` para fechado).
+     */
+    afterOpenChange?: (open: boolean) => void;
+};
+export declare function Drawer({ open, onClose, children, maskClosable, title, destroyOnClose, forceRender, afterOpenChange, width: widthProp, placement, size, }: PropsWithChildren<DrawerProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Drawer/ScrollArea.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare function DrawerScrollArea({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Drawer/index.d.ts

@@ -0,0 +1 @@
+export { Drawer } from './Drawer';