@giro-ds/react 6.0.0 → 6.0.2

package/dist/index.d.ts

@@ -4,16 +4,27 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Matcher } from 'react-day-picker';
 import { Toast as Toast$1 } from 'radix-ui';
 
+/** Tamanho do componente: 'sm' (pequeno) ou 'lg' (grande) */
 type Size = 'sm' | 'lg';
+/** Variante visual do componente: 'filled' (preenchido), 'outlined' (contorno) ou 'text' (apenas texto) */
 type Variant = 'filled' | 'outlined' | 'text';
+/** Variante de cor do texto: 'neutral' (neutro), 'brand' (marca), 'color' (colorido), 'success' (sucesso) ou 'alert' (alerta) */
 type TextVariant = 'neutral' | 'brand' | 'color' | 'success' | 'alert';
+/** Lado de posicionamento: 'top' (topo), 'right' (direita), 'bottom' (base) ou 'left' (esquerda) */
 type Side = 'top' | 'right' | 'bottom' | 'left';
+/** Alinhamento do componente: 'start' (início), 'center' (centro) ou 'end' (fim) */
 type Align = 'start' | 'center' | 'end';
+/** Posição horizontal de um elemento secundário: 'right' (direita), 'left' (esquerda) ou 'both' (ambos os lados) */
 type Position = 'right' | 'left' | 'both';
+/** Localidade do componente: 'pt-br' (Português do Brasil) ou 'en-us' (Inglês dos EUA) */
 type Locale = 'pt-br' | 'en-us';
+/** Props base compartilhadas por todos os componentes do design system */
 interface BaseProps {
+    /** Identificador único do elemento HTML */
     id?: string;
+    /** Classes CSS adicionais a serem aplicadas ao componente */
     className?: string;
+    /** Quando `true`, desabilita interações com o componente */
     disabled?: boolean;
 }
 
@@ -28,7 +39,7 @@ interface BaseProps {
  * <Avatar src="https://example.com/avatar.jpg" icon={<UserIcon />} size="sm" />
  * ```
  */
-interface AvatarProps extends BaseProps {
+interface AvatarProps extends Omit<BaseProps, 'disabled'> {
     /** Ícone ou conteúdo a ser exibido no fallback quando não há imagem ou ela falha ao carregar */
     icon?: React$1.ReactNode;
     /** Tamanho do avatar: 'sm' (32px) ou 'lg' (44px). @default 'lg' */
@@ -210,7 +221,7 @@ interface CalendarBaseProps extends Omit<BaseProps, 'disabled'> {
      */
     format?: DateFormat;
     /**
-     * Locale da interface — aceita os códigos internos do design system.
+     * Idioma da interface — aceita os códigos internos do design system.
      * @default 'pt-br'
      */
     locale?: Locale;
@@ -373,7 +384,7 @@ declare function Container({ children }: ContainerProps): react_jsx_runtime.JSX.
  * ```
  */
 interface DatePickerProps extends BaseProps {
-    /** Locale para formatação da data */
+    /** Idioma para formatação da data */
     locale?: Locale;
     /** Posição do calendário em relação ao campo */
     calendarSide?: Side;
@@ -414,10 +425,11 @@ declare const _default$2: React__default.NamedExoticComponent<DatePickerProps>;
  * />
  */
 interface DialogProps extends BaseProps, React.HTMLAttributes<HTMLDivElement> {
+    /** Controla a visibilidade do Dialog */
     show?: boolean;
-    /** Título exibido no cabeçalho do diálogo */
+    /** Título exibido no cabeçalho do Dialog */
     title?: string;
-    /** Texto ou conteúdo do corpo do diálogo */
+    /** Texto ou conteúdo do corpo do Dialog */
     bodyContent?: ReactNode;
     /** Texto do botão de ação primária */
     textPrimaryAction?: string;
@@ -554,7 +566,7 @@ interface FilterProps extends BaseProps {
     minDate?: Date;
     /** Data máxima selecionável (para tipo calendar) */
     maxDate?: Date;
-    /** Locale do calendário */
+    /** Idioma do calendário */
     locale?: Locale;
 }
 
@@ -1451,9 +1463,13 @@ declare const useToast: () => {
 };
 
 interface TooltipProps extends BaseProps {
+    /** Conteúdo textual exibido dentro do tooltip */
     text: React__default.ReactNode;
+    /** Lado em que o tooltip aparece em relação ao elemento filho. @default 'top' */
     side?: Side;
+    /** Alinhamento do tooltip em relação ao elemento filho. @default 'center' */
     align?: Align;
+    /** Deslocamento em pixels no eixo lateral (side) entre o tooltip e o elemento filho */
     sideOffset?: number;
     /** Deslocamento em pixels no eixo de alinhamento */
     alignOffset?: number;

package/dist/index.esm.js

@@ -3484,7 +3484,7 @@ const Menu = ({ items, children, onItemSelect, search, enableInfiniteScroll, onS
             hasReachedEndRef.current = false;
         }
     };
-    return (jsxs(DropdownMenu.Root, { open: open, onOpenChange: handleOpenChange, children: [jsx(DropdownMenu.Trigger, { asChild: true, children: children }), jsx(DropdownMenu.Portal, { children: jsxs(DropdownMenu.Content, { className: clsx(styles$8.content, className), sideOffset: 8, align: align, onInteractOutside: () => { closedByPointerRef.current = true; }, onCloseAutoFocus: (e) => {
+    return (jsxs(DropdownMenu.Root, { open: open, onOpenChange: handleOpenChange, children: [jsx(DropdownMenu.Trigger, { asChild: true, children: children }), jsx(DropdownMenu.Portal, { children: jsxs(DropdownMenu.Content, { className: clsx(styles$8.content, className), sideOffset: 8, align: align, onPointerDown: () => { closedByPointerRef.current = true; }, onInteractOutside: () => { closedByPointerRef.current = true; }, onCloseAutoFocus: (e) => {
                         if (closedByPointerRef.current) {
                             e.preventDefault();
                             closedByPointerRef.current = false;