@archbase/components 3.0.0 → 3.0.3

package/dist/jsonschema/JsonSchemaEditor/ArchbaseJsonSchemaEditor.context.d.ts

@@ -1,5 +1,5 @@
 import { SetNestedObjectValueOperation } from '@archbase/core';
-import React from 'react';
+import { default as React } from 'react';
 export interface ArchbaseJsonSchemaEditorContextValue {
     handleChange?: (path: string, value: any, operation?: SetNestedObjectValueOperation) => void;
 }

package/dist/list/ArchbaseList.context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IArchbaseDataSourceBase } from '@archbase/data';
 export interface ArchbaseListContextValue<T, ID> {
     /** Indica se a lista esta desabilitada */

package/dist/list/ArchbaseList.d.ts

@@ -1,4 +1,4 @@
-import React, { FocusEventHandler } from 'react';
+import { default as React, FocusEventHandler } from 'react';
 import { IArchbaseDataSourceBase } from '@archbase/data';
 export interface ArchbaseListCustomItemProps<T, _ID> {
     /** Chave */

package/dist/list/index.d.ts

@@ -1,4 +1,4 @@
-import ArchbaseListContext from './ArchbaseList.context';
+import { default as ArchbaseListContext } from './ArchbaseList.context';
 export { ArchbaseList } from './ArchbaseList';
 export type { ArchbaseListProps, ArchbaseListCustomItemProps } from './ArchbaseList';
 export { ArchbaseListItem } from './ArchbaseListItem';

package/dist/list/treeview/ArchbaseTreeView.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { ArchbaseTreeNode } from './ArchbaseTreeView.types';
 export interface ArchbaseTreeViewProps {
     id: string;

package/dist/list/treeview/ArchbaseTreeViewItem.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { ArchbaseTreeNode, ArchbaseTreeViewOptions } from './ArchbaseTreeView.types';
 export interface ArchbaseTreeViewItemProps {
     id: string;

package/dist/list-view/ArchbaseListViewTable.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 export interface ArchbaseListViewColumn<T = any> {
     /**
      * Identificador único da coluna (key)

package/dist/markdown/ArchbaseMarkdown.d.ts

@@ -1,4 +1,4 @@
-import type { ArchbaseMarkdownProps } from './ArchbaseMarkdown.types';
+import { ArchbaseMarkdownProps } from './ArchbaseMarkdown.types';
 /**
  * Componente ArchbaseMarkdown - Renderização de Markdown em React
  *

package/dist/markdown/ArchbaseMarkdown.types.d.ts

@@ -1,5 +1,5 @@
-import type { CSSProperties, ReactNode, ElementType } from 'react';
-import type { PluggableList } from 'unified';
+import { CSSProperties, ReactNode, ElementType } from 'react';
+import { PluggableList } from 'unified';
 /**
  * Estilo de syntax highlighting para blocos de código
  */

package/dist/markdown/components/CodeBlock.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
-import type { CodeBlockProps } from '../ArchbaseMarkdown.types';
+import { ReactNode } from 'react';
+import { CodeBlockProps } from '../ArchbaseMarkdown.types';
 /**
  * Componente para renderização de blocos de código
  *

package/dist/markdown/components/LinkRenderer.d.ts

@@ -1,4 +1,4 @@
-import type { LinkRendererProps } from '../ArchbaseMarkdown.types';
+import { LinkRendererProps } from '../ArchbaseMarkdown.types';
 /**
  * Renderizador de links para Markdown
  *

package/dist/masonry/ArchbaseMasonry.context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IArchbaseDataSourceBase } from '@archbase/data';
 export interface ArchbaseMasonryContextValue<T, ID> {
     /** Fonte de dados do masonry (V1 ou V2) */

package/dist/masonry/ArchbaseMasonry.d.ts

@@ -1,8 +1,4 @@
-/**
- * ArchbaseMasonry — layout masonry responsivo com provider de contexto.
- * @status stable
- */
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 export interface ArchbaseMasonryCustomItemProps<T, _ID> {
     /** Chave */
     key: string;

package/dist/masonry/index.d.ts

@@ -1,4 +1,4 @@
-import ArchbaseMasonryContext, { ArchbaseMasonryProvider } from './ArchbaseMasonry.context';
+import { default as ArchbaseMasonryContext, ArchbaseMasonryProvider } from './ArchbaseMasonry.context';
 export { ArchbaseMasonry, ArchbaseMasonryResponsive } from './ArchbaseMasonry';
 export type { ArchbaseMasonryCustomItemProps } from './ArchbaseMasonry';
 export type { ArchbaseMasonryContextValue } from './ArchbaseMasonry.context';

package/dist/notification/ArchbaseAlert.d.ts

@@ -1,9 +1,5 @@
-/**
- * ArchbaseAlert — wrapper de alerta (Mantine Alert) para feedback rápido.
- * @status stable
- */
 import { AlertProps, AlertVariant, MantineColor } from '@mantine/core';
-import React from 'react';
+import { default as React } from 'react';
 export interface ArchbaseAlertProps extends AlertProps {
     title?: React.ReactNode;
     variant?: AlertVariant | string;

package/dist/onboarding/ArchbaseOnboardingTour.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import type { OnboardingTourStep } from '@gfazioli/mantine-onboarding-tour';
+import { OnboardingTourStep } from '@gfazioli/mantine-onboarding-tour';
 export interface ArchbaseOnboardingTourStep {
     /**
      * ID único do step

package/dist/printer/ArchbaseThermalPrinter.d.ts

@@ -1,4 +1,4 @@
-import type { ArchbaseThermalPrinterProps, ReceiptData } from './ArchbaseThermalPrinter.types';
+import { ArchbaseThermalPrinterProps, ReceiptData } from './ArchbaseThermalPrinter.types';
 /**
  * Componente ArchbaseThermalPrinter - Impressão térmica ESC/POS
  *

package/dist/printer/ArchbaseThermalPrinter.types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 /**
  * Larguras de papel em mm
  */

package/dist/printer/utils/escpos.d.ts

@@ -1,4 +1,4 @@
-import type { PaperWidth, PrintDensity, CutMode, TextAlign, FontSize, BarStyle } from '../ArchbaseThermalPrinter.types';
+import { PaperWidth, PrintDensity, CutMode, TextAlign, FontSize, BarStyle } from '../ArchbaseThermalPrinter.types';
 /**
  * Comandos ESC/POS básicos
  */

package/dist/theme-editor/ArchbaseThemeEditor.d.ts

@@ -1,4 +1,4 @@
-import type { ArchbaseThemeEditorProps } from './ArchbaseThemeEditor.types';
+import { ArchbaseThemeEditorProps } from './ArchbaseThemeEditor.types';
 /**
  * Componente ArchbaseThemeEditor - Editor de temas Mantine
  *

package/dist/theme-editor/ArchbaseThemeEditor.types.d.ts

@@ -1,5 +1,5 @@
-import type { CSSProperties, ReactNode } from 'react';
-import type { MantineTheme } from '@mantine/core';
+import { CSSProperties, ReactNode } from 'react';
+import { MantineTheme } from '@mantine/core';
 /**
  * Formato de exportação do tema
  */

package/dist/theme-editor/utils/themeExport.d.ts

@@ -1,5 +1,5 @@
-import type { MantineTheme } from '@mantine/core';
-import type { ThemeExportFormat } from '../ArchbaseThemeEditor.types';
+import { MantineTheme } from '@mantine/core';
+import { ThemeExportFormat } from '../ArchbaseThemeEditor.types';
 /**
  * Presets de cores
  */

package/dist/themes/ArchbaseThemeEditor.d.ts

@@ -1,7 +1,6 @@
 import { MantineSize } from '@mantine/core';
-import type { CSSProperties, FocusEventHandler, ReactNode } from 'react';
-import React from 'react';
-import type { IArchbaseDataSourceBase } from '@archbase/data';
+import { CSSProperties, FocusEventHandler, ReactNode, default as React } from 'react';
+import { IArchbaseDataSourceBase } from '@archbase/data';
 export interface ArchbaseThemeEditorProps<T, ID> {
     /** Fonte de dados onde será atribuido o valor do edit (V1 ou V2) */
     dataSource?: IArchbaseDataSourceBase<T>;

package/dist/video/ArchbaseVideoPlayer.d.ts

@@ -1,4 +1,4 @@
-import type { ArchbaseVideoPlayerProps } from './ArchbaseVideoPlayer.types';
+import { ArchbaseVideoPlayerProps } from './ArchbaseVideoPlayer.types';
 /**
  * Componente ArchbaseVideoPlayer - Player de vídeo completo
  *

package/dist/video/ArchbaseVideoPlayer.types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 /**
  * Formatos de vídeo suportados
  */

package/dist/video/hooks/useVideoPlayer.d.ts

@@ -1,4 +1,4 @@
-import type { VideoSource, PlayerState, BufferState, VideoQuality, TextTrack, AutoplayBehavior } from '../ArchbaseVideoPlayer.types';
+import { VideoSource, PlayerState, BufferState, VideoQuality, TextTrack, AutoplayBehavior } from '../ArchbaseVideoPlayer.types';
 interface UseVideoPlayerOptions {
     src: VideoSource | VideoSource[];
     autoplay?: AutoplayBehavior;
@@ -15,8 +15,8 @@ interface UseVideoPlayerOptions {
  * Hook customizado para gerenciar estado e lógica do player de vídeo
  */
 export declare function useVideoPlayer({ src, autoplay, loop, muted, volume, startTime, qualities, textTracks, defaultSubtitles, preload, }: UseVideoPlayerOptions): {
-    videoRef: import("react").RefObject<HTMLVideoElement>;
-    containerRef: import("react").RefObject<HTMLDivElement>;
+    videoRef: import('react').RefObject<HTMLVideoElement>;
+    containerRef: import('react').RefObject<HTMLDivElement>;
     playerState: PlayerState;
     isPlaying: boolean;
     currentTime: number;
@@ -42,8 +42,8 @@ export declare function useVideoPlayer({ src, autoplay, loop, muted, volume, sta
     setPlaybackRate: (rate: number) => void;
     toggleFullscreen: () => void;
     togglePiP: () => void;
-    setSelectedQuality: import("react").Dispatch<import("react").SetStateAction<string>>;
-    setSubtitlesEnabled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setSelectedQuality: import('react').Dispatch<import('react').SetStateAction<string>>;
+    setSubtitlesEnabled: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     handleLoadStart: () => void;
     handleLoadedMetadata: () => void;
     handleCanPlay: () => void;

package/dist/viewers/ArchbasePDFViewer.annotations.d.ts

@@ -1,4 +1,4 @@
-import type { PDFAnnotation } from './ArchbasePDFViewer.types';
+import { PDFAnnotation } from './ArchbasePDFViewer.types';
 interface ArchbasePDFAnnotationsProps {
     annotations: PDFAnnotation[];
     onAnnotationAdd?: (annotation: PDFAnnotation) => void;

package/dist/viewers/ArchbasePDFViewer.d.ts

@@ -1,2 +1,2 @@
-import type { ArchbasePDFViewerProps } from './ArchbasePDFViewer.types';
+import { ArchbasePDFViewerProps } from './ArchbasePDFViewer.types';
 export declare function ArchbasePDFViewer<T, ID>({ dataSource, dataField, file: fileProp, width, height, page: initialPage, scale: initialScale, rotation: initialRotation, toolbar, textLayer, renderMode, toolbarPosition, onPageChange, onZoomChange, onLoadSuccess, onLoadError, annotations, onAnnotationAdd, onAnnotationRemove, onAnnotationUpdate, enableAnnotations, showAnnotationsList, disabled, loading, error, style, className, }: ArchbasePDFViewerProps<T, ID>): import("react/jsx-runtime").JSX.Element;

package/dist/viewers/ArchbasePDFViewer.toolbar.d.ts

@@ -1,4 +1,4 @@
-import type { PDFToolbarActions } from './ArchbasePDFViewer.types';
+import { PDFToolbarActions } from './ArchbasePDFViewer.types';
 interface ArchbasePDFViewerToolbarProps {
     currentPage: number;
     totalPages: number;

package/dist/viewers/ArchbasePDFViewer.types.d.ts

@@ -1,5 +1,5 @@
-import type { CSSProperties, ReactNode } from 'react';
-import type { IArchbaseDataSourceBase } from '@archbase/data';
+import { CSSProperties, ReactNode } from 'react';
+import { IArchbaseDataSourceBase } from '@archbase/data';
 export type PDFSource = string | Uint8Array | {
     url: string;
 } | {

package/dist/viewers/file-preview/ArchbaseFilePreviewer.d.ts

@@ -1,4 +1,4 @@
-import type { ArchbaseFilePreviewerProps } from './ArchbaseFilePreviewer.types';
+import { ArchbaseFilePreviewerProps } from './ArchbaseFilePreviewer.types';
 /**
  * Componente ArchbaseFilePreviewer - Preview de múltiplos tipos de arquivo
  *

package/dist/viewers/file-preview/ArchbaseFilePreviewer.types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 /**
  * Tipos de arquivo suportados para preview
  */

package/dist/viewers/file-preview/utils/fileTypeDetector.d.ts

@@ -1,4 +1,4 @@
-import type { FileType, FileSource } from '../ArchbaseFilePreviewer.types';
+import { FileType, FileSource } from '../ArchbaseFilePreviewer.types';
 /**
  * Detecta o tipo de arquivo baseado na extensão
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbase/components",
-  "version": "3.0.0",
+  "version": "3.0.3",
   "description": "UI Components for Archbase React v3 - Form editors, data visualization, and business components",
   "author": "Edson Martins <edsonmartins2005@gmail.com>",
   "license": "MIT",
@@ -34,10 +34,14 @@
     "@mantine/modals": "8.3.12",
     "@mantine/notifications": "8.3.12",
     "@tabler/icons-react": "^3.26.0",
-    "react": "^18.3.0 || ^19.0.0",
-    "react-dom": "^18.3.0 || ^19.0.0"
+    "react": "^18.3.0 || ^19.2.0",
+    "react-dom": "^18.3.0 || ^19.2.0"
   },
   "dependencies": {
+    "@archbase/core": "3.0.3",
+    "@archbase/data": "3.0.3",
+    "@archbase/layout": "3.0.3",
+    "@datou/react-vis-timeline": "^1.4.0",
     "@gfazioli/mantine-list-view-table": "^1.1.9",
     "@gfazioli/mantine-onboarding-tour": "^2.6.5",
     "@mui/x-data-grid": "^7.28.3",
@@ -71,6 +75,7 @@
     "jwt-decode": "^3.1.2",
     "libphonenumber-js": "^1.11.3",
     "lodash": "^4.17.21",
+    "markdown-it": "^14.1.0",
     "outlayer": "^2.1.1",
     "overlayscrollbars": "^2.8.3",
     "pdfjs-dist": "^4.0.379",
@@ -83,6 +88,7 @@
     "react-color": "^2.19.3",
     "react-date-object": "^2.1.8",
     "react-easy-crop": "^4.7.4",
+    "react-file-previewer": "^0.4.2",
     "react-final-form": "^6.5.9",
     "react-frame-component": "^5.2.7",
     "react-grid-system": "^8.2.0",
@@ -92,6 +98,8 @@
     "react-inspector": "^6.0.2",
     "react-intersection-observer": "^9.10.3",
     "react-konva": "^18.2.10",
+    "react-markdown": "^9.0.1",
+    "react-markdown-editor-lite": "^1.3.5",
     "react-masonry-component": "^6.3.0",
     "react-modal": "^3.16.1",
     "react-multi-date-picker": "4.1.2",
@@ -99,20 +107,13 @@
     "react-router": "^6.22.0",
     "react-router-dom": "^6.22.0",
     "react-speech-recognition": "^3.10.0",
-    "react-spreadsheet-import": "^4.7.1",
+    "react-thermal-printer": "^0.22.0",
     "react-to-print": "^2.15.1",
     "react-use-audio-player": "^2.2.0",
     "react-video-js-player": "^1.1.1",
-    "react-markdown": "^9.0.1",
-    "remark-gfm": "^4.0.0",
-    "rehype-raw": "^7.0.0",
     "rehype-external-links": "^3.0.0",
-    "react-thermal-printer": "^0.22.0",
-    "react-file-previewer": "^0.4.2",
-    "react-markdown-editor-lite": "^1.3.5",
-    "markdown-it": "^14.1.0",
-    "@datou/react-vis-timeline": "^1.4.0",
-    "vis-timeline": "^7.7.3",
+    "rehype-raw": "^7.0.0",
+    "remark-gfm": "^4.0.0",
     "suneditor": "^2.46.3",
     "suneditor-react": "^3.6.1",
     "use-debounce": "^10.0.1",
@@ -120,23 +121,22 @@
     "uuid": "^9.0.1",
     "validator": "^13.12.0",
     "video.js": "^8.10.0",
-    "xlsx": "^0.18.5",
-    "@archbase/core": "3.0.0",
-    "@archbase/data": "3.0.0",
-    "@archbase/layout": "3.0.0"
+    "vis-timeline": "^7.7.3",
+    "xlsx": "^0.18.5"
   },
   "devDependencies": {
     "@types/d3": "^7.4.3",
     "@types/lodash": "^4.17.13",
     "@types/node": "^22.16.1",
-    "@types/react": "^19.0.4",
+    "@types/react": "^19.0.6",
     "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react": "^4.3.4",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "sass-embedded": "^1.80.7",
     "typescript": "~5.7.2",
     "vite": "^6.0.3",
+    "vite-plugin-dts": "^4.5.4",
     "vitest": "^2.1.8"
   },
   "publishConfig": {
@@ -144,7 +144,7 @@
   },
   "scripts": {
     "dev": "NODE_OPTIONS=\"--max-old-space-size=16384\" vite build --watch",
-    "build": "NODE_OPTIONS=\"--max-old-space-size=16384\" vite build && NODE_OPTIONS=\"--max-old-space-size=16384\" tsc --emitDeclarationOnly || true",
+    "build": "NODE_OPTIONS=\"--max-old-space-size=16384\" vite build",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",

package/src/datagrid/main/archbase-data-grid-pagination.tsx

@@ -13,7 +13,11 @@ export const ArchbaseDataGridPagination = React.memo<ArchbaseDataGridPaginationP
   onPaginationModelChange,
   paginationLabels,
   bottomToolbarMinHeight,
-  theme
+  theme,
+  // Props para controle de bordas e espaçamento
+  withBorder = true,
+  padding = '8px 12px',
+  borderRadius,
 }) => {
   // Garantir que totalRecords seja um número válido e finito
   const safeTotalRecords = Number.isFinite(totalRecords) && !isNaN(totalRecords) && totalRecords >= 0
@@ -28,14 +32,21 @@ export const ArchbaseDataGridPagination = React.memo<ArchbaseDataGridPaginationP
       Math.max(1, paginationModel.pageSize) : 10
   };
 
+  // Calcular o padding final
+  const finalPadding = typeof padding === 'number' ? `${padding}px` : padding;
+  // Calcular o border radius final
+  const finalBorderRadius = borderRadius !== undefined
+    ? (typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius)
+    : theme.radius.sm;
+
   return (
     <Paper
       style={{
         minHeight: bottomToolbarMinHeight || 'auto',
-        padding: '8px 16px',
-        borderTop: `1px solid ${theme.colors.gray[theme.colorScheme === 'dark' ? 8 : 3]}`,
-        borderBottomLeftRadius: theme.radius.sm,
-        borderBottomRightRadius: theme.radius.sm
+        padding: finalPadding,
+        borderTop: withBorder ? `1px solid ${theme.colors.gray[theme.colorScheme === 'dark' ? 8 : 3]}` : 'none',
+        borderBottomLeftRadius: finalBorderRadius,
+        borderBottomRightRadius: finalBorderRadius
       }}
     >
       <GridPagination

package/src/datagrid/main/archbase-data-grid-toolbar.tsx

@@ -35,6 +35,10 @@ export const ArchbaseDataGridToolbar = React.memo<ArchbaseDataGridToolbarProps>(
   activeFilters,
   onFiltersChange,
   hideMuiFilters = false,
+  // Props para controle de bordas e espaçamento
+  withBorder = true,
+  padding = '8px 12px',
+  borderRadius,
 }) => {
   // Estado local para o filtro global para manter o valor entre re-renderizações
   const [globalFilterValue, setGlobalFilterValue] = useState(filterModel.quickFilterValues?.[0] || '');
@@ -83,15 +87,22 @@ export const ArchbaseDataGridToolbar = React.memo<ArchbaseDataGridToolbarProps>(
   if (!toolbarLeftContent && !enableGlobalFilter && !enableTopToolbarActions) {
     return null;
   }
+  // Calcular o padding final
+  const finalPadding = typeof padding === 'number' ? `${padding}px` : padding;
+  // Calcular o border radius final
+  const finalBorderRadius = borderRadius !== undefined
+    ? (typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius)
+    : theme.radius.sm;
+
   return (
     <Paper
       style={{
         display: 'flex',
         justifyContent: 'space-between',
-        padding: '8px 16px',
-        borderBottom: `1px solid ${theme.colors.gray[theme.colorScheme === 'dark' ? 8 : 3]}`,
-        borderTopLeftRadius: theme.radius.sm,
-        borderTopRightRadius: theme.radius.sm
+        padding: finalPadding,
+        borderBottom: withBorder ? `1px solid ${theme.colors.gray[theme.colorScheme === 'dark' ? 8 : 3]}` : 'none',
+        borderTopLeftRadius: finalBorderRadius,
+        borderTopRightRadius: finalBorderRadius
       }}
     >
       {/* Lado esquerdo da toolbar */}

package/src/datagrid/main/archbase-data-grid-types.tsx

@@ -42,6 +42,10 @@ export interface ArchbaseDataGridRef<T = any> {
   collapseRow: (rowId: GridRowId) => void;
   collapseAllRows: () => void;
   getExpandedRows: () => GridRowId[];
+  /**
+   * Obtém o modelo de filtro atual
+   */
+  getFilterModel: () => GridFilterModel;
 }
 
 // Props para o Toolbar
@@ -80,6 +84,14 @@ export interface ArchbaseDataGridToolbarProps {
   activeFilters?: ArchbaseActiveFilter[];
   onFiltersChange?: (filters: ArchbaseActiveFilter[], rsql?: string) => void;
   hideMuiFilters?: boolean;
+
+  // Props para controle de bordas e espaçamento
+  /** Exibir borda inferior da toolbar. Default: true */
+  withBorder?: boolean;
+  /** Padding da toolbar. Default: '8px 12px' */
+  padding?: string | number;
+  /** Border radius da toolbar. Default: theme.radius.sm */
+  borderRadius?: string | number;
 }
 
 // Props para o componente ArchbaseDataGridPagination
@@ -95,6 +107,14 @@ export interface ArchbaseDataGridPaginationProps {
   };
   bottomToolbarMinHeight?: string | number;
   theme: any;
+
+  // Props para controle de bordas e espaçamento
+  /** Exibir borda superior da paginação. Default: true */
+  withBorder?: boolean;
+  /** Padding da paginação. Default: '8px 12px' */
+  padding?: string | number;
+  /** Border radius da paginação. Default: theme.radius.sm */
+  borderRadius?: string | number;
 }
 
 /**
@@ -240,6 +260,16 @@ export interface ArchbaseDataGridProps<T extends object = any, ID = any> {
   columnAutoWidth?: boolean;
   rowHeight?: number;
 
+  // Propriedades de controle de bordas internas
+  /** Exibir borda inferior da toolbar. Default: true */
+  withToolbarBorder?: boolean;
+  /** Exibir borda superior da paginação. Default: true */
+  withPaginationBorder?: boolean;
+  /** Padding da toolbar. Default: '8px 12px' */
+  toolbarPadding?: string | number;
+  /** Padding da paginação. Default: '8px 12px' */
+  paginationPadding?: string | number;
+
   // Propriedades de exportação e impressão
   printTitle?: string;
   logoPrint?: string;
@@ -249,6 +279,7 @@ export interface ArchbaseDataGridProps<T extends object = any, ID = any> {
   // Propriedades de layout
   toolbarAlignment?: 'left' | 'right' | 'center';
   positionActionsColumn?: 'first' | 'last';
+  actionsColumnWidth?: number;
   toolbarLeftContent?: ReactNode;
   bottomToolbarMinHeight?: string | number;
 
@@ -263,6 +294,7 @@ export interface ArchbaseDataGridProps<T extends object = any, ID = any> {
   onCellDoubleClick?: (params: { id: any; columnName: string; rowData: T }) => void;
   onExport?: (callback: () => void) => void;
   onPrint?: (callback: () => void) => void;
+  onFilterModelChange?: (filterModel: any) => void;
 
   // Referência para o grid
   gridRef?: RefObject<ArchbaseDataGridRef<T>> | MutableRefObject<ArchbaseDataGridRef<T> | null>;