@grazziotin/react-components 1.0.3 → 1.0.4

package/dist/components/barcode/utils/constants.js

@@ -0,0 +1,224 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+/**
+ * Mensagens de erro e informação para o componente
+ */
+export var MENSAGENS = {
+    HTTPS_REQUERIDO: 'Esta funcionalidade só está disponível em dispositivos móveis e com conexão segura (HTTPS).',
+    TITULO: 'Leitor de código de barras',
+};
+/**
+ * Mapa de mensagens de erro para diferentes tipos de erro de câmera
+ */
+export var MENSAGENS_ERRO_CAMERA = new Map([
+    [
+        'NotAllowedError',
+        'Permissão da câmera negada. Verifique as configurações do navegador',
+    ],
+    [
+        'PermissionDeniedError',
+        'Permissão da câmera negada. Verifique as configurações do navegador',
+    ],
+    ['NotFoundError', 'Câmera não encontrada no dispositivo'],
+    ['DevicesNotFoundError', 'Câmera não encontrada no dispositivo'],
+    ['NotReadableError', 'Câmera está sendo usada por outro aplicativo'],
+    ['TrackStartError', 'Câmera está sendo usada por outro aplicativo'],
+    ['OverconstrainedError', 'Câmera não suporta as configurações solicitadas'],
+    [
+        'ConstraintNotSatisfiedError',
+        'Câmera não suporta as configurações solicitadas',
+    ],
+    ['NotSupportedError', 'Navegador não suporta acesso à câmera'],
+    ['TypeError', 'Erro de configuração. Verifique se está usando HTTPS'],
+]);
+/**
+ * Configurações de timeout e delays
+ */
+export var TIMEOUTS = {
+    CONFIRMACAO_THRESHOLD: 2,
+    LIMPEZA_CONTADOR: 3000,
+    INICIALIZACAO: 300,
+    LOADING_DELAY: 1000,
+    FECHAMENTO_MODAL: 100,
+    TENTAR_NOVAMENTE: 200,
+};
+/**
+ * Configurações de validação
+ */
+export var VALIDACAO = {
+    TAMANHO_MINIMO_CODIGO: 3,
+    REGEX_CARACTERES_REPETIDOS: /^(.)\1{5,}$/,
+};
+/**
+ * Configurações da câmera
+ */
+export var CONFIG_CAMERA = {
+    CONSTRAINTS: {
+        WIDTH: { min: 640, ideal: 1280, max: 1920 },
+        HEIGHT: { min: 480, ideal: 720, max: 1080 },
+        ASPECT_RATIO: { ideal: 1.7777777778 },
+    },
+    AREA_SCANNER: { top: '20%', right: '10%', left: '10%', bottom: '20%' },
+    WORKERS: { MOBILE: 2, DESKTOP: 4 },
+};
+/**
+ * Readers suportados pelo Quagga
+ */
+export var READERS_SUPORTADOS = [
+    'code_128_reader',
+    'ean_reader',
+    'ean_8_reader',
+    'code_39_reader',
+    'code_39_vin_reader',
+    'codabar_reader',
+    'upc_reader',
+    'upc_e_reader',
+    'i2of5_reader',
+    'code_93_reader',
+];
+/**
+ * Configuração padrão do Quagga
+ */
+export var getQuaggaConfig = function (target, isMobile) { return ({
+    inputStream: {
+        name: 'Live',
+        type: 'LiveStream',
+        constraints: {
+            width: CONFIG_CAMERA.CONSTRAINTS.WIDTH,
+            height: CONFIG_CAMERA.CONSTRAINTS.HEIGHT,
+            facingMode: 'environment',
+            aspectRatio: CONFIG_CAMERA.CONSTRAINTS.ASPECT_RATIO,
+        },
+        target: target,
+        area: CONFIG_CAMERA.AREA_SCANNER,
+    },
+    locator: {
+        halfSample: true,
+        patchSize: isMobile ? 'medium' : 'large',
+        debug: {
+            showCanvas: false,
+            showPatches: false,
+            showFoundPatches: false,
+            showSkeleton: false,
+            showLabels: false,
+            showPatchLabels: false,
+            showRemainingPatchLabels: false,
+            boxFromPatches: {
+                showTransformed: false,
+                showTransformedBox: false,
+                showBB: false,
+            },
+        },
+    },
+    numOfWorkers: isMobile
+        ? CONFIG_CAMERA.WORKERS.MOBILE
+        : CONFIG_CAMERA.WORKERS.DESKTOP,
+    decoder: { readers: READERS_SUPORTADOS, multiple: false },
+    locate: true,
+    debug: false,
+    frequency: 5,
+}); };
+/**
+ * Verifica se o protocolo atual é HTTPS ou se está em desenvolvimento local
+ * @returns {boolean} True se for HTTPS ou localhost, false caso contrário
+ */
+export var contextoSeguro = function () {
+    return (globalThis.location.protocol === 'https:' ||
+        globalThis.location.hostname === 'localhost' ||
+        globalThis.location.hostname === '127.0.0.1');
+};
+/**
+ * Verifica se o navegador suporta acesso à câmera
+ * @throws {Error} Quando o navegador não suporta câmera ou não está em contexto seguro
+ */
+export var verificarSuporteCamera = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var devices, hasCamera;
+    var _a;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                if (!((_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia))
+                    throw new Error('Seu navegador não suporta acesso à câmera');
+                if (!contextoSeguro())
+                    throw new Error('Acesso à câmera requer HTTPS');
+                return [4 /*yield*/, navigator.mediaDevices.enumerateDevices()];
+            case 1:
+                devices = _b.sent();
+                hasCamera = devices.some(function (device) { return device.kind === 'videoinput'; });
+                if (!hasCamera) {
+                    throw new Error('Nenhuma câmera encontrada no dispositivo');
+                }
+                return [2 /*return*/];
+        }
+    });
+}); };
+/**
+ * Solicita permissão para acessar a câmera
+ * @returns {Promise<boolean>} True se a permissão foi concedida
+ * @throws {Error} Quando a permissão é negada ou há erro no acesso
+ */
+export var solicitarPermissaoCamera = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var stream, err_1, error, message;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 2, , 3]);
+                return [4 /*yield*/, navigator.mediaDevices.getUserMedia({
+                        video: { facingMode: 'environment' },
+                        audio: false,
+                    })];
+            case 1:
+                stream = _a.sent();
+                stream.getTracks().forEach(function (track) { return track.stop(); });
+                return [2 /*return*/, true];
+            case 2:
+                err_1 = _a.sent();
+                error = err_1;
+                message = MENSAGENS_ERRO_CAMERA.get(error.name) || 'Erro ao acessar câmera';
+                throw new Error(message);
+            case 3: return [2 /*return*/];
+        }
+    });
+}); };
+export var style = {
+    padding: '16px',
+    color: '#D32F2F',
+    textAlign: 'center',
+    backgroundColor: '#FFEBEE',
+    borderRadius: '4px',
+    border: '1px solid #FFCDD2',
+};

package/dist/components/barcode/utils/interface.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Props para o componente BarcodeDialog
+ * @interface BarcodeDialogProps
+ */
+export interface BarcodeDialogProps {
+    /** Estado que controla se o dialog está aberto ou fechado */
+    open: boolean;
+    /** Função callback para definir o código de barras lido */
+    setCode: (code: string) => void;
+    /** Função para alterar o estado de abertura/fechamento do dialog */
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+}
+/**
+ * Props para o componente BarcodeScanner
+ * @interface BarcodeScannerProps
+ */
+export interface BarcodeScannerProps {
+    setCode: (code: string) => void;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}
+/**
+ * Interface para representar uma caixa/box no resultado do Quagga
+ * @interface Box
+ */
+export interface Box {
+    x: number;
+    y: number;
+}
+/**
+ * Interface para o resultado do processamento do Quagga
+ * @interface QuaggaResult
+ */
+export interface QuaggaResult {
+    boxes?: Box[];
+    box?: Box;
+    line?: Box;
+    codeResult?: {
+        code: string;
+        format?: string;
+    };
+}
+/**
+ * Interface para erros do Quagga
+ * @interface QuaggaError
+ */
+export interface QuaggaError {
+    name: string;
+    message: string;
+}

package/dist/components/barcode/utils/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/button/button-excel/index.d.ts

@@ -0,0 +1,32 @@
+export interface ButtonExcelProps<T> {
+    mr?: boolean;
+    nomeArq: string;
+    nomePlanilha?: string;
+    cabecalhos: string[];
+    keys: string[];
+    data: T[];
+    filho?: string;
+    widthColumn?: {
+        width: number;
+        column: string;
+    }[];
+    title?: string;
+    onLoading?: (e: boolean) => void;
+}
+/**
+ * Componente de botão para download de dados em formato Excel.
+ *
+ * @component
+ * @param {object} props - Propriedades do componente.
+ * @param {boolean} [props.mr] - Indica se deve haver margem à direita.
+ * @param {string} props.nomeArq - Nome do arquivo Excel a ser baixado.
+ * @param {string} [props.nomePlanilha] - Nome da planilha no arquivo Excel.
+ * @param {string[]} props.cabecalhos - Cabeçalhos das colunas da planilha.
+ * @param {string[]} props.keys - Chaves para obter os valores das colunas a partir dos dados.
+ * @param {Array} props.data - Dados a serem incluídos na planilha.
+ * @param {string} [props.filho] - Nome da propriedade contendo dados filhos alinhados.
+ * @param {Array} [props.widthColumn] - Configuração da largura das colunas na planilha.
+ *
+ * @returns {JSX.Element} Retorna o JSX do componente ButtonExcel.
+ */
+export default function ButtonExcel<T>({ mr, cabecalhos, nomeArq, nomePlanilha, data, keys, filho, widthColumn, title, onLoading, }: Readonly<ButtonExcelProps<T>>): JSX.Element;

package/dist/components/button/button-excel/index.js

@@ -0,0 +1,143 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import ExcelJS from 'exceljs';
+import { cn } from 'src/lib/utils';
+import { Tooltip, Zoom } from '@mui/material';
+import { ExcelIcon } from 'src/components/icons';
+import Button from 'src/components/button';
+/**
+ * Componente de botão para download de dados em formato Excel.
+ *
+ * @component
+ * @param {object} props - Propriedades do componente.
+ * @param {boolean} [props.mr] - Indica se deve haver margem à direita.
+ * @param {string} props.nomeArq - Nome do arquivo Excel a ser baixado.
+ * @param {string} [props.nomePlanilha] - Nome da planilha no arquivo Excel.
+ * @param {string[]} props.cabecalhos - Cabeçalhos das colunas da planilha.
+ * @param {string[]} props.keys - Chaves para obter os valores das colunas a partir dos dados.
+ * @param {Array} props.data - Dados a serem incluídos na planilha.
+ * @param {string} [props.filho] - Nome da propriedade contendo dados filhos alinhados.
+ * @param {Array} [props.widthColumn] - Configuração da largura das colunas na planilha.
+ *
+ * @returns {JSX.Element} Retorna o JSX do componente ButtonExcel.
+ */
+export default function ButtonExcel(_a) {
+    /**
+     * Adiciona os valores da planilha à worksheet.
+     *
+     * @param {ExcelJS.Worksheet} ws - Instância da planilha Excel.
+     * @returns {Promise<void>} Uma Promise vazia.
+     */
+    var _this = this;
+    var mr = _a.mr, cabecalhos = _a.cabecalhos, nomeArq = _a.nomeArq, nomePlanilha = _a.nomePlanilha, data = _a.data, keys = _a.keys, _b = _a.filho, filho = _b === void 0 ? '' : _b, widthColumn = _a.widthColumn, _c = _a.title, title = _c === void 0 ? 'Download para excel' : _c, onLoading = _a.onLoading;
+    var addValoresPlanilha = function (ws) { return __awaiter(_this, void 0, void 0, function () {
+        var bordas, cabecalho;
+        return __generator(this, function (_a) {
+            bordas = {
+                top: { style: 'thin', color: { argb: '666666' } },
+                left: { style: 'thin', color: { argb: '666666' } },
+                bottom: { style: 'thin', color: { argb: '666666' } },
+                right: { style: 'thin', color: { argb: '666666' } },
+            };
+            cabecalho = ws.addRow(cabecalhos);
+            cabecalho.eachCell(function (cell) {
+                cell.fill = {
+                    type: 'pattern',
+                    pattern: 'solid',
+                    fgColor: { argb: '00B2A6' },
+                };
+                cell.font = { bold: true, name: 'Calibri' };
+                cell.alignment = {
+                    vertical: 'middle',
+                    horizontal: 'center',
+                };
+                cell.border = bordas;
+            });
+            data.forEach(function (v) {
+                var rowValues = keys.map(function (key) { return v[key]; });
+                var row = ws.addRow(rowValues);
+                widthColumn === null || widthColumn === void 0 ? void 0 : widthColumn.forEach(function (v) {
+                    ws.getColumn(v.column).width = v.width;
+                });
+                row.eachCell({ includeEmpty: true }, function (cell) {
+                    cell.border = bordas;
+                });
+                if (Object.hasOwn(v, filho)) {
+                    row.font = { bold: true, name: 'Calibri' };
+                    var arrayFilho = v[filho];
+                    if (Array.isArray(arrayFilho)) {
+                        arrayFilho.forEach(function (objFilho) {
+                            var valorAlterado = keys.map(function (key) { return objFilho[key]; });
+                            var row1 = ws.addRow(valorAlterado);
+                            row1.font = { name: 'Calibri' };
+                        });
+                        ws.addRow(['']);
+                    }
+                }
+            });
+            return [2 /*return*/];
+        });
+    }); };
+    var gerarExcel = function () { return __awaiter(_this, void 0, void 0, function () {
+        var wb, ws, buffer, blob, link;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onLoading && onLoading(true);
+                    wb = new ExcelJS.Workbook();
+                    ws = wb.addWorksheet(nomePlanilha !== null && nomePlanilha !== void 0 ? nomePlanilha : 'planilha');
+                    return [4 /*yield*/, addValoresPlanilha(ws)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, wb.xlsx.writeBuffer()];
+                case 2:
+                    buffer = _a.sent();
+                    blob = new Blob([buffer], {
+                        type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+                    });
+                    link = document.createElement('a');
+                    link.href = URL.createObjectURL(blob);
+                    link.download = "".concat(nomeArq, ".xlsx");
+                    link.click();
+                    onLoading && onLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsx(Tooltip, { placement: "left", title: title, TransitionComponent: Zoom, children: _jsx(Button, { variant: "contained", color: "primary", type: "button", borderRadius: "6px", onClick: function () { return gerarExcel(); }, className: cn('min-w-10 h-9 p-0 justify-center flex transition-all duration-300 hover:bg-grzsecondary [&_img]:w-5 [&_img]:h-5', { 'mr-4': mr }), children: _jsx(ExcelIcon, {}) }) }));
+}

package/dist/components/button/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ButtonProps } from '@mui/material';
+export type ButtonColor = 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning' | 'inherit';
+export interface ButtonDisprops extends ButtonProps {
+    width?: string;
+    height?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    borderRadius?: string;
+    textTransform?: 'uppercase' | 'none';
+    border?: string;
+    color?: ButtonColor;
+    variant?: 'contained' | 'outlined' | 'text';
+}
+/**
+ * button personalizado do MUI com a mesma extrutura mas com personalizações padrões do site
+ * @version 1.0.2
+ * @Flaviasoz
+ */
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonDisprops, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/components/button/index.js

@@ -0,0 +1,101 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Button as ButtonMui, ThemeProvider, createTheme, } from '@mui/material';
+var theme = createTheme({
+    palette: {
+        primary: {
+            main: '#00B2A6',
+            light: '#019F98',
+            dark: '#019F98',
+            contrastText: '#FFFFFF',
+        },
+        secondary: {
+            main: '#05376A',
+            light: '#253E56',
+            dark: '#253E56',
+            contrastText: '#FFFFFF',
+        },
+        error: {
+            main: '#EF4058',
+            light: '#CA3449',
+            dark: '#CA3449',
+            contrastText: '#FFFFFF',
+        },
+        warning: {
+            main: '#ECC005',
+            light: '#E0B605',
+            dark: '#E0B605',
+            contrastText: '#FFFFFF',
+        },
+        orange: {
+            main: '#ED5500',
+            light: '#E45505',
+            dark: '#E45505',
+            contrastText: '#FFFFFF',
+        },
+        purple: {
+            main: '#5E4FA2',
+            light: '#542788',
+            dark: '#542788',
+            contrastText: '#FFFFFF',
+        },
+        info: {
+            main: '#0878BD',
+            light: '#0768A4',
+            dark: '#0768A4',
+            contrastText: '#FFFFFF',
+        },
+        inherit: {
+            disabledBackground: '#E0E0E0 !important',
+            disabled: '#CBCBCB !important',
+        },
+    },
+});
+/**
+ * button personalizado do MUI com a mesma extrutura mas com personalizações padrões do site
+ * @version 1.0.2
+ * @Flaviasoz
+ */
+var Button = React.forwardRef(function (_a, ref) {
+    var width = _a.width, height = _a.height, children = _a.children, fontSize = _a.fontSize, fontWeight = _a.fontWeight, borderRadius = _a.borderRadius, textTransform = _a.textTransform, border = _a.border, _b = _a.color, color = _b === void 0 ? 'primary' : _b, rest = __rest(_a, ["width", "height", "children", "fontSize", "fontWeight", "borderRadius", "textTransform", "border", "color"]);
+    return (_jsx(ThemeProvider, { theme: theme, children: _jsx(ButtonMui, __assign({ ref: ref, color: (rest.disabled && 'inherit') || color, sx: {
+                '&.MuiButton-root': {
+                    fontSize: fontSize !== null && fontSize !== void 0 ? fontSize : '12px',
+                    fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : '800',
+                    fontFamily: 'Montserrat',
+                    textTransform: textTransform !== null && textTransform !== void 0 ? textTransform : 'uppercase',
+                    borderRadius: borderRadius !== null && borderRadius !== void 0 ? borderRadius : '8px',
+                    width: width,
+                    height: height,
+                    border: rest.variant === 'outlined' && !border && color === 'primary'
+                        ? '1px solid #00B2A6'
+                        : border,
+                    minWidth: 'auto',
+                    minHeight: 'auto',
+                },
+            } }, rest, { children: children || rest.title })) }));
+});
+Button.displayName = 'Button';
+export default Button;

package/dist/components/card/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface CardProps {
+    width?: string;
+    height?: string;
+    margin?: string;
+    borderRadius?: string;
+    titulo?: string;
+    widthTitulo?: string;
+    corTitulo?: string;
+    borderTitulo?: string;
+    justifyContentTitulo?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    children: React.ReactNode;
+    onClick?: () => void;
+    size?: 'small';
+}
+declare function Card({ width, height, margin, borderRadius, titulo, justifyContentTitulo, widthTitulo, corTitulo, borderTitulo, children, size, onClick, }: Readonly<CardProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Card {
+    var displayName: string;
+}
+declare const _default: React.MemoExoticComponent<typeof Card>;
+export default _default;

package/dist/components/card/index.js

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from 'src/lib/utils';
+import { memo } from 'react';
+import { useDimension } from 'src/hooks';
+function Card(_a) {
+    var width = _a.width, height = _a.height, margin = _a.margin, _b = _a.borderRadius, borderRadius = _b === void 0 ? '15px' : _b, titulo = _a.titulo, justifyContentTitulo = _a.justifyContentTitulo, widthTitulo = _a.widthTitulo, corTitulo = _a.corTitulo, borderTitulo = _a.borderTitulo, children = _a.children, size = _a.size, onClick = _a.onClick;
+    var mobile = useDimension(800);
+    var pl = mobile || justifyContentTitulo === 'flex-start' ? '20px' : '0px';
+    var containerProps = onClick
+        ? {
+            role: 'button',
+            tabIndex: 0,
+            onClick: onClick,
+            onKeyDown: function (e) {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    onClick();
+                }
+            },
+        }
+        : {};
+    return (_jsxs("div", __assign({ className: cn('pb-5 bg-white shadow-(--shadow-3-strong) max-w-full', onClick && 'cursor-pointer', size === 'small' && 'text-sm pb-3'), style: {
+            width: width !== null && width !== void 0 ? width : 'auto',
+            height: height,
+            margin: margin,
+            borderRadius: borderRadius,
+        } }, containerProps, { children: [titulo != null && titulo !== '' && (_jsx("div", { className: "flex flex-row text-white items-center overflow-hidden", style: {
+                    justifyContent: justifyContentTitulo !== null && justifyContentTitulo !== void 0 ? justifyContentTitulo : 'center',
+                    width: widthTitulo !== null && widthTitulo !== void 0 ? widthTitulo : '50%',
+                    backgroundColor: corTitulo !== null && corTitulo !== void 0 ? corTitulo : '#00B2A6',
+                    borderRadius: borderTitulo !== null && borderTitulo !== void 0 ? borderTitulo : "".concat(borderRadius, " 0px ").concat(Number(borderRadius.replace('px', '')) * 1.5, "px 0px"),
+                    paddingLeft: pl,
+                    height: size === 'small' ? '24px' : '32px',
+                }, children: _jsx("p", { className: "font-semibold whitespace-nowrap overflow-hidden text-ellipsis", children: titulo }) })), _jsx("div", { className: "text-system-900 bg-white", children: children })] })));
+}
+Card.displayName = 'Card';
+export default memo(Card);

package/dist/components/datatable/index.d.ts

@@ -0,0 +1,8 @@
+import { type DataGridProps } from '@mui/x-data-grid';
+export interface DataTableHeaderProps {
+    title?: string;
+    countText?: string;
+}
+export type DataTableProps = DataGridProps & DataTableHeaderProps;
+declare const DataTable: ({ title, countText, ...rest }: DataTableProps) => import("react/jsx-runtime").JSX.Element;
+export default DataTable;