analytica-frontend-lib 1.0.22 → 1.0.24

package/dist/index.d.ts

@@ -1,134 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, ButtonHTMLAttributes, ElementType, ComponentPropsWithoutRef, TextareaHTMLAttributes, HTMLAttributes, InputHTMLAttributes, TdHTMLAttributes } from 'react';
-import * as zustand from 'zustand';
-
-/**
- * Button component props interface
- */
-type ButtonProps = {
-    /** Content to be displayed inside the button */
-    children: ReactNode;
-    /** Ícone à esquerda do texto */
-    iconLeft?: ReactNode;
-    /** Ícone à direita do texto */
-    iconRight?: ReactNode;
-    /** Size of the button */
-    size?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
-    /** Visual variant of the button */
-    variant?: 'solid' | 'outline' | 'link';
-    /** Action type of the button */
-    action?: 'primary' | 'positive' | 'negative';
-    /** Additional CSS classes to apply */
-    className?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-/**
- * Button component for Analytica Ensino platforms
- *
- * A flexible button component with multiple variants, sizes and actions.
- * Fully compatible with Next.js 15 and React 19.
- *
- * @param children - The content to display inside the button
- * @param size - The size variant (extra-small, small, medium, large, extra-large)
- * @param variant - The visual style variant (solid, outline, link)
- * @param action - The action type (primary, positive, negative)
- * @param className - Additional CSS classes
- * @param props - All other standard button HTML attributes
- * @returns A styled button element
- *
- * @example
- * ```tsx
- * <Button variant="solid" action="primary" size="medium" onClick={() => console.log('clicked')}>
- *   Click me
- * </Button>
- * ```
- */
-declare const Button: ({ children, iconLeft, iconRight, size, variant, action, className, disabled, type, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
-
-/**
- * IconRoundedButton component props interface
- */
-type IconRoundedButtonProps = {
-    /** Ícone a ser exibido no botão */
-    icon: ReactNode;
-    /** Additional CSS classes to apply */
-    className?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-/**
- * IconRoundedButton component for Analytica Ensino platforms
- *
- * Um botão redondo simples que exibe apenas um ícone.
- * Ideal para ações como navegação, fechar, editar, etc.
- * Compatível com Next.js 15 e React 19.
- *
- * @param icon - O ícone a ser exibido no botão
- * @param className - Classes CSS adicionais
- * @param props - Todos os outros atributos HTML padrão de button
- * @returns Um elemento button estilizado e redondo
- *
- * @example
- * ```tsx
- * <IconRoundedButton
- *   icon={<ChevronRightIcon />}
- *   onClick={() => console.log('clicked')}
- * />
- * ```
- */
-declare const IconRoundedButton: ({ icon, className, disabled, ...props }: IconRoundedButtonProps) => react_jsx_runtime.JSX.Element;
-
-/**
- * SelectionButton component for Analytica Ensino platforms
- *
- * Um botão com ícone e texto para ações e navegação com estado de seleção.
- * Ideal para filtros, tags, categorias, seleção de tipos, etc.
- * Compatível com Next.js 15 e React 19.
- * Suporta forwardRef para acesso programático ao elemento DOM.
- *
- * @param icon - O ícone a ser exibido no botão
- * @param label - O texto/label a ser exibido
- * @param selected - Estado de seleção do botão
- * @param className - Classes CSS adicionais
- * @param props - Todos os outros atributos HTML padrão de button
- * @returns Um elemento button estilizado
- *
- * @example
- * ```tsx
- * <SelectionButton
- *   icon={<TagIcon />}
- *   label="Categoria"
- *   selected={false}
- *   onClick={() => handleSelection()}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // Usando ref para foco programático
- * const buttonRef = useRef<HTMLButtonElement>(null);
- *
- * const handleFocus = () => {
- *   buttonRef.current?.focus();
- * };
- *
- * <SelectionButton
- *   ref={buttonRef}
- *   icon={<TagIcon />}
- *   label="Categoria"
- *   selected={isSelected}
- *   onClick={() => setSelected(!isSelected)}
- * />
- * ```
- */
-declare const SelectionButton: react.ForwardRefExoticComponent<{
-    /** Ícone a ser exibido no botão */
-    icon: ReactNode;
-    /** Texto/label a ser exibido ao lado do ícone */
-    label: string;
-    /** Estado de seleção do botão */
-    selected?: boolean;
-    /** Additional CSS classes to apply */
-    className?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+import { ElementType, ReactNode, ComponentPropsWithoutRef, ButtonHTMLAttributes, HTMLAttributes, TdHTMLAttributes } from 'react';
 
 /**
  * Base text component props
@@ -186,70 +58,46 @@ type TextProps<T extends ElementType = 'p'> = BaseTextProps & {
 declare const Text: <T extends ElementType = "p">({ children, size, weight, color, as, className, ...props }: TextProps<T>) => react_jsx_runtime.JSX.Element;
 
 /**
- * TextArea size variants
- */
-type TextAreaSize = 'small' | 'medium' | 'large' | 'extraLarge';
-/**
- * TextArea visual state
- */
-type TextAreaState = 'default' | 'hovered' | 'focused' | 'invalid' | 'disabled';
-/**
- * TextArea component props interface
+ * Button component props interface
  */
-type TextAreaProps = {
-    /** Label text to display above the textarea */
-    label?: ReactNode;
-    /** Size variant of the textarea */
-    size?: TextAreaSize;
-    /** Visual state of the textarea */
-    state?: TextAreaState;
-    /** Error message to display */
-    errorMessage?: string;
-    /** Helper text to display */
-    helperMessage?: string;
-    /** Additional CSS classes */
+type ButtonProps = {
+    /** Content to be displayed inside the button */
+    children: ReactNode;
+    /** Ícone à esquerda do texto */
+    iconLeft?: ReactNode;
+    /** Ícone à direita do texto */
+    iconRight?: ReactNode;
+    /** Size of the button */
+    size?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+    /** Visual variant of the button */
+    variant?: 'solid' | 'outline' | 'link';
+    /** Action type of the button */
+    action?: 'primary' | 'positive' | 'negative';
+    /** Additional CSS classes to apply */
     className?: string;
-    /** Label CSS classes */
-    labelClassName?: string;
-} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
 /**
- * TextArea component for Analytica Ensino platforms
+ * Button component for Analytica Ensino platforms
  *
- * A textarea component with essential states, sizes and themes.
- * Uses exact design specifications with 288px width, 96px height, and specific
- * color values. Includes Text component integration for consistent typography.
+ * A flexible button component with multiple variants, sizes and actions.
+ * Fully compatible with Next.js 15 and React 19.
+ *
+ * @param children - The content to display inside the button
+ * @param size - The size variant (extra-small, small, medium, large, extra-large)
+ * @param variant - The visual style variant (solid, outline, link)
+ * @param action - The action type (primary, positive, negative)
+ * @param className - Additional CSS classes
+ * @param props - All other standard button HTML attributes
+ * @returns A styled button element
  *
  * @example
  * ```tsx
- * // Basic textarea
- * <TextArea label="Description" placeholder="Enter description..." />
- *
- * // Small size
- * <TextArea size="small" label="Comment" />
- *
- * // Invalid state
- * <TextArea state="invalid" label="Required field" errorMessage="This field is required" />
- *
- * // Disabled state
- * <TextArea disabled label="Read-only field" />
+ * <Button variant="solid" action="primary" size="medium" onClick={() => console.log('clicked')}>
+ *   Click me
+ * </Button>
  * ```
  */
-declare const TextArea: react__default.ForwardRefExoticComponent<{
-    /** Label text to display above the textarea */
-    label?: ReactNode;
-    /** Size variant of the textarea */
-    size?: TextAreaSize;
-    /** Visual state of the textarea */
-    state?: TextAreaState;
-    /** Error message to display */
-    errorMessage?: string;
-    /** Helper text to display */
-    helperMessage?: string;
-    /** Additional CSS classes */
-    className?: string;
-    /** Label CSS classes */
-    labelClassName?: string;
-} & Omit<react__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & react__default.RefAttributes<HTMLTextAreaElement>>;
+declare const Button: ({ children, iconLeft, iconRight, size, variant, action, className, disabled, type, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Badge component props interface
@@ -294,112 +142,118 @@ type BadgeProps = {
  */
 declare const Badge: ({ children, iconLeft, iconRight, size, variant, action, className, notificationActive, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
 
+type AlertProps = {
+    title?: string;
+    description: string;
+    variant?: 'solid' | 'outline';
+    action?: 'default' | 'info' | 'success' | 'warning' | 'error';
+    className?: string;
+} & HTMLAttributes<HTMLDivElement>;
+declare const Alert: ({ variant, title, description, action, className, ...props }: AlertProps) => react_jsx_runtime.JSX.Element;
+
 /**
- * CheckBox size variants
- */
-type CheckBoxSize = 'small' | 'medium' | 'large';
-/**
- * CheckBox visual state
- */
-type CheckBoxState = 'default' | 'hovered' | 'focused' | 'invalid' | 'disabled';
-/**
- * CheckBox component props interface
+ * IconButton component props interface
  */
-type CheckBoxProps = {
-    /** Label text to display next to the checkbox */
-    label?: ReactNode;
-    /** Size variant of the checkbox */
-    size?: CheckBoxSize;
-    /** Visual state of the checkbox */
-    state?: CheckBoxState;
-    /** Indeterminate state for partial selections */
-    indeterminate?: boolean;
-    /** Error message to display */
-    errorMessage?: string;
-    /** Helper text to display */
-    helperText?: string;
-    /** Additional CSS classes */
+type IconButtonProps = {
+    /** Ícone a ser exibido no botão */
+    icon: ReactNode;
+    /** Tamanho do botão */
+    size?: 'sm' | 'md';
+    /** Estado de seleção/ativo do botão - permanece ativo até ser clicado novamente ou outro botão ser ativado */
+    active?: boolean;
+    /** Additional CSS classes to apply */
     className?: string;
-    /** Label CSS classes */
-    labelClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
 /**
- * CheckBox component for Analytica Ensino platforms
+ * IconButton component for Analytica Ensino platforms
  *
- * A checkbox component with essential states, sizes and themes.
- * Uses the Analytica Ensino Design System colors from styles.css with automatic
- * light/dark mode support. Includes Text component integration for consistent typography.
+ * Um botão compacto apenas com ícone, ideal para menus dropdown,
+ * barras de ferramentas e ações secundárias.
+ * Oferece dois tamanhos com estilo consistente.
+ * Estado ativo permanece até ser clicado novamente ou outro botão ser ativado.
+ * Compatível com Next.js 15 e React 19.
+ * Suporta forwardRef para acesso programático ao elemento DOM.
+ *
+ * @param icon - O ícone a ser exibido no botão
+ * @param size - Tamanho do botão (sm, md)
+ * @param active - Estado ativo/selecionado do botão
+ * @param className - Classes CSS adicionais
+ * @param props - Todos os outros atributos HTML padrão de button
+ * @returns Um elemento button compacto estilizado apenas com ícone
  *
  * @example
  * ```tsx
- * // Basic checkbox
- * <CheckBox label="Option" />
+ * <IconButton
+ *   icon={<MoreVerticalIcon />}
+ *   size="sm"
+ *   onClick={() => openMenu()}
+ * />
+ * ```
  *
- * // Small size
- * <CheckBox size="small" label="Small option" />
+ * @example
+ * ```tsx
+ * // Botão ativo em uma barra de ferramentas - permanece ativo até outro clique
+ * <IconButton
+ *   icon={<BoldIcon />}
+ *   active={isBold}
+ *   onClick={toggleBold}
+ * />
+ * ```
  *
- * // Invalid state
- * <CheckBox state="invalid" label="Required field" />
+ * @example
+ * ```tsx
+ * // Usando ref para controle programático
+ * const buttonRef = useRef<HTMLButtonElement>(null);
  *
- * // Disabled state
- * <CheckBox disabled label="Disabled option" />
+ * <IconButton
+ *   ref={buttonRef}
+ *   icon={<EditIcon />}
+ *   size="md"
+ *   onClick={() => startEditing()}
+ * />
  * ```
  */
-declare const CheckBox: react.ForwardRefExoticComponent<{
-    /** Label text to display next to the checkbox */
-    label?: ReactNode;
-    /** Size variant of the checkbox */
-    size?: CheckBoxSize;
-    /** Visual state of the checkbox */
-    state?: CheckBoxState;
-    /** Indeterminate state for partial selections */
-    indeterminate?: boolean;
-    /** Error message to display */
-    errorMessage?: string;
-    /** Helper text to display */
-    helperText?: string;
-    /** Additional CSS classes */
+declare const IconButton: react.ForwardRefExoticComponent<{
+    /** Ícone a ser exibido no botão */
+    icon: ReactNode;
+    /** Tamanho do botão */
+    size?: "sm" | "md";
+    /** Estado de seleção/ativo do botão - permanece ativo até ser clicado novamente ou outro botão ser ativado */
+    active?: boolean;
+    /** Additional CSS classes to apply */
     className?: string;
-    /** Label CSS classes */
-    labelClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & react.RefAttributes<HTMLInputElement>>;
-
-type TableRowState = 'default' | 'selected' | 'invalid' | 'disabled';
-interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
-    state?: TableRowState;
-}
-declare const Table: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
-declare const TableHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
-declare const TableHead: react.ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
-declare const TableCell: react.ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
-declare const TableCaption: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableCaptionElement> & react.RefAttributes<HTMLTableCaptionElement>>;
+} & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
 
-interface DropdownMenuProps {
-    children: ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
-declare const DropdownMenu: ({ children, open, onOpenChange }: DropdownMenuProps) => react_jsx_runtime.JSX.Element;
-declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-declare const MenuLabel: react.ForwardRefExoticComponent<HTMLAttributes<HTMLFieldSetElement> & {
-    inset?: boolean;
-} & react.RefAttributes<HTMLFieldSetElement>>;
-declare const MenuContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    align?: "start" | "center" | "end";
-    side?: "top" | "right" | "bottom" | "left";
-    sideOffset?: number;
-} & react.RefAttributes<HTMLDivElement>>;
-declare const MenuItem: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    inset?: boolean;
-    size?: "small" | "medium";
-    iconLeft?: ReactNode;
-    iconRight?: ReactNode;
-    disabled?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
-declare const MenuSeparator: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+/**
+ * IconRoundedButton component props interface
+ */
+type IconRoundedButtonProps = {
+    /** Ícone a ser exibido no botão */
+    icon: ReactNode;
+    /** Additional CSS classes to apply */
+    className?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * IconRoundedButton component for Analytica Ensino platforms
+ *
+ * Um botão redondo simples que exibe apenas um ícone.
+ * Ideal para ações como navegação, fechar, editar, etc.
+ * Compatível com Next.js 15 e React 19.
+ *
+ * @param icon - O ícone a ser exibido no botão
+ * @param className - Classes CSS adicionais
+ * @param props - Todos os outros atributos HTML padrão de button
+ * @returns Um elemento button estilizado e redondo
+ *
+ * @example
+ * ```tsx
+ * <IconRoundedButton
+ *   icon={<ChevronRightIcon />}
+ *   onClick={() => console.log('clicked')}
+ * />
+ * ```
+ */
+declare const IconRoundedButton: ({ icon, className, disabled, ...props }: IconRoundedButtonProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * NavButton component for Analytica Ensino platforms
@@ -456,111 +310,70 @@ declare const NavButton: react.ForwardRefExoticComponent<{
 } & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
 
 /**
- * IconButton component props interface
- */
-type IconButtonProps = {
-    /** Ícone a ser exibido no botão */
-    icon: ReactNode;
-    /** Tamanho do botão */
-    size?: 'sm' | 'md';
-    /** Estado de seleção/ativo do botão - permanece ativo até ser clicado novamente ou outro botão ser ativado */
-    active?: boolean;
-    /** Additional CSS classes to apply */
-    className?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-/**
- * IconButton component for Analytica Ensino platforms
+ * SelectionButton component for Analytica Ensino platforms
  *
- * Um botão compacto apenas com ícone, ideal para menus dropdown,
- * barras de ferramentas e ações secundárias.
- * Oferece dois tamanhos com estilo consistente.
- * Estado ativo permanece até ser clicado novamente ou outro botão ser ativado.
+ * Um botão com ícone e texto para ações e navegação com estado de seleção.
+ * Ideal para filtros, tags, categorias, seleção de tipos, etc.
  * Compatível com Next.js 15 e React 19.
  * Suporta forwardRef para acesso programático ao elemento DOM.
  *
  * @param icon - O ícone a ser exibido no botão
- * @param size - Tamanho do botão (sm, md)
- * @param active - Estado ativo/selecionado do botão
+ * @param label - O texto/label a ser exibido
+ * @param selected - Estado de seleção do botão
  * @param className - Classes CSS adicionais
  * @param props - Todos os outros atributos HTML padrão de button
- * @returns Um elemento button compacto estilizado apenas com ícone
- *
- * @example
- * ```tsx
- * <IconButton
- *   icon={<MoreVerticalIcon />}
- *   size="sm"
- *   onClick={() => openMenu()}
- * />
- * ```
+ * @returns Um elemento button estilizado
  *
  * @example
  * ```tsx
- * // Botão ativo em uma barra de ferramentas - permanece ativo até outro clique
- * <IconButton
- *   icon={<BoldIcon />}
- *   active={isBold}
- *   onClick={toggleBold}
+ * <SelectionButton
+ *   icon={<TagIcon />}
+ *   label="Categoria"
+ *   selected={false}
+ *   onClick={() => handleSelection()}
  * />
  * ```
  *
  * @example
  * ```tsx
- * // Usando ref para controle programático
+ * // Usando ref para foco programático
  * const buttonRef = useRef<HTMLButtonElement>(null);
  *
- * <IconButton
+ * const handleFocus = () => {
+ *   buttonRef.current?.focus();
+ * };
+ *
+ * <SelectionButton
  *   ref={buttonRef}
- *   icon={<EditIcon />}
- *   size="md"
- *   onClick={() => startEditing()}
+ *   icon={<TagIcon />}
+ *   label="Categoria"
+ *   selected={isSelected}
+ *   onClick={() => setSelected(!isSelected)}
  * />
  * ```
  */
-declare const IconButton: react.ForwardRefExoticComponent<{
+declare const SelectionButton: react.ForwardRefExoticComponent<{
     /** Ícone a ser exibido no botão */
     icon: ReactNode;
-    /** Tamanho do botão */
-    size?: "sm" | "md";
-    /** Estado de seleção/ativo do botão - permanece ativo até ser clicado novamente ou outro botão ser ativado */
-    active?: boolean;
+    /** Texto/label a ser exibido ao lado do ícone */
+    label: string;
+    /** Estado de seleção do botão */
+    selected?: boolean;
     /** Additional CSS classes to apply */
     className?: string;
 } & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
 
-type ToastPosition$1 = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'default';
-type ToastProps = {
-    title: string;
-    description?: string;
-    onClose: () => void;
-    /** Visual variant of the badge */
-    variant?: 'solid' | 'outlined';
-    /** Action type of the badge  */
-    action?: 'warning' | 'success' | 'info';
-    position?: ToastPosition$1;
-} & HTMLAttributes<HTMLDivElement>;
-declare const Toast: ({ variant, action, className, onClose, title, description, position, ...props }: ToastProps) => react_jsx_runtime.JSX.Element;
-
-type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'default';
-type ToastData = {
-    id: string;
-    title: string;
-    description?: string;
-    variant?: 'solid' | 'outlined';
-    action?: 'warning' | 'success' | 'info';
-    position?: ToastPosition;
-};
-type ToastStore = {
-    toasts: ToastData[];
-    addToast: (toast: Omit<ToastData, 'id'>) => void;
-    removeToast: (id: string) => void;
-};
-declare const useToastStore: zustand.UseBoundStore<zustand.StoreApi<ToastStore>>;
-
-declare const Toaster: () => react_jsx_runtime.JSX.Element;
-declare const useToast: () => {
-    addToast: (toast: Omit<ToastData, "id">) => void;
-    removeToast: (id: string) => void;
-};
+type TableRowState = 'default' | 'selected' | 'invalid' | 'disabled';
+interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    state?: TableRowState;
+}
+declare const Table: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: react.ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: react.ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableCaptionElement> & react.RefAttributes<HTMLTableCaptionElement>>;
 
-export { Badge, Button, CheckBox, type CheckBoxProps, DropdownMenu, DropdownMenuTrigger, IconButton, type IconButtonProps, IconRoundedButton, MenuContent, MenuItem, MenuLabel, MenuSeparator, NavButton, SelectionButton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text, TextArea, type TextAreaProps, Toast, type ToastData, Toaster, useToast, useToastStore };
+export { Alert, Badge, Button, IconButton, type IconButtonProps, IconRoundedButton, NavButton, SelectionButton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text };