@giro-ds/react 5.0.0 → 6.0.0

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

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

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

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

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

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

@@ -1,55 +0,0 @@
-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/dts-temp/components/Calendar/__tests__/Calendar.test.d.ts

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

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

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

package/dist/dts-temp/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/dts-temp/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/dts-temp/components/Callout/index.d.ts

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

package/dist/dts-temp/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/dts-temp/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/dts-temp/components/Checkbox/__tests__/Checkbox.test.d.ts

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

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

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

package/dist/dts-temp/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/dts-temp/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/dts-temp/components/Chips/index.d.ts

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

package/dist/dts-temp/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/dts-temp/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/dts-temp/components/Container/__tests__/Container.test.d.ts

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

package/dist/dts-temp/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/dts-temp/components/DatePicker/DatePicker.types.d.ts

@@ -1,52 +0,0 @@
-import { Locale, BaseProps, Side, Align } 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()}
- *   calendarSide="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 */
-    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 */
-    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/dts-temp/components/DatePicker/Utils/DateUtils.d.ts

@@ -1,6 +0,0 @@
-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/dts-temp/components/DatePicker/__test__/DatePicker.test.d.ts

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

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

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

package/dist/dts-temp/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/dts-temp/components/Dialog/Dialog.types.d.ts

@@ -1,27 +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?"
- *   textPrimaryAction="Confirmar"
- *   textSecondaryAction="Cancelar"
- * />
- */
-export interface DialogProps extends BaseProps, React.HTMLAttributes<HTMLDivElement> {
-    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/dts-temp/components/Dialog/__tests__/Dialog.test.d.ts

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

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

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

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

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

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

@@ -1,76 +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;
-    /** Conteúdo customizado do cabeçalho */
-    headerContent?: 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/dts-temp/components/Drawer/__tests__/Drawer.test.d.ts

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

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

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

package/dist/dts-temp/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;

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

@@ -1,74 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-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
- * ```tsx
- * <Filter
- *   items={filterItems}
- *   type="checkbox"
- *   placeholder="Filtrar por categoria"
- *   onApplyFilter={(ids) => handleFilter(ids)}
- *   buttonText="Filtros"
- * />
- * ```
- * @example
- * ```tsx
- * <Filter
- *   type="calendar"
- *   selectedDate={selectedDate}
- *   onDateSelect={handleDateSelect}
- *   minDate={new Date('2024-01-01')}
- *   locale="pt-br"
- *   icon={<CalendarIcon />}
- * />
- * ```
- */
-export interface FilterProps extends BaseProps {
-    /** Array de itens para filtros do tipo dropdown */
-    items?: FilterItem[];
-    /** Tipo do filtro (dropdown ou calendário) */
-    type?: FilterType;
-    /** IDs dos itens selecionados */
-    selectedIds?: string[];
-    /** Callback executado ao aplicar filtro: (selectedIds) => void */
-    onApplyFilter?: (selectedIds: string[]) => void;
-    /** Placeholder do campo de busca */
-    placeholder?: string;
-    /** Habilita campo de busca no dropdown */
-    enableSearch?: boolean;
-    /** Texto ou conteúdo do botão de filtro */
-    buttonText?: string | ReactNode;
-    /** Ícone do botão de filtro */
-    icon?: ReactElement;
-    /** Variante visual do botão */
-    variant?: Variant;
-    /** Callback executado ao abrir o filtro: () => void */
-    onOpen?: () => void;
-    /** Callback executado ao fechar o filtro: () => void */
-    onClose?: () => void;
-    /** 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 */
-    onDateSelect?: (date: Date) => void;
-    /** Callback executado ao limpar data: () => void */
-    onClearDate?: () => void;
-    /** Data mínima selecionável (para tipo calendar) */
-    minDate?: Date;
-    /** Data máxima selecionável (para tipo calendar) */
-    maxDate?: Date;
-    /** Locale do calendário */
-    locale?: Locale;
-}

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

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

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

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

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

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import { BaseProps } from '../../types/common.types';
-/** Variantes disponíveis para o ListItem */
-export type ListItemVariant = 'text' | 'checkbox' | 'radio' | 'icon';
-/**
- * Props do componente ListItem
- * @example
- * ```tsx
- * <ListItem
- *   variant="text"
- *   text="Item da lista"
- *   subText="Descrição do item"
- *   onClick={handleClick}
- * />
- * ```
- * @example
- * ```tsx
- * <ListItem
- *   variant="checkbox"
- *   text="Aceitar termos"
- *   checked={isChecked}
- *   onChange={setIsChecked}
- *   disabled={false}
- * />
- * ```
- */
-export interface ListItemProps extends BaseProps {
-    /** Variante do item da lista */
-    variant?: ListItemVariant;
-    /** Texto principal do item */
-    text?: string;
-    /** Nome do input (para variantes checkbox/radio) */
-    name?: string;
-    /** Texto secundário/descrição do item */
-    subText?: string;
-    /** Estado de checked (para variantes checkbox/radio) */
-    checked?: boolean;
-    /** Estado de selecionado (para variantes text/icon) */
-    selected?: boolean;
-    /** Callback executado ao clicar no item: (event) => void */
-    onClick?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    /** Callback executado quando o estado muda: (checked) => void */
-    onChange?: (checked: boolean) => void;
-    /** Ícone do item (para variante icon) */
-    icon?: React.ReactNode;
-    /** Valor do input (para variantes checkbox/radio) */
-    value?: string;
-    /** Define se deve mostrar o subtexto */
-    showSubText?: boolean;
-    /** Estado de hover */
-    hovered?: boolean;
-}

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

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

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

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