@giro-ds/react 5.0.0 → 5.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giro-ds/react",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

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

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

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

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { BaseProps, Size } from '../../types';
-/**
- * Props do componente Avatar
- * @example
- * ```tsx
- * // Avatar com ícone
- * <Avatar icon={<UserIcon />} size="lg" />
- *
- * // Avatar com imagem
- * <Avatar src="https://example.com/avatar.jpg" icon={<UserIcon />} size="sm" />
- * ```
- */
-export interface AvatarProps extends BaseProps {
-    /** Ícone ou conteúdo a ser exibido no fallback quando não há imagem ou ela falha ao carregar */
-    icon?: React.ReactNode;
-    /** Tamanho do avatar: 'sm' (32px) ou 'lg' (44px). @default 'lg' */
-    size?: Size;
-    /** URL da imagem do avatar. Quando fornecido, exibe a imagem; caso contrário, mostra o ícone */
-    src?: string;
-    /** Texto alternativo da imagem do avatar, usado como as iniciais do nome */
-    initialLetters?: string;
-}

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

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

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

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

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

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

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

@@ -1,37 +0,0 @@
-import { ReactNode } from 'react';
-import { BaseProps } from '../../types';
-/** Tipos de badge suportados */
-export type BadgeType = 'notification' | 'status';
-/** Valores possíveis para exibição no badge */
-export type BadgeValue = number | string | null;
-/**
- * Props do componente Badge
- * @example
- * ```tsx
- * <Badge type="notification" badgeValue={5}>
- *   <IconButton icon={<BellIcon />} />
- * </Badge>
- * ```
- * @example
- * ```tsx
- * <Badge
- *   type="status"
- *   badgeValue="novo"
- *   aria-label="Novo item disponível"
- * >
- *   <Avatar icon={<UserIcon />} />
- * </Badge>
- * ```
- */
-export interface BadgeProps extends BaseProps {
-    /** Tipo de badge (notificação ou status) */
-    type: BadgeType;
-    /** Conteúdo a ser envolvido pelo badge */
-    children?: ReactNode;
-    /** Valor a ser exibido no badge (número, texto ou null) */
-    badgeValue?: BadgeValue;
-    /** Valor máximo a ser exibido (ex: 99+ quando badgeValue > maxValue) */
-    maxValue?: number;
-    /** Label acessível para leitores de tela */
-    'aria-label'?: string;
-}

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

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

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ButtonProps } from './Button.types';
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
-export default Button;

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

@@ -1,62 +0,0 @@
-import React from 'react';
-import { Size, BaseProps, Variant, Position } from '../../types/common.types';
-/**
- * Props do componente Button
- * @example
- * ```tsx
- * <Button variant="filled" size="lg" onClick={handleClick}>
- *   Clique aqui
- * </Button>
- * ```
- * @example
- * ```tsx
- * <Button
- *   variant="outlined"
- *   icon={<Icon />}
- *   iconPosition="left"
- *   loading={isLoading}
- * >
- *   Salvar
- * </Button>
- * ```
- */
-export interface ButtonProps extends BaseProps, React.HTMLAttributes<HTMLElement> {
-    /** Elemento customizado a ser renderizado (ex: 'a', Link do React Router) */
-    as?: React.ElementType;
-    /** Conteúdo do botão */
-    children?: React.ReactNode;
-    /** Variante visual do botão */
-    variant?: Variant;
-    /** Define se o botão exibe apenas ícone (sem texto) */
-    iconOnly?: boolean;
-    /** Posição do ícone em relação ao texto */
-    iconPosition?: Position;
-    /** URL de destino quando usado como link (renderiza <a>) */
-    href?: string;
-    /** Rota de destino para roteadores (ex: React Router) */
-    to?: string;
-    /** Define se o link abre em nova aba */
-    external?: boolean;
-    /** Atributo target do HTML para links */
-    target?: string;
-    /** Atributo rel do HTML para links */
-    rel?: string;
-    /** Tipo HTML do botão */
-    type?: 'button' | 'submit' | 'reset';
-    /** Tamanho do botão */
-    size?: Size;
-    /** Ícone a ser exibido no botão */
-    icon?: React.ReactNode;
-    /** Define se o botão ocupa 100% da largura do container */
-    fullWidth?: boolean;
-    /** Label acessível para leitores de tela */
-    ariaLabel?: string;
-    /** Estado de carregamento (exibe spinner) */
-    loading?: boolean;
-    /** Texto do tooltip exibido quando o botão é apenas ícone */
-    tooltipText?: string;
-    /** Lado em que o tooltip será exibido */
-    tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
-    /** Alinhamento do tooltip */
-    tooltipAlign?: 'start' | 'center' | 'end';
-}

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;