@zauru-sdk/components 1.0.117 → 1.0.120

package/dist/cjs/Layouts/homeLayout/index.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HomeLayout = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@remix-run/react");
-const HomeLayout = ({ title, description, loading, color = "green", }) => {
-    const getColorClasses = (shade) => {
-        switch (color) {
-            case "blue":
-                return `bg-blue-${shade}`;
-            case "red":
-                return `bg-red-${shade}`;
-            case "purple":
-                return `bg-purple-${shade}`;
-            case "yellow":
-                return `bg-yellow-${shade}`;
-            default:
-                return `bg-green-${shade}`;
-        }
-    };
-    const getGradientClasses = () => {
-        switch (color) {
-            case "blue":
-                return "from-blue-100 to-blue-200";
-            case "red":
-                return "from-red-100 to-red-200";
-            case "purple":
-                return "from-purple-100 to-purple-200";
-            case "yellow":
-                return "from-yellow-100 to-yellow-200";
-            default:
-                return "from-green-100 to-green-200";
-        }
-    };
-    const getButtonClasses = () => {
-        switch (color) {
-            case "blue":
-                return "bg-blue-600 hover:bg-blue-700 focus:ring-blue-500";
-            case "red":
-                return "bg-red-600 hover:bg-red-700 focus:ring-red-500";
-            case "purple":
-                return "bg-purple-600 hover:bg-purple-700 focus:ring-purple-500";
-            case "yellow":
-                return "bg-yellow-600 hover:bg-yellow-700 focus:ring-yellow-500";
-            default:
-                return "bg-green-600 hover:bg-green-700 focus:ring-green-500";
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `min-h-screen bg-gradient-to-br ${getGradientClasses()} flex flex-col justify-center py-12 sm:px-6 lg:px-8 relative overflow-hidden`, children: [(0, jsx_runtime_1.jsx)("div", { className: `absolute top-0 left-0 w-64 h-64 ${getColorClasses(500)} rounded-full -translate-x-1/2 -translate-y-1/2 opacity-50` }), (0, jsx_runtime_1.jsx)("div", { className: `absolute bottom-0 right-0 w-96 h-96 ${getColorClasses(600)} rounded-full translate-x-1/3 translate-y-1/3 opacity-40` }), (0, jsx_runtime_1.jsx)("div", { className: `absolute top-1/2 left-1/4 w-48 h-48 ${getColorClasses(400)} rounded-full opacity-30` }), (0, jsx_runtime_1.jsx)("div", { className: `absolute top-1/3 right-1/4 w-32 h-32 ${getColorClasses(500)} rounded-full opacity-25` }), (0, jsx_runtime_1.jsx)("div", { className: `absolute bottom-1/4 left-1/3 w-40 h-40 ${getColorClasses(400)} rounded-full opacity-20` }), (0, jsx_runtime_1.jsx)("div", { className: `absolute top-3/4 right-1/2 w-24 h-24 ${getColorClasses(600)} rounded-full opacity-15` }), (0, jsx_runtime_1.jsxs)("div", { className: "sm:mx-auto sm:w-full sm:max-w-md relative z-10", children: [(0, jsx_runtime_1.jsx)("img", { className: "mx-auto h-12 w-auto", src: "/logo.png", alt: "Zauru Logo" }), (0, jsx_runtime_1.jsx)("h2", { className: "mt-6 text-center text-3xl font-extrabold text-gray-900", children: title ?? "Bienvenido" }), (0, jsx_runtime_1.jsx)("p", { className: "mt-2 text-center text-sm text-gray-600", children: description ?? "Inicie sesión para acceder a su cuenta" })] }), loading ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) : ((0, jsx_runtime_1.jsx)("div", { className: "mt-8 sm:mx-auto sm:w-full sm:max-w-md relative z-10", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-white bg-opacity-90 py-8 px-4 shadow-lg sm:rounded-lg sm:px-10", children: (0, jsx_runtime_1.jsx)(react_1.Form, { className: "space-y-6", method: "post", action: "/login", children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("button", { type: "submit", className: `w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white ${getButtonClasses()} transition duration-150 ease-in-out`, children: "Inicie sesi\u00F3n con Zauru" }) }) }) }) }))] }));
-};
-exports.HomeLayout = HomeLayout;

package/dist/cjs/Layouts/index.js

@@ -1,18 +0,0 @@
-"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("./homeLayout/index.js"), exports);
-__exportStar(require("./errorLayout/index.js"), exports);

package/dist/cjs/LineSeparator/LineSeparator.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineSeparator = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const LineSeparator = () => {
-    return (0, jsx_runtime_1.jsx)("hr", { className: "h-px my-8 bg-gray-200 border-0 dark:bg-gray-400" });
-};
-exports.LineSeparator = LineSeparator;

package/dist/cjs/LineSeparator/index.js

@@ -1,17 +0,0 @@
-"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("./LineSeparator.js"), exports);

package/dist/cjs/Modal/Modal.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createModal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const client_1 = require("react-dom/client");
-const createModal = ({ title, description, okButtonText, showOptions = true, }) => {
-    return new Promise((resolve) => {
-        const handleClose = () => {
-            resolve(null);
-            removeModal();
-        };
-        const handleOk = () => {
-            resolve("OK");
-            removeModal();
-        };
-        const handleCancel = () => {
-            resolve("CANCEL");
-            removeModal();
-        };
-        const removeModal = () => {
-            document.body.removeChild(modalWrapper);
-            document.body.removeChild(modalOverlay);
-        };
-        const modalWrapper = document.createElement("div");
-        modalWrapper.classList.add("justify-center", "items-center", "flex", "overflow-x-hidden", "overflow-y-auto", "fixed", "inset-0", "z-50", "outline-none", "focus:outline-none");
-        // Crear capa de fondo detrás del modal
-        const modalOverlay = document.createElement("div");
-        modalOverlay.classList.add("fixed", "inset-0", "bg-black", "opacity-50", "z-40");
-        document.body.appendChild(modalOverlay);
-        document.body.appendChild(modalWrapper);
-        const ModalContent = () => ((0, jsx_runtime_1.jsx)("div", { className: "relative w-auto my-6 mx-auto max-w-3xl", children: (0, jsx_runtime_1.jsxs)("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start justify-between p-5 border-b border-solid border-slate-200 rounded-t", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-3xl font-semibold", children: title }), (0, jsx_runtime_1.jsx)("button", { className: "p-1 ml-auto bg-transparent border-0 text-black float-right text-3xl leading-none font-semibold outline-none focus:outline-none", children: (0, jsx_runtime_1.jsx)("span", { className: "close-button", onClick: handleClose, children: "\u00D7" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "relative p-6 flex-auto", children: description }), showOptions && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-end p-6 border-t border-solid border-slate-200 rounded-b", children: [(0, jsx_runtime_1.jsx)("button", { className: "cancel-button text-red-700 background-transparent font-bold uppercase px-6 py-2 text-sm outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150", type: "button", onClick: handleCancel, children: "Cancelar" }), (0, jsx_runtime_1.jsx)("button", { className: "ok-button bg-emerald-700 text-white active:bg-emerald-600 font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150", type: "button", onClick: handleOk, children: okButtonText ?? "Aceptar" })] }))] }) }));
-        const root = (0, client_1.createRoot)(modalWrapper);
-        root.render((0, jsx_runtime_1.jsx)(ModalContent, {}));
-    });
-};
-exports.createModal = createModal;

package/dist/cjs/Modal/index.js

@@ -1,17 +0,0 @@
-"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("./Modal.js"), exports);

package/dist/cjs/NavBar/NavBar.js

@@ -1,76 +0,0 @@
-"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.NavBar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const icons_1 = require("@zauru-sdk/icons");
-const NavBar_utils_js_1 = require("./NavBar.utils.js");
-const react_2 = require("@remix-run/react");
-const OptionsDropDownButton = ({ color, options, name }) => {
-    const [showOptionsMenu, setShowOptionsMenu] = (0, react_1.useState)(true);
-    return ((0, jsx_runtime_1.jsx)("div", { className: "nav-item ml-auto", children: (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setShowOptionsMenu(!showOptionsMenu), className: `relative flex items-center p-2 text-xs text-white ${color.bg700} active:${color.bg900} border border-transparent rounded-full uppercase focus:ring-opacity-40 focus:outline-none`, children: [name ?? (0, jsx_runtime_1.jsx)(icons_1.OpcionButtonSvgIcon, {}), (0, jsx_runtime_1.jsx)(icons_1.DropDownArrowSvgIcon, {})] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-0 z-20 w-56 py-2 mt-2 overflow-hidden bg-white rounded-md shadow-xl dark:bg-gray-800", hidden: showOptionsMenu, onMouseLeave: () => setShowOptionsMenu(true), children: options.map((option, index) => ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: option }, index))) })] }) }) }));
-};
-const NavItem = ({ name, link, icon, color, specialColor, childrens = [], }) => ((0, jsx_runtime_1.jsx)("li", { className: "nav-item", children: childrens.length > 0 ? ((0, jsx_runtime_1.jsx)(OptionsDropDownButton, { name: name, color: color, options: childrens.map((x, index) => ((0, jsx_runtime_1.jsx)(react_2.Link, { to: x.link, className: "hover:bg-red-100", children: x.name }, index))) })) : ((0, jsx_runtime_1.jsx)("div", { className: `${specialColor ? specialColor.bg700 : color.bg700} container text-white w-full sm:w-auto h-10 text-sm py-1 uppercase shadow hover:shadow-lg outline-none rounded-full focus:outline-none my-auto sm:my-0 sm:mr-1 mb-1 ease-linear transition-all duration-150 `, children: (0, jsx_runtime_1.jsx)(react_2.Link, { className: "px-3 flex items-center text-xs leading-snug text-white uppercase hover:opacity-75", to: link, prefetch: "none", children: (0, jsx_runtime_1.jsxs)("div", { className: "mx-auto pt-2", children: [icon, (0, jsx_runtime_1.jsx)("span", { children: name })] }) }) })) }));
-const NavBar = ({ title, loggedIn, items, selectedColor, version, }) => {
-    const color = NavBar_utils_js_1.COLORS[selectedColor];
-    const [NavBarOpen, setNavBarOpen] = (0, react_1.useState)(false);
-    const [isDarkMode, setIsDarkMode] = (0, react_1.useState)(false);
-    const [currentVersion, setCurrentVersion] = (0, react_1.useState)(version);
-    const navigate = (0, react_2.useNavigate)();
-    (0, react_1.useEffect)(() => {
-        if (isDarkMode) {
-            document.documentElement.classList.add("dark");
-        }
-        else {
-            document.documentElement.classList.remove("dark");
-        }
-    }, [isDarkMode]);
-    (0, react_1.useEffect)(() => {
-        if (version !== currentVersion) {
-            setCurrentVersion(version);
-        }
-    }, [version, currentVersion]);
-    const toggleDarkMode = () => {
-        setIsDarkMode(!isDarkMode);
-    };
-    const refreshPage = () => {
-        navigate(0);
-    };
-    const renderNavItems = (items) => ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col lg:flex-row w-full", children: items.map((item, index) => {
-            const specialColor = item.color
-                ? NavBar_utils_js_1.COLORS[item.color]
-                : undefined;
-            return ((0, jsx_runtime_1.jsx)(NavItem, { name: item.name, link: item.link, icon: item.icon, specialColor: specialColor, color: color, childrens: item.childrens?.map((x) => {
-                    return { ...x };
-                }) }, index));
-        }) }));
-    const options = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("ul", { className: "w-full lg:flex lg:items-center", children: renderNavItems(items.filter((item) => item.loggedIn === loggedIn)) }), (0, jsx_runtime_1.jsx)("ul", { className: "sm:flex sm:flex-col lg:flex-row ml-auto", children: loggedIn && ((0, jsx_runtime_1.jsx)(OptionsDropDownButton, { color: color, options: [
-                        (0, jsx_runtime_1.jsx)(react_2.Link, { className: `block px-4 py-3 text-sm text-gray-600 capitalize transition-colors duration-200 transform dark:text-gray-300 hover:bg-red-100 dark:hover:bg-gray-700 dark:hover:text-white`, to: "/logout", prefetch: "none", children: (0, jsx_runtime_1.jsxs)("div", { className: "mx-auto pt-2", children: [(0, jsx_runtime_1.jsx)(icons_1.LogoutDropDownSvgIcon, {}), (0, jsx_runtime_1.jsx)("span", { children: "Cerrar sesi\u00F3n" })] }) }),
-                        (0, jsx_runtime_1.jsx)("button", { className: `block w-full text-left px-4 py-3 text-sm text-gray-600 capitalize transition-colors duration-200 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white`, onClick: toggleDarkMode, children: (0, jsx_runtime_1.jsxs)("div", { className: "mx-auto pt-2", children: [isDarkMode ? "🌞" : "🌙", (0, jsx_runtime_1.jsx)("span", { children: isDarkMode ? "Modo Claro" : "Modo Oscuro" })] }) }),
-                    ] })) })] }));
-    return ((0, jsx_runtime_1.jsx)("nav", { className: `py-3 ${color.bg600} dark:bg-gray-800`, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between ml-5 mr-5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center w-full lg:w-auto", children: [(0, jsx_runtime_1.jsx)(react_2.Link, { className: "text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-nowrap uppercase text-white", to: "/home", prefetch: "none", children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "inline-block mr-2 mb-2 align-middle", children: (0, jsx_runtime_1.jsx)("img", { className: "w-auto h-7", src: "/logo.png", alt: "logo-zauru" }) }), title] }) }), version !== currentVersion && ((0, jsx_runtime_1.jsx)("button", { className: `ml-2 px-2 py-1 text-xs text-white ${color.bg700} rounded-full hover:${color.bg900} transition-colors duration-200`, onClick: refreshPage, children: "\uD83D\uDD04 Actualizar versi\u00F3n" })), (0, jsx_runtime_1.jsx)("button", { className: `rounded lg:hidden focus:outline-none focus:ring focus:${color.ring600} focus:ring-opacity-50`, "aria-label": "Toggle mobile menu", type: "button", onClick: () => setNavBarOpen(!NavBarOpen), children: (0, jsx_runtime_1.jsx)(icons_1.MenuAlt4Svg, { open: NavBarOpen }) })] }), (0, jsx_runtime_1.jsx)("div", { className: `lg:hidden fixed top-0 left-0 z-50 w-64 h-full ${color.bg700} dark:bg-gray-900 shadow-lg transform ${NavBarOpen ? "translate-x-0" : "-translate-x-full"} transition-transform duration-300 ease-in-out overflow-y-auto`, children: (0, jsx_runtime_1.jsx)("div", { className: "p-4", children: options }) }), (0, jsx_runtime_1.jsx)("div", { className: "hidden lg:flex lg:items-center w-full lg:w-auto", children: options })] }) }));
-};
-exports.NavBar = NavBar;

package/dist/cjs/NavBar/NavBar.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,61 +0,0 @@
-"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

@@ -1,19 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-"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

@@ -1,26 +0,0 @@
-"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

@@ -1,18 +0,0 @@
-"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/SidePanel/index.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const framer_motion_1 = require("framer-motion");
-// SVG icon for the left-pointing chevron
-const ChevronLeftIcon = () => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "h-6 w-6", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z", clipRule: "evenodd" }) }));
-// SVG icon for the right-pointing chevron
-const ChevronRightIcon = () => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "h-6 w-6", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z", clipRule: "evenodd" }) }));
-// SVG icon for the filter (bars filter icon)
-const FilterIcon = () => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "h-6 w-6", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M3 6a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm0 6a1 1 0 011-1h10a1 1 0 110 2H4a1 1 0 01-1-1zm0 6a1 1 0 011-1h4a1 1 0 110 2H4a1 1 0 01-1-1z", clipRule: "evenodd" }) }));
-const SidePanel = ({ children, closeOnClickOutside = true, widthPercentage = 25, buttonIcon = "chevron", }) => {
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const panelRef = (0, react_1.useRef)(null);
-    const togglePanel = () => {
-        setIsOpen(!isOpen);
-    };
-    (0, react_1.useEffect)(() => {
-        const handleClickOutside = (event) => {
-            if (closeOnClickOutside &&
-                panelRef.current &&
-                !panelRef.current.contains(event.target)) {
-                setIsOpen(false);
-            }
-        };
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => {
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, [closeOnClickOutside]);
-    const renderIcon = () => {
-        if (typeof buttonIcon === "string") {
-            switch (buttonIcon) {
-                case "chevron":
-                    return isOpen ? (0, jsx_runtime_1.jsx)(ChevronRightIcon, {}) : (0, jsx_runtime_1.jsx)(ChevronLeftIcon, {});
-                case "filter":
-                    return (0, jsx_runtime_1.jsx)(FilterIcon, {});
-                default:
-                    return (0, jsx_runtime_1.jsx)(ChevronLeftIcon, {});
-            }
-        }
-        else {
-            return buttonIcon;
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: isOpen && ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { ref: panelRef, initial: { x: "100%" }, animate: { x: 0 }, exit: { x: "100%" }, transition: { type: "spring", stiffness: 300, damping: 30 }, className: "fixed top-0 right-0 h-full bg-white shadow-lg z-[9999] overflow-y-auto", style: { width: `${widthPercentage}%` }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: togglePanel, className: "absolute top-4 left-4 p-2 rounded-full bg-gray-200 hover:bg-gray-300 transition-colors", children: (0, jsx_runtime_1.jsx)(ChevronRightIcon, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "p-6 mt-16", children: children })] })) }), !isOpen && ((0, jsx_runtime_1.jsx)("button", { onClick: togglePanel, className: "fixed top-1/2 right-0 transform -translate-y-1/2 bg-indigo-600 text-white p-3 rounded-l-lg shadow-md hover:bg-indigo-700 transition-colors z-[10000]", children: renderIcon() }))] }));
-};
-exports.default = SidePanel;

package/dist/cjs/Skeletons/LoadingInputSkeleton.js

@@ -1,12 +0,0 @@
-"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

@@ -1,17 +0,0 @@
-"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

@@ -1,26 +0,0 @@
-"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

@@ -1,17 +0,0 @@
-"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);