@giro-ds/react 4.0.0 → 5.0.0

package/dist/dts-temp/components/Calendar/Calendar.d.ts

@@ -0,0 +1,3 @@
+import type { CalendarProps } from "./Calendar.types";
+declare const Calendar: ({ selected, currentDate, defaultMonth, startMonth, endMonth, onDaySelect, onDateChange, onClear: _onClear, minDate, maxDate, disabled, format: _format, locale, autoFocus, id, "aria-label": ariaLabel, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default Calendar;

package/dist/dts-temp/components/Calendar/Calendar.types.d.ts

@@ -0,0 +1,55 @@
+import type { BaseProps, Locale } from '../../types/common.types';
+import type { Matcher } from 'react-day-picker';
+/** Formato de exibição da data aceito pelo componente. */
+export type DateFormat = 'dd/mm/yyyy' | 'mm/dd/yyyy' | (string & {});
+interface CalendarBaseProps extends Omit<BaseProps, 'disabled'> {
+    /** Data selecionada atualmente (usada pelo DatePicker). */
+    selected?: Date | null;
+    /**
+     * Mês exibido no calendário. Use junto com `onDateChange` para
+     * controlar a navegação externamente.
+     */
+    currentDate?: Date | null;
+    /**
+     * Mês inicial padrão exibido quando não controlado.
+     * @default currentDate
+     */
+    defaultMonth?: Date;
+    /** Primeiro mês navegável. */
+    startMonth?: Date;
+    /** Último mês navegável. */
+    endMonth?: Date;
+    /** Chamado quando o usuário seleciona um dia. */
+    onDaySelect?: (date: Date) => void;
+    /** Chamado quando o usuário navega entre meses. */
+    onDateChange?: (date: Date) => void;
+    /** Chamado quando o usuário limpa a seleção. */
+    onClear?: () => void;
+    /** Data mínima selecionável. */
+    minDate?: Date;
+    /** Data máxima selecionável. */
+    maxDate?: Date;
+    /**
+     * Dias desabilitados — aceita qualquer `Matcher` do react-day-picker
+     * (Date, DateRange, DateBefore, DateAfter, DayOfWeek, função…).
+     */
+    disabled?: Matcher | Matcher[];
+    /**
+     * Formato de exibição da data.
+     * @example 'dd/mm/yyyy' | 'mm/dd/yyyy'
+     */
+    format?: DateFormat;
+    /**
+     * Locale da interface — aceita os códigos internos do design system.
+     * @default 'pt-br'
+     */
+    locale?: Locale;
+    /** Atributo `aria-label` para o elemento raiz. */
+    'aria-label'?: string;
+    /** Foca automaticamente o primeiro dia selecionado ou hoje. */
+    autoFocus?: boolean;
+    /** Substitui os `classNames` padrão do react-day-picker. */
+    classNames?: Partial<Record<string, string>>;
+}
+export type CalendarProps = CalendarBaseProps;
+export {};

package/dist/{components → dts-temp/components}/DatePicker/DatePicker.types.d.ts

@@ -1,4 +1,4 @@
-import { Locale, BaseProps, Position } from '../../types/common.types';
+import { Locale, BaseProps, Side, Align } from '../../types/common.types';
 /**
  * Props do componente DatePicker
  * @example
@@ -17,7 +17,7 @@ import { Locale, BaseProps, Position } from '../../types/common.types';
  *   required
  *   helperText="Selecione a data de início do projeto"
  *   minDate={new Date()}
- *   calendarPosition="right"
+ *   calendarSide="right"
  *   error={errorMessage}
  * />
  * ```
@@ -26,7 +26,9 @@ export interface DatePickerProps extends BaseProps {
     /** Locale para formatação da data */
     locale?: Locale;
     /** Posição do calendário em relação ao campo */
-    calendarPosition?: Position;
+    calendarSide?: Side;
+    /** Alinhamento do calendário em relação ao campo */
+    calendarAlign?: Exclude<Align, 'center'>;
     /** Texto de ajuda exibido abaixo do campo */
     helperText?: string;
     /** Define se o campo é obrigatório */

package/dist/dts-temp/components/DatePicker/Utils/DateUtils.d.ts

@@ -0,0 +1,6 @@
+import { Locale } from '../../../types/common.types';
+export declare function formatDate(date: Date, locale?: Locale): string;
+export declare function applyDateMask(value: string, locale?: Locale): string;
+export declare function isValidDateFormat(value: string, locale?: Locale): boolean;
+export declare function parseDate(dateString: string, locale?: Locale): Date | null;
+export declare function validatePartialDate(value: string, locale?: Locale): 'valid' | 'invalid' | 'incomplete';

package/dist/{components → dts-temp/components}/Dialog/Dialog.types.d.ts

@@ -6,13 +6,12 @@ import { BaseProps } from '../../types/common.types';
  * <Dialog
  *   title="Confirmar ação"
  *   bodyContent="Tem certeza que deseja continuar?"
- *   textConfirm="Confirmar"
- *   textCancel="Cancelar"
+ *   textPrimaryAction="Confirmar"
+ *   textSecondaryAction="Cancelar"
  * />
  */
 export interface DialogProps extends BaseProps, React.HTMLAttributes<HTMLDivElement> {
-    /** Conteúdo customizado do diálogo */
-    show: boolean;
+    show?: boolean;
     /** Título exibido no cabeçalho do diálogo */
     title?: string;
     /** Texto ou conteúdo do corpo do diálogo */

package/dist/dts-temp/components/Drawer/Drawer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DrawerProps } from './Drawer.types';
+declare const Drawer: React.FC<DrawerProps>;
+export default Drawer;

package/dist/{components → dts-temp/components}/Drawer/Drawer.types.d.ts

@@ -32,6 +32,8 @@ import { Variant, BaseProps } from '../../types/common.types';
 export interface DrawerProps extends BaseProps {
     /** Conteúdo a ser exibido dentro do drawer */
     children?: ReactNode;
+    /** Conteúdo customizado do cabeçalho */
+    headerContent?: ReactNode;
     /** Largura customizada do drawer (ex: '400px', '50%') */
     customWidth?: string;
     /** Callback executado ao fechar o drawer: () => void */

package/dist/{components → dts-temp/components}/Filter/Filter.types.d.ts

@@ -1,6 +1,13 @@
 import { ReactNode, ReactElement } from 'react';
-import { Variant, BaseProps, Locale, Position } from '../../types/common.types';
-import { DropdownItem, DropdownType } from '../Dropdown/Dropdown.types';
+import { Variant, BaseProps, Locale, Side, Align } from '../../types/common.types';
+export interface FilterItem {
+    id?: string;
+    text: string;
+    subText?: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+export type FilterType = 'text' | 'checkbox' | 'icon' | 'calendar';
 /**
  * Props do componente Filter
  * @example
@@ -27,9 +34,9 @@ import { DropdownItem, DropdownType } from '../Dropdown/Dropdown.types';
  */
 export interface FilterProps extends BaseProps {
     /** Array de itens para filtros do tipo dropdown */
-    items?: DropdownItem[];
+    items?: FilterItem[];
     /** Tipo do filtro (dropdown ou calendário) */
-    type?: DropdownType | 'calendar';
+    type?: FilterType;
     /** IDs dos itens selecionados */
     selectedIds?: string[];
     /** Callback executado ao aplicar filtro: (selectedIds) => void */
@@ -48,8 +55,10 @@ export interface FilterProps extends BaseProps {
     onOpen?: () => void;
     /** Callback executado ao fechar o filtro: () => void */
     onClose?: () => void;
-    /** Posição do dropdown em relação ao botão */
-    position?: Position;
+    /** Posição do popover em relação ao botão */
+    side?: Side;
+    /** Alinhamento do popover em relação ao botão */
+    align?: Exclude<Align, 'center'>;
     /** Data selecionada (para tipo calendar) */
     selectedDate?: Date | null;
     /** Callback executado ao selecionar data: (date) => void */

package/dist/dts-temp/components/Filter/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Filter';
+export type { FilterProps, FilterItem, FilterType } from './Filter.types';

package/dist/dts-temp/components/Popover/Popover.types.d.ts

@@ -0,0 +1,25 @@
+import { Align, Side } from '../../types/common.types';
+export interface PopoverProps {
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    align?: Align;
+    side?: Side;
+    /** Distância em pixels entre o conteúdo e o trigger */
+    sideOffset?: number;
+    /** Controla o estado de abertura em modo controlado */
+    open?: boolean;
+    /** Callback chamado quando o estado de abertura muda */
+    onOpenChange?: (open: boolean) => void;
+    /**
+    * Quando `true`, o trigger atua como âncora de posicionamento e o popover
+    * é aberto/fechado exclusivamente via `open`/`onOpenChange` (modo DatePicker).
+    * Quando `false` (padrão), o trigger continua abrindo/fechando o popover
+    * normalmente, mas o estado pode ser sincronizado via `open`/`onOpenChange`
+    * (modo Filter).
+    */
+    asAnchor?: boolean;
+    /** Callback chamado quando o foco automático é ativado ao abrir o popover */
+    onOpenAutoFocus?: (event: Event) => void;
+    /** Callback chamado quando o foco automático é ativado ao fechar o popover */
+    onCloseAutoFocus?: (event: Event) => void;
+}

package/dist/{components → dts-temp/components}/Table/TableHeader.d.ts

@@ -1,17 +1,19 @@
 import React from 'react';
-import type { DropdownItem } from '../Dropdown/Dropdown.types';
+import type { Side, Align } from '../../types/common.types';
+import type { FilterItem as FilterListItem } from '../Filter';
 interface BaseFilterItem {
     id?: string;
     buttonText: string | React.ReactNode;
     icon?: React.ReactElement;
-    position?: 'left' | 'right';
+    side?: Side;
+    align?: Exclude<Align, 'center'>;
     disabled?: boolean;
     onToggle?: (isOpen: boolean) => void;
     tooltip?: string;
 }
 interface CheckboxFilterItem extends BaseFilterItem {
     type: 'checkbox' | 'text' | 'icon';
-    items: DropdownItem[];
+    items: FilterListItem[];
     selectedIds?: string[];
     onSelectionChange?: (selectedIds: string[]) => void;
     placeholder?: string;

package/dist/dts-temp/components/TextArea/TextArea.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TextAreaProps } from './TextArea.types';
+declare const _default: React.NamedExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default _default;

package/dist/dts-temp/components/TextArea/TextArea.types.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { Side, Align } from '../../types/common.types';
+/**
+ * Props do componente TextArea
+ * @example
+ * ```tsx
+ * <TextArea
+ *   label="Descrição"
+ *   value={description}
+ *   onChange={setDescription}
+ *   placeholder="Digite uma descrição"
+ * />
+ * ```
+ * @example
+ * ```tsx
+ * <TextArea
+ *   label="Comentário"
+ *   required
+ *   maxLength={500}
+ *   showCharCount
+ *   helperText="Máximo de 500 caracteres"
+ *   errorMessage={error}
+ * />
+ * ```
+ */
+export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'value'> {
+    /** Valor controlado do campo */
+    value?: string;
+    /** Callback executado quando o valor muda: (value) => void */
+    onChange?: (value: string) => void;
+    /** Label do campo */
+    label?: string;
+    /** Texto de ajuda exibido abaixo do campo */
+    helperText?: string;
+    /** Habilita tooltip */
+    tooltip?: boolean;
+    /** Texto do tooltip */
+    tooltipText?: string;
+    /** Lado onde o tooltip aparece */
+    side?: Side;
+    /** Alinhamento do tooltip */
+    align?: Align;
+    /**
+     * Mensagem de erro exibida no campo.
+     * Usada tanto pela validação interna (required, etc.)
+     * quanto pelo controle externo via formulários (react-hook-form, formik, etc.)
+     */
+    errorMessage?: string;
+    /** Sinaliza erro externo para controle via formulários (react-hook-form, formik, etc.) */
+    error?: boolean;
+    /** Controla o redimensionamento do textarea */
+    resize?: 'none' | 'vertical' | 'both';
+    /** Exibe contador de caracteres (requer maxLength) */
+    showCharCount?: boolean;
+    height?: number;
+}

package/dist/dts-temp/components/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TextArea';
+export type { TextAreaProps } from './TextArea.types';

package/dist/{components → dts-temp/components}/TextField/TextField.types.d.ts

@@ -47,10 +47,18 @@ export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInput
     side?: Side;
     /** Alinhamento do tooltip */
     align?: Align;
-    /** Mensagem de erro a ser exibida */
+    /**
+     * Mensagem de erro exibida no campo.
+     * Usada tanto pela validação interna (required, formato, etc.)
+     * quanto pelo controle externo via formulários (react-hook-form, formik, etc.)
+     */
     errorMessage?: string;
+    /** Sinaliza erro externo para controle via formulários (react-hook-form, formik, etc.) */
+    error?: boolean;
     /** Ícone a ser exibido no campo */
     icon?: React.ReactNode;
+    /** Mantém o ícone visível mesmo quando o campo tem valor */
+    persistIcon?: boolean;
 }
 /**
  * Parâmetros para validação do TextField

package/dist/dts-temp/components/TextField/utils/__tests__/validation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/dts-temp/components/Toast/__tests__/Toast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/dts-temp/components/Tooltip/__tests__/Tooltip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{components → dts-temp/components}/index.d.ts

@@ -20,8 +20,6 @@ export { default as Dialog } from './Dialog';
 export { type DialogProps } from './Dialog/Dialog.types';
 export { default as Drawer } from './Drawer';
 export { type DrawerProps } from './Drawer/Drawer.types';
-export { default as Dropdown } from './Dropdown';
-export { type DropdownProps, type DropdownItem, type DropdownType } from './Dropdown/Dropdown.types';
 export { default as Filter } from './Filter';
 export { type FilterProps } from './Filter/Filter.types';
 export { default as ListItem } from './ListItem';
@@ -44,6 +42,8 @@ export { default as TablePagination } from './Table/TablePagination';
 export { type TableProps } from './Table/Table.types';
 export { type TablePaginationProps } from './Table/TablePagination';
 export { type TableHeaderProps, type FilterItem } from './Table/TableHeader';
+export { default as TextArea } from './TextArea';
+export { type TextAreaProps } from './TextArea/TextArea.types';
 export { default as TextField } from './TextField';
 export { type TextFieldProps } from './TextField/TextField.types';
 export { Toast, ToastProvider, ToastContainer, useToast } from './Toast';

package/dist/dts-temp/index.d.ts

@@ -0,0 +1 @@
+export * from './components';