@kydra/ui 0.1.0 → 0.2.0

package/dist/index.d.mts

@@ -1,5 +1,151 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { InputHTMLAttributes, CSSProperties, ButtonHTMLAttributes, ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
 
-declare const Table: ({ data, columns }: any) => react_jsx_runtime.JSX.Element;
+interface TableAction<T> {
+    label: string;
+    icon?: LucideIcon;
+    onClick: (row: T) => void;
+    color?: string;
+}
+interface TableColumn<T> {
+    header: string;
+    accessor: keyof T;
+    filter?: boolean;
+    hidden?: boolean;
+    align?: 'left' | 'center' | 'right';
+    format?: (value: any, row: T, highlightColor: string) => react__default.ReactNode;
+    actions?: TableAction<T>[];
+}
+interface TableProps<T> {
+    data: T[];
+    columns: TableColumn<T>[];
+    pagination?: boolean;
+    selectable?: boolean;
+    customArrayPagination?: number[];
+    defaultPageSize?: number;
+    filter?: boolean;
+    filterPlaceholder?: string;
+    color?: string;
+    add?: boolean;
+    textAdd?: string;
+    actionAdd?: () => void;
+    excelExport?: boolean;
+    onDeleteRows?: (ids: (string | number)[]) => void;
+    emptyState?: react__default.ComponentType;
+    darkMode?: boolean;
+}
+interface Identifiable {
+    id: string | number;
+}
+declare const Table: <T extends Identifiable>({ data, columns, pagination, selectable, customArrayPagination, defaultPageSize, filter, filterPlaceholder, color, add, textAdd, actionAdd, excelExport, onDeleteRows, emptyState: CustomEmptyState, darkMode }: TableProps<T>) => react_jsx_runtime.JSX.Element;
 
-export { Table };
+type InputVariant = 'standard' | 'underlined' | 'filled';
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    /** Componente de icono opcional que aparecerá al inicio */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Color de énfasis para el borde de enfoque y el label activo */
+    color?: string;
+    /** Etiqueta flotante del input */
+    label?: string;
+    /** Mensaje de error que se muestra debajo del input */
+    error?: string;
+    /** Variante estética del campo de texto */
+    variant?: InputVariant;
+    /** Función que se ejecuta al cambiar el valor del texto */
+    onChange?: (value: string) => void;
+    /** Función opcional para limpiar el contenido del input */
+    onClear?: () => void;
+    /** Estilos personalizados directos para el contenedor del input */
+    kd?: CSSProperties;
+}
+
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+/**
+ * @interface CheckBoxProps
+ * Propiedades para el componente CheckBox estilizado.
+ */
+interface CheckBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
+    /** @param color - Color del fondo cuando el checkbox está seleccionado. */
+    color?: string;
+    /** @param label - Texto que se muestra a la par del control. */
+    label?: string;
+    /** @param value - Estado booleano (checked/unchecked). */
+    value?: boolean;
+    /** @param onChange - Callback que retorna el nuevo valor booleano. */
+    onChange?: (checked: boolean) => void;
+    /** @param kd - Estilos CSS para el cuadro visual (ej: borderRadius para hacerlo circular). */
+    kd?: CSSProperties;
+}
+
+/**
+  * Componente CheckBox - Core librería @kydra/ui
+ */
+declare const CheckBox: react.ForwardRefExoticComponent<CheckBoxProps & react.RefAttributes<HTMLInputElement>>;
+
+type ButtonVariant = 'filled' | 'dotted' | 'ghost-hover';
+type IconPosition = 'left' | 'right';
+type TextAlign = 'left' | 'center' | 'right';
+/**
+ * @interface ButtonProps
+ * Propiedades para el componente Button.
+ * Extiende los atributos nativos de un botón HTML.
+ */
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** @param label - Texto descriptivo que se muestra dentro del botón. */
+    label?: string;
+    /** @param color - Color principal del botón en formato Hex, RGB o HSL. */
+    color?: string;
+    /** @param variant - Estilo visual: 'filled' (sólido), 'dotted' (punteado) o 'ghost-hover' (relleno al hover). */
+    variant?: ButtonVariant;
+    /** @param icon - Elemento de icono (ReactNode) que acompaña al texto. */
+    icon?: ReactNode;
+    /** @param iconPosition - Ubicación del icono: 'left' (izquierda) o 'right' (derecha). */
+    iconPosition?: IconPosition;
+    /** @param textAlign - Alineación horizontal del contenido interno. */
+    textAlign?: TextAlign;
+    /** @param loading - Si es true, muestra un spinner y bloquea la interacción. */
+    loading?: boolean;
+    /** @param kd - Objeto de estilos CSS personalizados para modificaciones directas (Kydra Design). */
+    kd?: CSSProperties;
+}
+
+/**
+ * Componente Button - Core librería @kydra/ui
+ */
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+type NavbarPosition = 'static' | 'sticky' | 'fixed-bottom-floating';
+/**
+ * @interface NavbarProps
+ * Propiedades para el componente Navbar altamente configurable.
+ */
+interface NavbarProps {
+    /** @param title - Título o logo del Navbar. */
+    title?: ReactNode;
+    /** @param position - Posición del Nav: 'static' (arriba normal), 'sticky' (pegado arriba), 'fixed-bottom-floating' (abajo flotante). */
+    position?: NavbarPosition;
+    /** @param color - Color principal para detalles o fondo (si colorDominant es true). */
+    color?: string;
+    /** @param colorDominant - Si es true, el color de la prop 'color' se convierte en el fondo principal. */
+    colorDominant?: boolean;
+    /** @param isMenuOpen - Estado controlado para el menú hamburguesa móvil. */
+    isMenuOpen?: boolean;
+    /** @param onToggleMenu - Función para abrir/cerrar el menú. */
+    onToggleMenu?: () => void;
+    /** @param children - Elementos de navegación o acciones. */
+    children?: ReactNode;
+    /** @param kd - Estilos CSS personalizados para el contenedor del Navbar. */
+    kd?: CSSProperties;
+}
+/**
+ * Componente Navbar - Barra de navegación adaptable con soporte para múltiples posiciones y temas.
+ * Gestiona automáticamente el contraste del texto según el fondo.
+ */
+declare const Navbar: ({ title, position, color, colorDominant, isMenuOpen, onToggleMenu, children, kd }: NavbarProps) => react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps, type ButtonVariant, CheckBox, type CheckBoxProps, type IconPosition, Input, type InputProps, type InputVariant, Navbar, type NavbarPosition, type NavbarProps, Table, type TableAction, type TableColumn, type TextAlign };

package/dist/index.d.ts

@@ -1,5 +1,151 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { InputHTMLAttributes, CSSProperties, ButtonHTMLAttributes, ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
 
-declare const Table: ({ data, columns }: any) => react_jsx_runtime.JSX.Element;
+interface TableAction<T> {
+    label: string;
+    icon?: LucideIcon;
+    onClick: (row: T) => void;
+    color?: string;
+}
+interface TableColumn<T> {
+    header: string;
+    accessor: keyof T;
+    filter?: boolean;
+    hidden?: boolean;
+    align?: 'left' | 'center' | 'right';
+    format?: (value: any, row: T, highlightColor: string) => react__default.ReactNode;
+    actions?: TableAction<T>[];
+}
+interface TableProps<T> {
+    data: T[];
+    columns: TableColumn<T>[];
+    pagination?: boolean;
+    selectable?: boolean;
+    customArrayPagination?: number[];
+    defaultPageSize?: number;
+    filter?: boolean;
+    filterPlaceholder?: string;
+    color?: string;
+    add?: boolean;
+    textAdd?: string;
+    actionAdd?: () => void;
+    excelExport?: boolean;
+    onDeleteRows?: (ids: (string | number)[]) => void;
+    emptyState?: react__default.ComponentType;
+    darkMode?: boolean;
+}
+interface Identifiable {
+    id: string | number;
+}
+declare const Table: <T extends Identifiable>({ data, columns, pagination, selectable, customArrayPagination, defaultPageSize, filter, filterPlaceholder, color, add, textAdd, actionAdd, excelExport, onDeleteRows, emptyState: CustomEmptyState, darkMode }: TableProps<T>) => react_jsx_runtime.JSX.Element;
 
-export { Table };
+type InputVariant = 'standard' | 'underlined' | 'filled';
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    /** Componente de icono opcional que aparecerá al inicio */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Color de énfasis para el borde de enfoque y el label activo */
+    color?: string;
+    /** Etiqueta flotante del input */
+    label?: string;
+    /** Mensaje de error que se muestra debajo del input */
+    error?: string;
+    /** Variante estética del campo de texto */
+    variant?: InputVariant;
+    /** Función que se ejecuta al cambiar el valor del texto */
+    onChange?: (value: string) => void;
+    /** Función opcional para limpiar el contenido del input */
+    onClear?: () => void;
+    /** Estilos personalizados directos para el contenedor del input */
+    kd?: CSSProperties;
+}
+
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+/**
+ * @interface CheckBoxProps
+ * Propiedades para el componente CheckBox estilizado.
+ */
+interface CheckBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
+    /** @param color - Color del fondo cuando el checkbox está seleccionado. */
+    color?: string;
+    /** @param label - Texto que se muestra a la par del control. */
+    label?: string;
+    /** @param value - Estado booleano (checked/unchecked). */
+    value?: boolean;
+    /** @param onChange - Callback que retorna el nuevo valor booleano. */
+    onChange?: (checked: boolean) => void;
+    /** @param kd - Estilos CSS para el cuadro visual (ej: borderRadius para hacerlo circular). */
+    kd?: CSSProperties;
+}
+
+/**
+  * Componente CheckBox - Core librería @kydra/ui
+ */
+declare const CheckBox: react.ForwardRefExoticComponent<CheckBoxProps & react.RefAttributes<HTMLInputElement>>;
+
+type ButtonVariant = 'filled' | 'dotted' | 'ghost-hover';
+type IconPosition = 'left' | 'right';
+type TextAlign = 'left' | 'center' | 'right';
+/**
+ * @interface ButtonProps
+ * Propiedades para el componente Button.
+ * Extiende los atributos nativos de un botón HTML.
+ */
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** @param label - Texto descriptivo que se muestra dentro del botón. */
+    label?: string;
+    /** @param color - Color principal del botón en formato Hex, RGB o HSL. */
+    color?: string;
+    /** @param variant - Estilo visual: 'filled' (sólido), 'dotted' (punteado) o 'ghost-hover' (relleno al hover). */
+    variant?: ButtonVariant;
+    /** @param icon - Elemento de icono (ReactNode) que acompaña al texto. */
+    icon?: ReactNode;
+    /** @param iconPosition - Ubicación del icono: 'left' (izquierda) o 'right' (derecha). */
+    iconPosition?: IconPosition;
+    /** @param textAlign - Alineación horizontal del contenido interno. */
+    textAlign?: TextAlign;
+    /** @param loading - Si es true, muestra un spinner y bloquea la interacción. */
+    loading?: boolean;
+    /** @param kd - Objeto de estilos CSS personalizados para modificaciones directas (Kydra Design). */
+    kd?: CSSProperties;
+}
+
+/**
+ * Componente Button - Core librería @kydra/ui
+ */
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+type NavbarPosition = 'static' | 'sticky' | 'fixed-bottom-floating';
+/**
+ * @interface NavbarProps
+ * Propiedades para el componente Navbar altamente configurable.
+ */
+interface NavbarProps {
+    /** @param title - Título o logo del Navbar. */
+    title?: ReactNode;
+    /** @param position - Posición del Nav: 'static' (arriba normal), 'sticky' (pegado arriba), 'fixed-bottom-floating' (abajo flotante). */
+    position?: NavbarPosition;
+    /** @param color - Color principal para detalles o fondo (si colorDominant es true). */
+    color?: string;
+    /** @param colorDominant - Si es true, el color de la prop 'color' se convierte en el fondo principal. */
+    colorDominant?: boolean;
+    /** @param isMenuOpen - Estado controlado para el menú hamburguesa móvil. */
+    isMenuOpen?: boolean;
+    /** @param onToggleMenu - Función para abrir/cerrar el menú. */
+    onToggleMenu?: () => void;
+    /** @param children - Elementos de navegación o acciones. */
+    children?: ReactNode;
+    /** @param kd - Estilos CSS personalizados para el contenedor del Navbar. */
+    kd?: CSSProperties;
+}
+/**
+ * Componente Navbar - Barra de navegación adaptable con soporte para múltiples posiciones y temas.
+ * Gestiona automáticamente el contraste del texto según el fondo.
+ */
+declare const Navbar: ({ title, position, color, colorDominant, isMenuOpen, onToggleMenu, children, kd }: NavbarProps) => react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps, type ButtonVariant, CheckBox, type CheckBoxProps, type IconPosition, Input, type InputProps, type InputVariant, Navbar, type NavbarPosition, type NavbarProps, Table, type TableAction, type TableColumn, type TextAlign };

package/dist/index.js

@@ -1,2 +1,46 @@
-"use strict";var l=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var b=(t,e)=>{for(var r in e)l(t,r,{get:e[r],enumerable:!0})},m=(t,e,r,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of i(e))!n.call(t,s)&&s!==r&&l(t,s,{get:()=>e[s],enumerable:!(d=o(e,s))||d.enumerable});return t};var p=t=>m(l({},"__esModule",{value:!0}),t);var c={};b(c,{Table:()=>h});module.exports=p(c);var a=require("react/jsx-runtime"),h=({data:t,columns:e})=>(0,a.jsx)("div",{className:"mt-6 overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm transition-all dark:border-slate-800 dark:bg-slate-900 dark:shadow-2xl",children:(0,a.jsxs)("table",{className:"min-w-full divide-y divide-slate-200 text-left text-sm dark:divide-slate-800",children:[(0,a.jsx)("thead",{className:"bg-slate-50 dark:bg-slate-950/50",children:(0,a.jsx)("tr",{children:e.map(r=>(0,a.jsx)("th",{className:"px-6 py-4 font-semibold uppercase tracking-wider text-slate-700 dark:text-amber-400",children:r.header},r.accessor))})}),(0,a.jsx)("tbody",{className:"divide-y divide-slate-200 dark:divide-slate-800",children:t.map((r,d)=>(0,a.jsx)("tr",{className:"group hover:bg-slate-50 transition-all duration-200 dark:hover:bg-slate-800/50",children:e.map(s=>(0,a.jsx)("td",{className:"whitespace-nowrap px-6 py-4 text-slate-600 transition-colors group-hover:text-slate-900 dark:text-slate-300 dark:group-hover:text-white",children:r[s.accessor]},s.accessor))},d))})]})});0&&(module.exports={Table});
+'use strict';var he=require('react'),reactDom=require('react-dom'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var he__default=/*#__PURE__*/_interopDefault(he);var O=he.forwardRef(({icon:a,color:o="#6366f1",label:s,error:r,variant:i="standard",type:m="text",value:n="",onChange:l,onClear:d,placeholder:u,disabled:f,className:N="",kd:I={},...z},C)=>{let[h,x]=he.useState(false),R=v=>{l&&l(v.target.value);},p=h||n&&n.toString().length>0,k=()=>{let v="block w-full text-sm transition-all outline-none dark:text-white";switch(i){case "filled":return `${v} pt-6 pb-3 px-4 bg-slate-100 dark:bg-slate-800 border-b-2 border-transparent rounded-t-xl focus:bg-slate-50 dark:focus:bg-slate-900 focus:border-[var(--highlight)] ${r?"border-red-400 bg-red-50 dark:bg-red-950/20":""}`;case "underlined":return `${v} pt-6 pb-3 bg-transparent border-b-2 border-slate-200 dark:border-slate-800 rounded-none px-0 focus:border-[var(--highlight)] focus:ring-0 ${r?"border-red-400":""}`;default:return `${v} py-3.5 px-4 bg-white dark:bg-slate-900 border rounded-xl 
+          ${r?"border-red-400 focus:border-red-500 ring-0 focus:ring-2 focus:ring-red-500/10":"border-slate-200 dark:border-slate-800 focus:border-[var(--highlight)] ring-0 focus:ring-2 focus:ring-[var(--highlight)]/20"}`}};return jsxRuntime.jsxs("div",{className:`flex flex-col gap-1 w-full ${N}`,style:{"--highlight":o},children:[jsxRuntime.jsxs("div",{className:"relative flex items-center group",children:[s&&jsxRuntime.jsx("label",{className:`
+              absolute pointer-events-none transition-all duration-200 ease-in-out z-20
+              ${p?`text-[10px] font-bold uppercase tracking-wider ${r?"text-red-500":"text-[var(--highlight)]"}`:"text-sm font-medium text-slate-400"}
+              
+              /* Alineaci\xF3n Horizontal: Uniforme en standard y filled */
+              ${i==="underlined"?"left-0":"left-4"}
+
+              /* Posicionamiento Vertical */
+              ${i==="standard"?p?"-top-2 px-1.5 bg-white dark:bg-slate-900 translate-x-[-4px]":"top-1/2 -translate-y-1/2":p?"top-1.5":"top-[31px] -translate-y-1/2"}
+
+              /* Ajuste por Icono cuando NO flota */
+              ${!p&&a?"pl-7":""}
+            `,children:s}),a&&jsxRuntime.jsx("div",{className:`absolute flex items-center pointer-events-none transition-colors duration-200 z-10
+            ${i==="underlined"?"left-0":"left-4"}
+            ${i==="standard"?"top-1/2 -translate-y-1/2":"top-[31px] -translate-y-1/2"}
+            ${r?"text-red-400":h?"text-[var(--highlight)]":"text-slate-400"}`,children:jsxRuntime.jsx(a,{className:"w-4 h-4"})}),jsxRuntime.jsx("input",{ref:C,type:m,value:n,onFocus:()=>x(true),onBlur:()=>x(false),onChange:R,disabled:f,placeholder:h&&p?u:"",style:{...I},className:`
+            ${k()}
+            ${f?"opacity-50 cursor-not-allowed":""}
+            /* Padding Left: alineado con el icono */
+            ${a?i==="underlined"?"pl-7":"pl-11":i==="underlined"?"pl-0":"pl-4"}
+            ${d?"pr-10":"pr-4"}
+            relative z-0
+          `,...z}),n&&d&&!f&&jsxRuntime.jsx("button",{type:"button",onClick:d,className:`absolute right-0 flex items-center text-slate-400 hover:text-slate-600 dark:hover:text-slate-200 transition-colors z-20
+              ${i==="underlined"?"pr-0 top-[31px] -translate-y-1/2":"pr-3 top-1/2 -translate-y-1/2"}`,children:jsxRuntime.jsx(lucideReact.X,{className:"w-4 h-4"})})]}),r&&jsxRuntime.jsx("span",{className:"text-[10px] font-bold text-red-500 ml-1 uppercase tracking-tight animate-in slide-in-from-top-1 duration-200",children:r})]})});O.displayName="Input";var L=he.forwardRef(({color:a="#6366f1",label:o,value:s=false,onChange:r,kd:i={},className:m="",disabled:n=false,...l},d)=>{let u=N=>{r&&r(N.target.checked);},f={"--tw-ring-color":a,borderColor:s?a:"#94a3b8",backgroundColor:s?a:"transparent",...i};return jsxRuntime.jsxs("label",{className:`inline-flex items-center gap-3 cursor-pointer select-none ${n?"opacity-50 cursor-not-allowed":""} ${m}`,children:[jsxRuntime.jsxs("div",{className:"relative flex items-center justify-center",children:[jsxRuntime.jsx("input",{ref:d,type:"checkbox",checked:s,onChange:u,disabled:n,className:"peer sr-only",...l}),jsxRuntime.jsx("div",{style:f,className:"w-5 h-5 border-2 rounded-md transition-all duration-200 ease-in-out peer-focus:ring-2 peer-focus:ring-offset-2 peer-focus:ring-offset-white dark:peer-focus:ring-offset-slate-900 flex items-center justify-center",children:s&&jsxRuntime.jsx(lucideReact.Check,{size:14,className:"text-white animate-in zoom-in-50 duration-200",strokeWidth:4})})]}),o&&jsxRuntime.jsx("span",{className:"text-sm font-medium leading-none",children:o})]})});L.displayName="CheckBox";var j=he.forwardRef(({label:a="Bot\xF3n",color:o="#6366f1",variant:s="filled",icon:r,iconPosition:i="left",textAlign:m="center",type:n="button",onClick:l,className:d="",disabled:u=false,loading:f=false,kd:N={},...I},z)=>{let[C,h]=he.useState(false),x={left:"justify-start",center:"justify-center",right:"justify-end"};return jsxRuntime.jsx("button",{ref:z,type:n,disabled:u||f,onMouseEnter:()=>h(true),onMouseLeave:()=>h(false),onClick:l,style:{...(()=>{let p=C&&!u&&!f,k={opacity:u||f?.6:1,cursor:u||f?"not-allowed":"pointer",transition:"all 300ms cubic-bezier(0.4, 0, 0.2, 1)"};switch(s){case "filled":return {...k,backgroundColor:o,color:"#ffffff",border:"1px solid transparent",filter:p?"brightness(0.9)":"none",boxShadow:p?"0 4px 12px rgba(0,0,0,0.15)":"none"};case "dotted":return {...k,backgroundColor:p?`${o}15`:"transparent",color:o,border:`2px dotted ${o}`,transform:p?"translateY(-1px)":"none"};case "ghost-hover":return {...k,backgroundColor:p?o:"transparent",color:p?"#ffffff":"currentColor",borderColor:p?"transparent":"currentColor",borderWidth:"1px",borderStyle:"solid"};default:return k}})(),...N},className:`
+        group relative px-6 py-3 rounded-lg font-medium 
+        active:scale-[0.98] flex items-center min-w-[140px] overflow-hidden
+        ${x[m]}
+        ${d}
+      `,...I,children:jsxRuntime.jsxs("div",{className:`flex items-center gap-2 ${i==="right"?"flex-row-reverse":"flex-row"}`,children:[f?jsxRuntime.jsx(lucideReact.Loader2,{className:"animate-spin",size:18}):r&&jsxRuntime.jsx("span",{className:`flex items-center transition-transform duration-300 ${C&&!u?"scale-110":""}`,children:r}),jsxRuntime.jsx("span",{className:"leading-none",children:f?"Cargando...":a})]})})});j.displayName="Button";var _=he.createContext({darkMode:false,color:"#2563eb"}),q=()=>he.useContext(_),Me=he__default.default.memo(({row:a,columns:o,selectable:s,isSelected:r,onSelect:i})=>{let{color:m}=q(),n={left:"text-left",center:"text-center",right:"text-right"};return jsxRuntime.jsxs("tr",{className:"group transition-colors duration-150 hover:bg-[var(--highlight)]/5",children:[s&&jsxRuntime.jsx("td",{className:"px-6 py-4 border-b border-transparent",children:jsxRuntime.jsx(L,{color:m,value:r,onChange:()=>i(a.id)})}),o.filter(l=>!l.hidden).map(l=>jsxRuntime.jsx("td",{className:`
+            whitespace-nowrap px-6 py-4 
+            text-slate-600 dark:text-slate-300
+            transition-colors group-hover:text-slate-900 dark:group-hover:text-white
+            ${n[l.align||"left"]}
+          `,children:l.actions?jsxRuntime.jsx(Le,{actions:l.actions,row:a}):l.format?l.format(a[l.accessor],a,m):String(a[l.accessor]??"")},String(l.accessor)))]})}),Ee=({isOpen:a,onClose:o,anchorRect:s,actions:r,row:i})=>{let{darkMode:m,color:n}=q();if(!a||!s)return null;let l={position:"fixed",top:`${s.bottom+8}px`,left:`${s.right-192}px`,zIndex:9999};return reactDom.createPortal(jsxRuntime.jsxs("div",{className:m?"dark":"",style:{"--highlight":n},children:[jsxRuntime.jsx("div",{className:"fixed inset-0 z-[9998]",onClick:o}),jsxRuntime.jsx("div",{style:l,className:"w-48 overflow-hidden rounded-xl border border-slate-200 bg-white shadow-2xl ring-1 ring-black ring-opacity-5 dark:border-slate-700 dark:bg-slate-800 animate-in fade-in zoom-in duration-150",children:jsxRuntime.jsx("div",{className:"py-1",children:r.map((d,u)=>{let f=d.icon;return jsxRuntime.jsxs("button",{onClick:()=>{d.onClick(i),o();},className:`flex w-full items-center gap-3 px-4 py-2.5 text-sm transition-colors hover:bg-slate-50 dark:hover:bg-slate-700/50 ${d.color||"text-slate-700 dark:text-slate-200"}`,children:[f&&jsxRuntime.jsx(f,{className:"w-4 h-4 opacity-70"}),jsxRuntime.jsx("span",{className:"font-medium",children:d.label})]},u)})})})]}),document.body)},Le=({actions:a,row:o})=>{let[s,r]=he.useState(false),[i,m]=he.useState(null),n=he.useRef(null);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("button",{ref:n,onClick:d=>{d.stopPropagation(),n.current&&m(n.current.getBoundingClientRect()),r(!s);},className:`p-2 rounded-full transition-all duration-200 ${s?"bg-[var(--highlight)]/10 text-[var(--highlight)]":"hover:bg-slate-100 dark:hover:bg-slate-800 text-slate-400"}`,children:jsxRuntime.jsx(lucideReact.MoreHorizontal,{className:"w-5 h-5"})}),jsxRuntime.jsx(Ee,{isOpen:s,onClose:()=>r(false),anchorRect:i,actions:a,row:o})]})},lt=({data:a=[],columns:o=[],pagination:s=true,selectable:r=false,customArrayPagination:i=[5,10,25,50,100],defaultPageSize:m=10,filter:n=false,filterPlaceholder:l="Buscar registros...",color:d="#2563eb",add:u=false,textAdd:f="Agregar",actionAdd:N=()=>{},excelExport:I=false,onDeleteRows:z=()=>{},emptyState:C,darkMode:h=false})=>{let[x,R]=he.useState(1),[p,k]=he.useState(m),[v,W]=he.useState(""),[b,Q]=he.useState({key:null,direction:"asc"}),[S,H]=he.useState(new Set),Z=he.useMemo(()=>({darkMode:h,color:d}),[h,d]),ee=t=>{let g="asc";b.key===t&&b.direction==="asc"&&(g="desc"),Q({key:t,direction:g});},M=he.useMemo(()=>{let t=[...a];if(n&&v){let g=o.filter(y=>y.filter).map(y=>y.accessor);t=t.filter(y=>g.some(B=>String(y[B]??"").toLowerCase().includes(v.toLowerCase())));}return b.key&&t.sort((g,y)=>{let B=g[b.key],D=y[b.key];return B<D?b.direction==="asc"?-1:1:B>D?b.direction==="asc"?1:-1:0}),t},[a,v,n,o,b]),U=Math.ceil(M.length/p)||1,T=s?M.slice((x-1)*p,x*p):M,te=()=>{T.length>0&&S.size===T.length?H(new Set):H(new Set(T.map(t=>t.id)));},re=t=>{let g=new Set(S);g.has(t)?g.delete(t):g.add(t),H(g);},ae=()=>{let t=o.filter(A=>!A.hidden&&!A.actions),g=t.map(A=>`"${A.header}"`).join(","),y=M.map(A=>t.map(ne=>{let le=A[ne.accessor];return `"${String(le??"").replace(/"/g,'""')}"`}).join(",")).join(`
+`),B="\uFEFF"+g+`
+`+y,D=new Blob([B],{type:"text/csv;charset=utf-8;"}),se=URL.createObjectURL(D),E=document.createElement("a");E.setAttribute("href",se),E.setAttribute("download",`Export_${new Date().getTime()}.csv`),document.body.appendChild(E),E.click(),document.body.removeChild(E);},oe={left:"text-left",center:"text-center",right:"text-right"};return jsxRuntime.jsx(_.Provider,{value:Z,children:jsxRuntime.jsxs("div",{className:`flex flex-col gap-4 w-full ${h?"dark":""}`,style:{"--highlight":d},children:[jsxRuntime.jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-4",children:[jsxRuntime.jsxs("div",{className:"flex flex-1 gap-4 w-full sm:w-auto",children:[n&&jsxRuntime.jsx("div",{className:"w-full sm:max-w-xs",children:jsxRuntime.jsx(O,{icon:lucideReact.Search,color:d,value:v,onChange:W,label:l,onClear:()=>W("")})}),r&&S.size>0&&jsxRuntime.jsxs("div",{className:"flex items-center gap-3 animate-in fade-in slide-in-from-left-4",children:[jsxRuntime.jsxs("span",{className:"text-sm font-bold text-slate-500 hidden md:inline",children:[S.size," seleccionados"]}),jsxRuntime.jsxs("button",{onClick:()=>{z(Array.from(S)),H(new Set);},className:"text-xs font-bold text-red-500 hover:text-red-600 bg-red-50 dark:bg-red-500/10 px-4 py-2.5 rounded-xl transition-all active:scale-95 flex items-center gap-2 border border-red-100 dark:border-red-500/20",children:[jsxRuntime.jsx(lucideReact.Trash2,{className:"w-4 h-4"}),jsxRuntime.jsx("span",{children:"Eliminar"})]})]})]}),jsxRuntime.jsxs("div",{className:"flex items-center gap-3 w-full sm:w-auto",children:[I&&jsxRuntime.jsx(j,{onClick:ae,color:"green",icon:jsxRuntime.jsx(lucideReact.Download,{className:"w-4 h-4"}),label:"Exportar"}),u&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(j,{onClick:N,kd:{backgroundColor:"var(--highlight)"},icon:jsxRuntime.jsx(lucideReact.Plus,{className:"w-4 h-4"}),label:f})})]})]}),jsxRuntime.jsx("div",{className:"w-full rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900 overflow-hidden",children:jsxRuntime.jsx("div",{className:"overflow-x-auto",children:jsxRuntime.jsxs("table",{className:"min-w-full border-separate border-spacing-0 text-sm",children:[jsxRuntime.jsx("thead",{className:"bg-slate-50/50 dark:bg-slate-950/40",children:jsxRuntime.jsxs("tr",{children:[r&&jsxRuntime.jsx("th",{className:"px-6 py-4 border-b border-slate-100 dark:border-slate-800 w-10 text-left",children:jsxRuntime.jsx(L,{color:d,value:T.length>0&&S.size===T.length,onChange:te})}),o.filter(t=>!t.hidden).map(t=>jsxRuntime.jsx("th",{onClick:()=>ee(t.accessor),className:`
+                        px-6 py-4 font-bold uppercase tracking-tight text-slate-500 dark:text-slate-400
+                        ${oe[t.align||"left"]}
+                        border-b border-slate-100 dark:border-slate-800 cursor-pointer select-none group/th
+                      `,children:jsxRuntime.jsxs("div",{className:`flex items-center gap-2 ${t.align==="center"?"justify-center":t.align==="right"?"justify-end":""}`,children:[t.header,jsxRuntime.jsx("span",{className:`transition-colors ${b.key===t.accessor?"text-[var(--highlight)]":"text-slate-300 opacity-0 group-hover/th:opacity-100"}`,children:b.key===t.accessor?b.direction==="asc"?jsxRuntime.jsx(lucideReact.ArrowUp,{className:"w-3 h-3"}):jsxRuntime.jsx(lucideReact.ArrowDown,{className:"w-3 h-3"}):jsxRuntime.jsx(lucideReact.ArrowUpDown,{className:"w-3 h-3"})})]})},String(t.accessor)))]})}),jsxRuntime.jsx("tbody",{className:"divide-y divide-slate-100 dark:divide-slate-800",children:T.length>0?T.map(t=>jsxRuntime.jsx(Me,{row:t,columns:o,selectable:r,isSelected:S.has(t.id),onSelect:re},t.id)):jsxRuntime.jsx("tr",{children:jsxRuntime.jsx("td",{colSpan:o.length+(r?1:0),children:C?jsxRuntime.jsx(C,{}):jsxRuntime.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-slate-400 gap-3",children:[jsxRuntime.jsx(lucideReact.Inbox,{className:"w-12 h-12 opacity-20"}),jsxRuntime.jsx("p",{className:"font-medium italic",children:"No se encontraron registros para mostrar"})]})})})})]})})}),s&&M.length>0&&jsxRuntime.jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-4 px-2 py-2 text-sm text-slate-500 dark:text-slate-400 font-medium",children:[jsxRuntime.jsx("div",{className:"flex items-center gap-4",children:jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx("span",{children:"Mostrar"}),jsxRuntime.jsxs("div",{className:"relative",children:[jsxRuntime.jsx("select",{value:p,onChange:t=>{k(Number(t.target.value)),R(1);},className:"appearance-none bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-lg px-3 py-1.5 pr-8 focus:outline-none focus:ring-2 focus:ring-[var(--highlight)]/20 cursor-pointer text-slate-700 dark:text-slate-300 font-bold",children:i.map(t=>jsxRuntime.jsx("option",{value:t,children:t},t))}),jsxRuntime.jsx(lucideReact.ChevronDown,{className:"w-4 h-4 absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none opacity-50"})]})]})}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx("button",{onClick:()=>R(t=>Math.max(t-1,1)),disabled:x===1,className:"p-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 disabled:opacity-30 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors",children:jsxRuntime.jsx(lucideReact.ChevronLeft,{className:"w-4 h-4"})}),jsxRuntime.jsxs("div",{className:"flex items-center gap-1 min-w-[60px] justify-center",children:[jsxRuntime.jsx("span",{className:"font-bold text-[var(--highlight)]",children:x}),jsxRuntime.jsx("span",{className:"opacity-30",children:"/"}),jsxRuntime.jsx("span",{children:U})]}),jsxRuntime.jsx("button",{onClick:()=>R(t=>Math.min(t+1,U)),disabled:x===U,className:"p-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 disabled:opacity-30 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors",children:jsxRuntime.jsx(lucideReact.ChevronRight,{className:"w-4 h-4"})})]})]})]})})};var ht=({title:a="Kydra Nav",position:o="static",color:s="#6366f1",colorDominant:r=false,isMenuOpen:i=false,onToggleMenu:m,children:n,kd:l={}})=>{let d=()=>{switch(o){case "sticky":return "sticky top-0 z-50";case "fixed-bottom-floating":return "fixed bottom-6 left-6 right-6 z-50 rounded-2xl shadow-2xl max-w-5xl mx-auto";default:return "relative"}},u={backgroundColor:r?s:void 0,borderColor:r?"transparent":`${s}40`,color:r?"#ffffff":void 0,...l};return jsxRuntime.jsxs("nav",{style:u,className:`
+        ${d()}
+        px-6 py-4 border-b transition-all duration-300
+        ${r?"border-none text-white":"bg-white/80 dark:bg-slate-900/80 backdrop-blur-md dark:border-slate-800 text-slate-900 dark:text-white"}
+      `,children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between gap-4",children:[jsxRuntime.jsx("div",{className:"flex items-center gap-2 font-black text-lg tracking-tight",children:typeof a=="string"?jsxRuntime.jsx("span",{style:{color:r?"white":s},children:a}):a}),jsxRuntime.jsx("div",{className:"hidden md:flex items-center gap-6",children:n}),jsxRuntime.jsx("button",{onClick:m,className:`md:hidden p-2 rounded-lg transition-colors ${r?"hover:bg-white/10":"hover:bg-black/5 dark:hover:bg-white/5"}`,children:i?jsxRuntime.jsx(lucideReact.X,{size:24}):jsxRuntime.jsx(lucideReact.Menu,{size:24})})]}),i&&jsxRuntime.jsx("div",{className:`md:hidden mt-4 pb-4 animate-in slide-in-from-top-2 duration-200 border-t pt-4 ${r?"border-white/20":"border-black/5 dark:border-white/5"}`,children:jsxRuntime.jsx("div",{className:"flex flex-col gap-4",children:n})})]})};exports.Button=j;exports.CheckBox=L;exports.Input=O;exports.Navbar=ht;exports.Table=lt;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/Table.tsx"],"sourcesContent":["export * from './components/Table'","export const Table = ({ data, columns }: any) => {\r\n  return (\r\n    <div className=\"mt-6 overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm transition-all dark:border-slate-800 dark:bg-slate-900 dark:shadow-2xl\">\r\n      <table className=\"min-w-full divide-y divide-slate-200 text-left text-sm dark:divide-slate-800\">\r\n        <thead className=\"bg-slate-50 dark:bg-slate-950/50\">\r\n          <tr>\r\n            {columns.map((col: any) => (\r\n              <th \r\n                key={col.accessor} \r\n                className=\"px-6 py-4 font-semibold uppercase tracking-wider text-slate-700 dark:text-amber-400\"\r\n              >\r\n                {col.header}\r\n              </th>\r\n            ))}\r\n          </tr>\r\n        </thead>\r\n        <tbody className=\"divide-y divide-slate-200 dark:divide-slate-800\">\r\n          {data.map((row: any, i: number) => (\r\n            <tr \r\n              key={i} \r\n              className=\"group hover:bg-slate-50 transition-all duration-200 dark:hover:bg-slate-800/50\"\r\n            >\r\n              {columns.map((col: any) => (\r\n                <td \r\n                  key={col.accessor} \r\n                  className=\"whitespace-nowrap px-6 py-4 text-slate-600 transition-colors group-hover:text-slate-900 dark:text-slate-300 dark:group-hover:text-white\"\r\n                >\r\n                  {row[col.accessor]}\r\n                </td>\r\n              ))}\r\n            </tr>\r\n          ))}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n};"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GCGM,IAAAI,EAAA,6BAHOC,EAAQ,CAAC,CAAE,KAAAC,EAAM,QAAAC,CAAQ,OAElC,OAAC,OAAI,UAAU,oJACb,oBAAC,SAAM,UAAU,+EACf,oBAAC,SAAM,UAAU,mCACf,mBAAC,MACE,SAAAA,EAAQ,IAAKC,MACZ,OAAC,MAEC,UAAU,sFAET,SAAAA,EAAI,QAHAA,EAAI,QAIX,CACD,EACH,EACF,KACA,OAAC,SAAM,UAAU,kDACd,SAAAF,EAAK,IAAI,CAACG,EAAUC,OACnB,OAAC,MAEC,UAAU,iFAET,SAAAH,EAAQ,IAAKC,MACZ,OAAC,MAEC,UAAU,0IAET,SAAAC,EAAID,EAAI,QAAQ,GAHZA,EAAI,QAIX,CACD,GAVIE,CAWP,CACD,EACH,GACF,EACF","names":["index_exports","__export","Table","__toCommonJS","import_jsx_runtime","Table","data","columns","col","row","i"]}
+{"version":3,"sources":["../src/components/Input/Input.tsx","../src/components/CheckBox/CheckBox.tsx","../src/components/Button/Button.tsx","../src/components/Table.tsx","../src/components/Nav.tsx"],"names":["Input","forwardRef","Icon","color","label","error","variant","type","value","onChange","onClear","placeholder","disabled","className","kd","props","ref","isFocused","setIsFocused","useState","handleChange","e","isFloating","getVariantClasses","base","jsxs","jsx","X","CheckBox","customBoxStyles","Check","Button","icon","iconPosition","textAlign","onClick","loading","isHovered","setIsHovered","alignmentStyles","activeHover","baseStyles","Loader2","TableContext","createContext","useTableTheme","useContext","TableRow","React","row","columns","selectable","isSelected","onSelect","alignmentClasses","c","col","ActionButton","DropdownPortal","isOpen","onClose","anchorRect","actions","darkMode","style","createPortal","action","index","setIsOpen","setAnchorRect","buttonRef","useRef","Fragment","MoreHorizontal","Table","data","pagination","customArrayPagination","defaultPageSize","filter","filterPlaceholder","add","textAdd","actionAdd","excelExport","onDeleteRows","CustomEmptyState","currentPage","setCurrentPage","pageSize","setPageSize","searchTerm","setSearchTerm","sortConfig","setSortConfig","selectedRows","setSelectedRows","themeValue","useMemo","handleSort","key","direction","processedData","result","searchableAccessors","acc","a","b","valA","valB","totalPages","currentData","toggleSelectAll","r","toggleSelectRow","id","newSelection","handleExportCSV","visibleColumns","headers","rows","val","csvContent","blob","url","link","Search","Trash2","Download","Plus","ArrowUp","ArrowDown","ArrowUpDown","Inbox","size","ChevronDown","p","ChevronLeft","ChevronRight","Navbar","title","position","colorDominant","isMenuOpen","onToggleMenu","children","getPositionClasses","navStyles","Menu"],"mappings":"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","file":"index.js","sourcesContent":["import { X } from \"lucide-react\";\r\nimport { CSSProperties, forwardRef, useState } from \"react\";\r\nimport { InputProps } from \"./Input.types\";\r\n\r\n\r\nexport const Input = forwardRef<HTMLInputElement, InputProps>(({\r\n  icon: Icon,\r\n  color = \"#6366f1\",\r\n  label,\r\n  error,\r\n  variant = \"standard\",\r\n  type = \"text\",\r\n  value = \"\",\r\n  onChange,\r\n  onClear,\r\n  placeholder,\r\n  disabled,\r\n  className = \"\",\r\n  kd = {},\r\n  ...props\r\n}, ref) => {\r\n  const [isFocused, setIsFocused] = useState(false);\r\n  \r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (onChange) onChange(e.target.value);\r\n  };\r\n\r\n  const isFloating = isFocused || (value && value.toString().length > 0);\r\n\r\n  const getVariantClasses = () => {\r\n    const base = \"block w-full text-sm transition-all outline-none dark:text-white\";\r\n    \r\n    switch (variant) {\r\n      case 'filled':\r\n        return `${base} pt-6 pb-3 px-4 bg-slate-100 dark:bg-slate-800 border-b-2 border-transparent rounded-t-xl focus:bg-slate-50 dark:focus:bg-slate-900 focus:border-[var(--highlight)] ${error ? 'border-red-400 bg-red-50 dark:bg-red-950/20' : ''}`;\r\n      case 'underlined':\r\n        return `${base} pt-6 pb-3 bg-transparent border-b-2 border-slate-200 dark:border-slate-800 rounded-none px-0 focus:border-[var(--highlight)] focus:ring-0 ${error ? 'border-red-400' : ''}`;\r\n      case 'standard':\r\n      default:\r\n        // Ajustado: Se eliminan las clases por defecto de Tailwind de ring para usar el color dinámico en el borde de focus\r\n        return `${base} py-3.5 px-4 bg-white dark:bg-slate-900 border rounded-xl \r\n          ${error \r\n            ? 'border-red-400 focus:border-red-500 ring-0 focus:ring-2 focus:ring-red-500/10' \r\n            : 'border-slate-200 dark:border-slate-800 focus:border-[var(--highlight)] ring-0 focus:ring-2 focus:ring-[var(--highlight)]/20'}`;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className={`flex flex-col gap-1 w-full ${className}`} style={{ '--highlight': color } as CSSProperties}>\r\n      <div className=\"relative flex items-center group\">\r\n        \r\n        {/* Label Flotante - Ajustado simétricamente */}\r\n        {label && (\r\n          <label \r\n            className={`\r\n              absolute pointer-events-none transition-all duration-200 ease-in-out z-20\r\n              ${isFloating \r\n                ? `text-[10px] font-bold uppercase tracking-wider ${error ? 'text-red-500' : 'text-[var(--highlight)]'}` \r\n                : 'text-sm font-medium text-slate-400'}\r\n              \r\n              /* Alineación Horizontal: Uniforme en standard y filled */\r\n              ${variant === 'underlined' ? 'left-0' : 'left-4'}\r\n\r\n              /* Posicionamiento Vertical */\r\n              ${variant === 'standard' \r\n                ? (isFloating ? '-top-2 px-1.5 bg-white dark:bg-slate-900 translate-x-[-4px]' : 'top-1/2 -translate-y-1/2') \r\n                : (isFloating ? 'top-1.5' : 'top-[31px] -translate-y-1/2')}\r\n\r\n              /* Ajuste por Icono cuando NO flota */\r\n              ${!isFloating && Icon ? 'pl-7' : ''}\r\n            `}\r\n          >\r\n            {label}\r\n          </label>\r\n        )}\r\n\r\n        {/* Icono */}\r\n        {Icon && (\r\n          <div className={`absolute flex items-center pointer-events-none transition-colors duration-200 z-10\r\n            ${variant === 'underlined' ? 'left-0' : 'left-4'}\r\n            ${variant === 'standard' ? 'top-1/2 -translate-y-1/2' : 'top-[31px] -translate-y-1/2'}\r\n            ${error ? 'text-red-400' : isFocused ? 'text-[var(--highlight)]' : 'text-slate-400'}`}>\r\n            <Icon className=\"w-4 h-4\" />\r\n          </div>\r\n        )}\r\n\r\n        <input\r\n          ref={ref}\r\n          type={type}\r\n          value={value}\r\n          onFocus={() => setIsFocused(true)}\r\n          onBlur={() => setIsFocused(false)}\r\n          onChange={handleChange}\r\n          disabled={disabled}\r\n          placeholder={isFocused && isFloating ? placeholder : \"\"} \r\n          style={{ ...kd } as CSSProperties}\r\n          className={`\r\n            ${getVariantClasses()}\r\n            ${disabled ? 'opacity-50 cursor-not-allowed' : ''}\r\n            /* Padding Left: alineado con el icono */\r\n            ${Icon ? (variant === 'underlined' ? 'pl-7' : 'pl-11') : (variant === 'underlined' ? 'pl-0' : 'pl-4')}\r\n            ${onClear ? 'pr-10' : 'pr-4'}\r\n            relative z-0\r\n          `}\r\n          {...props}\r\n        />\r\n\r\n        {/* Botón de Limpiar */}\r\n        {value && onClear && !disabled && (\r\n          <button \r\n            type=\"button\"\r\n            onClick={onClear}\r\n            className={`absolute right-0 flex items-center text-slate-400 hover:text-slate-600 dark:hover:text-slate-200 transition-colors z-20\r\n              ${variant === 'underlined' ? 'pr-0 top-[31px] -translate-y-1/2' : 'pr-3 top-1/2 -translate-y-1/2'}`}\r\n          >\r\n            <X className=\"w-4 h-4\" />\r\n          </button>\r\n        )}\r\n      </div>\r\n      \r\n      {error && <span className=\"text-[10px] font-bold text-red-500 ml-1 uppercase tracking-tight animate-in slide-in-from-top-1 duration-200\">{error}</span>}\r\n    </div>\r\n  );\r\n});\r\n\r\n\r\nInput.displayName = \"Input\";","import { Check } from \"lucide-react\";\r\nimport { CSSProperties, forwardRef } from \"react\";\r\nimport { CheckBoxProps } from \"./CheckBox.types\";\r\n\r\n\r\n/**\r\n  * Componente CheckBox - Core librería @kydra/ui\r\n */\r\nexport const CheckBox = forwardRef<HTMLInputElement, CheckBoxProps>(({\r\n  color = \"#6366f1\",\r\n  label,\r\n  value = false,\r\n  onChange,\r\n  kd = {},\r\n  className = \"\",\r\n  disabled = false,\r\n  ...props\r\n}, ref) => {\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (onChange) onChange(e.target.checked);\r\n  };\r\n\r\n  const customBoxStyles: CSSProperties = {\r\n    '--tw-ring-color': color,\r\n    borderColor: value ? color : '#94a3b8',\r\n    backgroundColor: value ? color : 'transparent',\r\n    ...kd\r\n  } as CSSProperties;\r\n\r\n  return (\r\n    <label className={`inline-flex items-center gap-3 cursor-pointer select-none ${disabled ? 'opacity-50 cursor-not-allowed' : ''} ${className}`}>\r\n      <div className=\"relative flex items-center justify-center\">\r\n        <input ref={ref} type=\"checkbox\" checked={value} onChange={handleChange} disabled={disabled} className=\"peer sr-only\" {...props} />\r\n        <div style={customBoxStyles} className=\"w-5 h-5 border-2 rounded-md transition-all duration-200 ease-in-out peer-focus:ring-2 peer-focus:ring-offset-2 peer-focus:ring-offset-white dark:peer-focus:ring-offset-slate-900 flex items-center justify-center\">\r\n          {value && <Check size={14} className=\"text-white animate-in zoom-in-50 duration-200\" strokeWidth={4} />}\r\n        </div>\r\n      </div>\r\n      {label && <span className=\"text-sm font-medium leading-none\">{label}</span>}\r\n    </label>\r\n  );\r\n});\r\n\r\nCheckBox.displayName = \"CheckBox\";","import { useState, forwardRef, CSSProperties } from 'react';\r\nimport { Loader2 } from 'lucide-react';\r\nimport { ButtonProps, TextAlign } from './Button.types';\r\n\r\n\r\n/**\r\n * Componente Button - Core librería @kydra/ui\r\n */\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(({\r\n  label = \"Botón\",\r\n  color = \"#6366f1\",\r\n  variant = \"filled\",\r\n  icon,\r\n  iconPosition = \"left\",\r\n  textAlign = \"center\",\r\n  type = \"button\",\r\n  onClick,\r\n  className = \"\",\r\n  disabled = false,\r\n  loading = false,\r\n  kd = {},\r\n  ...props\r\n}, ref) => {\r\n  const [isHovered, setIsHovered] = useState(false);\r\n\r\n  // Mapeo de estilos de alineación\r\n  const alignmentStyles: Record<TextAlign, string> = {\r\n    left: 'justify-start',\r\n    center: 'justify-center',\r\n    right: 'justify-end'\r\n  };\r\n\r\n  // Lógica de estilos dinámicos\r\n  const getDynamicStyles = (): CSSProperties => {\r\n    const activeHover = isHovered && !disabled && !loading;\r\n\r\n    const baseStyles: CSSProperties = {\r\n      opacity: disabled || loading ? 0.6 : 1,\r\n      cursor: disabled || loading ? 'not-allowed' : 'pointer',\r\n      transition: 'all 300ms cubic-bezier(0.4, 0, 0.2, 1)',\r\n    };\r\n\r\n    switch (variant) {\r\n      case 'filled':\r\n        return {\r\n          ...baseStyles,\r\n          backgroundColor: color,\r\n          color: '#ffffff',\r\n          border: '1px solid transparent',\r\n          filter: activeHover ? 'brightness(0.9)' : 'none',\r\n          boxShadow: activeHover ? '0 4px 12px rgba(0,0,0,0.15)' : 'none',\r\n        };\r\n      case 'dotted':\r\n        return {\r\n          ...baseStyles,\r\n          backgroundColor: activeHover ? `${color}15` : 'transparent',\r\n          color: color,\r\n          border: `2px dotted ${color}`,\r\n          transform: activeHover ? 'translateY(-1px)' : 'none',\r\n        };\r\n      case 'ghost-hover':\r\n        return {\r\n          ...baseStyles,\r\n          backgroundColor: activeHover ? color : 'transparent',\r\n          color: activeHover ? '#ffffff' : 'currentColor',\r\n          borderColor: activeHover ? 'transparent' : 'currentColor',\r\n          borderWidth: '1px',\r\n          borderStyle: 'solid',\r\n        };\r\n      default:\r\n        return baseStyles;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <button\r\n      ref={ref}\r\n      type={type}\r\n      disabled={disabled || loading}\r\n      onMouseEnter={() => setIsHovered(true)}\r\n      onMouseLeave={() => setIsHovered(false)}\r\n      onClick={onClick}\r\n      style={{ ...getDynamicStyles(), ...kd }}\r\n      className={`\r\n        group relative px-6 py-3 rounded-lg font-medium \r\n        active:scale-[0.98] flex items-center min-w-[140px] overflow-hidden\r\n        ${alignmentStyles[textAlign]}\r\n        ${className}\r\n      `}\r\n      {...props}\r\n    >\r\n      <div className={`flex items-center gap-2 ${iconPosition === 'right' ? 'flex-row-reverse' : 'flex-row'}`}>\r\n        {loading ? (\r\n          <Loader2 className=\"animate-spin\" size={18} />\r\n        ) : (\r\n          icon && (\r\n            <span className={`flex items-center transition-transform duration-300 ${isHovered && !disabled ? 'scale-110' : ''}`}>\r\n              {icon}\r\n            </span>\r\n          )\r\n        )}\r\n        <span className=\"leading-none\">{loading ? 'Cargando...' : label}</span>\r\n      </div>\r\n    </button>\r\n  );\r\n});\r\n\r\nButton.displayName = \"Button\";","import React, { \r\n  useState, \r\n  useMemo, \r\n  useRef,\r\n  useContext,\r\n  createContext\r\n} from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport { \r\n  MoreHorizontal,\r\n  Trash2, \r\n  ChevronLeft, \r\n  ChevronRight, \r\n  ChevronDown, \r\n  Search, \r\n  Plus,\r\n  ArrowUp,\r\n  ArrowDown,\r\n  ArrowUpDown,\r\n  Inbox,\r\n  Download,\r\n  LucideIcon,\r\n} from 'lucide-react';\r\nimport { Input } from './Input/Input';\r\nimport { CheckBox } from './CheckBox/CheckBox';\r\nimport { Button } from './Button/Button';\r\n\r\n// --- Contexto para el Tema ---\r\ninterface TableTheme {\r\n  darkMode: boolean;\r\n  color: string;\r\n}\r\n\r\nconst TableContext = createContext<TableTheme>({ darkMode: false, color: '#2563eb' });\r\nconst useTableTheme = () => useContext(TableContext);\r\n\r\n// --- Tipos e Interfaces ---\r\n\r\nexport interface TableAction<T> {\r\n  label: string;\r\n  icon?: LucideIcon;\r\n  onClick: (row: T) => void;\r\n  color?: string;\r\n}\r\n\r\nexport interface TableColumn<T> {\r\n  header: string;\r\n  accessor: keyof T;\r\n  filter?: boolean;\r\n  hidden?: boolean;\r\n  align?: 'left' | 'center' | 'right';\r\n  format?: (value: any, row: T, highlightColor: string) => React.ReactNode;\r\n  actions?: TableAction<T>[];\r\n}\r\n\r\ninterface TableProps<T> {\r\n  data: T[];\r\n  columns: TableColumn<T>[];\r\n  pagination?: boolean;\r\n  selectable?: boolean;\r\n  customArrayPagination?: number[];\r\n  defaultPageSize?: number;\r\n  filter?: boolean;\r\n  filterPlaceholder?: string;\r\n  color?: string;\r\n  add?: boolean;\r\n  textAdd?: string;\r\n  actionAdd?: () => void;\r\n  excelExport?: boolean;\r\n  onDeleteRows?: (ids: (string | number)[]) => void;\r\n  emptyState?: React.ComponentType;\r\n  darkMode?: boolean;\r\n}\r\n\r\ninterface Identifiable {\r\n  id: string | number;\r\n}\r\n\r\n// --- Componentes de Fila y Acción ---\r\n\r\nconst TableRow = React.memo(<T extends Identifiable>({ \r\n  row, \r\n  columns, \r\n  selectable,\r\n  isSelected, \r\n  onSelect \r\n}: {\r\n  row: T;\r\n  columns: TableColumn<T>[];\r\n  selectable: boolean;\r\n  isSelected: boolean;\r\n  onSelect: (id: string | number) => void;\r\n}) => {\r\n  const { color } = useTableTheme();\r\n  const alignmentClasses = { left: 'text-left', center: 'text-center', right: 'text-right' };\r\n\r\n  return (\r\n    <tr className=\"group transition-colors duration-150 hover:bg-[var(--highlight)]/5\">\r\n      {selectable && (\r\n        <td className=\"px-6 py-4 border-b border-transparent\">\r\n            <CheckBox color={color} value={isSelected} onChange={() => onSelect(row.id)}/>\r\n        </td>\r\n      )}\r\n      {columns.filter(c => !c.hidden).map((col) => (\r\n        <td\r\n          key={String(col.accessor)}\r\n          className={`\r\n            whitespace-nowrap px-6 py-4 \r\n            text-slate-600 dark:text-slate-300\r\n            transition-colors group-hover:text-slate-900 dark:group-hover:text-white\r\n            ${alignmentClasses[col.align || 'left']}\r\n          `}\r\n        >\r\n          {col.actions ? (\r\n            <ActionButton actions={col.actions} row={row} />\r\n          ) : col.format ? (\r\n            col.format(row[col.accessor], row, color)\r\n          ) : (\r\n            String(row[col.accessor] ?? '')\r\n          )}\r\n        </td>\r\n      ))}\r\n    </tr>\r\n  );\r\n});\r\n\r\nconst DropdownPortal = <T,>({ isOpen, onClose, anchorRect, actions, row }: {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  anchorRect: DOMRect | null;\r\n  actions: TableAction<T>[];\r\n  row: T;\r\n}) => {\r\n  const { darkMode, color } = useTableTheme();\r\n  if (!isOpen || !anchorRect) return null;\r\n\r\n  const style: React.CSSProperties = {\r\n    position: 'fixed',\r\n    top: `${anchorRect.bottom + 8}px`,\r\n    left: `${anchorRect.right - 192}px`, \r\n    zIndex: 9999,\r\n  };\r\n\r\n  return createPortal(\r\n    <div className={darkMode ? 'dark' : ''} style={{ '--highlight': color } as React.CSSProperties}>\r\n      <div className=\"fixed inset-0 z-[9998]\" onClick={onClose} />\r\n      <div \r\n        style={style}\r\n        className=\"w-48 overflow-hidden rounded-xl border border-slate-200 bg-white shadow-2xl ring-1 ring-black ring-opacity-5 dark:border-slate-700 dark:bg-slate-800 animate-in fade-in zoom-in duration-150\"\r\n      >\r\n        <div className=\"py-1\">\r\n          {actions.map((action, index) => {\r\n            const Icon = action.icon;\r\n            return (\r\n              <button\r\n                key={index}\r\n                onClick={() => { action.onClick(row); onClose(); }}\r\n                className={`flex w-full items-center gap-3 px-4 py-2.5 text-sm transition-colors hover:bg-slate-50 dark:hover:bg-slate-700/50 ${action.color || 'text-slate-700 dark:text-slate-200'}`}\r\n              >\r\n                {Icon && <Icon className=\"w-4 h-4 opacity-70\" />}\r\n                <span className=\"font-medium\">{action.label}</span>\r\n              </button>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    </div>,\r\n    document.body\r\n  );\r\n};\r\n\r\nconst ActionButton = <T,>({ actions, row }: { actions: TableAction<T>[], row: T }) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [anchorRect, setAnchorRect] = useState<DOMRect | null>(null);\r\n  const buttonRef = useRef<HTMLButtonElement>(null);\r\n\r\n  const handleToggle = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    if (buttonRef.current) {\r\n      setAnchorRect(buttonRef.current.getBoundingClientRect());\r\n    }\r\n    setIsOpen(!isOpen);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <button \r\n        ref={buttonRef}\r\n        onClick={handleToggle}\r\n        className={`p-2 rounded-full transition-all duration-200 ${isOpen ? 'bg-[var(--highlight)]/10 text-[var(--highlight)]' : 'hover:bg-slate-100 dark:hover:bg-slate-800 text-slate-400'}`}\r\n      >\r\n        <MoreHorizontal className=\"w-5 h-5\" />\r\n      </button>\r\n      <DropdownPortal \r\n        isOpen={isOpen} \r\n        onClose={() => setIsOpen(false)} \r\n        anchorRect={anchorRect} \r\n        actions={actions} \r\n        row={row} \r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\n// --- Componente Principal ---\r\n\r\nexport const Table = <T extends Identifiable>({ \r\n  data = [], \r\n  columns = [], \r\n  pagination = true, \r\n  selectable = false, \r\n  customArrayPagination = [5, 10, 25, 50, 100],\r\n  defaultPageSize = 10,\r\n  filter = false,\r\n  filterPlaceholder = \"Buscar registros...\",\r\n  color = \"#2563eb\",\r\n  add = false,\r\n  textAdd = \"Agregar\",\r\n  actionAdd = () => {},\r\n  excelExport = false, \r\n  onDeleteRows = () => {},\r\n  emptyState: CustomEmptyState,\r\n  darkMode = false\r\n}: TableProps<T>) => {\r\n  const [currentPage, setCurrentPage] = useState(1);\r\n  const [pageSize, setPageSize] = useState(defaultPageSize);\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n  const [sortConfig, setSortConfig] = useState<{ key: keyof T | null, direction: 'asc' | 'desc' }>({ key: null, direction: 'asc' });\r\n  const [selectedRows, setSelectedRows] = useState<Set<string | number>>(new Set());\r\n\r\n  const themeValue = useMemo(() => ({ darkMode, color }), [darkMode, color]);\r\n\r\n  const handleSort = (key: keyof T) => {\r\n    let direction: 'asc' | 'desc' = 'asc';\r\n    if (sortConfig.key === key && sortConfig.direction === 'asc') direction = 'desc';\r\n    setSortConfig({ key, direction });\r\n  };\r\n\r\n  const processedData = useMemo(() => {\r\n    let result = [...data];\r\n    if (filter && searchTerm) {\r\n      const searchableAccessors = columns.filter(c => c.filter).map(c => c.accessor);\r\n      result = result.filter(row => \r\n        searchableAccessors.some(acc => String(row[acc] ?? '').toLowerCase().includes(searchTerm.toLowerCase()))\r\n      );\r\n    }\r\n    if (sortConfig.key) {\r\n      result.sort((a, b) => {\r\n        const valA = a[sortConfig.key!];\r\n        const valB = b[sortConfig.key!];\r\n        if (valA < valB) return sortConfig.direction === 'asc' ? -1 : 1;\r\n        if (valA > valB) return sortConfig.direction === 'asc' ? 1 : -1;\r\n        return 0;\r\n      });\r\n    }\r\n    return result;\r\n  }, [data, searchTerm, filter, columns, sortConfig]);\r\n\r\n  const totalPages = Math.ceil(processedData.length / pageSize) || 1;\r\n  const currentData = pagination \r\n    ? processedData.slice((currentPage - 1) * pageSize, currentPage * pageSize) \r\n    : processedData;\r\n\r\n  const toggleSelectAll = () => {\r\n    if (currentData.length > 0 && selectedRows.size === currentData.length) {\r\n      setSelectedRows(new Set());\r\n    } else {\r\n      setSelectedRows(new Set(currentData.map(r => r.id)));\r\n    }\r\n  };\r\n\r\n  const toggleSelectRow = (id: string | number) => {\r\n    const newSelection = new Set(selectedRows);\r\n    if (newSelection.has(id)) newSelection.delete(id);\r\n    else newSelection.add(id);\r\n    setSelectedRows(newSelection);\r\n  };\r\n\r\n  const handleExportCSV = () => {\r\n    const visibleColumns = columns.filter(c => !c.hidden && !c.actions);\r\n    const headers = visibleColumns.map(c => `\"${c.header}\"`).join(',');\r\n    const rows = processedData.map(row => \r\n      visibleColumns.map(c => {\r\n        const val = row[c.accessor];\r\n        return `\"${String(val ?? '').replace(/\"/g, '\"\"')}\"`;\r\n      }).join(',')\r\n    ).join('\\n');\r\n\r\n    const csvContent = \"\\uFEFF\" + headers + '\\n' + rows;\r\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n    const url = URL.createObjectURL(blob);\r\n    const link = document.createElement(\"a\");\r\n    link.setAttribute(\"href\", url);\r\n    link.setAttribute(\"download\", `Export_${new Date().getTime()}.csv`);\r\n    document.body.appendChild(link);\r\n    link.click();\r\n    document.body.removeChild(link);\r\n  };\r\n\r\n  const alignmentClasses = { left: 'text-left', center: 'text-center', right: 'text-right' };\r\n\r\n  return (\r\n    <TableContext.Provider value={themeValue}>\r\n      <div className={`flex flex-col gap-4 w-full ${darkMode ? 'dark' : ''}`} style={{ '--highlight': color } as React.CSSProperties}>\r\n        <div className=\"flex flex-col sm:flex-row items-center justify-between gap-4\">\r\n          <div className=\"flex flex-1 gap-4 w-full sm:w-auto\">\r\n            {filter && (\r\n              <div className=\"w-full sm:max-w-xs\">\r\n                {/* Usamos el InternalInput para evitar errores de compilación por archivos inexistentes */}\r\n                <Input \r\n                  icon={Search}\r\n                  color={color}\r\n                  value={searchTerm}\r\n                  onChange={setSearchTerm}\r\n                  label={filterPlaceholder}\r\n                  onClear={() => setSearchTerm(\"\")}\r\n                />\r\n              </div>\r\n            )}\r\n            \r\n            {selectable && selectedRows.size > 0 && (\r\n              <div className=\"flex items-center gap-3 animate-in fade-in slide-in-from-left-4\">\r\n                <span className=\"text-sm font-bold text-slate-500 hidden md:inline\">{selectedRows.size} seleccionados</span>\r\n                <button \r\n                  onClick={() => { onDeleteRows(Array.from(selectedRows)); setSelectedRows(new Set()); }}\r\n                  className=\"text-xs font-bold text-red-500 hover:text-red-600 bg-red-50 dark:bg-red-500/10 px-4 py-2.5 rounded-xl transition-all active:scale-95 flex items-center gap-2 border border-red-100 dark:border-red-500/20\"\r\n                >\r\n                  <Trash2 className=\"w-4 h-4\" />\r\n                  <span>Eliminar</span>\r\n                </button>\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          <div className=\"flex items-center gap-3 w-full sm:w-auto\">\r\n            {excelExport && (\r\n              <Button\r\n                onClick={handleExportCSV}\r\n                color='green'\r\n                icon={<Download className=\"w-4 h-4\" />}\r\n                label='Exportar'\r\n              >\r\n                \r\n              </Button>\r\n            )}\r\n\r\n            {add && (\r\n                <>\r\n                <Button\r\n                    onClick={actionAdd}\r\n                    kd={{ backgroundColor: 'var(--highlight)'}}\r\n                    icon={<Plus className=\"w-4 h-4\" />}\r\n                    label={textAdd}\r\n                    >\r\n                </Button>\r\n              </>\r\n            )}\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"w-full rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900 overflow-hidden\">\r\n          <div className=\"overflow-x-auto\">\r\n            <table className=\"min-w-full border-separate border-spacing-0 text-sm\">\r\n              <thead className=\"bg-slate-50/50 dark:bg-slate-950/40\">\r\n                <tr>\r\n                  {selectable && (\r\n                    <th className=\"px-6 py-4 border-b border-slate-100 dark:border-slate-800 w-10 text-left\">\r\n                        <CheckBox color={color} value={currentData.length > 0 && selectedRows.size === currentData.length} onChange={toggleSelectAll}/>\r\n                    </th>\r\n                  )}    \r\n                  {columns.filter(c => !c.hidden).map((col) => (\r\n                    <th\r\n                      key={String(col.accessor)}\r\n                      onClick={() => handleSort(col.accessor)}\r\n                      className={`\r\n                        px-6 py-4 font-bold uppercase tracking-tight text-slate-500 dark:text-slate-400\r\n                        ${alignmentClasses[col.align || 'left']}\r\n                        border-b border-slate-100 dark:border-slate-800 cursor-pointer select-none group/th\r\n                      `}\r\n                    >\r\n                      <div className={`flex items-center gap-2 ${col.align === 'center' ? 'justify-center' : col.align === 'right' ? 'justify-end' : ''}`}>\r\n                        {col.header}\r\n                        <span className={`transition-colors ${sortConfig.key === col.accessor ? 'text-[var(--highlight)]' : 'text-slate-300 opacity-0 group-hover/th:opacity-100'}`}>\r\n                          {sortConfig.key === col.accessor \r\n                            ? (sortConfig.direction === 'asc' ? <ArrowUp className=\"w-3 h-3\" /> : <ArrowDown className=\"w-3 h-3\" />)\r\n                            : <ArrowUpDown className=\"w-3 h-3\" />\r\n                          }\r\n                        </span>\r\n                      </div>\r\n                    </th>\r\n                  ))}\r\n                </tr>\r\n              </thead>\r\n              <tbody className=\"divide-y divide-slate-100 dark:divide-slate-800\">\r\n                {currentData.length > 0 ? (\r\n                  currentData.map((row) => (\r\n                    <TableRow \r\n                      key={row.id} \r\n                      row={row} \r\n                      columns={columns as any} \r\n                      selectable={selectable}\r\n                      isSelected={selectedRows.has(row.id)}\r\n                      onSelect={toggleSelectRow}\r\n                    />\r\n                  ))\r\n                ) : (\r\n                  <tr>\r\n                    <td colSpan={columns.length + (selectable ? 1 : 0)}>\r\n                      {CustomEmptyState ? <CustomEmptyState /> : (\r\n                        <div className=\"flex flex-col items-center justify-center py-20 text-slate-400 gap-3\">\r\n                          <Inbox className=\"w-12 h-12 opacity-20\" />\r\n                          <p className=\"font-medium italic\">No se encontraron registros para mostrar</p>\r\n                        </div>\r\n                      )}\r\n                    </td>\r\n                  </tr>\r\n                )}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n\r\n        {pagination && processedData.length > 0 && (\r\n          <div className=\"flex flex-col sm:flex-row items-center justify-between gap-4 px-2 py-2 text-sm text-slate-500 dark:text-slate-400 font-medium\">\r\n            <div className=\"flex items-center gap-4\">\r\n               <div className=\"flex items-center gap-2\">\r\n                <span>Mostrar</span>\r\n                <div className=\"relative\">\r\n                  <select \r\n                    value={pageSize}\r\n                    onChange={(e) => { setPageSize(Number(e.target.value)); setCurrentPage(1); }}\r\n                    className=\"appearance-none bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-lg px-3 py-1.5 pr-8 focus:outline-none focus:ring-2 focus:ring-[var(--highlight)]/20 cursor-pointer text-slate-700 dark:text-slate-300 font-bold\"\r\n                  >\r\n                    {customArrayPagination.map(size => <option key={size} value={size}>{size}</option>)}\r\n                  </select>\r\n                  <ChevronDown className=\"w-4 h-4 absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"flex items-center gap-2\">\r\n              <button onClick={() => setCurrentPage(p => Math.max(p - 1, 1))} disabled={currentPage === 1} className=\"p-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 disabled:opacity-30 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors\"><ChevronLeft className=\"w-4 h-4\" /></button>\r\n              <div className=\"flex items-center gap-1 min-w-[60px] justify-center\">\r\n                <span className=\"font-bold text-[var(--highlight)]\">{currentPage}</span>\r\n                <span className=\"opacity-30\">/</span>\r\n                <span>{totalPages}</span>\r\n              </div>\r\n              <button onClick={() => setCurrentPage(p => Math.min(p + 1, totalPages))} disabled={currentPage === totalPages} className=\"p-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 disabled:opacity-30 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors\"><ChevronRight className=\"w-4 h-4\" /></button>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </TableContext.Provider>\r\n  );\r\n};\r\n\r\nexport default Table;","import { Menu, X } from \"lucide-react\";\r\nimport { CSSProperties, ReactNode } from \"react\";\r\n\r\n\r\n\r\nexport type NavbarPosition = 'static' | 'sticky' | 'fixed-bottom-floating';\r\n\r\n/**\r\n * @interface NavbarProps\r\n * Propiedades para el componente Navbar altamente configurable.\r\n */\r\nexport interface NavbarProps {\r\n  /** @param title - Título o logo del Navbar. */\r\n  title?: ReactNode;\r\n  /** @param position - Posición del Nav: 'static' (arriba normal), 'sticky' (pegado arriba), 'fixed-bottom-floating' (abajo flotante). */\r\n  position?: NavbarPosition;\r\n  /** @param color - Color principal para detalles o fondo (si colorDominant es true). */\r\n  color?: string;\r\n  /** @param colorDominant - Si es true, el color de la prop 'color' se convierte en el fondo principal. */\r\n  colorDominant?: boolean;\r\n  /** @param isMenuOpen - Estado controlado para el menú hamburguesa móvil. */\r\n  isMenuOpen?: boolean;\r\n  /** @param onToggleMenu - Función para abrir/cerrar el menú. */\r\n  onToggleMenu?: () => void;\r\n  /** @param children - Elementos de navegación o acciones. */\r\n  children?: ReactNode;\r\n  /** @param kd - Estilos CSS personalizados para el contenedor del Navbar. */\r\n  kd?: CSSProperties;\r\n}\r\n\r\n/**\r\n * Componente Navbar - Barra de navegación adaptable con soporte para múltiples posiciones y temas.\r\n * Gestiona automáticamente el contraste del texto según el fondo.\r\n */\r\nexport const Navbar = ({\r\n  title = \"Kydra Nav\",\r\n  position = \"static\",\r\n  color = \"#6366f1\",\r\n  colorDominant = false,\r\n  isMenuOpen = false,\r\n  onToggleMenu,\r\n  children,\r\n  kd = {}\r\n}: NavbarProps) => {\r\n  const getPositionClasses = () => {\r\n    switch (position) {\r\n      case 'sticky': return 'sticky top-0 z-50';\r\n      case 'fixed-bottom-floating': return 'fixed bottom-6 left-6 right-6 z-50 rounded-2xl shadow-2xl max-w-5xl mx-auto';\r\n      default: return 'relative';\r\n    }\r\n  };\r\n\r\n  const navStyles: CSSProperties = {\r\n    backgroundColor: colorDominant ? color : undefined,\r\n    borderColor: !colorDominant ? `${color}40` : 'transparent',\r\n    // Si el color es dominante, forzamos blanco. Si no, dejamos que herede del tema oscuro/claro\r\n    color: colorDominant ? '#ffffff' : undefined,\r\n    ...kd\r\n  };\r\n\r\n  return (\r\n    <nav \r\n      style={navStyles}\r\n      className={`\r\n        ${getPositionClasses()}\r\n        px-6 py-4 border-b transition-all duration-300\r\n        ${!colorDominant \r\n          ? 'bg-white/80 dark:bg-slate-900/80 backdrop-blur-md dark:border-slate-800 text-slate-900 dark:text-white' \r\n          : 'border-none text-white'}\r\n      `}\r\n    >\r\n      <div className=\"flex items-center justify-between gap-4\">\r\n        {/* Logo / Título */}\r\n        <div className=\"flex items-center gap-2 font-black text-lg tracking-tight\">\r\n          {typeof title === 'string' ? (\r\n            <span style={{ color: colorDominant ? 'white' : color }}>{title}</span>\r\n          ) : title}\r\n        </div>\r\n\r\n        {/* Desktop Actions - Heredan el color del padre */}\r\n        <div className=\"hidden md:flex items-center gap-6\">\r\n          {children}\r\n        </div>\r\n\r\n        {/* Hamburguesa Mobile */}\r\n        <button \r\n          onClick={onToggleMenu}\r\n          className={`md:hidden p-2 rounded-lg transition-colors ${colorDominant ? 'hover:bg-white/10' : 'hover:bg-black/5 dark:hover:bg-white/5'}`}\r\n        >\r\n          {isMenuOpen ? <X size={24} /> : <Menu size={24} />}\r\n        </button>\r\n      </div>\r\n\r\n      {/* Mobile Menu Dropdown */}\r\n      {isMenuOpen && (\r\n        <div className={`md:hidden mt-4 pb-4 animate-in slide-in-from-top-2 duration-200 border-t pt-4 ${colorDominant ? 'border-white/20' : 'border-black/5 dark:border-white/5'}`}>\r\n          <div className=\"flex flex-col gap-4\">\r\n            {children}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </nav>\r\n  );\r\n};"]}

package/dist/index.mjs

@@ -1,2 +1,46 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";var o=({data:s,columns:t})=>e("div",{className:"mt-6 overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm transition-all dark:border-slate-800 dark:bg-slate-900 dark:shadow-2xl",children:l("table",{className:"min-w-full divide-y divide-slate-200 text-left text-sm dark:divide-slate-800",children:[e("thead",{className:"bg-slate-50 dark:bg-slate-950/50",children:e("tr",{children:t.map(a=>e("th",{className:"px-6 py-4 font-semibold uppercase tracking-wider text-slate-700 dark:text-amber-400",children:a.header},a.accessor))})}),e("tbody",{className:"divide-y divide-slate-200 dark:divide-slate-800",children:s.map((a,d)=>e("tr",{className:"group hover:bg-slate-50 transition-all duration-200 dark:hover:bg-slate-800/50",children:t.map(r=>e("td",{className:"whitespace-nowrap px-6 py-4 text-slate-600 transition-colors group-hover:text-slate-900 dark:text-slate-300 dark:group-hover:text-white",children:a[r.accessor]},r.accessor))},d))})]})});export{o as Table};
+import he,{forwardRef,useState,createContext,useRef,useContext,useMemo}from'react';import {createPortal}from'react-dom';import {X,Check,Loader2,MoreHorizontal,Search,Trash2,Download,Plus,ArrowUp,ArrowDown,ArrowUpDown,Inbox,ChevronDown,ChevronLeft,ChevronRight,Menu}from'lucide-react';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var O=forwardRef(({icon:a,color:o="#6366f1",label:s,error:r,variant:i="standard",type:m="text",value:n="",onChange:l,onClear:d,placeholder:u,disabled:f,className:N="",kd:I={},...z},C)=>{let[h,x]=useState(false),R=v=>{l&&l(v.target.value);},p=h||n&&n.toString().length>0,k=()=>{let v="block w-full text-sm transition-all outline-none dark:text-white";switch(i){case "filled":return `${v} pt-6 pb-3 px-4 bg-slate-100 dark:bg-slate-800 border-b-2 border-transparent rounded-t-xl focus:bg-slate-50 dark:focus:bg-slate-900 focus:border-[var(--highlight)] ${r?"border-red-400 bg-red-50 dark:bg-red-950/20":""}`;case "underlined":return `${v} pt-6 pb-3 bg-transparent border-b-2 border-slate-200 dark:border-slate-800 rounded-none px-0 focus:border-[var(--highlight)] focus:ring-0 ${r?"border-red-400":""}`;default:return `${v} py-3.5 px-4 bg-white dark:bg-slate-900 border rounded-xl 
+          ${r?"border-red-400 focus:border-red-500 ring-0 focus:ring-2 focus:ring-red-500/10":"border-slate-200 dark:border-slate-800 focus:border-[var(--highlight)] ring-0 focus:ring-2 focus:ring-[var(--highlight)]/20"}`}};return jsxs("div",{className:`flex flex-col gap-1 w-full ${N}`,style:{"--highlight":o},children:[jsxs("div",{className:"relative flex items-center group",children:[s&&jsx("label",{className:`
+              absolute pointer-events-none transition-all duration-200 ease-in-out z-20
+              ${p?`text-[10px] font-bold uppercase tracking-wider ${r?"text-red-500":"text-[var(--highlight)]"}`:"text-sm font-medium text-slate-400"}
+              
+              /* Alineaci\xF3n Horizontal: Uniforme en standard y filled */
+              ${i==="underlined"?"left-0":"left-4"}
+
+              /* Posicionamiento Vertical */
+              ${i==="standard"?p?"-top-2 px-1.5 bg-white dark:bg-slate-900 translate-x-[-4px]":"top-1/2 -translate-y-1/2":p?"top-1.5":"top-[31px] -translate-y-1/2"}
+
+              /* Ajuste por Icono cuando NO flota */
+              ${!p&&a?"pl-7":""}
+            `,children:s}),a&&jsx("div",{className:`absolute flex items-center pointer-events-none transition-colors duration-200 z-10
+            ${i==="underlined"?"left-0":"left-4"}
+            ${i==="standard"?"top-1/2 -translate-y-1/2":"top-[31px] -translate-y-1/2"}
+            ${r?"text-red-400":h?"text-[var(--highlight)]":"text-slate-400"}`,children:jsx(a,{className:"w-4 h-4"})}),jsx("input",{ref:C,type:m,value:n,onFocus:()=>x(true),onBlur:()=>x(false),onChange:R,disabled:f,placeholder:h&&p?u:"",style:{...I},className:`
+            ${k()}
+            ${f?"opacity-50 cursor-not-allowed":""}
+            /* Padding Left: alineado con el icono */
+            ${a?i==="underlined"?"pl-7":"pl-11":i==="underlined"?"pl-0":"pl-4"}
+            ${d?"pr-10":"pr-4"}
+            relative z-0
+          `,...z}),n&&d&&!f&&jsx("button",{type:"button",onClick:d,className:`absolute right-0 flex items-center text-slate-400 hover:text-slate-600 dark:hover:text-slate-200 transition-colors z-20
+              ${i==="underlined"?"pr-0 top-[31px] -translate-y-1/2":"pr-3 top-1/2 -translate-y-1/2"}`,children:jsx(X,{className:"w-4 h-4"})})]}),r&&jsx("span",{className:"text-[10px] font-bold text-red-500 ml-1 uppercase tracking-tight animate-in slide-in-from-top-1 duration-200",children:r})]})});O.displayName="Input";var L=forwardRef(({color:a="#6366f1",label:o,value:s=false,onChange:r,kd:i={},className:m="",disabled:n=false,...l},d)=>{let u=N=>{r&&r(N.target.checked);},f={"--tw-ring-color":a,borderColor:s?a:"#94a3b8",backgroundColor:s?a:"transparent",...i};return jsxs("label",{className:`inline-flex items-center gap-3 cursor-pointer select-none ${n?"opacity-50 cursor-not-allowed":""} ${m}`,children:[jsxs("div",{className:"relative flex items-center justify-center",children:[jsx("input",{ref:d,type:"checkbox",checked:s,onChange:u,disabled:n,className:"peer sr-only",...l}),jsx("div",{style:f,className:"w-5 h-5 border-2 rounded-md transition-all duration-200 ease-in-out peer-focus:ring-2 peer-focus:ring-offset-2 peer-focus:ring-offset-white dark:peer-focus:ring-offset-slate-900 flex items-center justify-center",children:s&&jsx(Check,{size:14,className:"text-white animate-in zoom-in-50 duration-200",strokeWidth:4})})]}),o&&jsx("span",{className:"text-sm font-medium leading-none",children:o})]})});L.displayName="CheckBox";var j=forwardRef(({label:a="Bot\xF3n",color:o="#6366f1",variant:s="filled",icon:r,iconPosition:i="left",textAlign:m="center",type:n="button",onClick:l,className:d="",disabled:u=false,loading:f=false,kd:N={},...I},z)=>{let[C,h]=useState(false),x={left:"justify-start",center:"justify-center",right:"justify-end"};return jsx("button",{ref:z,type:n,disabled:u||f,onMouseEnter:()=>h(true),onMouseLeave:()=>h(false),onClick:l,style:{...(()=>{let p=C&&!u&&!f,k={opacity:u||f?.6:1,cursor:u||f?"not-allowed":"pointer",transition:"all 300ms cubic-bezier(0.4, 0, 0.2, 1)"};switch(s){case "filled":return {...k,backgroundColor:o,color:"#ffffff",border:"1px solid transparent",filter:p?"brightness(0.9)":"none",boxShadow:p?"0 4px 12px rgba(0,0,0,0.15)":"none"};case "dotted":return {...k,backgroundColor:p?`${o}15`:"transparent",color:o,border:`2px dotted ${o}`,transform:p?"translateY(-1px)":"none"};case "ghost-hover":return {...k,backgroundColor:p?o:"transparent",color:p?"#ffffff":"currentColor",borderColor:p?"transparent":"currentColor",borderWidth:"1px",borderStyle:"solid"};default:return k}})(),...N},className:`
+        group relative px-6 py-3 rounded-lg font-medium 
+        active:scale-[0.98] flex items-center min-w-[140px] overflow-hidden
+        ${x[m]}
+        ${d}
+      `,...I,children:jsxs("div",{className:`flex items-center gap-2 ${i==="right"?"flex-row-reverse":"flex-row"}`,children:[f?jsx(Loader2,{className:"animate-spin",size:18}):r&&jsx("span",{className:`flex items-center transition-transform duration-300 ${C&&!u?"scale-110":""}`,children:r}),jsx("span",{className:"leading-none",children:f?"Cargando...":a})]})})});j.displayName="Button";var _=createContext({darkMode:false,color:"#2563eb"}),q=()=>useContext(_),Me=he.memo(({row:a,columns:o,selectable:s,isSelected:r,onSelect:i})=>{let{color:m}=q(),n={left:"text-left",center:"text-center",right:"text-right"};return jsxs("tr",{className:"group transition-colors duration-150 hover:bg-[var(--highlight)]/5",children:[s&&jsx("td",{className:"px-6 py-4 border-b border-transparent",children:jsx(L,{color:m,value:r,onChange:()=>i(a.id)})}),o.filter(l=>!l.hidden).map(l=>jsx("td",{className:`
+            whitespace-nowrap px-6 py-4 
+            text-slate-600 dark:text-slate-300
+            transition-colors group-hover:text-slate-900 dark:group-hover:text-white
+            ${n[l.align||"left"]}
+          `,children:l.actions?jsx(Le,{actions:l.actions,row:a}):l.format?l.format(a[l.accessor],a,m):String(a[l.accessor]??"")},String(l.accessor)))]})}),Ee=({isOpen:a,onClose:o,anchorRect:s,actions:r,row:i})=>{let{darkMode:m,color:n}=q();if(!a||!s)return null;let l={position:"fixed",top:`${s.bottom+8}px`,left:`${s.right-192}px`,zIndex:9999};return createPortal(jsxs("div",{className:m?"dark":"",style:{"--highlight":n},children:[jsx("div",{className:"fixed inset-0 z-[9998]",onClick:o}),jsx("div",{style:l,className:"w-48 overflow-hidden rounded-xl border border-slate-200 bg-white shadow-2xl ring-1 ring-black ring-opacity-5 dark:border-slate-700 dark:bg-slate-800 animate-in fade-in zoom-in duration-150",children:jsx("div",{className:"py-1",children:r.map((d,u)=>{let f=d.icon;return jsxs("button",{onClick:()=>{d.onClick(i),o();},className:`flex w-full items-center gap-3 px-4 py-2.5 text-sm transition-colors hover:bg-slate-50 dark:hover:bg-slate-700/50 ${d.color||"text-slate-700 dark:text-slate-200"}`,children:[f&&jsx(f,{className:"w-4 h-4 opacity-70"}),jsx("span",{className:"font-medium",children:d.label})]},u)})})})]}),document.body)},Le=({actions:a,row:o})=>{let[s,r]=useState(false),[i,m]=useState(null),n=useRef(null);return jsxs(Fragment,{children:[jsx("button",{ref:n,onClick:d=>{d.stopPropagation(),n.current&&m(n.current.getBoundingClientRect()),r(!s);},className:`p-2 rounded-full transition-all duration-200 ${s?"bg-[var(--highlight)]/10 text-[var(--highlight)]":"hover:bg-slate-100 dark:hover:bg-slate-800 text-slate-400"}`,children:jsx(MoreHorizontal,{className:"w-5 h-5"})}),jsx(Ee,{isOpen:s,onClose:()=>r(false),anchorRect:i,actions:a,row:o})]})},lt=({data:a=[],columns:o=[],pagination:s=true,selectable:r=false,customArrayPagination:i=[5,10,25,50,100],defaultPageSize:m=10,filter:n=false,filterPlaceholder:l="Buscar registros...",color:d="#2563eb",add:u=false,textAdd:f="Agregar",actionAdd:N=()=>{},excelExport:I=false,onDeleteRows:z=()=>{},emptyState:C,darkMode:h=false})=>{let[x,R]=useState(1),[p,k]=useState(m),[v,W]=useState(""),[b,Q]=useState({key:null,direction:"asc"}),[S,H]=useState(new Set),Z=useMemo(()=>({darkMode:h,color:d}),[h,d]),ee=t=>{let g="asc";b.key===t&&b.direction==="asc"&&(g="desc"),Q({key:t,direction:g});},M=useMemo(()=>{let t=[...a];if(n&&v){let g=o.filter(y=>y.filter).map(y=>y.accessor);t=t.filter(y=>g.some(B=>String(y[B]??"").toLowerCase().includes(v.toLowerCase())));}return b.key&&t.sort((g,y)=>{let B=g[b.key],D=y[b.key];return B<D?b.direction==="asc"?-1:1:B>D?b.direction==="asc"?1:-1:0}),t},[a,v,n,o,b]),U=Math.ceil(M.length/p)||1,T=s?M.slice((x-1)*p,x*p):M,te=()=>{T.length>0&&S.size===T.length?H(new Set):H(new Set(T.map(t=>t.id)));},re=t=>{let g=new Set(S);g.has(t)?g.delete(t):g.add(t),H(g);},ae=()=>{let t=o.filter(A=>!A.hidden&&!A.actions),g=t.map(A=>`"${A.header}"`).join(","),y=M.map(A=>t.map(ne=>{let le=A[ne.accessor];return `"${String(le??"").replace(/"/g,'""')}"`}).join(",")).join(`
+`),B="\uFEFF"+g+`
+`+y,D=new Blob([B],{type:"text/csv;charset=utf-8;"}),se=URL.createObjectURL(D),E=document.createElement("a");E.setAttribute("href",se),E.setAttribute("download",`Export_${new Date().getTime()}.csv`),document.body.appendChild(E),E.click(),document.body.removeChild(E);},oe={left:"text-left",center:"text-center",right:"text-right"};return jsx(_.Provider,{value:Z,children:jsxs("div",{className:`flex flex-col gap-4 w-full ${h?"dark":""}`,style:{"--highlight":d},children:[jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-4",children:[jsxs("div",{className:"flex flex-1 gap-4 w-full sm:w-auto",children:[n&&jsx("div",{className:"w-full sm:max-w-xs",children:jsx(O,{icon:Search,color:d,value:v,onChange:W,label:l,onClear:()=>W("")})}),r&&S.size>0&&jsxs("div",{className:"flex items-center gap-3 animate-in fade-in slide-in-from-left-4",children:[jsxs("span",{className:"text-sm font-bold text-slate-500 hidden md:inline",children:[S.size," seleccionados"]}),jsxs("button",{onClick:()=>{z(Array.from(S)),H(new Set);},className:"text-xs font-bold text-red-500 hover:text-red-600 bg-red-50 dark:bg-red-500/10 px-4 py-2.5 rounded-xl transition-all active:scale-95 flex items-center gap-2 border border-red-100 dark:border-red-500/20",children:[jsx(Trash2,{className:"w-4 h-4"}),jsx("span",{children:"Eliminar"})]})]})]}),jsxs("div",{className:"flex items-center gap-3 w-full sm:w-auto",children:[I&&jsx(j,{onClick:ae,color:"green",icon:jsx(Download,{className:"w-4 h-4"}),label:"Exportar"}),u&&jsx(Fragment,{children:jsx(j,{onClick:N,kd:{backgroundColor:"var(--highlight)"},icon:jsx(Plus,{className:"w-4 h-4"}),label:f})})]})]}),jsx("div",{className:"w-full rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900 overflow-hidden",children:jsx("div",{className:"overflow-x-auto",children:jsxs("table",{className:"min-w-full border-separate border-spacing-0 text-sm",children:[jsx("thead",{className:"bg-slate-50/50 dark:bg-slate-950/40",children:jsxs("tr",{children:[r&&jsx("th",{className:"px-6 py-4 border-b border-slate-100 dark:border-slate-800 w-10 text-left",children:jsx(L,{color:d,value:T.length>0&&S.size===T.length,onChange:te})}),o.filter(t=>!t.hidden).map(t=>jsx("th",{onClick:()=>ee(t.accessor),className:`
+                        px-6 py-4 font-bold uppercase tracking-tight text-slate-500 dark:text-slate-400
+                        ${oe[t.align||"left"]}
+                        border-b border-slate-100 dark:border-slate-800 cursor-pointer select-none group/th
+                      `,children:jsxs("div",{className:`flex items-center gap-2 ${t.align==="center"?"justify-center":t.align==="right"?"justify-end":""}`,children:[t.header,jsx("span",{className:`transition-colors ${b.key===t.accessor?"text-[var(--highlight)]":"text-slate-300 opacity-0 group-hover/th:opacity-100"}`,children:b.key===t.accessor?b.direction==="asc"?jsx(ArrowUp,{className:"w-3 h-3"}):jsx(ArrowDown,{className:"w-3 h-3"}):jsx(ArrowUpDown,{className:"w-3 h-3"})})]})},String(t.accessor)))]})}),jsx("tbody",{className:"divide-y divide-slate-100 dark:divide-slate-800",children:T.length>0?T.map(t=>jsx(Me,{row:t,columns:o,selectable:r,isSelected:S.has(t.id),onSelect:re},t.id)):jsx("tr",{children:jsx("td",{colSpan:o.length+(r?1:0),children:C?jsx(C,{}):jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-slate-400 gap-3",children:[jsx(Inbox,{className:"w-12 h-12 opacity-20"}),jsx("p",{className:"font-medium italic",children:"No se encontraron registros para mostrar"})]})})})})]})})}),s&&M.length>0&&jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-4 px-2 py-2 text-sm text-slate-500 dark:text-slate-400 font-medium",children:[jsx("div",{className:"flex items-center gap-4",children:jsxs("div",{className:"flex items-center gap-2",children:[jsx("span",{children:"Mostrar"}),jsxs("div",{className:"relative",children:[jsx("select",{value:p,onChange:t=>{k(Number(t.target.value)),R(1);},className:"appearance-none bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-lg px-3 py-1.5 pr-8 focus:outline-none focus:ring-2 focus:ring-[var(--highlight)]/20 cursor-pointer text-slate-700 dark:text-slate-300 font-bold",children:i.map(t=>jsx("option",{value:t,children:t},t))}),jsx(ChevronDown,{className:"w-4 h-4 absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none opacity-50"})]})]})}),jsxs("div",{className:"flex items-center gap-2",children:[jsx("button",{onClick:()=>R(t=>Math.max(t-1,1)),disabled:x===1,className:"p-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 disabled:opacity-30 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors",children:jsx(ChevronLeft,{className:"w-4 h-4"})}),jsxs("div",{className:"flex items-center gap-1 min-w-[60px] justify-center",children:[jsx("span",{className:"font-bold text-[var(--highlight)]",children:x}),jsx("span",{className:"opacity-30",children:"/"}),jsx("span",{children:U})]}),jsx("button",{onClick:()=>R(t=>Math.min(t+1,U)),disabled:x===U,className:"p-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 disabled:opacity-30 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors",children:jsx(ChevronRight,{className:"w-4 h-4"})})]})]})]})})};var ht=({title:a="Kydra Nav",position:o="static",color:s="#6366f1",colorDominant:r=false,isMenuOpen:i=false,onToggleMenu:m,children:n,kd:l={}})=>{let d=()=>{switch(o){case "sticky":return "sticky top-0 z-50";case "fixed-bottom-floating":return "fixed bottom-6 left-6 right-6 z-50 rounded-2xl shadow-2xl max-w-5xl mx-auto";default:return "relative"}},u={backgroundColor:r?s:void 0,borderColor:r?"transparent":`${s}40`,color:r?"#ffffff":void 0,...l};return jsxs("nav",{style:u,className:`
+        ${d()}
+        px-6 py-4 border-b transition-all duration-300
+        ${r?"border-none text-white":"bg-white/80 dark:bg-slate-900/80 backdrop-blur-md dark:border-slate-800 text-slate-900 dark:text-white"}
+      `,children:[jsxs("div",{className:"flex items-center justify-between gap-4",children:[jsx("div",{className:"flex items-center gap-2 font-black text-lg tracking-tight",children:typeof a=="string"?jsx("span",{style:{color:r?"white":s},children:a}):a}),jsx("div",{className:"hidden md:flex items-center gap-6",children:n}),jsx("button",{onClick:m,className:`md:hidden p-2 rounded-lg transition-colors ${r?"hover:bg-white/10":"hover:bg-black/5 dark:hover:bg-white/5"}`,children:i?jsx(X,{size:24}):jsx(Menu,{size:24})})]}),i&&jsx("div",{className:`md:hidden mt-4 pb-4 animate-in slide-in-from-top-2 duration-200 border-t pt-4 ${r?"border-white/20":"border-black/5 dark:border-white/5"}`,children:jsx("div",{className:"flex flex-col gap-4",children:n})})]})};export{j as Button,L as CheckBox,O as Input,ht as Navbar,lt as Table};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Table.tsx"],"sourcesContent":["export const Table = ({ data, columns }: any) => {\r\n  return (\r\n    <div className=\"mt-6 overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm transition-all dark:border-slate-800 dark:bg-slate-900 dark:shadow-2xl\">\r\n      <table className=\"min-w-full divide-y divide-slate-200 text-left text-sm dark:divide-slate-800\">\r\n        <thead className=\"bg-slate-50 dark:bg-slate-950/50\">\r\n          <tr>\r\n            {columns.map((col: any) => (\r\n              <th \r\n                key={col.accessor} \r\n                className=\"px-6 py-4 font-semibold uppercase tracking-wider text-slate-700 dark:text-amber-400\"\r\n              >\r\n                {col.header}\r\n              </th>\r\n            ))}\r\n          </tr>\r\n        </thead>\r\n        <tbody className=\"divide-y divide-slate-200 dark:divide-slate-800\">\r\n          {data.map((row: any, i: number) => (\r\n            <tr \r\n              key={i} \r\n              className=\"group hover:bg-slate-50 transition-all duration-200 dark:hover:bg-slate-800/50\"\r\n            >\r\n              {columns.map((col: any) => (\r\n                <td \r\n                  key={col.accessor} \r\n                  className=\"whitespace-nowrap px-6 py-4 text-slate-600 transition-colors group-hover:text-slate-900 dark:text-slate-300 dark:group-hover:text-white\"\r\n                >\r\n                  {row[col.accessor]}\r\n                </td>\r\n              ))}\r\n            </tr>\r\n          ))}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n};"],"mappings":"AAGM,OAIQ,OAAAA,EAJR,QAAAC,MAAA,oBAHC,IAAMC,EAAQ,CAAC,CAAE,KAAAC,EAAM,QAAAC,CAAQ,IAElCJ,EAAC,OAAI,UAAU,oJACb,SAAAC,EAAC,SAAM,UAAU,+EACf,UAAAD,EAAC,SAAM,UAAU,mCACf,SAAAA,EAAC,MACE,SAAAI,EAAQ,IAAKC,GACZL,EAAC,MAEC,UAAU,sFAET,SAAAK,EAAI,QAHAA,EAAI,QAIX,CACD,EACH,EACF,EACAL,EAAC,SAAM,UAAU,kDACd,SAAAG,EAAK,IAAI,CAACG,EAAUC,IACnBP,EAAC,MAEC,UAAU,iFAET,SAAAI,EAAQ,IAAKC,GACZL,EAAC,MAEC,UAAU,0IAET,SAAAM,EAAID,EAAI,QAAQ,GAHZA,EAAI,QAIX,CACD,GAVIE,CAWP,CACD,EACH,GACF,EACF","names":["jsx","jsxs","Table","data","columns","col","row","i"]}
+{"version":3,"sources":["../src/components/Input/Input.tsx","../src/components/CheckBox/CheckBox.tsx","../src/components/Button/Button.tsx","../src/components/Table.tsx","../src/components/Nav.tsx"],"names":["Input","forwardRef","Icon","color","label","error","variant","type","value","onChange","onClear","placeholder","disabled","className","kd","props","ref","isFocused","setIsFocused","useState","handleChange","e","isFloating","getVariantClasses","base","jsxs","jsx","X","CheckBox","customBoxStyles","Check","Button","icon","iconPosition","textAlign","onClick","loading","isHovered","setIsHovered","alignmentStyles","activeHover","baseStyles","Loader2","TableContext","createContext","useTableTheme","useContext","TableRow","React","row","columns","selectable","isSelected","onSelect","alignmentClasses","c","col","ActionButton","DropdownPortal","isOpen","onClose","anchorRect","actions","darkMode","style","createPortal","action","index","setIsOpen","setAnchorRect","buttonRef","useRef","Fragment","MoreHorizontal","Table","data","pagination","customArrayPagination","defaultPageSize","filter","filterPlaceholder","add","textAdd","actionAdd","excelExport","onDeleteRows","CustomEmptyState","currentPage","setCurrentPage","pageSize","setPageSize","searchTerm","setSearchTerm","sortConfig","setSortConfig","selectedRows","setSelectedRows","themeValue","useMemo","handleSort","key","direction","processedData","result","searchableAccessors","acc","a","b","valA","valB","totalPages","currentData","toggleSelectAll","r","toggleSelectRow","id","newSelection","handleExportCSV","visibleColumns","headers","rows","val","csvContent","blob","url","link","Search","Trash2","Download","Plus","ArrowUp","ArrowDown","ArrowUpDown","Inbox","size","ChevronDown","p","ChevronLeft","ChevronRight","Navbar","title","position","colorDominant","isMenuOpen","onToggleMenu","children","getPositionClasses","navStyles","Menu"],"mappings":"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","file":"index.mjs","sourcesContent":["import { X } from \"lucide-react\";\r\nimport { CSSProperties, forwardRef, useState } from \"react\";\r\nimport { InputProps } from \"./Input.types\";\r\n\r\n\r\nexport const Input = forwardRef<HTMLInputElement, InputProps>(({\r\n  icon: Icon,\r\n  color = \"#6366f1\",\r\n  label,\r\n  error,\r\n  variant = \"standard\",\r\n  type = \"text\",\r\n  value = \"\",\r\n  onChange,\r\n  onClear,\r\n  placeholder,\r\n  disabled,\r\n  className = \"\",\r\n  kd = {},\r\n  ...props\r\n}, ref) => {\r\n  const [isFocused, setIsFocused] = useState(false);\r\n  \r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (onChange) onChange(e.target.value);\r\n  };\r\n\r\n  const isFloating = isFocused || (value && value.toString().length > 0);\r\n\r\n  const getVariantClasses = () => {\r\n    const base = \"block w-full text-sm transition-all outline-none dark:text-white\";\r\n    \r\n    switch (variant) {\r\n      case 'filled':\r\n        return `${base} pt-6 pb-3 px-4 bg-slate-100 dark:bg-slate-800 border-b-2 border-transparent rounded-t-xl focus:bg-slate-50 dark:focus:bg-slate-900 focus:border-[var(--highlight)] ${error ? 'border-red-400 bg-red-50 dark:bg-red-950/20' : ''}`;\r\n      case 'underlined':\r\n        return `${base} pt-6 pb-3 bg-transparent border-b-2 border-slate-200 dark:border-slate-800 rounded-none px-0 focus:border-[var(--highlight)] focus:ring-0 ${error ? 'border-red-400' : ''}`;\r\n      case 'standard':\r\n      default:\r\n        // Ajustado: Se eliminan las clases por defecto de Tailwind de ring para usar el color dinámico en el borde de focus\r\n        return `${base} py-3.5 px-4 bg-white dark:bg-slate-900 border rounded-xl \r\n          ${error \r\n            ? 'border-red-400 focus:border-red-500 ring-0 focus:ring-2 focus:ring-red-500/10' \r\n            : 'border-slate-200 dark:border-slate-800 focus:border-[var(--highlight)] ring-0 focus:ring-2 focus:ring-[var(--highlight)]/20'}`;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className={`flex flex-col gap-1 w-full ${className}`} style={{ '--highlight': color } as CSSProperties}>\r\n      <div className=\"relative flex items-center group\">\r\n        \r\n        {/* Label Flotante - Ajustado simétricamente */}\r\n        {label && (\r\n          <label \r\n            className={`\r\n              absolute pointer-events-none transition-all duration-200 ease-in-out z-20\r\n              ${isFloating \r\n                ? `text-[10px] font-bold uppercase tracking-wider ${error ? 'text-red-500' : 'text-[var(--highlight)]'}` \r\n                : 'text-sm font-medium text-slate-400'}\r\n              \r\n              /* Alineación Horizontal: Uniforme en standard y filled */\r\n              ${variant === 'underlined' ? 'left-0' : 'left-4'}\r\n\r\n              /* Posicionamiento Vertical */\r\n              ${variant === 'standard' \r\n                ? (isFloating ? '-top-2 px-1.5 bg-white dark:bg-slate-900 translate-x-[-4px]' : 'top-1/2 -translate-y-1/2') \r\n                : (isFloating ? 'top-1.5' : 'top-[31px] -translate-y-1/2')}\r\n\r\n              /* Ajuste por Icono cuando NO flota */\r\n              ${!isFloating && Icon ? 'pl-7' : ''}\r\n            `}\r\n          >\r\n            {label}\r\n          </label>\r\n        )}\r\n\r\n        {/* Icono */}\r\n        {Icon && (\r\n          <div className={`absolute flex items-center pointer-events-none transition-colors duration-200 z-10\r\n            ${variant === 'underlined' ? 'left-0' : 'left-4'}\r\n            ${variant === 'standard' ? 'top-1/2 -translate-y-1/2' : 'top-[31px] -translate-y-1/2'}\r\n            ${error ? 'text-red-400' : isFocused ? 'text-[var(--highlight)]' : 'text-slate-400'}`}>\r\n            <Icon className=\"w-4 h-4\" />\r\n          </div>\r\n        )}\r\n\r\n        <input\r\n          ref={ref}\r\n          type={type}\r\n          value={value}\r\n          onFocus={() => setIsFocused(true)}\r\n          onBlur={() => setIsFocused(false)}\r\n          onChange={handleChange}\r\n          disabled={disabled}\r\n          placeholder={isFocused && isFloating ? placeholder : \"\"} \r\n          style={{ ...kd } as CSSProperties}\r\n          className={`\r\n            ${getVariantClasses()}\r\n            ${disabled ? 'opacity-50 cursor-not-allowed' : ''}\r\n            /* Padding Left: alineado con el icono */\r\n            ${Icon ? (variant === 'underlined' ? 'pl-7' : 'pl-11') : (variant === 'underlined' ? 'pl-0' : 'pl-4')}\r\n            ${onClear ? 'pr-10' : 'pr-4'}\r\n            relative z-0\r\n          `}\r\n          {...props}\r\n        />\r\n\r\n        {/* Botón de Limpiar */}\r\n        {value && onClear && !disabled && (\r\n          <button \r\n            type=\"button\"\r\n            onClick={onClear}\r\n            className={`absolute right-0 flex items-center text-slate-400 hover:text-slate-600 dark:hover:text-slate-200 transition-colors z-20\r\n              ${variant === 'underlined' ? 'pr-0 top-[31px] -translate-y-1/2' : 'pr-3 top-1/2 -translate-y-1/2'}`}\r\n          >\r\n            <X className=\"w-4 h-4\" />\r\n          </button>\r\n        )}\r\n      </div>\r\n      \r\n      {error && <span className=\"text-[10px] font-bold text-red-500 ml-1 uppercase tracking-tight animate-in slide-in-from-top-1 duration-200\">{error}</span>}\r\n    </div>\r\n  );\r\n});\r\n\r\n\r\nInput.displayName = \"Input\";","import { Check } from \"lucide-react\";\r\nimport { CSSProperties, forwardRef } from \"react\";\r\nimport { CheckBoxProps } from \"./CheckBox.types\";\r\n\r\n\r\n/**\r\n  * Componente CheckBox - Core librería @kydra/ui\r\n */\r\nexport const CheckBox = forwardRef<HTMLInputElement, CheckBoxProps>(({\r\n  color = \"#6366f1\",\r\n  label,\r\n  value = false,\r\n  onChange,\r\n  kd = {},\r\n  className = \"\",\r\n  disabled = false,\r\n  ...props\r\n}, ref) => {\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (onChange) onChange(e.target.checked);\r\n  };\r\n\r\n  const customBoxStyles: CSSProperties = {\r\n    '--tw-ring-color': color,\r\n    borderColor: value ? color : '#94a3b8',\r\n    backgroundColor: value ? color : 'transparent',\r\n    ...kd\r\n  } as CSSProperties;\r\n\r\n  return (\r\n    <label className={`inline-flex items-center gap-3 cursor-pointer select-none ${disabled ? 'opacity-50 cursor-not-allowed' : ''} ${className}`}>\r\n      <div className=\"relative flex items-center justify-center\">\r\n        <input ref={ref} type=\"checkbox\" checked={value} onChange={handleChange} disabled={disabled} className=\"peer sr-only\" {...props} />\r\n        <div style={customBoxStyles} className=\"w-5 h-5 border-2 rounded-md transition-all duration-200 ease-in-out peer-focus:ring-2 peer-focus:ring-offset-2 peer-focus:ring-offset-white dark:peer-focus:ring-offset-slate-900 flex items-center justify-center\">\r\n          {value && <Check size={14} className=\"text-white animate-in zoom-in-50 duration-200\" strokeWidth={4} />}\r\n        </div>\r\n      </div>\r\n      {label && <span className=\"text-sm font-medium leading-none\">{label}</span>}\r\n    </label>\r\n  );\r\n});\r\n\r\nCheckBox.displayName = \"CheckBox\";","import { useState, forwardRef, CSSProperties } from 'react';\r\nimport { Loader2 } from 'lucide-react';\r\nimport { ButtonProps, TextAlign } from './Button.types';\r\n\r\n\r\n/**\r\n * Componente Button - Core librería @kydra/ui\r\n */\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(({\r\n  label = \"Botón\",\r\n  color = \"#6366f1\",\r\n  variant = \"filled\",\r\n  icon,\r\n  iconPosition = \"left\",\r\n  textAlign = \"center\",\r\n  type = \"button\",\r\n  onClick,\r\n  className = \"\",\r\n  disabled = false,\r\n  loading = false,\r\n  kd = {},\r\n  ...props\r\n}, ref) => {\r\n  const [isHovered, setIsHovered] = useState(false);\r\n\r\n  // Mapeo de estilos de alineación\r\n  const alignmentStyles: Record<TextAlign, string> = {\r\n    left: 'justify-start',\r\n    center: 'justify-center',\r\n    right: 'justify-end'\r\n  };\r\n\r\n  // Lógica de estilos dinámicos\r\n  const getDynamicStyles = (): CSSProperties => {\r\n    const activeHover = isHovered && !disabled && !loading;\r\n\r\n    const baseStyles: CSSProperties = {\r\n      opacity: disabled || loading ? 0.6 : 1,\r\n      cursor: disabled || loading ? 'not-allowed' : 'pointer',\r\n      transition: 'all 300ms cubic-bezier(0.4, 0, 0.2, 1)',\r\n    };\r\n\r\n    switch (variant) {\r\n      case 'filled':\r\n        return {\r\n          ...baseStyles,\r\n          backgroundColor: color,\r\n          color: '#ffffff',\r\n          border: '1px solid transparent',\r\n          filter: activeHover ? 'brightness(0.9)' : 'none',\r\n          boxShadow: activeHover ? '0 4px 12px rgba(0,0,0,0.15)' : 'none',\r\n        };\r\n      case 'dotted':\r\n        return {\r\n          ...baseStyles,\r\n          backgroundColor: activeHover ? `${color}15` : 'transparent',\r\n          color: color,\r\n          border: `2px dotted ${color}`,\r\n          transform: activeHover ? 'translateY(-1px)' : 'none',\r\n        };\r\n      case 'ghost-hover':\r\n        return {\r\n          ...baseStyles,\r\n          backgroundColor: activeHover ? color : 'transparent',\r\n          color: activeHover ? '#ffffff' : 'currentColor',\r\n          borderColor: activeHover ? 'transparent' : 'currentColor',\r\n          borderWidth: '1px',\r\n          borderStyle: 'solid',\r\n        };\r\n      default:\r\n        return baseStyles;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <button\r\n      ref={ref}\r\n      type={type}\r\n      disabled={disabled || loading}\r\n      onMouseEnter={() => setIsHovered(true)}\r\n      onMouseLeave={() => setIsHovered(false)}\r\n      onClick={onClick}\r\n      style={{ ...getDynamicStyles(), ...kd }}\r\n      className={`\r\n        group relative px-6 py-3 rounded-lg font-medium \r\n        active:scale-[0.98] flex items-center min-w-[140px] overflow-hidden\r\n        ${alignmentStyles[textAlign]}\r\n        ${className}\r\n      `}\r\n      {...props}\r\n    >\r\n      <div className={`flex items-center gap-2 ${iconPosition === 'right' ? 'flex-row-reverse' : 'flex-row'}`}>\r\n        {loading ? (\r\n          <Loader2 className=\"animate-spin\" size={18} />\r\n        ) : (\r\n          icon && (\r\n            <span className={`flex items-center transition-transform duration-300 ${isHovered && !disabled ? 'scale-110' : ''}`}>\r\n              {icon}\r\n            </span>\r\n          )\r\n        )}\r\n        <span className=\"leading-none\">{loading ? 'Cargando...' : label}</span>\r\n      </div>\r\n    </button>\r\n  );\r\n});\r\n\r\nButton.displayName = \"Button\";","import React, { \r\n  useState, \r\n  useMemo, \r\n  useRef,\r\n  useContext,\r\n  createContext\r\n} from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport { \r\n  MoreHorizontal,\r\n  Trash2, \r\n  ChevronLeft, \r\n  ChevronRight, \r\n  ChevronDown, \r\n  Search, \r\n  Plus,\r\n  ArrowUp,\r\n  ArrowDown,\r\n  ArrowUpDown,\r\n  Inbox,\r\n  Download,\r\n  LucideIcon,\r\n} from 'lucide-react';\r\nimport { Input } from './Input/Input';\r\nimport { CheckBox } from './CheckBox/CheckBox';\r\nimport { Button } from './Button/Button';\r\n\r\n// --- Contexto para el Tema ---\r\ninterface TableTheme {\r\n  darkMode: boolean;\r\n  color: string;\r\n}\r\n\r\nconst TableContext = createContext<TableTheme>({ darkMode: false, color: '#2563eb' });\r\nconst useTableTheme = () => useContext(TableContext);\r\n\r\n// --- Tipos e Interfaces ---\r\n\r\nexport interface TableAction<T> {\r\n  label: string;\r\n  icon?: LucideIcon;\r\n  onClick: (row: T) => void;\r\n  color?: string;\r\n}\r\n\r\nexport interface TableColumn<T> {\r\n  header: string;\r\n  accessor: keyof T;\r\n  filter?: boolean;\r\n  hidden?: boolean;\r\n  align?: 'left' | 'center' | 'right';\r\n  format?: (value: any, row: T, highlightColor: string) => React.ReactNode;\r\n  actions?: TableAction<T>[];\r\n}\r\n\r\ninterface TableProps<T> {\r\n  data: T[];\r\n  columns: TableColumn<T>[];\r\n  pagination?: boolean;\r\n  selectable?: boolean;\r\n  customArrayPagination?: number[];\r\n  defaultPageSize?: number;\r\n  filter?: boolean;\r\n  filterPlaceholder?: string;\r\n  color?: string;\r\n  add?: boolean;\r\n  textAdd?: string;\r\n  actionAdd?: () => void;\r\n  excelExport?: boolean;\r\n  onDeleteRows?: (ids: (string | number)[]) => void;\r\n  emptyState?: React.ComponentType;\r\n  darkMode?: boolean;\r\n}\r\n\r\ninterface Identifiable {\r\n  id: string | number;\r\n}\r\n\r\n// --- Componentes de Fila y Acción ---\r\n\r\nconst TableRow = React.memo(<T extends Identifiable>({ \r\n  row, \r\n  columns, \r\n  selectable,\r\n  isSelected, \r\n  onSelect \r\n}: {\r\n  row: T;\r\n  columns: TableColumn<T>[];\r\n  selectable: boolean;\r\n  isSelected: boolean;\r\n  onSelect: (id: string | number) => void;\r\n}) => {\r\n  const { color } = useTableTheme();\r\n  const alignmentClasses = { left: 'text-left', center: 'text-center', right: 'text-right' };\r\n\r\n  return (\r\n    <tr className=\"group transition-colors duration-150 hover:bg-[var(--highlight)]/5\">\r\n      {selectable && (\r\n        <td className=\"px-6 py-4 border-b border-transparent\">\r\n            <CheckBox color={color} value={isSelected} onChange={() => onSelect(row.id)}/>\r\n        </td>\r\n      )}\r\n      {columns.filter(c => !c.hidden).map((col) => (\r\n        <td\r\n          key={String(col.accessor)}\r\n          className={`\r\n            whitespace-nowrap px-6 py-4 \r\n            text-slate-600 dark:text-slate-300\r\n            transition-colors group-hover:text-slate-900 dark:group-hover:text-white\r\n            ${alignmentClasses[col.align || 'left']}\r\n          `}\r\n        >\r\n          {col.actions ? (\r\n            <ActionButton actions={col.actions} row={row} />\r\n          ) : col.format ? (\r\n            col.format(row[col.accessor], row, color)\r\n          ) : (\r\n            String(row[col.accessor] ?? '')\r\n          )}\r\n        </td>\r\n      ))}\r\n    </tr>\r\n  );\r\n});\r\n\r\nconst DropdownPortal = <T,>({ isOpen, onClose, anchorRect, actions, row }: {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  anchorRect: DOMRect | null;\r\n  actions: TableAction<T>[];\r\n  row: T;\r\n}) => {\r\n  const { darkMode, color } = useTableTheme();\r\n  if (!isOpen || !anchorRect) return null;\r\n\r\n  const style: React.CSSProperties = {\r\n    position: 'fixed',\r\n    top: `${anchorRect.bottom + 8}px`,\r\n    left: `${anchorRect.right - 192}px`, \r\n    zIndex: 9999,\r\n  };\r\n\r\n  return createPortal(\r\n    <div className={darkMode ? 'dark' : ''} style={{ '--highlight': color } as React.CSSProperties}>\r\n      <div className=\"fixed inset-0 z-[9998]\" onClick={onClose} />\r\n      <div \r\n        style={style}\r\n        className=\"w-48 overflow-hidden rounded-xl border border-slate-200 bg-white shadow-2xl ring-1 ring-black ring-opacity-5 dark:border-slate-700 dark:bg-slate-800 animate-in fade-in zoom-in duration-150\"\r\n      >\r\n        <div className=\"py-1\">\r\n          {actions.map((action, index) => {\r\n            const Icon = action.icon;\r\n            return (\r\n              <button\r\n                key={index}\r\n                onClick={() => { action.onClick(row); onClose(); }}\r\n                className={`flex w-full items-center gap-3 px-4 py-2.5 text-sm transition-colors hover:bg-slate-50 dark:hover:bg-slate-700/50 ${action.color || 'text-slate-700 dark:text-slate-200'}`}\r\n              >\r\n                {Icon && <Icon className=\"w-4 h-4 opacity-70\" />}\r\n                <span className=\"font-medium\">{action.label}</span>\r\n              </button>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    </div>,\r\n    document.body\r\n  );\r\n};\r\n\r\nconst ActionButton = <T,>({ actions, row }: { actions: TableAction<T>[], row: T }) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [anchorRect, setAnchorRect] = useState<DOMRect | null>(null);\r\n  const buttonRef = useRef<HTMLButtonElement>(null);\r\n\r\n  const handleToggle = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    if (buttonRef.current) {\r\n      setAnchorRect(buttonRef.current.getBoundingClientRect());\r\n    }\r\n    setIsOpen(!isOpen);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <button \r\n        ref={buttonRef}\r\n        onClick={handleToggle}\r\n        className={`p-2 rounded-full transition-all duration-200 ${isOpen ? 'bg-[var(--highlight)]/10 text-[var(--highlight)]' : 'hover:bg-slate-100 dark:hover:bg-slate-800 text-slate-400'}`}\r\n      >\r\n        <MoreHorizontal className=\"w-5 h-5\" />\r\n      </button>\r\n      <DropdownPortal \r\n        isOpen={isOpen} \r\n        onClose={() => setIsOpen(false)} \r\n        anchorRect={anchorRect} \r\n        actions={actions} \r\n        row={row} \r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\n// --- Componente Principal ---\r\n\r\nexport const Table = <T extends Identifiable>({ \r\n  data = [], \r\n  columns = [], \r\n  pagination = true, \r\n  selectable = false, \r\n  customArrayPagination = [5, 10, 25, 50, 100],\r\n  defaultPageSize = 10,\r\n  filter = false,\r\n  filterPlaceholder = \"Buscar registros...\",\r\n  color = \"#2563eb\",\r\n  add = false,\r\n  textAdd = \"Agregar\",\r\n  actionAdd = () => {},\r\n  excelExport = false, \r\n  onDeleteRows = () => {},\r\n  emptyState: CustomEmptyState,\r\n  darkMode = false\r\n}: TableProps<T>) => {\r\n  const [currentPage, setCurrentPage] = useState(1);\r\n  const [pageSize, setPageSize] = useState(defaultPageSize);\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n  const [sortConfig, setSortConfig] = useState<{ key: keyof T | null, direction: 'asc' | 'desc' }>({ key: null, direction: 'asc' });\r\n  const [selectedRows, setSelectedRows] = useState<Set<string | number>>(new Set());\r\n\r\n  const themeValue = useMemo(() => ({ darkMode, color }), [darkMode, color]);\r\n\r\n  const handleSort = (key: keyof T) => {\r\n    let direction: 'asc' | 'desc' = 'asc';\r\n    if (sortConfig.key === key && sortConfig.direction === 'asc') direction = 'desc';\r\n    setSortConfig({ key, direction });\r\n  };\r\n\r\n  const processedData = useMemo(() => {\r\n    let result = [...data];\r\n    if (filter && searchTerm) {\r\n      const searchableAccessors = columns.filter(c => c.filter).map(c => c.accessor);\r\n      result = result.filter(row => \r\n        searchableAccessors.some(acc => String(row[acc] ?? '').toLowerCase().includes(searchTerm.toLowerCase()))\r\n      );\r\n    }\r\n    if (sortConfig.key) {\r\n      result.sort((a, b) => {\r\n        const valA = a[sortConfig.key!];\r\n        const valB = b[sortConfig.key!];\r\n        if (valA < valB) return sortConfig.direction === 'asc' ? -1 : 1;\r\n        if (valA > valB) return sortConfig.direction === 'asc' ? 1 : -1;\r\n        return 0;\r\n      });\r\n    }\r\n    return result;\r\n  }, [data, searchTerm, filter, columns, sortConfig]);\r\n\r\n  const totalPages = Math.ceil(processedData.length / pageSize) || 1;\r\n  const currentData = pagination \r\n    ? processedData.slice((currentPage - 1) * pageSize, currentPage * pageSize) \r\n    : processedData;\r\n\r\n  const toggleSelectAll = () => {\r\n    if (currentData.length > 0 && selectedRows.size === currentData.length) {\r\n      setSelectedRows(new Set());\r\n    } else {\r\n      setSelectedRows(new Set(currentData.map(r => r.id)));\r\n    }\r\n  };\r\n\r\n  const toggleSelectRow = (id: string | number) => {\r\n    const newSelection = new Set(selectedRows);\r\n    if (newSelection.has(id)) newSelection.delete(id);\r\n    else newSelection.add(id);\r\n    setSelectedRows(newSelection);\r\n  };\r\n\r\n  const handleExportCSV = () => {\r\n    const visibleColumns = columns.filter(c => !c.hidden && !c.actions);\r\n    const headers = visibleColumns.map(c => `\"${c.header}\"`).join(',');\r\n    const rows = processedData.map(row => \r\n      visibleColumns.map(c => {\r\n        const val = row[c.accessor];\r\n        return `\"${String(val ?? '').replace(/\"/g, '\"\"')}\"`;\r\n      }).join(',')\r\n    ).join('\\n');\r\n\r\n    const csvContent = \"\\uFEFF\" + headers + '\\n' + rows;\r\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n    const url = URL.createObjectURL(blob);\r\n    const link = document.createElement(\"a\");\r\n    link.setAttribute(\"href\", url);\r\n    link.setAttribute(\"download\", `Export_${new Date().getTime()}.csv`);\r\n    document.body.appendChild(link);\r\n    link.click();\r\n    document.body.removeChild(link);\r\n  };\r\n\r\n  const alignmentClasses = { left: 'text-left', center: 'text-center', right: 'text-right' };\r\n\r\n  return (\r\n    <TableContext.Provider value={themeValue}>\r\n      <div className={`flex flex-col gap-4 w-full ${darkMode ? 'dark' : ''}`} style={{ '--highlight': color } as React.CSSProperties}>\r\n        <div className=\"flex flex-col sm:flex-row items-center justify-between gap-4\">\r\n          <div className=\"flex flex-1 gap-4 w-full sm:w-auto\">\r\n            {filter && (\r\n              <div className=\"w-full sm:max-w-xs\">\r\n                {/* Usamos el InternalInput para evitar errores de compilación por archivos inexistentes */}\r\n                <Input \r\n                  icon={Search}\r\n                  color={color}\r\n                  value={searchTerm}\r\n                  onChange={setSearchTerm}\r\n                  label={filterPlaceholder}\r\n                  onClear={() => setSearchTerm(\"\")}\r\n                />\r\n              </div>\r\n            )}\r\n            \r\n            {selectable && selectedRows.size > 0 && (\r\n              <div className=\"flex items-center gap-3 animate-in fade-in slide-in-from-left-4\">\r\n                <span className=\"text-sm font-bold text-slate-500 hidden md:inline\">{selectedRows.size} seleccionados</span>\r\n                <button \r\n                  onClick={() => { onDeleteRows(Array.from(selectedRows)); setSelectedRows(new Set()); }}\r\n                  className=\"text-xs font-bold text-red-500 hover:text-red-600 bg-red-50 dark:bg-red-500/10 px-4 py-2.5 rounded-xl transition-all active:scale-95 flex items-center gap-2 border border-red-100 dark:border-red-500/20\"\r\n                >\r\n                  <Trash2 className=\"w-4 h-4\" />\r\n                  <span>Eliminar</span>\r\n                </button>\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          <div className=\"flex items-center gap-3 w-full sm:w-auto\">\r\n            {excelExport && (\r\n              <Button\r\n                onClick={handleExportCSV}\r\n                color='green'\r\n                icon={<Download className=\"w-4 h-4\" />}\r\n                label='Exportar'\r\n              >\r\n                \r\n              </Button>\r\n            )}\r\n\r\n            {add && (\r\n                <>\r\n                <Button\r\n                    onClick={actionAdd}\r\n                    kd={{ backgroundColor: 'var(--highlight)'}}\r\n                    icon={<Plus className=\"w-4 h-4\" />}\r\n                    label={textAdd}\r\n                    >\r\n                </Button>\r\n              </>\r\n            )}\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"w-full rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900 overflow-hidden\">\r\n          <div className=\"overflow-x-auto\">\r\n            <table className=\"min-w-full border-separate border-spacing-0 text-sm\">\r\n              <thead className=\"bg-slate-50/50 dark:bg-slate-950/40\">\r\n                <tr>\r\n                  {selectable && (\r\n                    <th className=\"px-6 py-4 border-b border-slate-100 dark:border-slate-800 w-10 text-left\">\r\n                        <CheckBox color={color} value={currentData.length > 0 && selectedRows.size === currentData.length} onChange={toggleSelectAll}/>\r\n                    </th>\r\n                  )}    \r\n                  {columns.filter(c => !c.hidden).map((col) => (\r\n                    <th\r\n                      key={String(col.accessor)}\r\n                      onClick={() => handleSort(col.accessor)}\r\n                      className={`\r\n                        px-6 py-4 font-bold uppercase tracking-tight text-slate-500 dark:text-slate-400\r\n                        ${alignmentClasses[col.align || 'left']}\r\n                        border-b border-slate-100 dark:border-slate-800 cursor-pointer select-none group/th\r\n                      `}\r\n                    >\r\n                      <div className={`flex items-center gap-2 ${col.align === 'center' ? 'justify-center' : col.align === 'right' ? 'justify-end' : ''}`}>\r\n                        {col.header}\r\n                        <span className={`transition-colors ${sortConfig.key === col.accessor ? 'text-[var(--highlight)]' : 'text-slate-300 opacity-0 group-hover/th:opacity-100'}`}>\r\n                          {sortConfig.key === col.accessor \r\n                            ? (sortConfig.direction === 'asc' ? <ArrowUp className=\"w-3 h-3\" /> : <ArrowDown className=\"w-3 h-3\" />)\r\n                            : <ArrowUpDown className=\"w-3 h-3\" />\r\n                          }\r\n                        </span>\r\n                      </div>\r\n                    </th>\r\n                  ))}\r\n                </tr>\r\n              </thead>\r\n              <tbody className=\"divide-y divide-slate-100 dark:divide-slate-800\">\r\n                {currentData.length > 0 ? (\r\n                  currentData.map((row) => (\r\n                    <TableRow \r\n                      key={row.id} \r\n                      row={row} \r\n                      columns={columns as any} \r\n                      selectable={selectable}\r\n                      isSelected={selectedRows.has(row.id)}\r\n                      onSelect={toggleSelectRow}\r\n                    />\r\n                  ))\r\n                ) : (\r\n                  <tr>\r\n                    <td colSpan={columns.length + (selectable ? 1 : 0)}>\r\n                      {CustomEmptyState ? <CustomEmptyState /> : (\r\n                        <div className=\"flex flex-col items-center justify-center py-20 text-slate-400 gap-3\">\r\n                          <Inbox className=\"w-12 h-12 opacity-20\" />\r\n                          <p className=\"font-medium italic\">No se encontraron registros para mostrar</p>\r\n                        </div>\r\n                      )}\r\n                    </td>\r\n                  </tr>\r\n                )}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n\r\n        {pagination && processedData.length > 0 && (\r\n          <div className=\"flex flex-col sm:flex-row items-center justify-between gap-4 px-2 py-2 text-sm text-slate-500 dark:text-slate-400 font-medium\">\r\n            <div className=\"flex items-center gap-4\">\r\n               <div className=\"flex items-center gap-2\">\r\n                <span>Mostrar</span>\r\n                <div className=\"relative\">\r\n                  <select \r\n                    value={pageSize}\r\n                    onChange={(e) => { setPageSize(Number(e.target.value)); setCurrentPage(1); }}\r\n                    className=\"appearance-none bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-lg px-3 py-1.5 pr-8 focus:outline-none focus:ring-2 focus:ring-[var(--highlight)]/20 cursor-pointer text-slate-700 dark:text-slate-300 font-bold\"\r\n                  >\r\n                    {customArrayPagination.map(size => <option key={size} value={size}>{size}</option>)}\r\n                  </select>\r\n                  <ChevronDown className=\"w-4 h-4 absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"flex items-center gap-2\">\r\n              <button onClick={() => setCurrentPage(p => Math.max(p - 1, 1))} disabled={currentPage === 1} className=\"p-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 disabled:opacity-30 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors\"><ChevronLeft className=\"w-4 h-4\" /></button>\r\n              <div className=\"flex items-center gap-1 min-w-[60px] justify-center\">\r\n                <span className=\"font-bold text-[var(--highlight)]\">{currentPage}</span>\r\n                <span className=\"opacity-30\">/</span>\r\n                <span>{totalPages}</span>\r\n              </div>\r\n              <button onClick={() => setCurrentPage(p => Math.min(p + 1, totalPages))} disabled={currentPage === totalPages} className=\"p-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 disabled:opacity-30 hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors\"><ChevronRight className=\"w-4 h-4\" /></button>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </TableContext.Provider>\r\n  );\r\n};\r\n\r\nexport default Table;","import { Menu, X } from \"lucide-react\";\r\nimport { CSSProperties, ReactNode } from \"react\";\r\n\r\n\r\n\r\nexport type NavbarPosition = 'static' | 'sticky' | 'fixed-bottom-floating';\r\n\r\n/**\r\n * @interface NavbarProps\r\n * Propiedades para el componente Navbar altamente configurable.\r\n */\r\nexport interface NavbarProps {\r\n  /** @param title - Título o logo del Navbar. */\r\n  title?: ReactNode;\r\n  /** @param position - Posición del Nav: 'static' (arriba normal), 'sticky' (pegado arriba), 'fixed-bottom-floating' (abajo flotante). */\r\n  position?: NavbarPosition;\r\n  /** @param color - Color principal para detalles o fondo (si colorDominant es true). */\r\n  color?: string;\r\n  /** @param colorDominant - Si es true, el color de la prop 'color' se convierte en el fondo principal. */\r\n  colorDominant?: boolean;\r\n  /** @param isMenuOpen - Estado controlado para el menú hamburguesa móvil. */\r\n  isMenuOpen?: boolean;\r\n  /** @param onToggleMenu - Función para abrir/cerrar el menú. */\r\n  onToggleMenu?: () => void;\r\n  /** @param children - Elementos de navegación o acciones. */\r\n  children?: ReactNode;\r\n  /** @param kd - Estilos CSS personalizados para el contenedor del Navbar. */\r\n  kd?: CSSProperties;\r\n}\r\n\r\n/**\r\n * Componente Navbar - Barra de navegación adaptable con soporte para múltiples posiciones y temas.\r\n * Gestiona automáticamente el contraste del texto según el fondo.\r\n */\r\nexport const Navbar = ({\r\n  title = \"Kydra Nav\",\r\n  position = \"static\",\r\n  color = \"#6366f1\",\r\n  colorDominant = false,\r\n  isMenuOpen = false,\r\n  onToggleMenu,\r\n  children,\r\n  kd = {}\r\n}: NavbarProps) => {\r\n  const getPositionClasses = () => {\r\n    switch (position) {\r\n      case 'sticky': return 'sticky top-0 z-50';\r\n      case 'fixed-bottom-floating': return 'fixed bottom-6 left-6 right-6 z-50 rounded-2xl shadow-2xl max-w-5xl mx-auto';\r\n      default: return 'relative';\r\n    }\r\n  };\r\n\r\n  const navStyles: CSSProperties = {\r\n    backgroundColor: colorDominant ? color : undefined,\r\n    borderColor: !colorDominant ? `${color}40` : 'transparent',\r\n    // Si el color es dominante, forzamos blanco. Si no, dejamos que herede del tema oscuro/claro\r\n    color: colorDominant ? '#ffffff' : undefined,\r\n    ...kd\r\n  };\r\n\r\n  return (\r\n    <nav \r\n      style={navStyles}\r\n      className={`\r\n        ${getPositionClasses()}\r\n        px-6 py-4 border-b transition-all duration-300\r\n        ${!colorDominant \r\n          ? 'bg-white/80 dark:bg-slate-900/80 backdrop-blur-md dark:border-slate-800 text-slate-900 dark:text-white' \r\n          : 'border-none text-white'}\r\n      `}\r\n    >\r\n      <div className=\"flex items-center justify-between gap-4\">\r\n        {/* Logo / Título */}\r\n        <div className=\"flex items-center gap-2 font-black text-lg tracking-tight\">\r\n          {typeof title === 'string' ? (\r\n            <span style={{ color: colorDominant ? 'white' : color }}>{title}</span>\r\n          ) : title}\r\n        </div>\r\n\r\n        {/* Desktop Actions - Heredan el color del padre */}\r\n        <div className=\"hidden md:flex items-center gap-6\">\r\n          {children}\r\n        </div>\r\n\r\n        {/* Hamburguesa Mobile */}\r\n        <button \r\n          onClick={onToggleMenu}\r\n          className={`md:hidden p-2 rounded-lg transition-colors ${colorDominant ? 'hover:bg-white/10' : 'hover:bg-black/5 dark:hover:bg-white/5'}`}\r\n        >\r\n          {isMenuOpen ? <X size={24} /> : <Menu size={24} />}\r\n        </button>\r\n      </div>\r\n\r\n      {/* Mobile Menu Dropdown */}\r\n      {isMenuOpen && (\r\n        <div className={`md:hidden mt-4 pb-4 animate-in slide-in-from-top-2 duration-200 border-t pt-4 ${colorDominant ? 'border-white/20' : 'border-black/5 dark:border-white/5'}`}>\r\n          <div className=\"flex flex-col gap-4\">\r\n            {children}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </nav>\r\n  );\r\n};"]}

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@kydra/ui",
-  "version": "0.1.0",
-  
+  "version": "0.2.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -17,17 +16,20 @@
     "build": "tsup src/index.ts --format esm,cjs --clean --dts",
     "lint": "eslint \"src/**/*.ts*\""
   },
-    "peerDependencies": {
+  "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
-    },
-    "devDependencies": {
-    "tsup": "^8.0.0",
-    "typescript": "^5.0.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+  },
+  "devDependencies": {
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.1",
-    "tailwindcss": "^3.4.0"
-    }
-}
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwindcss": "^3.4.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "dependencies": {
+    "lucide-react": "^0.563.0"
+  }
+}