siesa-ui-kit 1.0.11 → 1.0.13

package/dist/views/LayoutBase/LayoutBase.d.ts

@@ -0,0 +1,73 @@
+import React from 'react';
+import type { LayoutBaseProps } from './LayoutBase.types';
+/**
+ * LayoutBase - Layout base del sistema Siesa
+ *
+ * Layout reutilizable que implementa la estructura base con NavigationRail
+ * lateral, Navbar superior y área de contenido dinámico. Diseñado para ser
+ * usado como wrapper en diferentes vistas de la aplicación.
+ *
+ * **Composición:**
+ * - Navbar: Barra superior con logo Siesa, título del producto y dropdown de usuario
+ * - NavigationRailGroup: Rail de navegación lateral con iconos y búsqueda
+ * - Área de contenido: Contenido dinámico pasado como children
+ *
+ * **Mejores prácticas implementadas:**
+ * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
+ * - Dark mode con estrategia 'class' (darkMode: 'class')
+ * - Tokens de color consistentes con la documentación
+ * - Responsive design mobile-first con breakpoints md:, lg:, xl:
+ * - Composición con componentes del sistema (NO reimplementación)
+ * - Type safety con TypeScript estricto
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico
+ * @see docs/spacing.md - Sistema de espaciado
+ * @see src/components/Navbar - Componente Navbar reutilizado
+ * @see src/components/NavigationRailGroup - Componente NavigationRail reutilizado
+ *
+ * @example
+ * ```tsx
+ * // Uso básico
+ * <LayoutBase
+ *   productName="Mi Aplicación"
+ *   siesaLogoPath="/images/logos/Siesa_Logosimbolo_Blanco.svg"
+ *   siesaLogoWidth="100px"
+ *   siesaLogoHeight="40px"
+ *   userDropdown={{
+ *     avatar: '/avatar.jpg',
+ *     name: 'Carlos',
+ *     email: 'carlos@siesa.com',
+ *   }}
+ *   navigationItems={navigationItems}
+ * >
+ *   <div>Mi contenido personalizado</div>
+ * </LayoutBase>
+ *
+ * // Uso avanzado con props pass-through
+ * <LayoutBase
+ *   productName="Sistema Avanzado"
+ *   navbarProps={{
+ *     showNavigationButton: true,
+ *     environmentBadge: "Desarrollo",
+ *     navigationButtonProps: { type: 'outline', size: 'l' },
+ *     notifications: { cart: 5, bell: true },
+ *     onCartClick: () => openCart(),
+ *     onNotificationsClick: () => openNotifications(),
+ *   }}
+ *   navigationRailProps={{
+ *     showSearchButton: true,
+ *     labels: {
+ *       searchPlaceholder: "Buscar módulos...",
+ *       collapseButton: "Minimizar"
+ *     },
+ *     onItemClick: (item) => handleNavigation(item),
+ *     onItemHover: (item) => showPreview(item),
+ *   }}
+ * >
+ *   <div>Contenido con funcionalidad completa</div>
+ * </LayoutBase>
+ * ```
+ */
+export declare const LayoutBase: React.FC<LayoutBaseProps>;
+//# sourceMappingURL=LayoutBase.d.ts.map

package/dist/views/LayoutBase/LayoutBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutBase.d.ts","sourceRoot":"","sources":["../../../src/views/LayoutBase/LayoutBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6FhD,CAAC"}

package/dist/views/LayoutBase/LayoutBase.types.d.ts

@@ -0,0 +1,99 @@
+import type { ReactNode } from 'react';
+import type { UserDropdownProps, NavbarProps } from '../../components/Navbar/Navbar.types';
+import type { NavigationRailGroupMenuItem, NavigationRailGroupProps } from '../../components/NavigationRailGroup/NavigationRailGroup.types';
+/**
+ * Props del componente LayoutBase
+ *
+ * Layout base con NavigationRail lateral, Navbar superior y área
+ * de contenido dinámico. Diseñado para ser reutilizado en diferentes vistas
+ * de la aplicación.
+ *
+ * **Mejores prácticas implementadas:**
+ * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
+ * - Dark mode con estrategia 'class' (darkMode: 'class')
+ * - Tokens de color consistentes con la documentación
+ * - Responsive design mobile-first
+ * - Composición con componentes del sistema
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico
+ * @see docs/spacing.md - Sistema de espaciado
+ */
+export interface LayoutBaseProps {
+    /**
+     * Nombre del producto que aparece en el Navbar
+     * @default 'SB Comercial'
+     */
+    productName?: string;
+    /**
+     * Path del logo de Siesa personalizado para el Navbar
+     * Si se proporciona, se usa en lugar del logo por defecto
+     *
+     * @example '/images/logos/Siesa_Logosimbolo_Blanco.svg'
+     */
+    siesaLogoPath?: string;
+    /**
+     * Ancho del logo de Siesa personalizado
+     * Se aplica solo cuando se proporciona siesaLogoPath
+     *
+     * @example '120px', '100%', '8rem'
+     */
+    siesaLogoWidth?: string;
+    /**
+     * Alto del logo de Siesa personalizado
+     * Se aplica solo cuando se proporciona siesaLogoPath
+     *
+     * @example '30px', '100%', '2rem'
+     */
+    siesaLogoHeight?: string;
+    /**
+     * Configuración del dropdown de usuario en el Navbar
+     */
+    userDropdown?: UserDropdownProps;
+    /**
+     * Items de navegación para el NavigationRail
+     */
+    navigationItems?: NavigationRailGroupMenuItem[];
+    /**
+     * Contenido dinámico que se renderiza en el área principal
+     */
+    children?: ReactNode;
+    /**
+     * Clases CSS adicionales para el contenedor principal
+     */
+    className?: string;
+    /**
+     * Clases CSS adicionales para el área de contenido
+     */
+    contentClassName?: string;
+    /**
+     * Props adicionales para el componente Navbar
+     * Permite personalizar cualquier prop del Navbar excepto las que ya se controlan directamente
+     *
+     * @example
+     * ```tsx
+     * navbarProps={{
+     *   showNavigationButton: true,
+     *   environmentBadge: "Desarrollo",
+     *   navigationButtonProps: { type: 'outline' },
+     *   onCartClick: () => handleCart(),
+     * }}
+     * ```
+     */
+    navbarProps?: Partial<Omit<NavbarProps, 'productName' | 'userDropdown' | 'siesaLogo'>>;
+    /**
+     * Props adicionales para el componente NavigationRailGroup
+     * Permite personalizar cualquier prop del NavigationRail excepto las que ya se controlan directamente
+     *
+     * @example
+     * ```tsx
+     * navigationRailProps={{
+     *   showSearchButton: true,
+     *   labels: { searchPlaceholder: "Buscar módulos..." },
+     *   onItemClick: (item) => handleNavigation(item),
+     * }}
+     * ```
+     */
+    navigationRailProps?: Partial<Omit<NavigationRailGroupProps, 'state' | 'items' | 'onStateChange'>>;
+}
+//# sourceMappingURL=LayoutBase.types.d.ts.map

package/dist/views/LayoutBase/LayoutBase.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutBase.types.d.ts","sourceRoot":"","sources":["../../../src/views/LayoutBase/LayoutBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC3F,OAAO,KAAK,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AAE5I;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,eAAe,CAAC,EAAE,2BAA2B,EAAE,CAAC;IAEhD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;;;;;;;;;OAaG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC;IAEvF;;;;;;;;;;;;OAYG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,wBAAwB,EAAE,OAAO,GAAG,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC;CACpG"}

package/dist/views/LayoutBase/index.d.ts

@@ -0,0 +1,3 @@
+export { LayoutBase } from './LayoutBase';
+export type { LayoutBaseProps } from './LayoutBase.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/LayoutBase/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/LayoutBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/views/ListView/ListView.d.ts

@@ -1,27 +1,33 @@
 import type { ListViewProps } from './ListView.types';
 /**
- * ListView - Vista de lista del sistema de diseño Siesa
+ * ListView - Vista de lista completa del sistema de diseño Siesa
  *
- * Vista completa que incluye:
- * - Navigation Rail lateral con FAB
- * - Navbar superior con logo, título, notificaciones y dropdown de usuario
- * - Barra de filtros rápidos con badges
- * - Tabla de datos con cabecera, cuerpo y paginación
- * - Botones de acción (Crear, Auditoría, Filtrar)
- * - Buscador integrado
- * - Dropdown de opciones de vista
+ * Vista completa que compone los siguientes componentes del sistema:
+ * - NavigationRailGroup: Barra lateral de navegación con panel expandible
+ * - Navbar: Barra superior con logo, título, notificaciones y dropdown de usuario
+ * - Badge: Filtros rápidos con badges de colores
+ * - Table: Tabla de datos con sorting y paginación integrada
+ * - Button: Botones de acción (Crear, Auditoría, Filtrar)
+ * - Input: Buscador integrado
+ * - Select: Dropdown de opciones de vista
  *
  * Mejores prácticas implementadas:
+ * - REUSO DE COMPONENTES: Usa componentes del sistema, NUNCA reimplementa
  * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
  * - Dark mode con estrategia 'class' (darkMode: 'class')
  * - Tokens de color consistentes con la documentación
  * - Type safety con TypeScript estricto
- * - Accesibilidad con ARIA labels y keyboard navigation
+ * - Accesibilidad con ARIA labels
+ * - Responsive design (mobile-first)
  *
  * @see docs/colors.md - Sistema de colores
  * @see docs/typography.md - Sistema tipográfico
  * @see docs/spacing.md - Sistema de espaciado
- * @see docs/shadows.md - Sistema de sombras
+ * @see src/components/NavigationRailGroup - Componente de navegación lateral
+ * @see src/components/Navbar - Componente de barra superior
+ * @see src/components/Table - Componente de tabla con paginación
+ * @see src/components/Button - Componente de botón
+ * @see src/components/Badge - Componente de badge
  *
  * @example
  * ```tsx
@@ -43,5 +49,5 @@ import type { ListViewProps } from './ListView.types';
  * />
  * ```
  */
-export declare const ListView: <T extends Record<string, any>>({ title, navbarTitle, tableTitle, columns, data, navigationItems, quickFilters, actionButtons, userDropdown, notifications, showFab, fabIcon, onFabClick, onSearch, searchPlaceholder, onSort, sortColumn: externalSortColumn, sortDirection: externalSortDirection, pagination, loading, loadingRows, emptyMessage, className, selectedNavId, onNavSelect, onNotificationsClick, viewOptions, selectedViewOption, onViewOptionChange, }: ListViewProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const ListView: <T extends Record<string, any>>({ title, navbarProductName, tableTitle, columns, data, navigationItems, quickFilters, actionButtons, userDropdown, notifications, environmentBadge, showNavigationRail, navigationRailState, onNavigationRailStateChange, onNavItemClick, onSearch, searchPlaceholder, onSort, sortColumn: externalSortColumn, sortDirection: externalSortDirection, pagination, loading, loadingRows, emptyMessage, className, onNotificationsClick, viewOptions, selectedViewOption, onViewOptionChange, }: ListViewProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ListView.d.ts.map

package/dist/views/ListView/ListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../src/views/ListView/ListView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAyB,MAAM,kBAAkB,CAAC;AAsB7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,0aAgCrD,aAAa,CAAC,CAAC,CAAC,4CAsdlB,CAAC"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../src/views/ListView/ListView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAuBtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,8dA8BrD,aAAa,CAAC,CAAC,CAAC,4CAwPlB,CAAC"}

package/dist/views/ListView/ListView.types.d.ts

@@ -1,26 +1,9 @@
 import type { ReactNode, ReactElement } from 'react';
 import type { BadgeColor } from '../../components/Badge/Badge.types';
-/**
- * Interfaz para los items de navegación (Navigation Rail)
- */
-export interface ListViewNavigationItem {
-    /** ID único del item */
-    id: string;
-    /** Icono del item */
-    icon: ReactNode;
-    /** Label del item */
-    label: string;
-    /** Si el item está seleccionado */
-    selected?: boolean;
-    /** Si el item está deshabilitado */
-    disabled?: boolean;
-    /** Badge de notificación */
-    badge?: boolean;
-    /** Contador de badge */
-    badgeCount?: number;
-    /** Handler de click */
-    onClick?: () => void;
-}
+import type { UserDropdownProps, NotificationsProps } from '../../components/Navbar/Navbar.types';
+import type { NavigationRailGroupMenuItem } from '../../components/NavigationRailGroup/NavigationRailGroup.types';
+import type { TableColumn, SortDirection, PaginationProps as TablePaginationProps } from '../../components/Table/Table.types';
+import type { ButtonType } from '../../components/Button/Button.types';
 /**
  * Interfaz para los filtros rápidos (badges en la barra de navegación)
  */
@@ -38,47 +21,6 @@ export interface ListViewQuickFilter {
     /** Handler de click */
     onClick?: () => void;
 }
-/**
- * Interfaz para las columnas de la tabla
- */
-export interface ListViewColumn<T = any> {
-    /** Título del header */
-    header: string;
-    /** Key del objeto para acceder al valor */
-    accessor: keyof T | ((row: T) => any);
-    /** Si es sortable */
-    sortable?: boolean;
-    /** Render custom */
-    render?: (value: any, row: T, index: number) => ReactNode;
-    /** Alineación */
-    align?: 'left' | 'center' | 'right';
-    /** Ancho */
-    width?: string;
-}
-/**
- * Interfaz para los datos del dropdown de usuario
- */
-export interface ListViewUserDropdown {
-    /** URL del avatar */
-    avatar: string;
-    /** Nombre del usuario */
-    name: string;
-    /** Email o rol del usuario */
-    email?: string;
-    /** Rol del usuario */
-    role?: string;
-    /** Handler del click en menú */
-    onMenuClick?: () => void;
-}
-/**
- * Interfaz para las notificaciones
- */
-export interface ListViewNotifications {
-    /** Contador del carrito */
-    cart?: number;
-    /** Si tiene notificaciones de campana */
-    bell?: boolean;
-}
 /**
  * Interfaz para los botones de acción
  */
@@ -88,24 +30,29 @@ export interface ListViewActionButton {
     /** Label del botón */
     label: string;
     /** Icono del botón */
-    icon?: ReactNode;
+    leftIcon?: ReactNode;
     /** Handler del click */
-    onClick?: () => void;
-    /** Variante del botón */
-    variant?: 'primary' | 'secondary';
+    onClick: () => void;
+    /** Tipo del botón */
+    type?: ButtonType;
 }
 /**
- * Dirección de ordenamiento
+ * Dirección de ordenamiento (re-exportar del tipo de Table)
  */
-export type ListViewSortDirection = 'asc' | 'desc' | null;
+export type ListViewSortDirection = SortDirection;
+/**
+ * Interfaz para las columnas de la tabla (re-exportar del tipo de Table)
+ */
+export interface ListViewColumn<T = any> extends TableColumn<T> {
+}
 /**
  * Props del componente ListView
  */
 export interface ListViewProps<T = any> {
     /** Título de la vista */
     title?: string;
-    /** Título del navbar */
-    navbarTitle?: string;
+    /** Nombre del producto en el navbar */
+    navbarProductName?: string;
     /** Título de la tabla */
     tableTitle?: string;
     /** Columnas de la tabla */
@@ -113,41 +60,37 @@ export interface ListViewProps<T = any> {
     /** Datos de la tabla */
     data: T[];
     /** Items de navegación lateral */
-    navigationItems?: ListViewNavigationItem[];
+    navigationItems?: NavigationRailGroupMenuItem[];
     /** Filtros rápidos */
     quickFilters?: ListViewQuickFilter[];
     /** Botones de acción */
     actionButtons?: ListViewActionButton[];
     /** Dropdown del usuario */
-    userDropdown?: ListViewUserDropdown;
+    userDropdown?: UserDropdownProps;
     /** Notificaciones */
-    notifications?: ListViewNotifications;
+    notifications?: NotificationsProps;
     /** Badge de ambiente */
     environmentBadge?: string;
-    /** Si mostrar el FAB en navigation rail */
-    showFab?: boolean;
-    /** Icono del FAB */
-    fabIcon?: ReactNode;
-    /** Handler del FAB */
-    onFabClick?: () => void;
+    /** Si mostrar el NavigationRail */
+    showNavigationRail?: boolean;
+    /** Estado del NavigationRailGroup */
+    navigationRailState?: 'collapsed' | 'expanded' | 'hover' | 'searcher';
+    /** Handler para cambio de estado del NavigationRailGroup */
+    onNavigationRailStateChange?: (state: 'collapsed' | 'expanded' | 'hover' | 'searcher' | undefined) => void;
+    /** Handler para click en item de navegación */
+    onNavItemClick?: (item: NavigationRailGroupMenuItem) => void;
     /** Handler de búsqueda */
     onSearch?: (query: string) => void;
     /** Placeholder del buscador */
     searchPlaceholder?: string;
     /** Handler de ordenamiento */
-    onSort?: (column: keyof T | string, direction: ListViewSortDirection) => void;
+    onSort?: (column: keyof T | string, direction: SortDirection) => void;
     /** Columna de ordenamiento actual */
     sortColumn?: keyof T | string;
     /** Dirección de ordenamiento actual */
-    sortDirection?: ListViewSortDirection;
+    sortDirection?: SortDirection;
     /** Props de paginación */
-    pagination?: {
-        currentPage: number;
-        totalPages: number;
-        onPageChange: (page: number) => void;
-        previousLabel?: string;
-        nextLabel?: string;
-    };
+    pagination?: TablePaginationProps;
     /** Si está cargando */
     loading?: boolean;
     /** Número de filas skeleton */
@@ -156,12 +99,6 @@ export interface ListViewProps<T = any> {
     emptyMessage?: string;
     /** Clases adicionales */
     className?: string;
-    /** ID de navegación seleccionado */
-    selectedNavId?: string;
-    /** Handler de selección de navegación */
-    onNavSelect?: (id: string) => void;
-    /** Handler click en carrito */
-    onCartClick?: () => void;
     /** Handler click en notificaciones */
     onNotificationsClick?: () => void;
     /** Opciones del dropdown de vista */

package/dist/views/ListView/ListView.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.types.d.ts","sourceRoot":"","sources":["../../../src/views/ListView/ListView.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListView.types.d.ts","sourceRoot":"","sources":["../../../src/views/ListView/ListView.types.ts"],"names":[],"mappings":"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"}

package/dist/views/ListView/index.d.ts

@@ -1,3 +1,3 @@
 export { ListView } from './ListView';
-export type { ListViewProps, ListViewColumn, ListViewNavigationItem, ListViewQuickFilter, ListViewUserDropdown, ListViewNotifications, ListViewActionButton, ListViewSortDirection, } from './ListView.types';
+export type { ListViewProps, ListViewColumn, ListViewQuickFilter, ListViewActionButton, ListViewSortDirection, } from './ListView.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/views/ListView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ListView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ListView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "siesa-ui-kit",
   "private": false,
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "SIESA UI Kit - Biblioteca de componentes React con Tailwind CSS, Storybook y agentes Claude AI",
   "type": "module",
   "main": "dist/siesa-ui-kit.cjs",
@@ -58,6 +58,18 @@
       "optional": false
     }
   },
+  "dependencies": {
+    "@heroicons/react": "^2.2.0",
+    "fs-extra": "^11.3.2",
+    "path": "^0.12.7",
+    "@floating-ui/react": "^0.27.16",
+    "@tanstack/react-virtual": "^3.13.18",
+    "clsx": "^2.1.1",
+    "i18next": "^25.7.4",
+    "lucide-react": "^0.562.0",
+    "react-i18next": "^16.5.3",
+    "tailwind-merge": "^3.4.0"
+  },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.2",
     "@eslint/js": "^9.36.0",
@@ -79,6 +91,8 @@
     "eslint-plugin-react-refresh": "^0.4.22",
     "eslint-plugin-storybook": "^10.0.5",
     "globals": "^16.4.0",
+    "msw": "^2.12.7",
+    "msw-storybook-addon": "^2.0.6",
     "playwright": "^1.56.1",
     "postcss": "^8.5.6",
     "react": "^19.1.1",
@@ -89,5 +103,10 @@
     "typescript-eslint": "^8.45.0",
     "vite": "^7.1.7",
     "vitest": "^4.0.7"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
   }
 }