@zauru-sdk/components 1.0.52 → 1.0.53

package/dist/cjs/NavBar/NavBar.utils.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COLORS = void 0;
+exports.COLORS = {
+    sky: {
+        bg900: "bg-sky-900",
+        bg700: "bg-sky-700",
+        bg600: "bg-sky-600",
+        bg500: "bg-sky-500",
+        ring600: "ring-sky-600",
+        ring500: "ring-sky-500",
+    },
+    purple: {
+        bg900: "bg-purple-900",
+        bg700: "bg-purple-700",
+        bg600: "bg-purple-600",
+        bg500: "bg-purple-500",
+        ring600: "ring-purple-600",
+        ring500: "ring-purple-500",
+    },
+    pink: {
+        bg900: "bg-pink-900",
+        bg700: "bg-pink-700",
+        bg600: "bg-pink-600",
+        bg500: "bg-pink-500",
+        ring600: "ring-pink-600",
+        ring500: "ring-pink-500",
+    },
+    slate: {
+        bg900: "bg-slate-900",
+        bg700: "bg-slate-700",
+        bg600: "bg-slate-600",
+        bg500: "bg-slate-500",
+        ring600: "ring-slate-600",
+        ring500: "ring-slate-500",
+    },
+    green: {
+        bg900: "bg-green-900",
+        bg700: "bg-green-700",
+        bg600: "bg-green-600",
+        bg500: "bg-green-500",
+        ring600: "ring-green-600",
+        ring500: "ring-green-500",
+    },
+    yellow: {
+        bg900: "bg-yellow-900",
+        bg700: "bg-yellow-700",
+        bg600: "bg-yellow-600",
+        bg500: "bg-yellow-500",
+        ring600: "ring-yellow-600",
+        ring500: "ring-yellow-500",
+    },
+    red: {
+        bg900: "bg-red-900",
+        bg700: "bg-red-700",
+        bg600: "bg-red-600",
+        bg500: "bg-red-500",
+        ring600: "ring-red-600",
+        ring500: "ring-red-500",
+    },
+};

package/dist/cjs/NavBar/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./NavBar.js"), exports);
+__exportStar(require("./NavBar.types.js"), exports);
+__exportStar(require("./NavBar.utils.js"), exports);

package/dist/cjs/ProgressBar/ProgressBar.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ProgressBar = (props) => {
+    const { title, percent } = props;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: percent && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [title && (0, jsx_runtime_1.jsx)("div", { className: "mb-1 text-lg font-medium", children: title }), (0, jsx_runtime_1.jsx)("div", { className: "w-full h-6 bg-gray-200 rounded-full", children: (0, jsx_runtime_1.jsx)("div", { className: "h-6 bg-blue-600 rounded-full", style: { width: `${percent}%` } }) })] })) }));
+};
+exports.ProgressBar = ProgressBar;

package/dist/cjs/ProgressBar/ProgressCircle.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressCircle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ProgressCircle = ({ total, completed, description, title, }) => {
+    const [percentage, setPercentage] = (0, react_1.useState)(0);
+    const strokeDasharray = 2 * Math.PI * 42; // radio del circulo
+    const progressColor = `rgba(${255 - 2.55 * percentage}, ${2.55 * percentage}, 0)`;
+    (0, react_1.useEffect)(() => {
+        if (total > 0) {
+            setPercentage((completed / total) * 100);
+        }
+        else {
+            setPercentage(100);
+        }
+    }, [total, completed]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center", children: [title && ((0, jsx_runtime_1.jsx)("h2", { className: "mb-4 text-xl text-center text-gray-700", children: title })), (0, jsx_runtime_1.jsxs)("svg", { width: "100", height: "100", className: "relative", children: [(0, jsx_runtime_1.jsx)("circle", { r: "42", cx: "50", cy: "50", fill: "transparent", stroke: "#eee", strokeWidth: "8" }), (0, jsx_runtime_1.jsx)("circle", { r: "42", cx: "50", cy: "50", fill: "transparent", stroke: progressColor, strokeWidth: "8", strokeDasharray: strokeDasharray, strokeDashoffset: strokeDasharray - strokeDasharray * (percentage / 100), strokeLinecap: "round", style: {
+                            transform: "rotate(-90deg)",
+                            transformOrigin: "50% 50%",
+                        } }), (0, jsx_runtime_1.jsx)("text", { x: "50", y: "55", textAnchor: "middle", fill: progressColor, style: {
+                            fontSize: "16px",
+                            fontWeight: "bold",
+                        }, children: `${Math.round(percentage)}%` })] }), (0, jsx_runtime_1.jsx)("p", { className: "mt-2 text-center text-gray-500", children: description })] }));
+};
+exports.ProgressCircle = ProgressCircle;

package/dist/cjs/ProgressBar/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ProgressBar.js"), exports);
+__exportStar(require("./ProgressCircle.js"), exports);

package/dist/cjs/Skeletons/LoadingInputSkeleton.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingInputSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LoadingInputSkeleton = () => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "w-full h-full bg-gray-300 animate-pulse rounded", style: {
+            maxWidth: "100%",
+            height: "40px",
+            boxShadow: "0px 0px 0px 1px rgba(0, 0, 0, 0.1)",
+        } }));
+};
+exports.LoadingInputSkeleton = LoadingInputSkeleton;

package/dist/cjs/Skeletons/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./LoadingInputSkeleton.js"), exports);

package/dist/cjs/Tab/Tab.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const node_1 = require("@remix-run/node");
+const react_1 = require("@remix-run/react");
+const react_2 = __importDefault(require("react"));
+//<reference> https://www.creative-tim.com/learning-lab/tailwind-starter-kit/documentation/react/tabs/text
+const Tabs = (props) => {
+    const { items } = props;
+    const [openTab, setOpenTab] = react_2.default.useState(1);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap", children: (0, jsx_runtime_1.jsxs)("div", { className: "w-full", children: [(0, jsx_runtime_1.jsx)("ul", { className: "flex mb-0 list-none flex-wrap pt-3 pb-4 flex-row", role: "tablist", children: items?.map((item, index) => {
+                            return ((0, jsx_runtime_1.jsx)("li", { className: "mb-px mr-2 last:mr-0 flex-auto text-center", children: (0, jsx_runtime_1.jsx)("a", { className: "text-xs font-bold uppercase px-5 py-3 shadow-lg rounded block leading-normal " +
+                                        (openTab === index
+                                            ? "text-white bg-red-600"
+                                            : "text-red-600 bg-white"), onClick: (e) => {
+                                        e.preventDefault();
+                                        setOpenTab(index);
+                                        (0, node_1.redirect)(item.link);
+                                    }, "data-toggle": "tab", href: item.link, role: "tablist", children: item.title }, index) }, index));
+                        }) }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded", children: (0, jsx_runtime_1.jsx)("div", { className: "px-4 py-5 flex-auto", children: (0, jsx_runtime_1.jsx)("div", { className: "tab-content tab-space", children: (0, jsx_runtime_1.jsx)(react_1.Outlet, {}) }) }) })] }) }) }));
+};
+exports.Tabs = Tabs;

package/dist/cjs/Tab/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Tab.js"), exports);

package/dist/cjs/Table/ZauruTable.js

@@ -0,0 +1,177 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZauruTable = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@remix-run/react");
+const react_2 = require("react");
+const react_data_table_component_1 = require("react-data-table-component");
+const icons_1 = require("@zauru-sdk/icons");
+const ReactDataTableComponent = __importStar(require("react-data-table-component"));
+const DataTable = ReactDataTableComponent.default;
+const customStyles = {
+    headCells: {
+        style: {
+            color: "#202124",
+            fontSize: "14px",
+            justifyContent: "left", // Alinea el texto a la izquierda
+            whiteSpace: "normal", // Permite el ajuste de texto
+            wordBreak: "break-word", // Asegura que las palabras se rompan correctamente para evitar desbordamientos
+            maxWidth: "150px", // Establece un ancho máximo para las celdas del encabezado
+        },
+    },
+    rows: {
+        highlightOnHoverStyle: {
+            backgroundColor: "rgb(230, 244, 244)",
+            borderBottomColor: "#FFFFFF",
+            borderRadius: "25px",
+            outline: "1px solid #FFFFFF",
+        },
+    },
+    pagination: {
+        style: {
+            border: "none",
+        },
+    },
+};
+(0, react_data_table_component_1.createTheme)("solarized", {
+    text: {
+        primary: "#002b36",
+        secondary: "#002b36",
+    },
+    background: {
+        default: "#f9f9f9",
+    },
+    context: {
+        background: "#cb4b16",
+        text: "#555555",
+    },
+    divider: {
+        default: "#e2e4ff",
+    },
+    action: {
+        button: "rgba(0,0,0,.54)",
+        hover: "rgba(0,0,0,.08)",
+        disabled: "rgba(0,0,0,.12)",
+    },
+    headRow: {
+        background: "black",
+    },
+});
+(0, react_data_table_component_1.createTheme)("subTable", {
+    text: {
+        primary: "#002b36",
+        secondary: "#002b36",
+    },
+    background: {
+        default: "#e9e9e9",
+    },
+    context: {
+        background: "#cb4b16",
+        text: "#555555",
+    },
+    divider: {
+        default: "#e2e4ff",
+    },
+    action: {
+        button: "rgba(0,0,0,.54)",
+        hover: "rgba(0,0,0,.08)",
+        disabled: "rgba(0,0,0,.12)",
+    },
+    headRow: {
+        background: "black",
+    },
+});
+//Documentación de la tabla https://react-data-table-component.netlify.app/?path=/docs/getting-started-intro--docs
+const ZauruTable = (props) => {
+    const { columns, conditionalRowStyles, data, loading = false, pagination, search, expandable, theme, className, offlineSearch = [], whitOutPagination = false, ...others } = props;
+    const [, setSearchParams] = (0, react_1.useSearchParams)({
+        page: "1",
+        perPage: "10",
+        search: "",
+    });
+    const [filteredData, setFilteredData] = (0, react_2.useState)(data);
+    const [showTable, setShowTable] = (0, react_2.useState)(false);
+    (0, react_2.useEffect)(() => {
+        setShowTable(true);
+    }, []);
+    (0, react_2.useEffect)(() => {
+        setFilteredData(data);
+    }, [data]);
+    const subHeaderComponentMemo = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { name: "search", type: "text", placeholder: search?.placeholderSearch ?? "Filtrar", "aria-label": "Search Input", className: "bg-gray-50 border border-gray-300 text-gray-900 rounded-lg px-2", onChange: (event) => {
+                    const searchTerm = event.target.value;
+                    if (offlineSearch.length > 0) {
+                        filterData(searchTerm);
+                    }
+                }, onBlur: (event) => {
+                    const searchTerm = event.target.value;
+                    if (offlineSearch.length <= 0 && search) {
+                        setSearchParams((prevState) => ({
+                            ...Object.fromEntries(prevState),
+                            search: searchTerm,
+                        }));
+                    }
+                } }), (0, jsx_runtime_1.jsx)("button", { type: "button", name: "search", className: "px-2 font-bold", children: (0, jsx_runtime_1.jsx)(icons_1.SearchSVG, {}) })] }));
+    const filterData = (searchTerm) => {
+        if (!searchTerm || !offlineSearch || offlineSearch.length === 0) {
+            setFilteredData(data);
+            return;
+        }
+        const filtered = data.filter((item) => offlineSearch.some((field) => item[field] &&
+            item[field]
+                .toString()
+                .toLowerCase()
+                .includes(searchTerm.toLowerCase())));
+        setFilteredData(filtered);
+    };
+    const handlePageChange = (page) => {
+        //hacer el fetch de más datos
+        setSearchParams((prevState) => ({
+            ...Object.fromEntries(prevState),
+            page: page.toString(),
+        }));
+    };
+    const handlePerRowsChange = async (newPerPage, page) => {
+        //hacer el fetch de más datos
+        setSearchParams((prevState) => ({
+            ...Object.fromEntries(prevState),
+            perPage: newPerPage.toString(),
+        }));
+    };
+    if (!showTable) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Loading..." });
+    }
+    //Textos en español de la tabla
+    const paginationComponentOptions = {
+        rowsPerPageText: "Filas por página",
+        rangeSeparatorText: "de",
+        selectAllRowsItem: true,
+        selectAllRowsItemText: "Todos",
+    };
+    const loadSubHeader = !!(search || offlineSearch.length > 0);
+    const subHeaderComponent = loadSubHeader ? subHeaderComponentMemo : undefined;
+    return ((0, jsx_runtime_1.jsx)(DataTable, { className: className, subHeaderWrap: true, theme: theme ?? "solarized", columns: columns, conditionalRowStyles: conditionalRowStyles, data: filteredData, customStyles: customStyles, progressPending: loading, highlightOnHover: true, pointerOnHover: true, dense: true, striped: true, pagination: !whitOutPagination, persistTableHead: true, responsive: true, noHeader: true, expandableRows: !!expandable, expandableRowExpanded: expandable ? expandable.expandableRowExpanded : undefined, expandableRowsComponent: expandable ? expandable.expandableRowsComponent : undefined, subHeader: loadSubHeader, subHeaderComponent: subHeaderComponent, paginationServer: !!pagination, paginationTotalRows: pagination ? pagination.totalRows : undefined, onChangeRowsPerPage: pagination ? handlePerRowsChange : undefined, onChangePage: pagination ? handlePageChange : undefined, paginationComponentOptions: paginationComponentOptions, paginationRowsPerPageOptions: pagination?.rowsPerPageOptions ? pagination.rowsPerPageOptions : [10], ...others }));
+};
+exports.ZauruTable = ZauruTable;

package/dist/cjs/Table/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ZauruTable.js"), exports);

package/dist/cjs/TaskList/TaskList.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskList = exports.Task = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Task = ({ task }) => {
+    const [isDescriptionOpen, setIsDescriptionOpen] = (0, react_1.useState)(false);
+    let statusIcon;
+    let taskStyle = {};
+    let bgColor;
+    switch (task.status) {
+        case "waiting":
+            statusIcon = "🕗"; // Icono de reloj (como un ejemplo, puedes reemplazarlo con un ícono o SVG real)
+            taskStyle = { opacity: 0.5 }; // estilo disabled
+            bgColor = "bg-gray-200"; // Color de fondo gris
+            break;
+        case "processing":
+            statusIcon = "⏳"; // Icono de reloj de arena
+            taskStyle = { fontWeight: "bold" }; // estilo negrita
+            bgColor = "bg-blue-200"; // Color de fondo azul
+            break;
+        case "done":
+            statusIcon = "✅"; // Icono de check
+            bgColor = "bg-green-200"; // Color de fondo verde
+            break;
+        case "error":
+            statusIcon = "❌"; // Icono de cruz
+            taskStyle = { color: "red" }; // estilo color rojo
+            bgColor = "bg-red-200"; // Color de fondo rojo
+            break;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { style: taskStyle, className: `${bgColor} rounded-lg p-3 mb-3 ${task.description ? "cursor-pointer" : ""}`, onClick: () => task.description && setIsDescriptionOpen(!isDescriptionOpen), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { children: [statusIcon, " ", task.title, " ", `${task.status === "processing" ? "..." : ""}`] }), task.description && (0, jsx_runtime_1.jsx)("div", { children: "\u25BC" })] }), task.description && isDescriptionOpen && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2", children: task.description }))] }));
+};
+exports.Task = Task;
+const TaskList = ({ tasks }) => {
+    const completedTasks = tasks.filter((task) => task.status === "done" || task.status === "error").length;
+    const progressPercentage = (completedTasks / tasks.length) * 100;
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [tasks.map((task, index) => ((0, jsx_runtime_1.jsx)(exports.Task, { task: task }, index))), (0, jsx_runtime_1.jsx)("div", { className: "h-2 bg-gray-200 rounded-lg mt-3", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-green-500 h-full rounded-lg", style: { width: `${progressPercentage}%`, transition: "width 0.5s" } }) })] }));
+};
+exports.TaskList = TaskList;

package/dist/cjs/TaskList/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TaskList.js"), exports);

package/dist/cjs/Titles/LabelArray.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabelArray = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+//Component to show all information in an array
+const LabelArray = ({ info }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "divide-y divide-gray-100", children: info?.map((x) => {
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "my-1 pt-2", children: [(0, jsx_runtime_1.jsxs)("p", { className: "inline font-bold text-lg", children: [x?.label, ": "] }), (0, jsx_runtime_1.jsx)("p", { className: "inline text-lg", children: x?.value })] }, x?.label));
+        }) }));
+};
+exports.LabelArray = LabelArray;

package/dist/cjs/Titles/TableColumnTitle.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableColumnTitle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+//column title for datatables
+const TableColumnTitle = ({ textContent }) => {
+    return ((0, jsx_runtime_1.jsx)("p", { className: "font-bold text-sm line-clamp-3 text-center", children: textContent }));
+};
+exports.TableColumnTitle = TableColumnTitle;

package/dist/cjs/Titles/TitleH1.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleH1 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+//H1 Title Component
+const TitleH1 = ({ texto }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "mb-1", children: (0, jsx_runtime_1.jsx)("h1", { className: "text-4xl font-bold leading-normal mt-0 mb-2 text-zinc-800", children: texto }) }));
+};
+exports.TitleH1 = TitleH1;

package/dist/cjs/Titles/TitleH2.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleH2 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+//H2 Title Component
+const TitleH2 = ({ texto }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "py-1 ", children: (0, jsx_runtime_1.jsx)("h2", { className: "text-2xl font-bold leading-normal mt-0 mb-2 text-zinc-800", children: texto }) }));
+};
+exports.TitleH2 = TitleH2;

package/dist/cjs/Titles/TitleH3.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleH3 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+//H3 Title Component
+const TitleH3 = ({ texto }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "py-1 ", children: (0, jsx_runtime_1.jsx)("h3", { className: "text-xl leading-normal mt-0 mb-2 text-zinc-800", children: texto }) }));
+};
+exports.TitleH3 = TitleH3;

package/dist/cjs/Titles/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./LabelArray.js"), exports);
+__exportStar(require("./TableColumnTitle.js"), exports);
+__exportStar(require("./TitleH1.js"), exports);
+__exportStar(require("./TitleH2.js"), exports);
+__exportStar(require("./TitleH3.js"), exports);

package/dist/cjs/Tooltip/Tooltip.js

@@ -0,0 +1,18 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Tooltip = ({ children, text }) => {
+    const [show, setShow] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [(0, jsx_runtime_1.jsx)("div", { onMouseEnter: () => setShow(true), onMouseLeave: () => setShow(false), children: children }), show && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute z-10 bg-gray-700 text-white px-2 py-1 rounded-md bottom-full left-1/2 transform -translate-x-1/2", style: { whiteSpace: "nowrap", height: "2rem" }, children: [text, (0, jsx_runtime_1.jsx)("div", { className: "absolute top-full left-1/2 transform -translate-x-1/2", style: {
+                            width: "0",
+                            height: "0",
+                            borderTop: "6px solid transparent",
+                            borderLeft: "6px solid transparent",
+                            borderRight: "6px solid transparent",
+                            borderBottom: "6px solid gray",
+                        } })] }))] }));
+};
+exports.Tooltip = Tooltip;

package/dist/cjs/Tooltip/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Tooltip.js"), exports);

package/dist/cjs/WithTooltip/WithTooltip.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithTooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WithTooltip = (props) => {
+    const { children, text } = props;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("span", { className: "group relative", children: [children, (0, jsx_runtime_1.jsx)("span", { className: "pointer-events-none absolute -top-10 left-1/2 -translate-x-1/2 whitespace-nowrap rounded bg-black px-2 py-1 text-white opacity-0 transition z-50 before:absolute before:left-1/2 before:top-full before:-translate-x-1/2 before:border-4 before:border-transparent before:border-t-black before:content-[''] group-hover:opacity-100 before:z-50", children: text })] }) }));
+};
+exports.WithTooltip = WithTooltip;

package/dist/cjs/WithTooltip/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./WithTooltip.js"), exports);

package/dist/cjs/Wizards/StepWizard.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepWizardComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const index_js_1 = require("../Skeletons/index.js");
+const StepWizardComponent = ({ steps, showStepName = false, loading = false, }) => {
+    const [currentStep, setCurrentStep] = (0, react_1.useState)(0);
+    if (loading) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "lg:grid lg:grid-cols-10 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "lg:col-span-2", children: [(0, jsx_runtime_1.jsx)("select", { className: "lg:hidden mb-5 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md", children: (0, jsx_runtime_1.jsx)("option", {}) }), (0, jsx_runtime_1.jsx)("div", { className: "hidden lg:block", children: (0, jsx_runtime_1.jsx)(index_js_1.LoadingInputSkeleton, {}) })] }), (0, jsx_runtime_1.jsx)("div", { className: "lg:col-span-8", children: (0, jsx_runtime_1.jsx)(index_js_1.LoadingInputSkeleton, {}) })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "lg:grid lg:grid-cols-10 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "lg:col-span-2", children: [(0, jsx_runtime_1.jsx)("select", { className: "lg:hidden mb-5 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md", onChange: (e) => setCurrentStep(parseInt(e.target.value)), value: currentStep, children: steps.map((step, index) => ((0, jsx_runtime_1.jsx)("option", { value: index, children: showStepName ? step.stepName : `Step ${index + 1}` }, index))) }), (0, jsx_runtime_1.jsx)("div", { className: "scroll-hidden hidden lg:block", children: steps.map((step, index) => ((0, jsx_runtime_1.jsx)("div", { onClick: () => setCurrentStep(index), className: `py-2 px-4 mt-5 cursor-pointer rounded ${currentStep === index
+                                ? "bg-blue-500 text-white"
+                                : "text-blue-500 hover:bg-gray-100 border border-gray-300"} ${showStepName
+                                ? "text-wrap break-words"
+                                : "rounded-full w-8 h-8 flex items-center justify-center"}`, children: showStepName ? step.stepName : index + 1 }, index))) })] }), (0, jsx_runtime_1.jsx)("div", { className: "lg:col-span-8", children: steps.map((step, index) => ((0, jsx_runtime_1.jsx)("div", { className: currentStep === index ? "block" : "hidden", children: step.component }, index))) })] }));
+};
+exports.StepWizardComponent = StepWizardComponent;