@free-dom/react-components 2.0.0 → 2.0.1

package/dist/types/components/AdvancedSelect/AdvancedSelect.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 import { CSSProperties } from 'react';
 import { AdvancedSelectOption } from './AdvancedSelect.helpers';
 type AdvancedSelectOwnProps = {

package/dist/types/components/Alert/Alert.helpers.d.ts

@@ -1,3 +1,3 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 import { type Variant } from './Alert';
 export declare const variantIcon: Record<Variant, IconName>;

package/dist/types/components/Badge/Badge.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 import { Combine } from '../../utils';
 export type Variant = 'warning' | 'info' | 'success' | 'danger' | 'severe-warning';
 export type BadgeOwnProps = {

package/dist/types/components/Banner/Banner.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 export type Variant = 'success' | 'info' | 'warning' | 'danger' | 'severe-warning';
 export type BannerProps = {
     /**

package/dist/types/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 import { Combine } from '../../utils';
 export type Variant = 'primary' | 'secondary' | 'text' | 'danger';
 type ButtonOwnProps = {

package/dist/types/components/Chip/Chip.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 export type ChipProps = {
     /**
      * className customizada que será aplicado ao componente.

package/dist/types/components/DataGrid/DataGrid.d.ts

@@ -0,0 +1,2 @@
+import type { DataGridProps } from './DataGrid.types';
+export declare function DataGrid<T extends Record<string, unknown>>({ columns, rows, title, subtitle, loading, fetched, getRowId, enableSelection, columnFormatters, separatorX, separatorY, striped, currentPage, pageSize, onCurrentPageChange, onPageSizeChange, sorting, onSortingChange, rowActions, rowPrimaryActions, actions, onRowsSelectionChange, pageSizes, totalCount, expandedRowComponent, expandedRowIds: ctrlExpIds, onExpandedRowIdsChange, getRowStyles, selectedRowIds: ctrlSelIds, lineDensity, }: DataGridProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataGrid/DataGrid.types.d.ts

@@ -0,0 +1,117 @@
+import React from 'react';
+import type { IconName, IconColor } from '@free-dom/react-icons';
+export type Sorting = {
+    columnName: string;
+    direction: 'asc' | 'desc';
+};
+export type SummaryType = 'sum' | 'count' | 'max' | 'min' | 'avg';
+export type SummaryItem<T> = {
+    columnName: keyof T;
+    type: SummaryType;
+};
+export type SummaryCalculator<T> = {
+    [key in SummaryType]?: (rows: T[], columnName: keyof T) => string | number;
+};
+export type DataGridColumn<T> = {
+    name: keyof T;
+    title?: string;
+    getCellValue?: (row: T, columnName: keyof T) => any;
+    align?: 'left' | 'center' | 'right';
+    width?: number | string;
+    wordWrapEnabled?: boolean;
+    style?: React.CSSProperties;
+};
+export type ColumnFormatterComponentProps<T, V = any> = {
+    column: DataGridColumn<T>;
+    value: V;
+    row?: T;
+};
+export type GetCellValueProps<T = any> = (row: T, columnName: keyof T) => any;
+export type AddAndEditModalProps<T> = {
+    row: T;
+    onChange: (columnName: keyof T, value: unknown) => void;
+    onCancelChanges?: () => void;
+    type: 'add' | 'edit';
+    setFormIsValid?: (isValid: boolean) => void;
+};
+export type DeleteModalProps<T> = {
+    row: T;
+};
+export type ExpandedRowProps<T> = {
+    row: T;
+};
+export type ColumnInlineEditInputComponentProps<T, V = any> = {
+    column: DataGridColumn<T>;
+    value: V;
+    row?: T;
+    onChange: (newValue: V) => void;
+    setInvalid: (columnName: keyof T, invalid: boolean) => void;
+};
+export type Action = {
+    label: string;
+    disabled?: boolean;
+    hasPermission?: boolean;
+    onClick: (rowsId: (number | string)[] | undefined) => void | Promise<void>;
+    isPrimary?: boolean;
+    icon?: IconName;
+    iconPosition?: 'left' | 'right';
+    variant?: 'text' | 'primary' | 'danger' | 'secondary';
+    className?: string;
+};
+export type RowPrimaryActionsProps<T> = {
+    onClick: (row: T) => void;
+    description: string;
+    icon?: IconName;
+    iconColor?: IconColor;
+    renderIcon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+};
+export type DataGridProps<T extends Record<string, unknown>> = {
+    columns: DataGridColumn<T>[];
+    rows: T[];
+    title?: string;
+    subtitle?: string;
+    loading?: boolean;
+    fetched?: boolean;
+    getRowId: (row: T) => string | number;
+    enableSelection?: boolean;
+    columnFormatters?: {
+        columns: (keyof T)[];
+        component: React.FunctionComponent<ColumnFormatterComponentProps<T>>;
+    }[];
+    separatorX?: boolean;
+    separatorY?: boolean;
+    striped?: boolean;
+    onAddRow?: (row: T) => void | Promise<void>;
+    onUpdateRow?: (params: {
+        oldRow: T;
+        newRow: T;
+    }) => void | Promise<void>;
+    onDeleteRow?: (row: T) => void | Promise<void>;
+    currentPage?: number;
+    pageSize?: number;
+    onCurrentPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    sorting?: Sorting[];
+    onSortingChange?: (sorting: Sorting[]) => void;
+    rowActions?: (row: T) => JSX.Element[];
+    hasDeletePermission?: boolean;
+    hasEditPermission?: boolean;
+    hasAddPermission?: boolean;
+    addRowLoading?: boolean;
+    actions?: Action[];
+    onRowsSelectionChange?: (rowsId: Array<number | string>) => void;
+    pageSizes?: number[];
+    totalPages?: number;
+    totalCount?: number;
+    rowPrimaryActions?: RowPrimaryActionsProps<T>[];
+    expandedRowComponent?: (props: ExpandedRowProps<T>) => JSX.Element;
+    expandedRowIds?: (string | number)[];
+    onExpandedRowIdsChange?: (rowsId: Array<number | string>) => void;
+    summaryItems?: SummaryItem<T>[];
+    getRowStyles?: (row: T) => React.CSSProperties | undefined;
+    selectedRowIds?: Array<number | string>;
+    addAndEditModalContent?: (props: AddAndEditModalProps<T>) => JSX.Element;
+    deleteModalContent?: (props: DeleteModalProps<T>) => JSX.Element;
+    showSearch?: boolean;
+    lineDensity?: 'compact' | 'comfortable' | 'default';
+};

package/dist/types/components/DataGrid/index.d.ts

@@ -0,0 +1,2 @@
+export { DataGrid } from './DataGrid';
+export type { Action, AddAndEditModalProps, DeleteModalProps, DataGridColumn, ColumnFormatterComponentProps, GetCellValueProps, DataGridProps, ExpandedRowProps, ColumnInlineEditInputComponentProps, Sorting, SummaryItem, SummaryType, SummaryCalculator, } from './DataGrid.types';

package/dist/types/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import * as Menu from '@radix-ui/react-dropdown-menu';
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 import { DropdownMenuGroup } from './DropdownMenuGroup';
 import { DropdownMenuIcon } from './DropdownMenuIcon';
 import { DropdownMenuItem } from './DropdownMenuItem';

package/dist/types/components/DropdownMenu/DropdownMenuIcon.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 import React from 'react';
 type DropdownMenuIconProps = {
     /**

package/dist/types/components/FileUpload/FileUpload.constants.d.ts

@@ -1,4 +1,4 @@
-import { IconColor, IconName } from '@freedom/react-icons';
+import { IconColor, IconName } from '@free-dom/react-icons';
 export declare const CSS_PREFIX = "freedom-file-upload";
 export declare const ITEM_ICON_CONFIG: Record<string, {
     iconName: IconName;

package/dist/types/components/FooterFallback/FooterFallback.d.ts

@@ -0,0 +1 @@
+export declare function FooterFallback(): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FooterFallback/index.d.ts

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

package/dist/types/components/HeaderFallback/HeaderFallback.d.ts

@@ -0,0 +1,42 @@
+type MenuItem = {
+    id: string | number;
+    label: string;
+    icon?: string;
+    href?: string;
+    children?: MenuItem[];
+};
+type HeaderFallbackProps = {
+    /**
+     * Renderiza o nome do sistema
+     */
+    systemName?: string;
+    /**
+     * Objeto utilizado para renderizar informações sobre o usuário logado.
+     */
+    user?: {
+        name: string;
+        registrationCode: string;
+    };
+    /**
+     * Função responsável por fazer o logout do usuário do sistema
+     */
+    onLogout?: () => void | Promise<void>;
+    /**
+     * Responsável por renderizar os componentes que formam os Breadcrumbs.
+     */
+    crumbs?: React.ReactNode[];
+    /**
+     * Callback para voltar a rota anterior
+     */
+    onGoBack?: () => void;
+    /**
+     * Itens do menu lateral (Sidebar). A sidebar é integrada ao header.
+     */
+    menuItems?: MenuItem[];
+    /**
+     * Callback quando um item do menu lateral é clicado
+     */
+    onMenuItemClick?: (item: MenuItem) => void;
+};
+export declare function HeaderFallback({ systemName, user, onLogout, crumbs, onGoBack, menuItems, onMenuItemClick, }: HeaderFallbackProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/HeaderFallback/HeaderFallback.helpers.d.ts

@@ -0,0 +1 @@
+export declare function getUserInitialsToAvatar(name: string | undefined): string;

package/dist/types/components/HeaderFallback/index.d.ts

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

package/dist/types/components/IconButton/IconButton.d.ts

@@ -1,4 +1,4 @@
-import { IconName, IconProps } from '@freedom/react-icons';
+import { IconName, IconProps } from '@free-dom/react-icons';
 import { ButtonHTMLAttributes, DetailedHTMLProps, ForwardRefExoticComponent, FunctionComponent, PropsWithoutRef, SVGProps } from 'react';
 import { Combine } from '../../utils';
 type IconButtonOwnProps = {

package/dist/types/components/ImageCarousel/ImageCarouselItem.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 export type ImageCarouselItemProps = {
     /**
      * URL da imagem a ser exibida no carrossel.

package/dist/types/components/Link/Link.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 export type LinkRenderComponentProps = {
     href: string;
     children: React.ReactNode;

package/dist/types/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import { SelectInstance } from 'react-select';
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 import React from 'react';
 export type SelectOption = {
     value: unknown;

package/dist/types/components/Select/StartAdornment.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 type StartAdornmentProps = {
     icon?: IconName;
     renderIcon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;

package/dist/types/components/SidebarFallback/SidebarFallback.d.ts

@@ -0,0 +1,19 @@
+type MenuItem = {
+    id: string | number;
+    label: string;
+    icon?: string;
+    href?: string;
+    children?: MenuItem[];
+};
+type SidebarFallbackProps = {
+    /**
+     * Itens do menu de navegação
+     */
+    menuItems?: MenuItem[];
+    /**
+     * Callback quando um item do menu é clicado
+     */
+    onMenuItemClick?: (item: MenuItem) => void;
+};
+export declare function SidebarFallback({ menuItems, onMenuItemClick, }: SidebarFallbackProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/SidebarFallback/index.d.ts

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

package/dist/types/components/Spinner/Spinner.d.ts

@@ -0,0 +1,11 @@
+export type SpinnerProps = {
+    /**
+     * Texto que será exibido abaixo do spinner
+     */
+    description?: string;
+    /**
+     * Texto que será exibido caso o spinner permaneça por mais de 20 segundos na tela
+     */
+    delayMessage?: string;
+};
+export declare function Spinner({ description, delayMessage }: SpinnerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { Spinner } from './Spinner';
+export type { SpinnerProps } from './Spinner';

package/dist/types/components/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 export type SwitchProps = {
     /**
      * className customizada que será aplicado ao componente.

package/dist/types/components/Tabs/TabsItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 type TabsItemProps = {
     /**
      * Especifica um value que servirá como identificação para a Tab.

package/dist/types/components/TextInput/StartAdornment.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 type StartAdornmentProps = {
     prefix?: string;
     icon?: IconName;

package/dist/types/components/TextInput/TextInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 import { Mask } from './TextInput.helpers';
 type TextInputOwnProps = {
     /**

package/dist/types/components/TextToolbar/BubbleDropdown/BubbleDropdown.d.ts

@@ -1,4 +1,4 @@
-import { IconColor, IconName } from '@freedom/react-icons';
+import { IconColor, IconName } from '@free-dom/react-icons';
 type BubbleDropdownProps = {
     icon: IconName;
     children: React.ReactNode;

package/dist/types/components/TextToolbar/TextToolbar.constants.d.ts

@@ -1,4 +1,4 @@
-import { IconColor } from '@freedom/react-icons';
+import { IconColor } from '@free-dom/react-icons';
 import { type ToolbarControl } from './Toolbar';
 export declare enum ToolbarControls {
     FONT_STYLE = "FONT_STYLE",

package/dist/types/components/Timeline/TimelineDot.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 export type TimelineDotProps = {
     /**
      * Deixa o ponto com uma cor mais forte

package/dist/types/components/TotalCard/TotalCard.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 import { VariantColors } from '../../types';
 import { ActionOption, TotalCardActionsProps } from './TotalCardActions';
 import { TotalCardMetricsProps } from './TotalCardMetrics';

package/dist/types/components/TotalCard/TotalCardActions.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 export type ActionOption = {
     label: string;
     onSelect: (event: Event) => void;

package/dist/types/components/TotalCard/TotalCardContent.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@freedom/react-icons';
+import { IconName } from '@free-dom/react-icons';
 import { VariantColors } from '../../types';
 export type TotalCardContentProps = {
     variant: VariantColors | undefined;

package/dist/types/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ForwardRefExoticComponent, PropsWithoutRef, DetailedHTMLProps, ButtonHTMLAttributes, FunctionComponent, SVGProps, PropsWithChildren, ReactNode, CSSProperties } from 'react';
-import { IconName, IconProps } from '@freedom/react-icons';
+import { IconName, IconProps, IconColor } from '@free-dom/react-icons';
 import { ReactDatePickerProps } from 'react-datepicker';
 import * as Menu from '@radix-ui/react-dropdown-menu';
 import { SelectInstance } from 'react-select';
@@ -1759,15 +1759,15 @@ declare namespace Stepper {
     var Step: typeof StepComponent;
 }
 
-type Action = {
+type Action$1 = {
     /**
      * Texto do botão de ação
      */
     label: string;
 } & Pick<ButtonProps, 'variant' | 'onClick'>;
 type CardActionsProps = {
-    primaryAction?: Action;
-    secondaryAction?: Action;
+    primaryAction?: Action$1;
+    secondaryAction?: Action$1;
 };
 
 type CardContentProps = {
@@ -2803,4 +2803,196 @@ type DrawerProps = {
 };
 declare function Drawer({ open, onClose, children, maskClosable, title, destroyOnClose, forceRender, afterOpenChange, width: widthProp, placement, size, }: PropsWithChildren<DrawerProps>): react_jsx_runtime.JSX.Element;
 
-export { AdvancedSelect, AdvancedSelectOption, Alert, Avatar, BackToTop, Badge, Banner, BarChart, Breadcrumbs, Button, Card, Checkbox, Chip, DatePicker, Dialog, Divider, Drawer, DropdownMenu, ErrorBoundary, FileItemProp, FileUpload, FileUploadProps, Filter, FilterHandle, IconButton, ImageCarousel, LineChart, Link, LinkProps, LinkRenderComponentProps, Mask, Modal, ModalAction, MultilineTextInput, NavigationMenu, NeedPermission, PasswordInput, PieChart, ProgressBar, RadioGroup, Rating, Select, SelectOption, Skeleton, Stepper, Switch, Tabs, Tag, TextInput, TextToolbar, Timeline, Toasts, Tooltip, TotalCard, Typography, UploadedFile, toast };
+type MenuItem$1 = {
+    id: string | number;
+    label: string;
+    icon?: string;
+    href?: string;
+    children?: MenuItem$1[];
+};
+type HeaderFallbackProps = {
+    /**
+     * Renderiza o nome do sistema
+     */
+    systemName?: string;
+    /**
+     * Objeto utilizado para renderizar informações sobre o usuário logado.
+     */
+    user?: {
+        name: string;
+        registrationCode: string;
+    };
+    /**
+     * Função responsável por fazer o logout do usuário do sistema
+     */
+    onLogout?: () => void | Promise<void>;
+    /**
+     * Responsável por renderizar os componentes que formam os Breadcrumbs.
+     */
+    crumbs?: React.ReactNode[];
+    /**
+     * Callback para voltar a rota anterior
+     */
+    onGoBack?: () => void;
+    /**
+     * Itens do menu lateral (Sidebar). A sidebar é integrada ao header.
+     */
+    menuItems?: MenuItem$1[];
+    /**
+     * Callback quando um item do menu lateral é clicado
+     */
+    onMenuItemClick?: (item: MenuItem$1) => void;
+};
+declare function HeaderFallback({ systemName, user, onLogout, crumbs, onGoBack, menuItems, onMenuItemClick, }: HeaderFallbackProps): react_jsx_runtime.JSX.Element;
+
+type Sorting = {
+    columnName: string;
+    direction: 'asc' | 'desc';
+};
+type SummaryType = 'sum' | 'count' | 'max' | 'min' | 'avg';
+type SummaryItem<T> = {
+    columnName: keyof T;
+    type: SummaryType;
+};
+type SummaryCalculator<T> = {
+    [key in SummaryType]?: (rows: T[], columnName: keyof T) => string | number;
+};
+type DataGridColumn<T> = {
+    name: keyof T;
+    title?: string;
+    getCellValue?: (row: T, columnName: keyof T) => any;
+    align?: 'left' | 'center' | 'right';
+    width?: number | string;
+    wordWrapEnabled?: boolean;
+    style?: React__default.CSSProperties;
+};
+type ColumnFormatterComponentProps<T, V = any> = {
+    column: DataGridColumn<T>;
+    value: V;
+    row?: T;
+};
+type AddAndEditModalProps<T> = {
+    row: T;
+    onChange: (columnName: keyof T, value: unknown) => void;
+    onCancelChanges?: () => void;
+    type: 'add' | 'edit';
+    setFormIsValid?: (isValid: boolean) => void;
+};
+type DeleteModalProps<T> = {
+    row: T;
+};
+type ExpandedRowProps<T> = {
+    row: T;
+};
+type ColumnInlineEditInputComponentProps<T, V = any> = {
+    column: DataGridColumn<T>;
+    value: V;
+    row?: T;
+    onChange: (newValue: V) => void;
+    setInvalid: (columnName: keyof T, invalid: boolean) => void;
+};
+type Action = {
+    label: string;
+    disabled?: boolean;
+    hasPermission?: boolean;
+    onClick: (rowsId: (number | string)[] | undefined) => void | Promise<void>;
+    isPrimary?: boolean;
+    icon?: IconName;
+    iconPosition?: 'left' | 'right';
+    variant?: 'text' | 'primary' | 'danger' | 'secondary';
+    className?: string;
+};
+type RowPrimaryActionsProps<T> = {
+    onClick: (row: T) => void;
+    description: string;
+    icon?: IconName;
+    iconColor?: IconColor;
+    renderIcon?: React__default.FunctionComponent<React__default.SVGProps<SVGSVGElement>>;
+};
+type DataGridProps<T extends Record<string, unknown>> = {
+    columns: DataGridColumn<T>[];
+    rows: T[];
+    title?: string;
+    subtitle?: string;
+    loading?: boolean;
+    fetched?: boolean;
+    getRowId: (row: T) => string | number;
+    enableSelection?: boolean;
+    columnFormatters?: {
+        columns: (keyof T)[];
+        component: React__default.FunctionComponent<ColumnFormatterComponentProps<T>>;
+    }[];
+    separatorX?: boolean;
+    separatorY?: boolean;
+    striped?: boolean;
+    onAddRow?: (row: T) => void | Promise<void>;
+    onUpdateRow?: (params: {
+        oldRow: T;
+        newRow: T;
+    }) => void | Promise<void>;
+    onDeleteRow?: (row: T) => void | Promise<void>;
+    currentPage?: number;
+    pageSize?: number;
+    onCurrentPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    sorting?: Sorting[];
+    onSortingChange?: (sorting: Sorting[]) => void;
+    rowActions?: (row: T) => JSX.Element[];
+    hasDeletePermission?: boolean;
+    hasEditPermission?: boolean;
+    hasAddPermission?: boolean;
+    addRowLoading?: boolean;
+    actions?: Action[];
+    onRowsSelectionChange?: (rowsId: Array<number | string>) => void;
+    pageSizes?: number[];
+    totalPages?: number;
+    totalCount?: number;
+    rowPrimaryActions?: RowPrimaryActionsProps<T>[];
+    expandedRowComponent?: (props: ExpandedRowProps<T>) => JSX.Element;
+    expandedRowIds?: (string | number)[];
+    onExpandedRowIdsChange?: (rowsId: Array<number | string>) => void;
+    summaryItems?: SummaryItem<T>[];
+    getRowStyles?: (row: T) => React__default.CSSProperties | undefined;
+    selectedRowIds?: Array<number | string>;
+    addAndEditModalContent?: (props: AddAndEditModalProps<T>) => JSX.Element;
+    deleteModalContent?: (props: DeleteModalProps<T>) => JSX.Element;
+    showSearch?: boolean;
+    lineDensity?: 'compact' | 'comfortable' | 'default';
+};
+
+declare function DataGrid<T extends Record<string, unknown>>({ columns, rows, title, subtitle, loading, fetched, getRowId, enableSelection, columnFormatters, separatorX, separatorY, striped, currentPage, pageSize, onCurrentPageChange, onPageSizeChange, sorting, onSortingChange, rowActions, rowPrimaryActions, actions, onRowsSelectionChange, pageSizes, totalCount, expandedRowComponent, expandedRowIds: ctrlExpIds, onExpandedRowIdsChange, getRowStyles, selectedRowIds: ctrlSelIds, lineDensity, }: DataGridProps<T>): react_jsx_runtime.JSX.Element;
+
+declare function FooterFallback(): react_jsx_runtime.JSX.Element;
+
+type MenuItem = {
+    id: string | number;
+    label: string;
+    icon?: string;
+    href?: string;
+    children?: MenuItem[];
+};
+type SidebarFallbackProps = {
+    /**
+     * Itens do menu de navegação
+     */
+    menuItems?: MenuItem[];
+    /**
+     * Callback quando um item do menu é clicado
+     */
+    onMenuItemClick?: (item: MenuItem) => void;
+};
+declare function SidebarFallback({ menuItems, onMenuItemClick, }: SidebarFallbackProps): react_jsx_runtime.JSX.Element;
+
+type SpinnerProps = {
+    /**
+     * Texto que será exibido abaixo do spinner
+     */
+    description?: string;
+    /**
+     * Texto que será exibido caso o spinner permaneça por mais de 20 segundos na tela
+     */
+    delayMessage?: string;
+};
+declare function Spinner({ description, delayMessage }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+export { Action, AddAndEditModalProps, AdvancedSelect, AdvancedSelectOption, Alert, Avatar, BackToTop, Badge, Banner, BarChart, Breadcrumbs, Button, Card, Checkbox, Chip, ColumnFormatterComponentProps, ColumnInlineEditInputComponentProps, DataGrid, DataGridColumn, DataGridProps, DatePicker, DeleteModalProps, Dialog, Divider, Drawer, DropdownMenu, ErrorBoundary, ExpandedRowProps, FileItemProp, FileUpload, FileUploadProps, Filter, FilterHandle, FooterFallback, HeaderFallback, IconButton, ImageCarousel, LineChart, Link, LinkProps, LinkRenderComponentProps, Mask, Modal, ModalAction, MultilineTextInput, NavigationMenu, NeedPermission, PasswordInput, PieChart, ProgressBar, RadioGroup, Rating, Select, SelectOption, SidebarFallback, Skeleton, Sorting, Spinner, SpinnerProps, Stepper, SummaryCalculator, SummaryItem, SummaryType, Switch, Tabs, Tag, TextInput, TextToolbar, Timeline, Toasts, Tooltip, TotalCard, Typography, UploadedFile, toast };