norma-library 0.5.80 → 0.5.121

package/dist/esm/index.d.ts

@@ -14,7 +14,16 @@ import { Tabs } from './components/Tabs';
 import { Tag } from './components/Tag';
 import { TextField } from './components/TextField';
 import { DatePicker } from './components/DatePicker';
-import { DataGrid, ChatMessage, ChatMessageBalloon } from './components';
+import { ChatMessage, ChatMessageBalloon } from './components';
 import { NormaProvider } from './providers/NormaProvider';
 import { themes, getPalette } from './helpers';
-export { Accordion, Button, Card, ChatMessage, ChatMessageBalloon, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, DataGrid, NormaProvider, themes, };
+import DateInput from './components/DateInput';
+import Box from './components/Box';
+import Breadcrumb from './components/Breadcrumb';
+import SelectInput from './components/SelectInput';
+import MultiSelectInput from './components/MultiSelectInput';
+import { Title, Text } from './components/Typography';
+import TextInput from './components/TextInput';
+import Table from './components/Table';
+import UncontrolledTable from './components/UncontrolledTable';
+export { Accordion, Button, Card, ChatMessage, ChatMessageBalloon, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, NormaProvider, themes, DateInput, Box, Breadcrumb, SelectInput, MultiSelectInput, Text, Title, TextInput, Table, UncontrolledTable };

package/dist/esm/index.js

@@ -14,8 +14,17 @@ import { Tabs } from './components/Tabs';
 import { Tag } from './components/Tag';
 import { TextField } from './components/TextField';
 import { DatePicker } from './components/DatePicker';
-import { DataGrid, ChatMessage, ChatMessageBalloon } from './components';
+import { ChatMessage, ChatMessageBalloon } from './components';
 import { NormaProvider } from './providers/NormaProvider';
 import { themes, getPalette } from './helpers';
-export { Accordion, Button, Card, ChatMessage, ChatMessageBalloon, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, DataGrid, NormaProvider, themes, };
+import DateInput from './components/DateInput';
+import Box from './components/Box';
+import Breadcrumb from './components/Breadcrumb';
+import SelectInput from './components/SelectInput';
+import MultiSelectInput from './components/MultiSelectInput';
+import { Title, Text } from './components/Typography';
+import TextInput from './components/TextInput';
+import Table from './components/Table';
+import UncontrolledTable from './components/UncontrolledTable';
+export { Accordion, Button, Card, ChatMessage, ChatMessageBalloon, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, NormaProvider, themes, DateInput, Box, Breadcrumb, SelectInput, MultiSelectInput, Text, Title, TextInput, Table, UncontrolledTable };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,WAAW,EACX,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,GAAG,EACH,SAAS,EACT,QAAQ,EACR,aAAa,EACb,MAAM,GACP,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,GAAG,MAAM,kBAAkB,CAAA;AAClC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAI/D,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,WAAW,EACX,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,GAAG,EACH,SAAS,EACT,aAAa,EACb,MAAM,EACN,SAAS,EACT,GAAG,EACH,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EACL,iBAAiB,EAClB,CAAC"}

package/dist/esm/interfaces/ChatMessageBalloon.d.ts

@@ -11,5 +11,6 @@ export interface ChatMessageBalloonProps {
     highlight?: boolean;
     attachments?: string[];
     children?: ReactNode;
+    bottomChildren?: ReactNode;
     className?: string;
 }

package/dist/esm/interfaces/Modal.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { SxProps } from '@mui/material';
 import { Theme } from '@emotion/react';
-import { MuiModalBaseProps, OnAction } from '@/types';
+import { MuiModalBaseProps, MuiPaperBaseProps, OnAction } from '@/types';
 export interface ModalBaseProps extends MuiModalBaseProps {
     sx?: SxProps<Theme>;
     children: React.ReactElement;
@@ -12,4 +12,5 @@ export interface ModalBaseProps extends MuiModalBaseProps {
     full?: boolean;
     title?: string;
     id?: string;
+    paperProps?: MuiPaperBaseProps;
 }

package/dist/esm/interfaces/ProgressBar.d.ts

@@ -12,6 +12,7 @@ export interface ProgressBarBaseProps extends MuiProgressBarBaseProps {
     label?: string;
     colorCustom?: string;
     variant?: ProgressVariant;
+    localeString?: boolean;
     color?: OverridableStringUnion<ColorVariant, LinearProgressPropsColorOverrides>;
 }
 export type ProgressBarType = keyof typeof ProgressBar;

package/dist/esm/interfaces/Select.d.ts

@@ -8,7 +8,7 @@ export interface SelectBaseProps extends MuiSelectBaseProps {
     label?: React.ReactNode;
     input?: React.ReactElement<any, any>;
     variant?: TextFieldVariant;
-    value?: string;
+    value?: string | string[];
     open?: boolean;
     onOpen?: (event: React.SyntheticEvent) => void;
     onClose?: (event: React.SyntheticEvent) => void;

package/dist/esm/interfaces/index.d.ts

@@ -5,7 +5,6 @@ export * from './Button';
 export * from './Card';
 export * from './ChatMessage';
 export * from './CheckBox';
-export * from './DataGrid';
 export * from './DatePicker';
 export * from './DropDown';
 export * from './IconButton';

package/dist/esm/interfaces/index.js

@@ -5,7 +5,6 @@ export * from './Button';
 export * from './Card';
 export * from './ChatMessage';
 export * from './CheckBox';
-export * from './DataGrid';
 export * from './DatePicker';
 export * from './DropDown';
 export * from './IconButton';

package/dist/esm/interfaces/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC"}

package/dist/esm/types/index.d.ts

@@ -63,6 +63,7 @@ export type OnAction = {
     color?: ColorVariant;
     size?: SizeVariant;
     variant?: ButtonVariant;
+    disabled?: boolean;
 };
 export type DataAccordion = {
     label: string;

package/docs/index.md

@@ -1,118 +1,118 @@
-## Passos Básicos
-
-### 1. Instalando o pacote em seu projeto
-
-Para instalar o pacote Norma em seu projeto execute o comando em seu terminal:
-
-### `npm install norma-library`
-
-## Components disponível e como usa-lo
-
-### Button
-
-`import { Button } from "norma-library`;
-
-`<Button label="Clique-me" onClick={handleButtonClick} />`;
-
-#### Props
-
-O componente `Button` aceita as seguintes propriedades:
-
-- `label` (string, obrigatório): O texto exibido no botão.
-- `sx` (SxProps<Theme>): Estilos personalizados usando o sistema de estilos do Material-UI.
-- `color` (string): A cor do botão (inherit, primary, secondary, success, error, info, warning).
-- `size` (string): O tamanho do botão (small, medium, large).
-- `variant` (string): A variante do botão (text, outlined, contained).
-- `style` (React.CSSProperties): Estilos CSS adicionais.
-- `children` (ReactNode): Conteúdo adicional a ser exibido dentro do botão.
-- `onClick` (função): Uma função de callback para ser executada quando o botão for clicado.
-
-### Card
-
-`import { Card } from "norma-library`;
-
-`<Card title="Titulo do cartão" />conteúdo do card</card>`;
-
-#### Props
-
-O componente `Card` aceita as seguintes propriedades:
-
-- `title` (string, opcional): O título exibido no cabeçalho do card, se fornecido.
-- `children` (ReactNode, obrigatório): O conteúdo do card, que pode incluir qualquer componente ou conteúdo.
-
-### Modal
-
-`import { Modal} from "norma-library`;
-
-`<Modal open={open} onClose={handleClose} aria-labelledby="modal-modal-title" aria-describedby="modal-modal-description" onConfirm={handleConfirm}
-title="Titulo do modal">conteúdo do modal</modal>`;
-
-#### Props
-
-O componente `Modal` aceita as seguintes propriedades:
-
-- `sx` (SxProps<Theme>): Estilos personalizados usando o sistema de estilos do Material-UI.
-- `children` (React.ReactElement | React.ReactElement[]): Elementos filhos do modal.
-- `open` (boolean): Indica se o modal está aberto.
-- `onClose` (função): Função de callback chamada quando o modal é fechado.
-- `className` (string): Classe CSS adicional para estilização.
-- `title` (string): Título do modal.
-- `full` (boolean): Indica se o modal deve ocupar toda a largura.
-- `onConfirm` (função): Função de callback chamada quando o botão "Confirmar" é clicado.
-
-### TextField
-
-`import { TextField } from "norma-library`;
-
-`<TextField id="outlined-basic" label="Outlined" variant="outlined" />`;
-
-#### Props
-
-O componente `TextField` aceita as seguintes propriedades:
-
-- `label` (ReactNode): Rótulo exibido acima do campo de entrada.
-- `variant` (string): A variante do campo (standard, outlined, filled).
-- `value` (TextFieldValue): O valor do campo de entrada.
-- `onChange` (função): Função de callback chamada quando o valor do campo muda.
-- `disabled` (boolean): Indica se o campo de entrada está desabilitado.
-- `required` (boolean): Indica se o campo de entrada é obrigatório.
-- `hasError` (boolean): Indica se o campo de entrada possui erro.
-- E outras propriedades relacionadas a estilos, tamanho, id, etc.
-
-### CheckBox
-
-`import { CheckBox } from "norma-library`;
-
-`<CheckBox id="checkbox-basic" label="Checkbox" checked={checked} onChange={handleCheckboxChange} />`;
-
-#### Props
-
-O componente `CheckBox` aceita as seguintes propriedades:
-
-- `label` (ReactNode): Rótulo exibido acima do campo de entrada.
-- `checked ` (boolean): Indica se a caixa de seleção está marcada.
-- `onChange` (função): Função de callback chamada quando o valor do campo muda.
-- `disabled` (boolean): Indica se o campo de entrada está desabilitado.
-- `color ` (string): A cor da caixa de seleção (primary, secondary, error, info, success, warning, default).
-- `size ` (string): O tamanho da caixa de seleção (small, medium).
-- `value` (TextFieldValue): O valor do campo de entrada.
-- E outras propriedades relacionadas a estilos, required, id, etc.
-
-### ProgressBar
-
-`import { ProgressBar } from "norma-library`;
-
-`<ProgressBar id="checkbox-basic" label="Checkbox" checked={checked} onChange={handleCheckboxChange} />`;
-
-#### Props
-
-O componente `ProgressBar` aceita as seguintes propriedades:
-
-- `sx` (SxProps<Theme>): Propriedade de estilo do Material-UI para estilizar o componente.
-- `usage` (number): O valor de uso para calcular a porcentagem da barra de progresso.
-- `value` (number): O valor da barra de progresso.
-- `total` (number): O valor total usado para calcular a porcentagem.
-- `label` (string): Texto do rótulo exibido acima da barra de progresso.
-- `colorCustom` (string): Cor personalizada para a barra de progresso.
-- `variant` ('determinate' | 'indeterminate' | 'buffer' | 'query'): O estilo da barra de progresso.
-- `color` (string): Cor da barra de progresso (primary, secondary, error, info, success, warning, inherit).
+## Passos Básicos
+
+### 1. Instalando o pacote em seu projeto
+
+Para instalar o pacote Norma em seu projeto execute o comando em seu terminal:
+
+### `npm install norma-library`
+
+## Components disponível e como usa-lo
+
+### Button
+
+`import { Button } from "norma-library`;
+
+`<Button label="Clique-me" onClick={handleButtonClick} />`;
+
+#### Props
+
+O componente `Button` aceita as seguintes propriedades:
+
+- `label` (string, obrigatório): O texto exibido no botão.
+- `sx` (SxProps<Theme>): Estilos personalizados usando o sistema de estilos do Material-UI.
+- `color` (string): A cor do botão (inherit, primary, secondary, success, error, info, warning).
+- `size` (string): O tamanho do botão (small, medium, large).
+- `variant` (string): A variante do botão (text, outlined, contained).
+- `style` (React.CSSProperties): Estilos CSS adicionais.
+- `children` (ReactNode): Conteúdo adicional a ser exibido dentro do botão.
+- `onClick` (função): Uma função de callback para ser executada quando o botão for clicado.
+
+### Card
+
+`import { Card } from "norma-library`;
+
+`<Card title="Titulo do cartão" />conteúdo do card</card>`;
+
+#### Props
+
+O componente `Card` aceita as seguintes propriedades:
+
+- `title` (string, opcional): O título exibido no cabeçalho do card, se fornecido.
+- `children` (ReactNode, obrigatório): O conteúdo do card, que pode incluir qualquer componente ou conteúdo.
+
+### Modal
+
+`import { Modal} from "norma-library`;
+
+`<Modal open={open} onClose={handleClose} aria-labelledby="modal-modal-title" aria-describedby="modal-modal-description" onConfirm={handleConfirm}
+title="Titulo do modal">conteúdo do modal</modal>`;
+
+#### Props
+
+O componente `Modal` aceita as seguintes propriedades:
+
+- `sx` (SxProps<Theme>): Estilos personalizados usando o sistema de estilos do Material-UI.
+- `children` (React.ReactElement | React.ReactElement[]): Elementos filhos do modal.
+- `open` (boolean): Indica se o modal está aberto.
+- `onClose` (função): Função de callback chamada quando o modal é fechado.
+- `className` (string): Classe CSS adicional para estilização.
+- `title` (string): Título do modal.
+- `full` (boolean): Indica se o modal deve ocupar toda a largura.
+- `onConfirm` (função): Função de callback chamada quando o botão "Confirmar" é clicado.
+
+### TextField
+
+`import { TextField } from "norma-library`;
+
+`<TextField id="outlined-basic" label="Outlined" variant="outlined" />`;
+
+#### Props
+
+O componente `TextField` aceita as seguintes propriedades:
+
+- `label` (ReactNode): Rótulo exibido acima do campo de entrada.
+- `variant` (string): A variante do campo (standard, outlined, filled).
+- `value` (TextFieldValue): O valor do campo de entrada.
+- `onChange` (função): Função de callback chamada quando o valor do campo muda.
+- `disabled` (boolean): Indica se o campo de entrada está desabilitado.
+- `required` (boolean): Indica se o campo de entrada é obrigatório.
+- `hasError` (boolean): Indica se o campo de entrada possui erro.
+- E outras propriedades relacionadas a estilos, tamanho, id, etc.
+
+### CheckBox
+
+`import { CheckBox } from "norma-library`;
+
+`<CheckBox id="checkbox-basic" label="Checkbox" checked={checked} onChange={handleCheckboxChange} />`;
+
+#### Props
+
+O componente `CheckBox` aceita as seguintes propriedades:
+
+- `label` (ReactNode): Rótulo exibido acima do campo de entrada.
+- `checked ` (boolean): Indica se a caixa de seleção está marcada.
+- `onChange` (função): Função de callback chamada quando o valor do campo muda.
+- `disabled` (boolean): Indica se o campo de entrada está desabilitado.
+- `color ` (string): A cor da caixa de seleção (primary, secondary, error, info, success, warning, default).
+- `size ` (string): O tamanho da caixa de seleção (small, medium).
+- `value` (TextFieldValue): O valor do campo de entrada.
+- E outras propriedades relacionadas a estilos, required, id, etc.
+
+### ProgressBar
+
+`import { ProgressBar } from "norma-library`;
+
+`<ProgressBar id="checkbox-basic" label="Checkbox" checked={checked} onChange={handleCheckboxChange} />`;
+
+#### Props
+
+O componente `ProgressBar` aceita as seguintes propriedades:
+
+- `sx` (SxProps<Theme>): Propriedade de estilo do Material-UI para estilizar o componente.
+- `usage` (number): O valor de uso para calcular a porcentagem da barra de progresso.
+- `value` (number): O valor da barra de progresso.
+- `total` (number): O valor total usado para calcular a porcentagem.
+- `label` (string): Texto do rótulo exibido acima da barra de progresso.
+- `colorCustom` (string): Cor personalizada para a barra de progresso.
+- `variant` ('determinate' | 'indeterminate' | 'buffer' | 'query'): O estilo da barra de progresso.
+- `color` (string): Cor da barra de progresso (primary, secondary, error, info, success, warning, inherit).