@giro-ds/react 4.0.0 → 5.0.1

package/dist/components/Calendar/Calendar.d.ts

@@ -1,3 +0,0 @@
-import type { CalendarProps } from "./Calendar.types";
-declare const Calendar: ({ selected, selectedDate, currentDate, defaultMonth, startMonth, endMonth, numberOfMonths, onDaySelect, onDateChange, onClear: _onClear, minDate, maxDate, disabled, hidden, format: _format, locale, captionLayout, reverseYears, fixedWeeks, showOutsideDays, showWeekNumber, hideNavigation, disableNavigation, navLayout, role, title, animate, timeZone, modifiers, modifiersClassNames, footer, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
-export default Calendar;

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

@@ -1,109 +0,0 @@
-import React from 'react';
-import type { Matcher } from 'react-day-picker';
-import type { BaseProps, Locale } from '../../types/common.types';
-/** Formato de exibição da data aceito pelo componente. */
-export type DateFormat = 'dd/mm/yyyy' | 'mm/dd/yyyy' | (string & {});
-export interface CalendarProps extends Omit<BaseProps, 'disabled'> {
-    /** Data selecionada atualmente (usada pelo DatePicker). */
-    selected?: Date | null;
-    /** Data selecionada atualmente (usada pelo Filter). */
-    selectedDate?: 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 currentMonth
-     */
-    defaultMonth?: Date;
-    /** Primeiro mês navegável. */
-    startMonth?: Date;
-    /** Último mês navegável. */
-    endMonth?: Date;
-    /** Número de meses exibidos simultaneamente. @default 1 */
-    numberOfMonths?: number;
-    /** 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[];
-    /**
-     * Dias ocultados — aceita qualquer `Matcher` do react-day-picker.
-     */
-    hidden?: 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;
-    /**
-     * Layout do cabeçalho do calendário.
-     * - `'label'` — exibe mês/ano como texto (padrão).
-     * - `'dropdown'` — exibe dropdowns para mês e ano.
-     * - `'dropdown-months'` — dropdown apenas para mês.
-     * - `'dropdown-years'` — dropdown apenas para ano.
-     */
-    captionLayout?: 'dropdown' | 'label' | 'dropdown-months' | 'dropdown-years';
-    /** Inverte a ordem dos anos no dropdown. */
-    reverseYears?: boolean;
-    /** Sempre exibe 6 semanas por mês, preenchendo com dias do mês seguinte. */
-    fixedWeeks?: boolean;
-    /** Exibe os dias pertencentes ao mês anterior/próximo. */
-    showOutsideDays?: boolean;
-    /** Exibe a coluna com o número da semana. */
-    showWeekNumber?: boolean;
-    /** Oculta os botões de navegação (sem desabilitar a navegação). */
-    hideNavigation?: boolean;
-    /** Desabilita a navegação entre meses. */
-    disableNavigation?: boolean;
-    /**
-     * Posicionamento dos botões de navegação.
-     * - `'around'` — um botão de cada lado do caption.
-     * - `'after'` — ambos após o caption.
-     */
-    navLayout?: 'after' | 'around';
-    /** Atributo `aria-label` para o elemento raiz. */
-    'aria-label'?: string;
-    /** Atributo `aria-labelledby` para o elemento raiz. */
-    'aria-labelledby'?: string;
-    /** Foca automaticamente o primeiro dia selecionado ou hoje. */
-    autoFocus?: boolean;
-    /** Atributo `role` do elemento raiz (`'application'` ou `'dialog'`). */
-    role?: 'application' | 'dialog';
-    /** Atributo `title` do elemento raiz. */
-    title?: string;
-    /** Anima a transição entre meses. */
-    animate?: boolean;
-    /**
-     * Fuso horário IANA usado nos cálculos de datas.
-     * @example 'America/Sao_Paulo'
-     */
-    timeZone?: string;
-    /** Estilos inline para o elemento raiz. */
-    style?: React.CSSProperties;
-    /** Substitui os `classNames` padrão do react-day-picker. */
-    classNames?: Partial<Record<string, string>>;
-    /** Modificadores customizados para dias específicos. */
-    modifiers?: Record<string, Matcher | Matcher[] | undefined>;
-    /** ClassNames aplicadas aos dias que correspondem aos `modifiers`. */
-    modifiersClassNames?: Record<string, string>;
-    /** Rodapé do calendário — exibido como live region para acessibilidade. */
-    footer?: React.ReactNode;
-}

package/dist/components/Calendar/__tests__/Calendar.test.d.ts

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

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

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

package/dist/components/Callout/Callout.d.ts

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

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

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { TextVariant, BaseProps } from '../../types/common.types';
-/**
- * Props do componente Callout
- * @example
- * ```tsx
- * <Callout
- *   type="success"
- *   title="Sucesso!"
- *   text="Operação realizada com sucesso"
- *   icon={<CheckIcon />}
- * />
- * ```
- * @example
- * ```tsx
- * <Callout
- *   type="alert"
- *   title="Atenção"
- *   text="Verifique os campos obrigatórios"
- * />
- * ```
- */
-export interface CalloutProps extends BaseProps {
-    /** Tipo visual do callout */
-    type?: TextVariant;
-    /** Título principal do callout (texto em destaque) */
-    title?: string | null;
-    /** Texto descritivo do callout */
-    text?: string;
-    /** Ícone a ser exibido no callout */
-    icon?: React.ReactNode;
-    /** Props adicionais para o elemento div */
-    [key: string]: any;
-}

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

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

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

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { CheckboxProps } from './Checkbox.types';
-declare const Checkbox: React.FC<CheckboxProps>;
-export default Checkbox;

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

@@ -1,34 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../../types/common.types';
-/**
- * Props do componente Checkbox
- * @example
- * ```tsx
- * <Checkbox
- *   label="Aceito os termos"
- *   checked={accepted}
- *   onCheckedChange={setAccepted}
- * />
- * ```
- * @example
- * ```tsx
- * <Checkbox
- *   label="Selecionar todos"
- *   indeterminate={someSelected}
- *   onCheckedChange={handleSelectAll}
- *   disabled={isLoading}
- * />
- * ```
- */
-export interface CheckboxProps extends BaseProps {
-    /** Label ou conteúdo a ser exibido ao lado do checkbox */
-    label?: React.ReactNode;
-    /** Callback executado quando o estado muda: (checked) => void */
-    onCheckedChange?: (checked: boolean) => void;
-    /** Estado inicial (modo não controlado) */
-    defaultChecked?: boolean;
-    /** Estado atual (modo controlado) */
-    checked?: boolean;
-    /** Estado indeterminado (usado em selecionar todos com seleção parcial) */
-    indeterminate?: boolean;
-}

package/dist/components/Checkbox/__tests__/Checkbox.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

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

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

package/dist/components/Chips/Chips.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ChipsProps } from './Chips.types';
-declare const MemoizedChips: React.NamedExoticComponent<ChipsProps>;
-export default MemoizedChips;

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

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { TextVariant, BaseProps } from '../../types/common.types';
-/**
- * Props do componente Chips
- * @example
- * ```tsx
- * <Chips
- *   type="success"
- *   title="Ativo"
- *   leftIcon={<CheckIcon />}
- * />
- * ```
- * @example
- * ```tsx
- * <Chips
- *   type="brand"
- *   title="Novo"
- *   rightIcon={<CloseIcon />}
- *   disabled={false}
- * />
- * ```
- */
-export interface ChipsProps extends BaseProps {
-    /** Tipo visual do chip */
-    type?: TextVariant;
-    /** Texto a ser exibido dentro do chip */
-    title: string;
-    /** Ícone posicionado à esquerda do texto */
-    leftIcon?: React.ReactNode;
-    /** Ícone posicionado à direita do texto */
-    rightIcon?: React.ReactNode;
-    /** Props adicionais para o elemento div */
-    [key: string]: any;
-}

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

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

package/dist/components/Container/Container.d.ts

@@ -1,2 +0,0 @@
-import type { ContainerProps } from './Container.types';
-export default function Container({ children }: ContainerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-/**
- * Props do componente Container
- * @example
- * ```tsx
- * <Container>
- *   <h1>Conteúdo da página</h1>
- *   <p>Texto dentro do container</p>
- * </Container>
- * ```
- */
-export interface ContainerProps {
-    /** Conteúdo a ser renderizado dentro do container */
-    children: React.ReactNode;
-}

package/dist/components/Container/__tests__/Container.test.d.ts

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

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

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

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

@@ -1,50 +0,0 @@
-import { Locale, BaseProps, Position } from '../../types/common.types';
-/**
- * Props do componente DatePicker
- * @example
- * ```tsx
- * <DatePicker
- *   label="Data de nascimento"
- *   value={birthDate}
- *   onChange={setBirthDate}
- *   locale="pt-br"
- * />
- * ```
- * @example
- * ```tsx
- * <DatePicker
- *   label="Data de início"
- *   required
- *   helperText="Selecione a data de início do projeto"
- *   minDate={new Date()}
- *   calendarPosition="right"
- *   error={errorMessage}
- * />
- * ```
- */
-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;
-    /** Texto de ajuda exibido abaixo do campo */
-    helperText?: string;
-    /** Define se o campo é obrigatório */
-    required?: boolean;
-    /** Label do campo de data */
-    label?: string;
-    /** Valor controlado da data */
-    value?: Date | null;
-    /** Valor inicial para modo não controlado */
-    defaultValue?: Date | null;
-    /** Callback executado quando a data muda: (date) => void */
-    onChange?: (date: Date | null) => void;
-    /** Mensagem de erro a ser exibida */
-    error?: string;
-    /** Data mínima selecionável */
-    minDate?: Date;
-    /** Data máxima selecionável */
-    maxDate?: Date;
-    /** ID para testes automatizados */
-    'data-testid'?: string;
-}

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

@@ -1,23 +0,0 @@
-import { Locale } from '../../types/common.types';
-/**
- * Formata uma data para string conforme o locale.
- * @param date - Data a ser formatada
- * @param locale - Locale para formatação ('pt-br' ou 'en-us')
- * @returns String formatada da data
- */
-export declare function formatDate(date: Date, locale?: Locale): string;
-/**
- * Aplica máscara de data conforme o usuário digita.
- * @param value - Valor atual do input
- * @param locale - Locale para determinar o formato da máscara
- * @returns String com a máscara aplicada
- */
-export declare function applyDateMask(value: string, locale?: Locale): string;
-/**
- * Valida se uma string está no formato correto de data para o locale.
- * @param value - String a ser validada
- * @param locale - Locale para validação
- * @returns true se o formato está correto
- */
-export declare function isValidDateFormat(value: string, locale?: Locale): boolean;
-export declare function parseDate(dateString: string, locale?: Locale): Date | null;

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

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

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

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { DialogProps } from "./Dialog.types";
-declare const Dialog: React.FC<DialogProps>;
-export default Dialog;

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

@@ -1,28 +0,0 @@
-import { ReactNode } from 'react';
-import { BaseProps } from '../../types/common.types';
-/**
- * Props do componente Dialog
- * @example
- * <Dialog
- *   title="Confirmar ação"
- *   bodyContent="Tem certeza que deseja continuar?"
- *   textConfirm="Confirmar"
- *   textCancel="Cancelar"
- * />
- */
-export interface DialogProps extends BaseProps, React.HTMLAttributes<HTMLDivElement> {
-    /** Conteúdo customizado do diálogo */
-    show: boolean;
-    /** Título exibido no cabeçalho do diálogo */
-    title?: string;
-    /** Texto ou conteúdo do corpo do diálogo */
-    bodyContent?: ReactNode;
-    /** Texto do botão de ação primária */
-    textPrimaryAction?: string;
-    /** Texto do botão de ação secundária */
-    textSecondaryAction?: string;
-    /** Função chamada ao executar a ação primária */
-    onPrimaryAction?: () => void;
-    /** Função chamada ao executar a ação secundária */
-    onSecondaryAction?: () => void;
-}

package/dist/components/Dialog/__tests__/Dialog.test.d.ts

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

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

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

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { DrawerProps } from './Drawer.types';
-/**
- * Componente Drawer do Zanthus Design System
- * Implementa um painel lateral deslizante com overlay
- * Segue padrões WCAG 2.1 AA para acessibilidade
- */
-declare const Drawer: React.FC<DrawerProps>;
-export default Drawer;

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

@@ -1,74 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-import { Variant, BaseProps } from '../../types/common.types';
-/**
- * Props do componente Drawer
- * @example
- * ```tsx
- * <Drawer
- *   isOpen={isDrawerOpen}
- *   onClose={handleClose}
- *   title="Menu"
- * >
- *   <nav>
- *     <a href="/home">Home</a>
- *     <a href="/about">Sobre</a>
- *   </nav>
- * </Drawer>
- * ```
- * @example
- * ```tsx
- * <Drawer
- *   isOpen={showDrawer}
- *   onClose={() => setShowDrawer(false)}
- *   title="Configurações"
- *   customWidth="400px"
- *   closeOnOverlayClick={true}
- *   closeOnEscape={true}
- * >
- *   <Settings />
- * </Drawer>
- * ```
- */
-export interface DrawerProps extends BaseProps {
-    /** Conteúdo a ser exibido dentro do drawer */
-    children?: ReactNode;
-    /** Largura customizada do drawer (ex: '400px', '50%') */
-    customWidth?: string;
-    /** Callback executado ao fechar o drawer: () => void */
-    onClose: () => void;
-    /** Título exibido no cabeçalho do drawer */
-    title?: string;
-    /** Define se o drawer está aberto */
-    isOpen: boolean;
-    /** Callback executado ao abrir o drawer: () => void */
-    onOpen?: () => void;
-    /** Callback executado ao clicar no overlay: () => void */
-    onOverlayClick?: () => void;
-    /** Define se o drawer fecha ao clicar no overlay */
-    closeOnOverlayClick?: boolean;
-    /** Define se o drawer fecha ao pressionar ESC */
-    closeOnEscape?: boolean;
-}
-/**
- * Props do componente DrawerExample (trigger para abrir o drawer)
- * @example
- * ```tsx
- * <DrawerExample
- *   text="Abrir menu"
- *   icon={<MenuIcon />}
- *   onOpen={handleOpen}
- * />
- * ```
- */
-export interface DrawerExampleProps extends BaseProps {
-    /** Texto do botão trigger */
-    text?: string;
-    /** Ícone do botão trigger */
-    icon?: ReactElement;
-    /** Conteúdo customizado do botão trigger */
-    children?: ReactNode;
-    /** Callback executado ao abrir: () => void */
-    onOpen?: () => void;
-    /** Variante visual do botão trigger */
-    variant?: Variant;
-}

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

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

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { DropdownProps } from './Dropdown.types';
-declare const MemoizedDropdown: React.NamedExoticComponent<DropdownProps>;
-export default MemoizedDropdown;

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

@@ -1,91 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../../types/common.types';
-/**
- * Representa um item individual do dropdown
- */
-export interface DropdownItem {
-    /** ID único do item (será gerado automaticamente se não fornecido) */
-    id?: string;
-    /** Texto principal do item */
-    text: string;
-    /** Texto secundário/descrição do item */
-    subText?: string;
-    /** Ícone do item */
-    icon?: React.ReactNode;
-    /** Define se o item está desabilitado */
-    disabled?: boolean;
-}
-/** Tipos de dropdown disponíveis */
-export type DropdownType = 'text' | 'checkbox' | 'icon';
-/**
- * Props do componente Dropdown
- * @example
- * ```tsx
- * <Dropdown
- *   items={[
- *     { text: 'Opção 1', icon: <Icon1 /> },
- *     { text: 'Opção 2', icon: <Icon2 /> }
- *   ]}
- *   type="text"
- *   placeholder="Selecione uma opção"
- * />
- * ```
- * @example
- * ```tsx
- * <Dropdown
- *   items={items}
- *   type="checkbox"
- *   applySearch={true}
- *   onSelectionChange={(ids) => console.log(ids)}
- *   defaultSelectedIds={['1', '2']}
- *   maxHeight="300px"
- * />
- * ```
- */
-export interface DropdownProps extends BaseProps {
-    /** Força posição do dropdown: 'top' abre para cima, 'bottom' para baixo (detecção automática se não especificado) */
-    position?: 'top' | 'bottom';
-    /** Array de itens para o dropdown */
-    items: DropdownItem[];
-    /** Tipo do dropdown */
-    type?: DropdownType;
-    /** Habilita campo de busca */
-    applySearch?: boolean;
-    /** Placeholder do campo de busca */
-    placeholder?: string;
-    /** Callback executado quando a seleção muda: (selectedIds) => void */
-    onSelectionChange?: (selectedIds: string[]) => void;
-    /** Controla exibição do subtexto dos itens */
-    showSubText?: boolean;
-    /** IDs dos itens selecionados por padrão */
-    defaultSelectedIds?: string[];
-    /** Estado inicial dos itens selecionados (objeto chave-valor) */
-    initialItemsSelected?: Record<string, boolean>;
-    /** Largura do dropdown */
-    width?: string | number;
-    /** Largura máxima do dropdown */
-    maxWidth?: string | number;
-    /** Largura mínima do dropdown */
-    minWidth?: string | number;
-    /** Altura máxima do dropdown */
-    maxHeight?: string | number;
-    /** Define se o componente está sendo usado para filtro */
-    filter?: boolean;
-    /** Configurações para paginação infinita */
-    infiniteScroll?: {
-        /** Status atual do carregamento */
-        status: 'idle' | 'loading' | 'succeeded' | 'failed';
-        /** Página atual */
-        page: number;
-        /** Última página disponível */
-        lastPage: number;
-        /** Callback executado para carregar próxima página: () => void */
-        onLoadMore: () => void;
-        /** Threshold para trigger do scroll infinito (0-1) */
-        threshold?: number;
-        /** Margem para trigger do scroll infinito */
-        rootMargin?: string;
-        /** Modo de debug */
-        debug?: boolean;
-    };
-}

package/dist/components/Dropdown/DropdownUtils.d.ts

@@ -1,8 +0,0 @@
-import type { DropdownItem, DropdownType } from './Dropdown.types';
-/**
- * Valida e filtra itens do dropdown baseado no tipo especificado
- * @param items - Array de itens para validar
- * @param type - Tipo do dropdown ('text' | 'checkbox' | 'icon')
- * @returns Array de itens válidos filtrados
- */
-export declare const validateItems: (items: unknown, type: DropdownType) => DropdownItem[];

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

@@ -1,2 +0,0 @@
-export { default } from './Dropdown';
-export type { DropdownProps, DropdownItem, DropdownType } from './Dropdown.types';

package/dist/components/Filter/Filter.d.ts

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