@giro-ds/react 3.0.7 → 5.0.0

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

@@ -1,56 +0,0 @@
-import i18n from 'i18next';
-interface CalendarTranslations {
-    today: string;
-    selected: string;
-    monthChanged: string;
-    yearChanged: string;
-    calendar: string;
-    yearSelection: string;
-    previousMonth: string;
-    nextMonth: string;
-    previousYears: string;
-    nextYears: string;
-    openYearSelection: string;
-    closeYearSelection: string;
-    currentYear: string;
-    selectYear: string;
-    monthNames: {
-        january: string;
-        february: string;
-        march: string;
-        april: string;
-        may: string;
-        june: string;
-        july: string;
-        august: string;
-        september: string;
-        october: string;
-        november: string;
-        december: string;
-    };
-    weekDays: {
-        sunday: string;
-        monday: string;
-        tuesday: string;
-        wednesday: string;
-        thursday: string;
-        friday: string;
-        saturday: string;
-    };
-    weekDaysShort: {
-        sunday: string;
-        monday: string;
-        tuesday: string;
-        wednesday: string;
-        thursday: string;
-        friday: string;
-        saturday: string;
-    };
-}
-export declare const useCalendarTranslation: () => {
-    t: (key: keyof CalendarTranslations | string, options?: any) => string;
-    i18n: import("i18next").i18n;
-    changeLanguage: (lng: "pt-br" | "en-us") => Promise<import("i18next").TFunction<"translation", undefined>>;
-    currentLanguage: "pt-br" | "en-us";
-};
-export default i18n;

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

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

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

@@ -1,48 +0,0 @@
-import { ReactNode } from 'react';
-import { BaseProps } from '../../types/common.types';
-/**
- * Props do componente Dialog
- * @example
- * ```tsx
- * <Dialog
- *   show={isOpen}
- *   title="Confirmar exclusão"
- *   text="Tem certeza que deseja excluir este item?"
- *   textConfirm="Excluir"
- *   textCancel="Cancelar"
- *   fnConfirm={handleDelete}
- *   fnCancel={handleCancel}
- *   onClose={handleClose}
- * />
- * ```
- * @example
- * ```tsx
- * <Dialog
- *   show={showDialog}
- *   title="Informação"
- *   onClose={() => setShowDialog(false)}
- * >
- *   <p>Conteúdo customizado do dialog</p>
- * </Dialog>
- * ```
- */
-export interface DialogProps extends BaseProps {
-    /** Conteúdo customizado do dialog */
-    children?: ReactNode;
-    /** Define se o dialog está visível */
-    show: boolean;
-    /** Título exibido no cabeçalho do dialog */
-    title: string;
-    /** Texto ou conteúdo do corpo do dialog */
-    text?: ReactNode;
-    /** Texto do botão de confirmação */
-    textConfirm?: string;
-    /** Texto do botão de cancelamento */
-    textCancel?: string;
-    /** Callback executado ao confirmar: () => void */
-    fnConfirm?: () => void;
-    /** Callback executado ao cancelar: () => void */
-    fnCancel?: () => void;
-    /** Callback executado ao fechar o dialog: () => void */
-    onClose?: () => void;
-}

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

@@ -1 +0,0 @@
-export declare const useFocusTrap: (isActive: boolean) => import("react").RefObject<HTMLDivElement | null>;

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

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

package/dist/components/Toast/Toast.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactNode } from 'react';
-import type { ToastType, ToastOptions, ToastContextType } from './Toast.types';
-export interface ToastProviderProps {
-    children: ReactNode;
-    maxToasts?: number;
-}
-export declare const ToastProvider: React.FC<ToastProviderProps>;
-export declare const useToast: () => ToastContextType;
-export declare const Toast: {
-    show: (message: string, type?: ToastType, options?: ToastOptions) => string;
-    setContext: (context: ToastContextType) => void;
-};
-export default ToastProvider;

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

@@ -1,59 +0,0 @@
-import { ReactNode } from 'react';
-/** Tipos de toast disponíveis */
-export type ToastType = 'success' | 'alert' | 'info';
-/**
- * Representa uma mensagem de toast
- */
-export interface ToastMessage {
-    /** ID único da mensagem */
-    id: string;
-    /** Conteúdo da mensagem */
-    message: string;
-    /** Tipo visual do toast */
-    type: ToastType;
-    /** Define se o toast permanece até ser fechado manualmente */
-    persistent?: boolean;
-    /** Duração em milissegundos antes de auto-fechar */
-    duration?: number;
-    /** Timestamp de quando foi criado */
-    timestamp: number;
-}
-/**
- * Opções para exibição do toast
- */
-export interface ToastOptions {
-    /** Define se o toast permanece até ser fechado manualmente */
-    persistent?: boolean;
-    /** Duração em milissegundos antes de auto-fechar */
-    duration?: number;
-}
-/**
- * Contexto do sistema de toasts
- * @example
- * ```tsx
- * const { showToast, hideToast } = useToast();
- *
- * showToast('Operação realizada com sucesso!', 'success');
- * ```
- */
-export interface ToastContextType {
-    /** Exibe um toast e retorna seu ID: (message, type?, options?) => string */
-    showToast: (message: string, type?: ToastType, options?: ToastOptions) => string;
-    /** Oculta um toast específico: (id) => void */
-    hideToast: (id: string) => void;
-    /** Oculta todos os toasts: () => void */
-    hideAllToasts: () => void;
-}
-/**
- * Props do componente ToastProvider
- * @example
- * ```tsx
- * <ToastProvider>
- *   <App />
- * </ToastProvider>
- * ```
- */
-export interface ToastProviderProps {
-    /** Conteúdo da aplicação */
-    children: ReactNode;
-}

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

@@ -1,2 +0,0 @@
-export { default } from './Toast';
-export { Toast, ToastProvider, useToast } from './Toast';

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import { Side, Align, BaseProps } from '../../types/common.types';
-/**
- * Props do componente Tooltip
- * @example
- * ```tsx
- * <Tooltip text="Informação adicional">
- *   <Button>Hover me</Button>
- * </Tooltip>
- * ```
- * @example
- * ```tsx
- * <Tooltip
- *   text="Clique para mais detalhes"
- *   side="top"
- *   align="center"
- *   sideOffset={10}
- *   maxWidth={300}
- * >
- *   <IconButton icon={<InfoIcon />} />
- * </Tooltip>
- * ```
- */
-export interface TooltipProps extends BaseProps {
-    /** Conteúdo do tooltip */
-    text: React.ReactNode;
-    /** Lado onde o tooltip aparece em relação ao elemento */
-    side?: Side;
-    /** Alinhamento do tooltip */
-    align?: Align;
-    /** Distância em pixels do lado do elemento */
-    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;
-}