@giro-ds/react 5.0.0 → 6.0.0

package/dist/dts-temp/components/Table/EmptyRows150Color.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-/**
- * Componente de ícone SVG para estado vazio da tabela
- * Exibe um ícone de lupa com design personalizado do Zanthus Design System
- * @returns Elemento SVG para estado vazio
- */
-declare const EmptyRows150Color: React.FC;
-export default EmptyRows150Color;

package/dist/dts-temp/components/Table/LoaderList.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IContentLoaderProps } from 'react-content-loader';
-/**
- * Componente de loading para lista de tabela
- * Simula o carregamento de dados em formato de tabela usando ContentLoader
- * @param props - Propriedades adicionais para o ContentLoader
- * @returns Elemento de loading animado
- */
-declare const LoaderList: React.FC<IContentLoaderProps>;
-export default LoaderList;

package/dist/dts-temp/components/Table/MultiLineText/MultiLineText.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface MultiLineTextProps {
-    /** Texto a ser exibido como linha principal */
-    text1: string;
-    /** Texto a ser exibido como linha secundária */
-    text2: string;
-}
-/**
- * Componente para exibir texto em duas linhas
- * Utilizado principalmente em tabelas para mostrar informações hierárquicas
- */
-declare const MultiLineText: React.FC<MultiLineTextProps>;
-export default MultiLineText;
-export type { MultiLineTextProps };

package/dist/dts-temp/components/Table/MultiLineText/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './MultiLineText';
-export type { MultiLineTextProps } from './MultiLineText';

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

@@ -1,3 +0,0 @@
-import type { TableRowData, TableProps } from './Table.types';
-declare const Table: <T extends TableRowData = TableRowData>({ columns, dataSource, className, loading, rowSelection, locale, onRow, ...rest }: TableProps<T>) => import("react/jsx-runtime").JSX.Element | null;
-export default Table;

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

@@ -1,70 +0,0 @@
-import { ReactNode, CSSProperties } from 'react';
-import { BaseProps } from '../../types';
-/**
- * Tipo base para dados da tabela. Use `<Table<SeuTipo>>` para type-safety completo.
- * @example <Table<User> dataSource={users} />
- */
-export type TableRowData = Record<string, any>;
-/** Tipos de coluna suportados */
-export type TableColumnType = 'text' | 'datetime' | 'custom';
-/** Opções de alinhamento de coluna */
-export type TableAlign = 'left' | 'center' | 'right';
-/**
- * Configuração de coluna da tabela
- * @typeParam T - Tipo dos dados da linha
- */
-export interface TableColumn<T = TableRowData> {
-    /** Chave única identificadora da coluna */
-    key: string;
-    /** Conteúdo do cabeçalho da coluna */
-    label: ReactNode;
-    /** Tipo de dados da coluna */
-    type?: TableColumnType;
-    /** Formato de exibição (ex: 'dd/MM/yyyy' para datetime) */
-    format?: string;
-    /** Função customizada para renderizar o conteúdo da célula */
-    render?: (row: T, index: number) => ReactNode;
-    /** Alinhamento do conteúdo */
-    align?: TableAlign;
-    /** Estilos CSS customizados */
-    style?: CSSProperties;
-}
-/**
- * Props do componente Table. Use genérico para autocomplete: `<Table<User>>`
- * @typeParam T - Tipo dos dados da linha
- */
-export interface TableProps<T = TableRowData> extends BaseProps {
-    /** Configuração das colunas */
-    columns: TableColumn<T>[];
-    /** Array de dados a serem exibidos */
-    dataSource: T[];
-    /** Estado de carregamento */
-    loading?: boolean;
-    /** Configuração de seleção de linhas */
-    rowSelection?: {
-        /** Keys das linhas selecionadas (modo controlado) */
-        selectedRowKeys?: (string | number)[];
-        /** Callback quando seleção muda: (keys, rows) => void */
-        onChange?: (keys: (string | number)[], rows: T[]) => void;
-        /** Customiza props dos checkboxes: (row, index) => { disabled? } */
-        getCheckboxProps?: (row: T, index: number) => {
-            disabled?: boolean;
-        };
-        /** Desabilita o checkbox "selecionar todos" */
-        disableSelectAll?: boolean;
-    };
-    /** Configurações de localização */
-    locale?: {
-        /** Texto quando não há dados */
-        emptyText?: ReactNode;
-    };
-    /** Eventos de linha: (row, index) => { onClick?, onDoubleClick?, className? } */
-    onRow?: (row: T, index: number) => {
-        /** Clique simples na linha */
-        onClick?: () => void;
-        /** Clique duplo na linha */
-        onDoubleClick?: () => void;
-        /** Classe CSS da linha */
-        className?: string;
-    };
-}

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

@@ -1,50 +0,0 @@
-import React from 'react';
-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;
-    side?: Side;
-    align?: Exclude<Align, 'center'>;
-    disabled?: boolean;
-    onToggle?: (isOpen: boolean) => void;
-    tooltip?: string;
-}
-interface CheckboxFilterItem extends BaseFilterItem {
-    type: 'checkbox' | 'text' | 'icon';
-    items: FilterListItem[];
-    selectedIds?: string[];
-    onSelectionChange?: (selectedIds: string[]) => void;
-    placeholder?: string;
-    enableSearch?: boolean;
-}
-interface CalendarFilterItem extends BaseFilterItem {
-    type: 'calendar';
-    selectedDate?: Date | null;
-    onDateSelect?: (date: Date) => void;
-    onClear?: () => void;
-    minDate?: Date;
-    maxDate?: Date;
-    locale?: string;
-    placeholder?: string;
-}
-export type FilterItem = CheckboxFilterItem | CalendarFilterItem;
-declare const isCalendarFilter: (filter: FilterItem) => filter is CalendarFilterItem;
-declare const isCheckboxFilter: (filter: FilterItem) => filter is CheckboxFilterItem;
-export interface TableHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    searchValue?: string;
-    onSearchChange?: (value: string) => void;
-    searchPlaceholder?: string;
-    showSearch?: boolean;
-    showFilters?: boolean;
-    filters?: React.ReactNode;
-    filterItems?: FilterItem[];
-    className?: string;
-    onSearch?: (value: string) => void;
-    showClearSearch?: boolean;
-}
-declare const TableHeader: React.FC<TableHeaderProps>;
-export type { CalendarFilterItem, CheckboxFilterItem };
-export { isCalendarFilter, isCheckboxFilter };
-export default TableHeader;

package/dist/dts-temp/components/Table/TablePagination.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export interface TablePaginationProps extends React.HTMLAttributes<HTMLDivElement> {
-    currentPage: number;
-    totalItems: number;
-    itemsPerPage: number;
-    onPageChange: (page: number) => void;
-    onItemsPerPageChange: (itemsPerPage: number) => void;
-    pageSizeOptions?: number[];
-    disabled?: boolean;
-    className?: string;
-}
-declare const TablePagination: React.FC<TablePaginationProps>;
-export default TablePagination;

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

@@ -1,7 +0,0 @@
-export { default } from './Table';
-export { default as Table } from './Table';
-export type { TableProps, TableColumn, TableRowData, TableColumnType, TableAlign, } from './Table.types';
-export { default as TableHeader } from './TableHeader';
-export type { TableHeaderProps } from './TableHeader';
-export { default as TablePagination } from './TablePagination';
-export type { TablePaginationProps } from './TablePagination';

package/dist/dts-temp/components/Table/utils/tableActions.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-export interface TableAction {
-    key: string;
-    label: string | ((row: any) => string);
-    icon?: React.ReactNode;
-    danger?: boolean;
-    disabled?: (row: any) => boolean;
-    onClick: (row: any) => void;
-}
-export declare const createActionsColumn: (actions: TableAction[]) => {
-    key: string;
-    label: string;
-    width: number;
-    align: "center";
-    render: (row: any) => import("react/jsx-runtime").JSX.Element;
-};
-declare const TableActionsMenu: React.NamedExoticComponent<{
-    row: any;
-    actions: TableAction[];
-}>;
-export default TableActionsMenu;

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

@@ -1,4 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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/__tests__/TextArea.test.d.ts

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

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

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

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

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

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

@@ -1,77 +0,0 @@
-import React from 'react';
-import { Side, Align } from '../../types/common.types';
-/** Tipos de input suportados pelo TextField */
-export type TextFieldType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
-/**
- * Props do componente TextField
- * @example
- * ```tsx
- * <TextField
- *   label="Email"
- *   type="email"
- *   value={email}
- *   onChange={setEmail}
- *   placeholder="Digite seu email"
- * />
- * ```
- * @example
- * ```tsx
- * <TextField
- *   label="Senha"
- *   type="password"
- *   required
- *   helperText="Mínimo 8 caracteres"
- *   errorMessage={error}
- *   tooltip={true}
- *   tooltipText="Deve conter letras e números"
- *   icon={<LockIcon />}
- * />
- * ```
- */
-export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'type'> {
-    /** Valor controlado do campo */
-    value?: string | number;
-    /** Callback executado quando o valor muda: (value) => void */
-    onChange?: (value: string) => void;
-    /** Label do campo */
-    label?: string;
-    /** Tipo do input */
-    type?: TextFieldType;
-    /** 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, 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
- */
-export interface ValidationParams {
-    /** Valor a ser validado */
-    value: string;
-    /** Comprimento máximo permitido */
-    maxLength?: number;
-    /** Tipo do campo (influencia a validação) */
-    type?: TextFieldType;
-    /** Mensagem de erro customizada */
-    errorMessage?: string;
-    /** Define se o campo é obrigatório */
-    required?: boolean;
-}

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

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

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

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

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

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

package/dist/dts-temp/components/TextField/utils/index.d.ts

@@ -1,2 +0,0 @@
-export { validateInput } from './validation';
-export type { ValidationParams } from './validation';

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

@@ -1,8 +0,0 @@
-export interface ValidationParams {
-    value: string;
-    maxLength?: number;
-    type?: string;
-    errorMessage?: string;
-    required?: boolean;
-}
-export declare const validateInput: ({ value, maxLength, errorMessage, required }: ValidationParams) => string;

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

@@ -1,34 +0,0 @@
-import * as React from "react";
-import { ToastProps } from './Toast.types';
-/**
- * Componente individual de notificação Toast.
- *
- * Consome o contexto do `ToastProvider` para gerenciar seu próprio ciclo de vida.
- * Cada instância recebe um `id` único gerado pelo provider e o utiliza para
- * se remover da fila ao ser fechada.
- *
- * Construído sobre `Toast.Root` do **Radix UI**, com suporte completo a
- * acessibilidade (ARIA) e gesto de swipe para a esquerda.
- *
- * @remarks
- * Este componente não deve ser usado diretamente. Utilize o hook `useToast`
- * para exibir toasts programaticamente.
- *
- * @example
- * ```tsx
- * // Uso indireto via hook (recomendado)
- * const { showToast } = useToast();
- *
- * showToast({
- *   title: 'Item salvo',
- *   iconType: 'Success',
- *   duration: 3000,
- * });
- * ```
- *
- * @param props - {@link ToastProps} combinadas com o `id` único do toast
- */
-declare const Toast: React.FC<ToastProps & {
-    id: string;
-}>;
-export default Toast;

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

@@ -1,57 +0,0 @@
-import { Toast } from 'radix-ui';
-import * as React from 'react';
-import { BaseProps } from '../../types';
-/**
- * Props do componente individual de notificação `Toast`.
- *
- * Estende {@link BaseProps} e os atributos nativos do `Toast.Root` do Radix UI,
- * excluindo as propriedades controladas internamente (`open`, `onOpenChange`,
- * `duration`, `className`).
- *
- * @example
- * ```tsx
- * showToast({
- *   title: 'Sucesso!',
- *   iconType: 'Success',
- *   duration: 3000,
- * });
- * ```
- */
-export interface ToastProps extends BaseProps, Omit<React.ComponentPropsWithoutRef<typeof Toast.Root>, 'open' | 'onOpenChange' | 'duration' | 'className'> {
-    /**
-     * Título principal exibido no toast.
-     */
-    title: string;
-    /**
-     * Define se o toast fecha automaticamente após o tempo definido em `duration`.
-     * @default true
-     */
-    automaticClose?: boolean;
-    /**
-     * Tempo em milissegundos até o toast fechar automaticamente.
-     * Só tem efeito quando `automaticClose` é `true`.
-     * @default 5000
-     */
-    duration?: number;
-    /**
-     * Ícone customizado exibido no toast.
-     * Quando fornecido, substitui o ícone gerado automaticamente por `iconType`.
-     */
-    icon?: React.ReactNode;
-    /**
-     * Ícone exibido no botão de fechar o toast.
-     * @default <Dismiss16Filled />
-     */
-    iconClosed?: React.ReactNode;
-    /**
-     * Tipo do ícone exibido automaticamente no toast.
-     *
-     * - `'Info'` → ícone informativo (`Info20Filled`)
-     * - `'Success'` → ícone de sucesso (`CheckmarkCircle20Filled`)
-     * - `'Alert'` → ícone de alerta/erro (`Warning20Filled`)
-     *
-     * Ignorado quando a prop `icon` for fornecida.
-     * @default 'Info'
-     */
-    iconType?: 'Info' | 'Success' | 'Alert';
-}

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

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

package/dist/dts-temp/components/Toast/components/ToastContainer.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-/**
- * Componente responsável por renderizar todos os toasts ativos na tela.
- *
- * Lê a lista de toasts do contexto fornecido pelo `ToastProvider` e os
- * renderiza individualmente. Configura o `Toast.Provider` do Radix UI com
- * direção de swipe para a esquerda.
- *
- * @remarks
- * - Deve ser posicionado **dentro** do `ToastProvider`.
- * - Geralmente é colocado próximo à raiz da aplicação, após os demais filhos.
- * - Toasts sem `id` são ignorados automaticamente.
- *
- * @example
- * ```tsx
- * <ToastProvider>
- *   <App />
- *   <ToastContainer /> {/* Deve estar aqui *\/}
- * </ToastProvider>
- * ```
- */
-export declare const ToastContainer: React.FC;

package/dist/dts-temp/components/Toast/components/ToastProvider.d.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-/**
- * Provider que gerencia o estado global dos toasts na aplicação.
- *
- * Deve envolver toda a árvore de componentes que precisará exibir toasts.
- * Disponibiliza o contexto com `showToast` e `dismissToast` para todos os
- * componentes filhos via `useToast()`.
- *
- * @remarks
- * O `ToastContainer` deve ser renderizado **dentro** do `ToastProvider`.
- *
- * @example
- * ```tsx
- * // App.tsx ou layout principal
- * import { ToastProvider, ToastContainer } from '@giro-ds/react';
- *
- * function App() {
- *   return (
- *     <ToastProvider maxToasts={5}>
- *       <Routes />
- *       <ToastContainer />
- *     </ToastProvider>
- *   );
- * }
- * ```
- *
- * @param children - Árvore de componentes filhos da aplicação.
- * @param maxToasts - Número máximo de toasts exibidos simultaneamente.
- *   Quando o limite é excedido, o toast mais antigo é removido automaticamente.
- *   @default 5
- */
-export declare const ToastProvider: React.FC<{
-    children: React.ReactNode;
-    maxToasts?: number;
-}>;

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

@@ -1,5 +0,0 @@
-export { default as Toast } from './Toast';
-export { ToastProvider } from './components/ToastProvider';
-export { ToastContainer } from './components/ToastContainer';
-export { useToast } from '../../hooks/useToast';
-export type { ToastProps } from './Toast.types';

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

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

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { BaseProps, Side, Align } from '@/types';
-export interface TooltipProps extends BaseProps {
-    text: React.ReactNode;
-    side?: Side;
-    align?: Align;
-    sideOffset?: number;
-    /** Deslocamento em pixels no eixo de alinhamento */
-    alignOffset?: number;
-    /** Largura máxima do tooltip em pixels */
-    maxWidth?: number;
-    /** Elemento que dispara o tooltip ao hover */
-    children: React.ReactNode;
-}

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

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

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

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

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import type { VerificationCodeProps } from './VerificationCode.types';
-/**
- * Componente VerificationCode para entrada de códigos de verificação
- *
- * @description Permite entrada de códigos com múltiplos dígitos,
- * suportando diferentes tipos de caracteres e navegação por teclado.
- *
- * @example
- * ```tsx
- * <VerificationCode
- *   length={6}
- *   inputType="numeric"
- *   onComplete={(code) => console.log('Código:', code)}
- *   hasError={false}
- * />
- * ```
- */
-declare const VerificationCode: React.FC<VerificationCodeProps>;
-export default VerificationCode;

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

@@ -1,39 +0,0 @@
-import { BaseProps } from '../../types/common.types';
-/** Tipos de entrada suportados pelo VerificationCode */
-export type InputType = 'numeric' | 'alpha' | 'alphanumeric';
-/**
- * Props do componente VerificationCode
- * @example
- * ```tsx
- * <VerificationCode
- *   length={6}
- *   inputType="numeric"
- *   onComplete={(code) => handleVerification(code)}
- * />
- * ```
- * @example
- * ```tsx
- * <VerificationCode
- *   length={4}
- *   inputType="alphanumeric"
- *   onComplete={handleCode}
- *   hasError={!!error}
- *   errorMessage="Código inválido"
- *   disabled={isVerifying}
- * />
- * ```
- */
-export interface VerificationCodeProps extends BaseProps {
-    /** Número de dígitos do código (padrão: 6) */
-    length?: number;
-    /** Tipo de entrada permitida (padrão: "numeric") */
-    inputType?: InputType;
-    /** Callback executado quando todos os campos são preenchidos: (value) => void */
-    onComplete?: (value: string) => void;
-    /** Define se o campo está em estado de erro */
-    hasError?: boolean;
-    /** Mensagem de erro exibida abaixo do componente */
-    errorMessage?: string;
-    /** Props adicionais passadas para os inputs */
-    [key: string]: any;
-}

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

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