@giro-ds/react 3.0.6 → 4.0.0

package/dist/index.d.ts

@@ -1,6 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ReactNode, ReactElement, CSSProperties } from 'react';
+import React__default, { ReactNode, ReactElement, ComponentPropsWithoutRef, CSSProperties } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Matcher } from 'react-day-picker';
+import { Toast as Toast$1 } from 'radix-ui';
+import { BaseProps as BaseProps$1, Side as Side$1, Align as Align$1 } from '@/types';
 
 type Size = 'sm' | 'lg';
 type Variant = 'filled' | 'outlined' | 'text';
@@ -19,25 +22,25 @@ interface BaseProps {
  * Props do componente Avatar
  * @example
  * ```tsx
+ * // Avatar com ícone
  * <Avatar icon={<UserIcon />} size="lg" />
- * ```
- * @example
- * ```tsx
- * <Avatar
- *   icon={<ProfileIcon />}
- *   size="sm"
- *   className="custom-avatar"
- * />
+ *
+ * // Avatar com imagem
+ * <Avatar src="https://example.com/avatar.jpg" icon={<UserIcon />} size="sm" />
  * ```
  */
 interface AvatarProps extends BaseProps {
-    /** Ícone ou conteúdo a ser exibido no avatar */
-    icon: React$1.ReactNode;
-    /** Tamanho do avatar */
+    /** Í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' */
     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;
 }
 
-declare let Avatar: ({ id, icon, size, className, ...rest }: AvatarProps) => react_jsx_runtime.JSX.Element;
+declare const Avatar: React__default.FC<AvatarProps>;
 
 /** Tipos de badge suportados */
 type BadgeType = 'notification' | 'status';
@@ -130,97 +133,124 @@ interface ButtonProps extends BaseProps, React__default.HTMLAttributes<HTMLEleme
     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';
 }
 
 declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLElement>>;
 
-/** Formatos de exibição de data disponíveis */
-type DateFormat = 'dd/mm/yyyy' | 'mm/dd/yyyy';
-/**
- * Representa um dia no calendário
- */
-interface DayItem {
-    /** Tipo do item (sempre 'day') */
-    type: 'day';
-    /** Chave única para renderização */
-    key: number;
-    /** Número do dia */
-    day: number;
-    /** Objeto Date completo */
-    date: Date;
-    /** Indica se é o dia atual */
-    isToday: boolean;
-    /** Indica se o dia está selecionado */
-    isSelected: boolean;
-    /** Label acessível do dia */
-    label: string;
-}
-/**
- * Representa um espaço vazio no grid do calendário
- */
-interface EmptyItem {
-    /** Tipo do item (sempre 'empty') */
-    type: 'empty';
-    /** Chave única para renderização */
-    key: string;
-}
-/** Item do calendário (pode ser um dia ou espaço vazio) */
-type CalendarItem = DayItem | EmptyItem;
-/**
- * Representa um ano na visualização de seleção de ano
- */
-interface YearItem {
-    /** Número do ano */
-    year: number;
-    /** Indica se é o ano atual */
-    isCurrent: boolean;
-    /** Chave única para renderização */
-    key: number;
-}
-/**
- * Props do componente Calendar
- * @example
- * ```tsx
- * <Calendar
- *   currentDate={new Date()}
- *   onDateChange={(date) => console.log(date)}
- *   locale="pt-br"
- * />
- * ```
- * @example
- * ```tsx
- * <Calendar
- *   currentDate={new Date()}
- *   selectedDate={selectedDate}
- *   onDaySelect={handleDaySelect}
- *   minDate={new Date('2024-01-01')}
- *   maxDate={new Date('2024-12-31')}
- *   format="dd/mm/yyyy"
- * />
- * ```
- */
-interface CalendarProps extends BaseProps {
-    /** Data do dia atual */
-    currentDate: Date | null;
-    /** Dia selecionado pelo usuário */
+/** Formato de exibição da data aceito pelo componente. */
+type DateFormat = 'dd/mm/yyyy' | 'mm/dd/yyyy' | (string & {});
+interface CalendarProps extends Omit<BaseProps, 'disabled'> {
+    /** Data selecionada atualmente (usada pelo DatePicker). */
+    selected?: Date | null;
+    /** Data selecionada atualmente (usada pelo Filter). */
     selectedDate?: Date | null;
-    /** Callback executado quando a data escolhida é alterada: (date) => void */
-    onDateChange?: (date: Date) => void;
-    /** Callback executado quando um dia é selecionado: (date) => void */
+    /**
+     * 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 currentMonth
+     */
+    defaultMonth?: Date;
+    /** Primeiro mês navegável. */
+    startMonth?: Date;
+    /** Último mês navegável. */
+    endMonth?: Date;
+    /** Número de meses exibidos simultaneamente. @default 1 */
+    numberOfMonths?: number;
+    /** Chamado quando o usuário seleciona um dia. */
     onDaySelect?: (date: Date) => void;
-    /** Callback executado ao limpar a seleção: () => 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 */
+    /** Data mínima selecionável. */
     minDate?: Date;
-    /** Data máxima selecionável */
+    /** Data máxima selecionável. */
     maxDate?: Date;
-    /** Locale do calendário */
-    locale?: Locale;
-    /** Formato de exibição da data */
+    /**
+     * Dias desabilitados — aceita qualquer `Matcher` do react-day-picker
+     * (Date, DateRange, DateBefore, DateAfter, DayOfWeek, função…).
+     */
+    disabled?: Matcher | Matcher[];
+    /**
+     * Dias ocultados — aceita qualquer `Matcher` do react-day-picker.
+     */
+    hidden?: 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;
+    /**
+     * Layout do cabeçalho do calendário.
+     * - `'label'` — exibe mês/ano como texto (padrão).
+     * - `'dropdown'` — exibe dropdowns para mês e ano.
+     * - `'dropdown-months'` — dropdown apenas para mês.
+     * - `'dropdown-years'` — dropdown apenas para ano.
+     */
+    captionLayout?: 'dropdown' | 'label' | 'dropdown-months' | 'dropdown-years';
+    /** Inverte a ordem dos anos no dropdown. */
+    reverseYears?: boolean;
+    /** Sempre exibe 6 semanas por mês, preenchendo com dias do mês seguinte. */
+    fixedWeeks?: boolean;
+    /** Exibe os dias pertencentes ao mês anterior/próximo. */
+    showOutsideDays?: boolean;
+    /** Exibe a coluna com o número da semana. */
+    showWeekNumber?: boolean;
+    /** Oculta os botões de navegação (sem desabilitar a navegação). */
+    hideNavigation?: boolean;
+    /** Desabilita a navegação entre meses. */
+    disableNavigation?: boolean;
+    /**
+     * Posicionamento dos botões de navegação.
+     * - `'around'` — um botão de cada lado do caption.
+     * - `'after'` — ambos após o caption.
+     */
+    navLayout?: 'after' | 'around';
+    /** Atributo `aria-label` para o elemento raiz. */
+    'aria-label'?: string;
+    /** Atributo `aria-labelledby` para o elemento raiz. */
+    'aria-labelledby'?: string;
+    /** Foca automaticamente o primeiro dia selecionado ou hoje. */
+    autoFocus?: boolean;
+    /** Atributo `role` do elemento raiz (`'application'` ou `'dialog'`). */
+    role?: 'application' | 'dialog';
+    /** Atributo `title` do elemento raiz. */
+    title?: string;
+    /** Anima a transição entre meses. */
+    animate?: boolean;
+    /**
+     * Fuso horário IANA usado nos cálculos de datas.
+     * @example 'America/Sao_Paulo'
+     */
+    timeZone?: string;
+    /** Estilos inline para o elemento raiz. */
+    style?: React__default.CSSProperties;
+    /** Substitui os `classNames` padrão do react-day-picker. */
+    classNames?: Partial<Record<string, string>>;
+    /** Modificadores customizados para dias específicos. */
+    modifiers?: Record<string, Matcher | Matcher[] | undefined>;
+    /** ClassNames aplicadas aos dias que correspondem aos `modifiers`. */
+    modifiersClassNames?: Record<string, string>;
+    /** Rodapé do calendário — exibido como live region para acessibilidade. */
+    footer?: React__default.ReactNode;
 }
 
-declare const MemoizedCalendar: React__default.NamedExoticComponent<CalendarProps>;
+declare const Calendar: ({ selected, selectedDate, currentDate, defaultMonth, startMonth, endMonth, numberOfMonths, onDaySelect, onDateChange, onClear: _onClear, minDate, maxDate, disabled, hidden, format: _format, locale, captionLayout, reverseYears, fixedWeeks, showOutsideDays, showWeekNumber, hideNavigation, disableNavigation, navLayout, role, title, animate, timeZone, modifiers, modifiersClassNames, footer, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: CalendarProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Props do componente Callout
@@ -399,51 +429,31 @@ declare const _default$1: React__default.NamedExoticComponent<DatePickerProps>;
 /**
  * Props do componente Dialog
  * @example
- * ```tsx
  * <Dialog
- *   show={isOpen}
- *   title="Confirmar exclusão"
- *   text="Tem certeza que deseja excluir este item?"
- *   textConfirm="Excluir"
+ *   title="Confirmar ação"
+ *   bodyContent="Tem certeza que deseja continuar?"
+ *   textConfirm="Confirmar"
  *   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>
- * ```
  */
-interface DialogProps extends BaseProps {
-    /** Conteúdo customizado do dialog */
-    children?: ReactNode;
-    /** Define se o dialog está visível */
+interface DialogProps extends BaseProps, React.HTMLAttributes<HTMLDivElement> {
+    /** Conteúdo customizado do diálogo */
     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;
+    /** 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;
 }
 
-declare const MemoizedDialog: React__default.NamedExoticComponent<DialogProps>;
+declare const Dialog: React$1.FC<DialogProps>;
 
 /**
  * Props do componente Drawer
@@ -791,6 +801,16 @@ interface MenuProps extends BaseProps {
 
 declare const Menu: React__default.FC<MenuProps>;
 
+interface PopoverProps {
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    onDateSelect?: (date: Date) => void;
+    align?: Align;
+    side?: Side;
+}
+
+declare const Popover: React$1.FC<PopoverProps>;
+
 /**
  * Props do componente Quantity
  * @example
@@ -906,7 +926,8 @@ declare const Radio: React__default.FC<RadioGroupProps>;
  * />
  * ```
  */
-interface SearchProps extends BaseProps {
+type NativeInputProps = Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown'>;
+interface SearchProps extends BaseProps, NativeInputProps {
     /** Placeholder do campo de busca */
     placeholder?: string;
     /** Valor controlado do campo */
@@ -1212,88 +1233,189 @@ interface TextFieldProps extends Omit<React__default.InputHTMLAttributes<HTMLInp
 
 declare const _default: React__default.NamedExoticComponent<TextFieldProps & React__default.RefAttributes<HTMLInputElement>>;
 
-/** Tipos de toast disponíveis */
-type ToastType = 'success' | 'alert' | 'info';
 /**
- * Representa uma mensagem de toast
+ * 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,
+ * });
+ * ```
  */
-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 */
+interface ToastProps extends BaseProps, Omit<React$1.ComponentPropsWithoutRef<typeof Toast$1.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;
-    /** Timestamp de quando foi criado */
-    timestamp: number;
+    /**
+     * Ícone customizado exibido no toast.
+     * Quando fornecido, substitui o ícone gerado automaticamente por `iconType`.
+     */
+    icon?: React$1.ReactNode;
+    /**
+     * Ícone exibido no botão de fechar o toast.
+     * @default <Dismiss16Filled />
+     */
+    iconClosed?: React$1.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';
 }
+
 /**
- * Opções para exibição do toast
+ * 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
  */
-interface ToastOptions {
-    /** Define se o toast permanece até ser fechado manualmente */
-    persistent?: boolean;
-    /** Duração em milissegundos antes de auto-fechar */
-    duration?: number;
-}
+declare const Toast: React$1.FC<ToastProps & {
+    id: string;
+}>;
+
 /**
- * Contexto do sistema de toasts
+ * 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
- * const { showToast, hideToast } = useToast();
+ * // App.tsx ou layout principal
+ * import { ToastProvider, ToastContainer } from '@giro-ds/react';
  *
- * showToast('Operação realizada com sucesso!', 'success');
+ * 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
  */
-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;
-}
-
-interface ToastProviderProps {
-    children: ReactNode;
+declare const ToastProvider: React$1.FC<{
+    children: React$1.ReactNode;
     maxToasts?: number;
-}
-declare const ToastProvider: React__default.FC<ToastProviderProps>;
-declare const useToast: () => ToastContextType;
+}>;
 
 /**
- * Props do componente Tooltip
+ * 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
- * <Tooltip text="Informação adicional">
- *   <Button>Hover me</Button>
- * </Tooltip>
+ * <ToastProvider>
+ *   <App />
+ *   <ToastContainer /> {/* Deve estar aqui *\/}
+ * </ToastProvider>
  * ```
+ */
+declare const ToastContainer: React$1.FC;
+
+/**
+ * Hook para exibir e remover toasts na aplicação.
+ *
+ * O componente que usa este hook deve ser filho de um `ToastProvider`.
+ *
+ * @throws {Error} Lança um erro se utilizado fora de um `ToastProvider`:
+ * *"useToastContext deve ser usado dentro de ToastProvider"*
+ *
+ * @returns Objeto com os métodos `showToast` e `dismissToast`.
+ *
  * @example
  * ```tsx
- * <Tooltip
- *   text="Clique para mais detalhes"
- *   side="top"
- *   align="center"
- *   sideOffset={10}
- *   maxWidth={300}
- * >
- *   <IconButton icon={<InfoIcon />} />
- * </Tooltip>
+ * import { useToast } from '@giro-ds/react';
+ *
+ * function MeuComponente() {
+ *   const { showToast } = useToast();
+ *
+ *   const handleSalvar = async () => {
+ *     try {
+ *       await salvarDados();
+ *       showToast({ title: 'Sucesso!', iconType: 'Success', duration: 3000 });
+ *     } catch (err) {
+ *       showToast({ title: 'Erro ao salvar', iconType: 'Alert', automaticClose: false });
+ *     }
+ *   };
+ *
+ *   return <button onClick={handleSalvar}>Salvar</button>;
+ * }
  * ```
  */
-interface TooltipProps extends BaseProps {
-    /** Conteúdo do tooltip */
+declare const useToast: () => {
+    showToast: (toast: Omit<ToastProps, "id">) => void;
+    dismissToast: (id: string) => void;
+};
+
+interface TooltipProps extends BaseProps$1 {
     text: React__default.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 */
+    side?: Side$1;
+    align?: Align$1;
     sideOffset?: number;
     /** Deslocamento em pixels no eixo de alinhamento */
     alignOffset?: number;
@@ -1492,5 +1614,5 @@ declare function useInfiniteScroll({ status, page, lastPage, onLoadMore, thresho
 
 declare const normalizeText: (text: React.ReactNode) => string;
 
-export { Avatar, Badge, Button, MemoizedCalendar as Calendar, Callout, Checkbox, MemoizedChips as Chips, Container, _default$1 as DatePicker, MemoizedDialog as Dialog, Drawer, MemoizedDropdown as Dropdown, Filter, ListItem, Menu, memorizedQuantity as Quantity, Radio, Search, Select, Switch, Table, TableHeader, TablePagination, _default as TextField, ToastProvider as Toast, ToastProvider, Tooltip, VerificationCode, normalizeText, useApiSimulation, useInfiniteScroll, useToast };
-export type { AvatarProps, BadgeProps, ButtonProps, CalendarItem, CalendarProps, CalloutProps, CheckboxProps, ChipsProps, ContainerProps, DateFormat, DatePickerProps, DayItem, DialogProps, DrawerProps, DropdownItem, DropdownProps, DropdownType, EmptyItem, FilterItem, FilterProps, ListItemProps, MenuProps, QuantityProps, RadioGroupProps, RadioProps, SearchProps, SelectProps, SwitchProps, TableHeaderProps, TablePaginationProps, TableProps, TextFieldProps, ToastContextType, ToastMessage, ToastOptions, ToastType, TooltipProps, VerificationCodeProps, YearItem };
+export { Avatar, Badge, Button, Calendar, Callout, Checkbox, MemoizedChips as Chips, Container, _default$1 as DatePicker, Dialog, Drawer, MemoizedDropdown as Dropdown, Filter, ListItem, Menu, Popover, memorizedQuantity as Quantity, Radio, Search, Select, Switch, Table, TableHeader, TablePagination, _default as TextField, Toast, ToastContainer, ToastProvider, Tooltip, VerificationCode, normalizeText, useApiSimulation, useInfiniteScroll, useToast };
+export type { AvatarProps, BadgeProps, ButtonProps, CalendarProps, CalloutProps, CheckboxProps, ChipsProps, ContainerProps, DatePickerProps, DialogProps, DrawerProps, DropdownItem, DropdownProps, DropdownType, FilterItem, FilterProps, ListItemProps, MenuProps, PopoverProps, QuantityProps, RadioGroupProps, RadioProps, SearchProps, SelectProps, SwitchProps, TableHeaderProps, TablePaginationProps, TableProps, TextFieldProps, ToastProps, TooltipProps, VerificationCodeProps };