flysoft-react-ui 1.2.3 → 1.2.5

package/dist/contexts/presets.js

@@ -1,311 +0,0 @@
-export const lightTheme = {
-    name: "light",
-    colors: {
-        primary: "#007aff",
-        primaryContrast: "#ffffff",
-        primaryDark: "#0064d1",
-        primaryLight: "#4da6ff",
-        secondary: "#6b7280",
-        secondaryContrast: "#ffffff",
-        secondaryDark: "#4b5563",
-        secondaryLight: "#9ca3af",
-        success: "#10b981",
-        successContrast: "#ffffff",
-        successDark: "#059669",
-        successLight: "#34d399",
-        warning: "#f59e0b",
-        warningContrast: "#ffffff",
-        warningDark: "#d97706",
-        warningLight: "#fbbf24",
-        danger: "#ef4444",
-        dangerContrast: "#ffffff",
-        dangerDark: "#dc2626",
-        dangerLight: "#f87171",
-        info: "#06b6d4",
-        infoContrast: "#ffffff",
-        infoDark: "#0891b2",
-        infoLight: "#22d3ee",
-        accent: "#7c3aed",
-        accentContrast: "#ffffff",
-        accentDark: "#6d28d9",
-        accentLight: "#a78bfa",
-        gray50: "#f9fafb",
-        gray100: "#f3f4f6",
-        gray200: "#e5e7eb",
-        gray300: "#d1d5db",
-        gray400: "#9ca3af",
-        gray500: "#6b7280",
-        gray600: "#4b5563",
-        gray700: "#374151",
-        gray800: "#1f2937",
-        gray900: "#111827",
-        borderDefault: "#e5e7eb",
-        borderFocus: "#007aff",
-        borderError: "#ef4444",
-        bgDefault: "#ffffff",
-        bgSecondary: "#f9fafb",
-        bgDisabled: "#f3f4f6",
-        textPrimary: "#111827",
-        textSecondary: "#374151",
-        textMuted: "#6b7280",
-        textDisabled: "#9ca3af",
-    },
-    shadows: {
-        sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-        md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-        lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-    },
-    radius: {
-        sm: "0.375rem",
-        md: "0.5rem",
-        lg: "0.75rem",
-        full: "9999px",
-    },
-    spacing: {
-        xs: "0.25rem",
-        sm: "0.5rem",
-        md: "1rem",
-        lg: "1.5rem",
-        xl: "2rem",
-    },
-    fonts: {
-        default: '"Instrument Sans", sans-serif',
-        sizeDefault: "16px",
-        colorDefault: "#111827",
-    },
-};
-export const darkTheme = {
-    name: "dark",
-    colors: {
-        primary: "#3b82f6",
-        primaryContrast: "#ffffff",
-        primaryDark: "#1d4ed8",
-        primaryLight: "#60a5fa",
-        secondary: "#9ca3af",
-        secondaryContrast: "#ffffff",
-        secondaryDark: "#6b7280",
-        secondaryLight: "#d1d5db",
-        success: "#10b981",
-        successContrast: "#ffffff",
-        successDark: "#059669",
-        successLight: "#34d399",
-        warning: "#f59e0b",
-        warningContrast: "#ffffff",
-        warningDark: "#d97706",
-        warningLight: "#fbbf24",
-        danger: "#ef4444",
-        dangerContrast: "#ffffff",
-        dangerDark: "#dc2626",
-        dangerLight: "#f87171",
-        info: "#06b6d4",
-        infoContrast: "#ffffff",
-        infoDark: "#0891b2",
-        infoLight: "#22d3ee",
-        accent: "#a78bfa",
-        accentContrast: "#ffffff",
-        accentDark: "#7c3aed",
-        accentLight: "#c4b5fd",
-        gray50: "#111827",
-        gray100: "#1f2937",
-        gray200: "#374151",
-        gray300: "#4b5563",
-        gray400: "#6b7280",
-        gray500: "#9ca3af",
-        gray600: "#d1d5db",
-        gray700: "#e5e7eb",
-        gray800: "#f3f4f6",
-        gray900: "#f9fafb",
-        borderDefault: "#374151",
-        borderFocus: "#3b82f6",
-        borderError: "#ef4444",
-        bgDefault: "#111827",
-        bgSecondary: "#1f2937",
-        bgDisabled: "#374151",
-        textPrimary: "#f9fafb",
-        textSecondary: "#e5e7eb",
-        textMuted: "#9ca3af",
-        textDisabled: "#6b7280",
-    },
-    shadows: {
-        sm: "0 1px 2px 0 rgb(0 0 0 / 0.3)",
-        md: "0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4)",
-        lg: "0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4)",
-    },
-    radius: {
-        sm: "0.375rem",
-        md: "0.5rem",
-        lg: "0.75rem",
-        full: "9999px",
-    },
-    spacing: {
-        xs: "0.25rem",
-        sm: "0.5rem",
-        md: "1rem",
-        lg: "1.5rem",
-        xl: "2rem",
-    },
-    fonts: {
-        default: '"Instrument Sans", sans-serif',
-        sizeDefault: "16px",
-        colorDefault: "#f9fafb",
-    },
-};
-export const blueTheme = {
-    name: "blue",
-    colors: {
-        primary: "#1e40af",
-        primaryContrast: "#ffffff",
-        primaryDark: "#1e3a8a",
-        primaryLight: "#3b82f6",
-        secondary: "#64748b",
-        secondaryContrast: "#ffffff",
-        secondaryDark: "#475569",
-        secondaryLight: "#94a3b8",
-        success: "#059669",
-        successContrast: "#ffffff",
-        successDark: "#047857",
-        successLight: "#10b981",
-        warning: "#d97706",
-        warningContrast: "#ffffff",
-        warningDark: "#b45309",
-        warningLight: "#f59e0b",
-        danger: "#dc2626",
-        dangerContrast: "#ffffff",
-        dangerDark: "#b91c1c",
-        dangerLight: "#ef4444",
-        info: "#0891b2",
-        infoContrast: "#ffffff",
-        infoDark: "#0e7490",
-        infoLight: "#06b6d4",
-        accent: "#f43f5e",
-        accentContrast: "#ffffff",
-        accentDark: "#e11d48",
-        accentLight: "#fb7185",
-        gray50: "#f8fafc",
-        gray100: "#f1f5f9",
-        gray200: "#e2e8f0",
-        gray300: "#cbd5e1",
-        gray400: "#94a3b8",
-        gray500: "#64748b",
-        gray600: "#475569",
-        gray700: "#334155",
-        gray800: "#1e293b",
-        gray900: "#0f172a",
-        borderDefault: "#e2e8f0",
-        borderFocus: "#1e40af",
-        borderError: "#dc2626",
-        bgDefault: "#ffffff",
-        bgSecondary: "#f8fafc",
-        bgDisabled: "#f1f5f9",
-        textPrimary: "#0f172a",
-        textSecondary: "#334155",
-        textMuted: "#64748b",
-        textDisabled: "#94a3b8",
-    },
-    shadows: {
-        sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-        md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-        lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-    },
-    radius: {
-        sm: "0.375rem",
-        md: "0.5rem",
-        lg: "0.75rem",
-        full: "9999px",
-    },
-    spacing: {
-        xs: "0.25rem",
-        sm: "0.5rem",
-        md: "1rem",
-        lg: "1.5rem",
-        xl: "2rem",
-    },
-    fonts: {
-        default: '"Instrument Sans", sans-serif',
-        sizeDefault: "16px",
-        colorDefault: "#0f172a",
-    },
-};
-export const greenTheme = {
-    name: "green",
-    colors: {
-        primary: "#059669",
-        primaryContrast: "#ffffff",
-        primaryDark: "#047857",
-        primaryLight: "#10b981",
-        secondary: "#6b7280",
-        secondaryContrast: "#ffffff",
-        secondaryDark: "#4b5563",
-        secondaryLight: "#9ca3af",
-        success: "#16a34a",
-        successContrast: "#ffffff",
-        successDark: "#15803d",
-        successLight: "#22c55e",
-        warning: "#d97706",
-        warningContrast: "#ffffff",
-        warningDark: "#b45309",
-        warningLight: "#f59e0b",
-        danger: "#dc2626",
-        dangerContrast: "#ffffff",
-        dangerDark: "#b91c1c",
-        dangerLight: "#ef4444",
-        info: "#0891b2",
-        infoContrast: "#ffffff",
-        infoDark: "#0e7490",
-        infoLight: "#06b6d4",
-        accent: "#6366f1",
-        accentContrast: "#ffffff",
-        accentDark: "#4f46e5",
-        accentLight: "#818cf8",
-        gray50: "#f9fafb",
-        gray100: "#f3f4f6",
-        gray200: "#e5e7eb",
-        gray300: "#d1d5db",
-        gray400: "#9ca3af",
-        gray500: "#6b7280",
-        gray600: "#4b5563",
-        gray700: "#374151",
-        gray800: "#1f2937",
-        gray900: "#111827",
-        borderDefault: "#e5e7eb",
-        borderFocus: "#059669",
-        borderError: "#dc2626",
-        bgDefault: "#ffffff",
-        bgSecondary: "#f9fafb",
-        bgDisabled: "#f3f4f6",
-        textPrimary: "#111827",
-        textSecondary: "#374151",
-        textMuted: "#6b7280",
-        textDisabled: "#9ca3af",
-    },
-    shadows: {
-        sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-        md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-        lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-    },
-    radius: {
-        sm: "0.375rem",
-        md: "0.5rem",
-        lg: "0.75rem",
-        full: "9999px",
-    },
-    spacing: {
-        xs: "0.25rem",
-        sm: "0.5rem",
-        md: "1rem",
-        lg: "1.5rem",
-        xl: "2rem",
-    },
-    fonts: {
-        default: '"Instrument Sans", sans-serif',
-        sizeDefault: "16px",
-        colorDefault: "#111827",
-    },
-};
-export const defaultTheme = lightTheme;
-export const themes = {
-    light: lightTheme,
-    dark: darkTheme,
-    blue: blueTheme,
-    green: greenTheme,
-};

package/dist/contexts/types.js

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

package/dist/docs/AccordionDocs.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-declare const AccordionDocs: React.FC;
-export default AccordionDocs;
-//# sourceMappingURL=AccordionDocs.d.ts.map

package/dist/docs/AccordionDocs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionDocs.d.ts","sourceRoot":"","sources":["../../src/docs/AccordionDocs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAwuB1B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/docs/AccordionDocs.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from "react";
-import { Accordion, Card, Badge, Input } from "../index";
-const AccordionDocs = () => {
-    const [openAccordions, setOpenAccordions] = useState(new Set());
-    const handleToggle = (id, isOpen) => {
-        const newSet = new Set(openAccordions);
-        if (isOpen) {
-            newSet.add(id);
-        }
-        else {
-            newSet.delete(id);
-        }
-        setOpenAccordions(newSet);
-    };
-    return (_jsx("div", { className: "max-w-5xl mx-auto space-y-8", children: _jsx(Card, { title: "Accordion - Variantes y Ejemplos", children: _jsxs("div", { className: "space-y-10", children: [_jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Variantes" }), _jsx("p", { className: "mb-4 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "El componente Accordion soporta tres variantes visuales: default, elevated (con sombra) y outlined (con borde destacado)." }), _jsxs("div", { className: "space-y-3", children: [_jsx(Accordion, { variant: "default", title: "Default", children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Accordion con variante por defecto." }) }), _jsx(Accordion, { variant: "elevated", title: "Elevated", children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Accordion con sombra elevada." }) }), _jsx(Accordion, { variant: "outlined", title: "Outlined", children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Accordion con borde destacado." }) })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Uso b\u00E1sico" }), _jsx("p", { className: "mb-4 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "El componente Accordion permite mostrar contenido colapsable con una animaci\u00F3n suave de expandir/contraer. Haz clic en el header para abrir o cerrar el contenido." }), _jsxs("div", { className: "space-y-3", children: [_jsx(Accordion, { title: "Informaci\u00F3n General", children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Este es un accordion b\u00E1sico sin icono ni elementos adicionales. El contenido se muestra cuando el accordion est\u00E1 abierto y se oculta con una animaci\u00F3n suave cuando est\u00E1 cerrado." }) }), _jsx(Accordion, { title: "Detalles del Producto", defaultOpen: true, children: _jsxs("div", { className: "space-y-2", children: [_jsxs("p", { style: { color: "var(--flysoft-text-secondary)" }, children: ["Este accordion est\u00E1 abierto por defecto usando la propiedad", " ", _jsx("code", { className: "px-1 py-0.5 bg-[var(--color-bg-default)] border border-[var(--color-border-default)] rounded text-xs", children: "defaultOpen" }), "."] }), _jsxs("ul", { className: "list-disc list-inside space-y-1 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: [_jsx("li", { children: "Caracter\u00EDstica 1: Descripci\u00F3n detallada" }), _jsx("li", { children: "Caracter\u00EDstica 2: M\u00E1s informaci\u00F3n" }), _jsx("li", { children: "Caracter\u00EDstica 3: Detalles adicionales" })] })] }) })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Con icono" }), _jsxs("p", { className: "mb-4 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: ["Puedes agregar un icono FontAwesome 5 del lado izquierdo del t\u00EDtulo usando la propiedad ", _jsx("code", { children: "icon" }), "."] }), _jsxs("div", { className: "space-y-3", children: [_jsx(Accordion, { title: "Configuraci\u00F3n", icon: "fa-cog", children: _jsxs("div", { className: "space-y-2", children: [_jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Este accordion tiene un icono de configuraci\u00F3n en el lado izquierdo." }), _jsx(Input, { label: "Nombre", placeholder: "Ingresa un nombre" }), _jsx(Input, { label: "Email", type: "email", placeholder: "correo@ejemplo.com" })] }) }), _jsx(Accordion, { title: "Informaci\u00F3n de Usuario", icon: "fa-user", children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Accordion con icono de usuario. Los iconos ayudan a identificar visualmente el tipo de contenido." }) }), _jsx(Accordion, { title: "Notificaciones", icon: "fa-bell", children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Accordion con icono de notificaciones. Puedes usar cualquier icono de FontAwesome 5." }) })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Con rightNode" }), _jsxs("p", { className: "mb-4 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: ["La propiedad ", _jsx("code", { children: "rightNode" }), " permite agregar contenido personalizado del lado derecho, antes del chevron. \u00DAtil para badges, botones peque\u00F1os, contadores, etc."] }), _jsxs("div", { className: "space-y-3", children: [_jsx(Accordion, { title: "Mensajes", icon: "fa-envelope", rightNode: _jsx(Badge, { variant: "info", children: "3" }), children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Este accordion muestra un badge con el n\u00FAmero de mensajes no le\u00EDdos en el lado derecho." }) }), _jsx(Accordion, { title: "Tareas Pendientes", icon: "fa-tasks", rightNode: _jsx(Badge, { variant: "warning", children: "5" }), children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Accordion con badge de tareas pendientes. El rightNode puede contener cualquier ReactNode." }) }), _jsx(Accordion, { title: "Configuraci\u00F3n Avanzada", icon: "fa-sliders-h", rightNode: _jsxs("div", { className: "flex items-center gap-2 px-2 py-1 text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] cursor-pointer rounded transition-colors", onClick: (e) => {
-                                                e.stopPropagation();
-                                                console.log("Editar configuración");
-                                            }, children: [_jsx("i", { className: "fal fa-edit" }), _jsx("span", { children: "Editar" })] }), children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Este accordion incluye un elemento de acci\u00F3n en el rightNode, permitiendo acciones r\u00E1pidas sin abrir el accordion. Nota: No uses componentes Button dentro de rightNode ya que causar\u00EDa un error de anidaci\u00F3n de botones." }) })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Con callback onToggle" }), _jsxs("p", { className: "mb-4 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: ["La propiedad ", _jsx("code", { children: "onToggle" }), " permite ejecutar una funci\u00F3n cuando el accordion se abre o cierra. \u00DAtil para sincronizar estado externo o realizar acciones al cambiar el estado."] }), _jsxs("div", { className: "space-y-3", children: [openAccordions.size > 0 && (_jsx("div", { className: "p-3 bg-[var(--color-bg-default)] border border-[var(--color-border-default)] rounded", children: _jsxs("p", { className: "text-sm", children: [_jsx("span", { className: "font-semibold", children: "Accordions abiertos:" }), " ", _jsx("span", { style: { color: "var(--flysoft-text-secondary)" }, children: Array.from(openAccordions).join(", ") || "Ninguno" })] }) })), _jsx(Accordion, { title: "Secci\u00F3n 1", icon: "fa-folder", onToggle: (isOpen) => handleToggle("seccion1", isOpen), children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Este accordion notifica cuando se abre o cierra mediante el callback onToggle." }) }), _jsx(Accordion, { title: "Secci\u00F3n 2", icon: "fa-folder", onToggle: (isOpen) => handleToggle("seccion2", isOpen), children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Otro accordion que tambi\u00E9n notifica su estado mediante onToggle." }) }), _jsx(Accordion, { title: "Secci\u00F3n 3", icon: "fa-folder", onToggle: (isOpen) => handleToggle("seccion3", isOpen), children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Un tercer accordion para demostrar el seguimiento de m\u00FAltiples accordions." }) })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Ejemplo completo con m\u00FAltiples accordions" }), _jsx("p", { className: "mb-4 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Ejemplo pr\u00E1ctico usando m\u00FAltiples accordions para organizar informaci\u00F3n en secciones colapsables." }), _jsxs("div", { className: "space-y-3", children: [_jsx(Accordion, { title: "Informaci\u00F3n Personal", icon: "fa-user-circle", rightNode: _jsx(Badge, { variant: "success", children: "Completo" }), children: _jsxs("div", { className: "space-y-3", children: [_jsx(Input, { label: "Nombre", placeholder: "Juan", icon: "fa-user" }), _jsx(Input, { label: "Apellido", placeholder: "P\u00E9rez", icon: "fa-user" }), _jsx(Input, { label: "Fecha de Nacimiento", type: "date", icon: "fa-calendar" })] }) }), _jsx(Accordion, { title: "Informaci\u00F3n de Contacto", icon: "fa-address-book", rightNode: _jsx(Badge, { variant: "warning", children: "Pendiente" }), children: _jsxs("div", { className: "space-y-3", children: [_jsx(Input, { label: "Email", type: "email", placeholder: "juan@ejemplo.com", icon: "fa-envelope" }), _jsx(Input, { label: "Tel\u00E9fono", type: "tel", placeholder: "+34 600 000 000", icon: "fa-phone" })] }) }), _jsx(Accordion, { title: "Configuraci\u00F3n de Seguridad", icon: "fa-shield-alt", rightNode: _jsx(Badge, { variant: "info", children: "Recomendado" }), children: _jsxs("div", { className: "space-y-3", children: [_jsx(Input, { label: "Contrase\u00F1a Actual", type: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", icon: "fa-lock" }), _jsx(Input, { label: "Nueva Contrase\u00F1a", type: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", icon: "fa-key" })] }) })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Background Personalizado" }), _jsx("p", { className: "mb-4 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "El componente detecta autom\u00E1ticamente las clases de background (bg-*) desde la prop className y las aplica al background del accordion. Las dem\u00E1s clases se aplican normalmente al contenedor." }), _jsxs("div", { className: "space-y-3", children: [_jsx(Accordion, { title: "Accordion con bg-blue-50", className: "bg-blue-50", children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Accordion con background personalizado usando clases de Tailwind." }) }), _jsx(Accordion, { title: "Accordion con bg-gradient", className: "bg-gradient-to-br from-purple-100 to-pink-100", children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Accordion con gradiente personalizado." }) }), _jsx(Accordion, { title: "Accordion con bg y otras clases", className: "bg-green-50", children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Puedes combinar clases de background con otras clases de Tailwind." }) })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Title como ReactNode" }), _jsx("p", { className: "mb-4 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "El t\u00EDtulo puede ser un ReactNode, permitiendo incluir contenido personalizado como badges, iconos adicionales, o cualquier otro componente." }), _jsxs("div", { className: "space-y-3", children: [_jsx(Accordion, { title: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { children: "Proyecto Importante" }), _jsx(Badge, { variant: "danger", size: "sm", children: "Urgente" })] }), icon: "fa-project-diagram", children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "Este accordion tiene un t\u00EDtulo personalizado con un badge integrado." }) }), _jsx(Accordion, { title: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("i", { className: "fal fa-star text-yellow-500" }), _jsx("span", { children: "Favoritos" })] }), children: _jsx("p", { style: { color: "var(--flysoft-text-secondary)" }, children: "T\u00EDtulo personalizado con un icono de estrella integrado." }) })] })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Caracter\u00EDsticas" }), _jsx("div", { className: "space-y-3", children: _jsx("div", { className: "p-3 bg-[var(--color-bg-default)] border border-[var(--color-border-default)] rounded", children: _jsxs("ul", { className: "list-disc list-inside space-y-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: [_jsxs("li", { children: [_jsx("strong", { children: "Animaci\u00F3n suave:" }), " El contenido se expande y contrae con una animaci\u00F3n CSS de 300ms."] }), _jsxs("li", { children: [_jsx("strong", { children: "Icono opcional:" }), " Soporta iconos FontAwesome 5 del lado izquierdo del t\u00EDtulo."] }), _jsxs("li", { children: [_jsx("strong", { children: "RightNode:" }), " Permite agregar contenido personalizado (badges, botones, etc.) del lado derecho antes del chevron."] }), _jsxs("li", { children: [_jsx("strong", { children: "Estado controlado:" }), " Soporta estado controlado mediante ", _jsx("code", { children: "defaultOpen" }), " y", " ", _jsx("code", { children: "onToggle" }), "."] }), _jsxs("li", { children: [_jsx("strong", { children: "Title flexible:" }), " El t\u00EDtulo puede ser un string o un ReactNode, permitiendo contenido personalizado."] }), _jsxs("li", { children: [_jsx("strong", { children: "Accesibilidad:" }), " Incluye atributos ARIA para mejor accesibilidad."] }), _jsxs("li", { children: [_jsx("strong", { children: "Chevron din\u00E1mico:" }), " El chevron cambia autom\u00E1ticamente entre arriba (abierto) y abajo (cerrado)."] }), _jsxs("li", { children: [_jsx("strong", { children: "Variantes:" }), " Soporta tres variantes: default, elevated (con sombra) y outlined (con borde destacado)."] }), _jsxs("li", { children: [_jsx("strong", { children: "Background personalizado:" }), " El componente detecta autom\u00E1ticamente las clases de background (bg-*) y las aplica correctamente."] })] }) }) })] }), _jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", style: { color: "var(--flysoft-text-primary)" }, children: "Props" }), _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-[var(--color-border-default)]", children: [_jsx("th", { className: "px-4 py-2 text-left text-sm font-semibold", style: { color: "var(--flysoft-text-primary)" }, children: "Prop" }), _jsx("th", { className: "px-4 py-2 text-left text-sm font-semibold", style: { color: "var(--flysoft-text-primary)" }, children: "Tipo" }), _jsx("th", { className: "px-4 py-2 text-left text-sm font-semibold", style: { color: "var(--flysoft-text-primary)" }, children: "Requerido" }), _jsx("th", { className: "px-4 py-2 text-left text-sm font-semibold", style: { color: "var(--flysoft-text-primary)" }, children: "Descripci\u00F3n" })] }) }), _jsxs("tbody", { children: [_jsxs("tr", { className: "border-b border-[var(--color-border-default)]", children: [_jsx("td", { className: "px-4 py-2 text-sm font-mono", style: { color: "var(--flysoft-text-primary)" }, children: "title" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "string | ReactNode" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "S\u00ED" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "T\u00EDtulo del accordion. Puede ser un string o un ReactNode." })] }), _jsxs("tr", { className: "border-b border-[var(--color-border-default)]", children: [_jsx("td", { className: "px-4 py-2 text-sm font-mono", style: { color: "var(--flysoft-text-primary)" }, children: "children" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "ReactNode" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "S\u00ED" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Contenido que se muestra cuando el accordion est\u00E1 abierto." })] }), _jsxs("tr", { className: "border-b border-[var(--color-border-default)]", children: [_jsx("td", { className: "px-4 py-2 text-sm font-mono", style: { color: "var(--flysoft-text-primary)" }, children: "icon" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "string" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "No" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Clase de icono FontAwesome 5 (ej: \"fa-user\", \"fa-cog\") que se muestra del lado izquierdo del t\u00EDtulo." })] }), _jsxs("tr", { className: "border-b border-[var(--color-border-default)]", children: [_jsx("td", { className: "px-4 py-2 text-sm font-mono", style: { color: "var(--flysoft-text-primary)" }, children: "rightNode" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "ReactNode" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "No" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Contenido personalizado que se muestra del lado derecho, antes del chevron. \u00DAtil para badges, botones, contadores, etc." })] }), _jsxs("tr", { className: "border-b border-[var(--color-border-default)]", children: [_jsx("td", { className: "px-4 py-2 text-sm font-mono", style: { color: "var(--flysoft-text-primary)" }, children: "defaultOpen" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "boolean" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "No" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Si es true, el accordion estar\u00E1 abierto por defecto. Por defecto es false." })] }), _jsxs("tr", { className: "border-b border-[var(--color-border-default)]", children: [_jsx("td", { className: "px-4 py-2 text-sm font-mono", style: { color: "var(--flysoft-text-primary)" }, children: "onToggle" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "(isOpen: boolean) => void" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "No" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Callback que se ejecuta cuando el accordion se abre o cierra. Recibe un boolean indicando si est\u00E1 abierto (true) o cerrado (false)." })] }), _jsxs("tr", { className: "border-b border-[var(--color-border-default)]", children: [_jsx("td", { className: "px-4 py-2 text-sm font-mono", style: { color: "var(--flysoft-text-primary)" }, children: "variant" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "\"default\" | \"elevated\" | \"outlined\"" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "No" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Variante visual del accordion. Por defecto es \"default\"." })] }), _jsxs("tr", { className: "border-b border-[var(--color-border-default)]", children: [_jsx("td", { className: "px-4 py-2 text-sm font-mono", style: { color: "var(--flysoft-text-primary)" }, children: "className" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "string" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "No" }), _jsx("td", { className: "px-4 py-2 text-sm", style: { color: "var(--flysoft-text-secondary)" }, children: "Clases CSS adicionales. Las clases de background (bg-*) se aplican autom\u00E1ticamente al background del accordion." })] })] })] }) })] })] }) }) }));
-};
-export default AccordionDocs;

package/dist/docs/AuthDocs.tsx/AuthDocs.d.ts

@@ -1,13 +0,0 @@
-/**
- * Componente de Documentación del AuthContext
- *
- * Este componente muestra cómo usar el AuthContext con un servicio mock
- * para propósitos de documentación y desarrollo.
- *
- * El servicio mock simula las tres operaciones principales:
- * - getToken: Obtiene un token de acceso
- * - getUserData: Obtiene los datos del usuario autenticado
- * - removeToken: Revoca/invalida un token (opcional)
- */
-export declare const AuthDocs: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AuthDocs.d.ts.map

package/dist/docs/AuthDocs.tsx/AuthDocs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuthDocs.d.ts","sourceRoot":"","sources":["../../../src/docs/AuthDocs.tsx/AuthDocs.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;GAUG;AAGH,eAAO,MAAM,QAAQ,+CAWpB,CAAC"}

package/dist/docs/AuthDocs.tsx/AuthDocs.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AuthProvider } from "../../contexts/AuthContext";
-import { AuthDocsContent } from "./AuthDocsContent";
-import { mockGetToken, mockGetUserData, mockRemoveToken, } from "./mockAuthService";
-/**
- * Componente de Documentación del AuthContext
- *
- * Este componente muestra cómo usar el AuthContext con un servicio mock
- * para propósitos de documentación y desarrollo.
- *
- * El servicio mock simula las tres operaciones principales:
- * - getToken: Obtiene un token de acceso
- * - getUserData: Obtiene los datos del usuario autenticado
- * - removeToken: Revoca/invalida un token (opcional)
- */
-export const AuthDocs = () => {
-    return (_jsx(AuthProvider, { getToken: mockGetToken, getUserData: mockGetUserData, removeToken: mockRemoveToken, showLog: true, children: _jsx(AuthDocsContent, {}) }));
-};

package/dist/docs/AuthDocs.tsx/AuthDocsContent.d.ts

@@ -1,2 +0,0 @@
-export declare const AuthDocsContent: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AuthDocsContent.d.ts.map

package/dist/docs/AuthDocs.tsx/AuthDocsContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuthDocsContent.d.ts","sourceRoot":"","sources":["../../../src/docs/AuthDocs.tsx/AuthDocsContent.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,+CAmW3B,CAAC"}

package/dist/docs/AuthDocs.tsx/AuthDocsContent.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from "react";
-import { AuthContext } from "../../contexts/AuthContext";
-import { Button, Card, DataField, Badge } from "../../components";
-export const AuthDocsContent = () => {
-    const { login, isAuthenticated, isLoading, user, logout } = useContext(AuthContext);
-    const handleLogin = async () => {
-        await login("usuario@ejemplo.com", "password123");
-    };
-    const handleLogout = () => {
-        logout();
-    };
-    // Sección de documentación de interfaces (siempre visible)
-    const InterfacesDocumentation = () => (_jsx("div", { className: "space-y-4 mb-6", children: _jsx(Card, { title: "Interfaces de TypeScript", subtitle: "Estructuras de datos utilizadas por el AuthContext", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(Badge, { variant: "primary", icon: "fa-code", size: "sm", children: "Interface" }), _jsx("code", { className: "text-sm font-mono text-[var(--color-primary)] font-semibold", children: "AuthTokenInterface" })] }), _jsx("p", { className: "text-sm text-[var(--color-text-secondary)] mb-3", children: "Define la estructura de los datos del token de autenticaci\u00F3n devueltos por el servicio de autenticaci\u00F3n." }), _jsx("div", { className: "bg-[var(--color-bg-secondary)] rounded-lg p-4 border border-[var(--color-border-default)]", children: _jsxs("div", { className: "space-y-2", children: [_jsx(DataField, { label: "accessToken", value: _jsx("span", { className: "text-xs font-mono", children: "string | undefined" }) }), _jsx("p", { className: "text-xs text-[var(--color-text-secondary)] ml-2", children: "Token de acceso utilizado para autenticar las solicitudes HTTP." }), _jsxs("div", { className: "pt-2 border-t border-[var(--color-border-default)]", children: [_jsx(DataField, { label: "tokenType", value: _jsx("span", { className: "text-xs font-mono", children: "string | undefined" }) }), _jsx("p", { className: "text-xs text-[var(--color-text-secondary)] ml-2", children: "Tipo de token (generalmente \"Bearer\")." })] }), _jsxs("div", { className: "pt-2 border-t border-[var(--color-border-default)]", children: [_jsx(DataField, { label: "expires", value: _jsx("span", { className: "text-xs font-mono", children: "string | undefined" }) }), _jsx("p", { className: "text-xs text-[var(--color-text-secondary)] ml-2", children: "Fecha de expiraci\u00F3n del token en formato ISO 8601." })] }), _jsxs("div", { className: "pt-2 border-t border-[var(--color-border-default)]", children: [_jsx(DataField, { label: "refreshToken", value: _jsx("span", { className: "text-xs font-mono", children: "string | undefined" }) }), _jsx("p", { className: "text-xs text-[var(--color-text-secondary)] ml-2", children: "Token de actualizaci\u00F3n utilizado para obtener un nuevo token de acceso cuando el actual expira." })] })] }) })] }), _jsxs("div", { className: "pt-4 border-t border-[var(--color-border-default)]", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(Badge, { variant: "primary", icon: "fa-code", size: "sm", children: "Interface" }), _jsx("code", { className: "text-sm font-mono text-[var(--color-primary)] font-semibold", children: "AuthContextUserInterface" })] }), _jsx("p", { className: "text-sm text-[var(--color-text-secondary)] mb-3", children: "Define la estructura de los datos del usuario autenticado que se almacenan en el contexto." }), _jsx("div", { className: "bg-[var(--color-bg-secondary)] rounded-lg p-4 border border-[var(--color-border-default)]", children: _jsxs("div", { className: "space-y-2", children: [_jsx(DataField, { label: "id", value: _jsx("span", { className: "text-xs font-mono", children: "number | undefined" }) }), _jsx("p", { className: "text-xs text-[var(--color-text-secondary)] ml-2", children: "Identificador \u00FAnico del usuario." }), _jsxs("div", { className: "pt-2 border-t border-[var(--color-border-default)]", children: [_jsx(DataField, { label: "name", value: _jsx("span", { className: "text-xs font-mono", children: "string | undefined" }) }), _jsx("p", { className: "text-xs text-[var(--color-text-secondary)] ml-2", children: "Nombre del usuario." })] }), _jsxs("div", { className: "pt-2 border-t border-[var(--color-border-default)]", children: [_jsx(DataField, { label: "aditionalData", value: _jsx("span", { className: "text-xs font-mono", children: "any | undefined" }) }), _jsx("p", { className: "text-xs text-[var(--color-text-secondary)] ml-2", children: "Objeto que puede contener datos adicionales del usuario (roles, permisos, email, etc.). Es flexible y puede adaptarse a las necesidades espec\u00EDficas de cada aplicaci\u00F3n." })] }), _jsxs("div", { className: "pt-2 border-t border-[var(--color-border-default)]", children: [_jsx(DataField, { label: "token", value: _jsx("span", { className: "text-xs font-mono", children: "AuthTokenInterface | undefined" }) }), _jsxs("p", { className: "text-xs text-[var(--color-text-secondary)] ml-2", children: ["Objeto de token que contiene el", " ", _jsx("code", { className: "text-xs bg-white/50 px-1 rounded", children: "AuthTokenInterface" }), " ", "con la informaci\u00F3n de autenticaci\u00F3n."] })] })] }) })] })] }) }) }));
-    if (isLoading) {
-        return (_jsxs("div", { className: "space-y-4", children: [_jsx(InterfacesDocumentation, {}), _jsx(Card, { children: _jsx("div", { className: "flex items-center justify-center py-8", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("i", { className: "fal fa-spinner fa-spin text-[var(--color-primary)] text-xl" }), _jsx("span", { className: "text-[var(--color-text-secondary)]", children: "Iniciando sesi\u00F3n..." })] }) }) })] }));
-    }
-    if (isAuthenticated && user) {
-        return (_jsxs("div", { className: "space-y-4", children: [_jsx(InterfacesDocumentation, {}), _jsx(Card, { title: "Sesi\u00F3n Activa", subtitle: "Informaci\u00F3n del usuario autenticado", headerActions: _jsx(Badge, { variant: "success", icon: "fa-check-circle", iconPosition: "left", children: "Autenticado" }), children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(DataField, { label: "ID de Usuario", value: user.id }), _jsx(DataField, { label: "Nombre", value: user.name || "No disponible" })] }), user.aditionalData && (_jsxs("div", { className: "mt-4 pt-4 border-t border-[var(--color-border-default)]", children: [_jsx("h4", { className: "text-sm font-semibold text-[var(--color-text-primary)] mb-3", children: "Datos Adicionales" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [user.aditionalData.role && (_jsx(DataField, { label: "Rol", value: _jsx(Badge, { variant: "primary", icon: "fa-user-shield", children: user.aditionalData.role }) })), user.aditionalData.email && (_jsx(DataField, { label: "Email", value: user.aditionalData.email })), user.aditionalData.createdAt && (_jsx(DataField, { label: "Fecha de Creaci\u00F3n", value: new Date(user.aditionalData.createdAt).toLocaleString() })), user.aditionalData.permissions && (_jsx(DataField, { label: "Permisos", value: _jsx("div", { className: "flex flex-wrap gap-2", children: user.aditionalData.permissions.map((permission, index) => (_jsx(Badge, { variant: "info", size: "sm", icon: "fa-key", children: permission }, index))) }) }))] })] })), user.token && (_jsxs("div", { className: "mt-4 pt-4 border-t border-[var(--color-border-default)]", children: [_jsx("h4", { className: "text-sm font-semibold text-[var(--color-text-primary)] mb-3", children: "Informaci\u00F3n del Token" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(DataField, { label: "Tipo de Token", value: _jsx(Badge, { variant: "secondary", icon: "fa-tag", children: user.token.tokenType || "Bearer" }) }), user.token.expires && (_jsx(DataField, { label: "Expira", value: new Date(user.token.expires).toLocaleString() })), user.token.accessToken && (_jsx(DataField, { label: "Access Token", value: _jsxs("code", { className: "text-xs bg-[var(--color-bg-secondary)] px-2 py-1 rounded break-all", children: [user.token.accessToken.substring(0, 30), "..."] }) }))] })] })), _jsx("div", { className: "mt-6 pt-4 border-t border-[var(--color-border-default)]", children: _jsx(Button, { variant: "outline", icon: "fa-sign-out-alt", iconPosition: "left", onClick: handleLogout, className: "w-full md:w-auto", children: "Cerrar Sesi\u00F3n" }) })] }) })] }));
-    }
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(InterfacesDocumentation, {}), _jsx(Card, { title: "Autenticaci\u00F3n", subtitle: "Inicia sesi\u00F3n para ver el AuthContext en acci\u00F3n", children: _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "bg-[var(--color-info-light)] border border-[var(--color-info)] rounded-lg p-4", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("i", { className: "fal fa-info-circle text-[var(--color-info)] mt-1" }), _jsx("div", { className: "flex-1", children: _jsxs("p", { className: "text-sm text-[var(--color-text-primary)]", children: ["Esta es una demostraci\u00F3n del", " ", _jsx("code", { className: "text-xs bg-white/50 px-1 rounded", children: "AuthContext" }), " ", "usando un servicio mock. Haz clic en el bot\u00F3n para simular un inicio de sesi\u00F3n."] }) })] }) }), _jsx("div", { className: "flex justify-center pt-4", children: _jsx(Button, { variant: "primary", size: "lg", icon: "fa-sign-in-alt", iconPosition: "left", onClick: handleLogin, children: "Iniciar Sesi\u00F3n" }) })] }) })] }));
-};

package/dist/docs/AuthDocs.tsx/mockAuthService.d.ts

@@ -1,24 +0,0 @@
-import type { AuthTokenInterface, AuthContextUserInterface } from "../../contexts/AuthContext";
-/**
- * Mock de getToken - Obtiene un token de acceso
- *
- * @param username - Nombre de usuario o email
- * @param password - Contraseña del usuario
- * @returns Promise con los datos del token
- */
-export declare const mockGetToken: (username: string, password: string) => Promise<AuthTokenInterface>;
-/**
- * Mock de getUserData - Obtiene los datos del usuario autenticado
- *
- * @param token - Token de acceso
- * @returns Promise con los datos del usuario
- */
-export declare const mockGetUserData: (auth: AuthTokenInterface) => Promise<AuthContextUserInterface>;
-/**
- * Mock de removeToken - Revoca/invalida un token
- *
- * @param token - Token a revocar
- * @returns Promise que se resuelve cuando el token es revocado
- */
-export declare const mockRemoveToken: (auth: AuthTokenInterface) => Promise<void>;
-//# sourceMappingURL=mockAuthService.d.ts.map

package/dist/docs/AuthDocs.tsx/mockAuthService.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mockAuthService.d.ts","sourceRoot":"","sources":["../../../src/docs/AuthDocs.tsx/mockAuthService.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,wBAAwB,EACzB,MAAM,4BAA4B,CAAC;AAgBpC;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GACvB,UAAU,MAAM,EAChB,UAAU,MAAM,KACf,OAAO,CAAC,kBAAkB,CAqB5B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAC1B,MAAM,kBAAkB,KACvB,OAAO,CAAC,wBAAwB,CAoBlC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAU,MAAM,kBAAkB,KAAG,OAAO,CAAC,IAAI,CAW5E,CAAC"}

package/dist/docs/AuthDocs.tsx/mockAuthService.js

@@ -1,78 +0,0 @@
-/**
- * Servicio Mock para Autenticación
- *
- * Este servicio simula las llamadas a la API de autenticación
- * para propósitos de documentación y desarrollo.
- */
-/**
- * Simula un delay de red para hacer más realista el mock
- */
-const simulateNetworkDelay = (ms = 800) => {
-    return new Promise((resolve) => setTimeout(resolve, ms));
-};
-/**
- * Mock de getToken - Obtiene un token de acceso
- *
- * @param username - Nombre de usuario o email
- * @param password - Contraseña del usuario
- * @returns Promise con los datos del token
- */
-export const mockGetToken = async (username, password) => {
-    await simulateNetworkDelay();
-    // Validación básica de credenciales
-    if (!username || !password) {
-        throw new Error("Username y password son requeridos");
-    }
-    // Simular token JWT
-    const tokenData = {
-        accessToken: `mock_access_token_${Date.now()}_${Math.random()
-            .toString(36)
-            .substring(7)}`,
-        tokenType: "Bearer",
-        expires: new Date(Date.now() + 3600000).toISOString(), // 1 hora
-        refreshToken: `mock_refresh_token_${Date.now()}_${Math.random()
-            .toString(36)
-            .substring(7)}`,
-    };
-    return tokenData;
-};
-/**
- * Mock de getUserData - Obtiene los datos del usuario autenticado
- *
- * @param token - Token de acceso
- * @returns Promise con los datos del usuario
- */
-export const mockGetUserData = async (auth) => {
-    await simulateNetworkDelay();
-    if (!auth.accessToken) {
-        throw new Error("Token es requerido");
-    }
-    // Simular datos de usuario
-    const userData = {
-        id: 123,
-        name: "Usuario de Prueba",
-        aditionalData: {
-            role: "admin",
-            email: "usuario@ejemplo.com",
-            createdAt: new Date().toISOString(),
-            permissions: ["read", "write", "delete"],
-        },
-    };
-    return userData;
-};
-/**
- * Mock de removeToken - Revoca/invalida un token
- *
- * @param token - Token a revocar
- * @returns Promise que se resuelve cuando el token es revocado
- */
-export const mockRemoveToken = async (auth) => {
-    await simulateNetworkDelay();
-    if (!auth.accessToken) {
-        throw new Error("Token es requerido");
-    }
-    // Simular revocación del token
-    // En una implementación real, aquí se haría una llamada al servidor
-    // para invalidar el token
-    console.log(`Token revocado: ${auth.accessToken.substring(0, 20)}...`);
-};

package/dist/docs/AutocompleteInputDocs.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-declare const AutocompleteInputDocs: React.FC;
-export default AutocompleteInputDocs;
-//# sourceMappingURL=AutocompleteInputDocs.d.ts.map

package/dist/docs/AutocompleteInputDocs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutocompleteInputDocs.d.ts","sourceRoot":"","sources":["../../src/docs/AutocompleteInputDocs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4E1B,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAmWlC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}