siesa-ui-kit 1.0.4 → 1.0.6

package/dist/components/NavigationRail/NavigationRail.types.d.ts

@@ -1,92 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * Props para NavigationRailItem
- */
-export interface NavigationRailItemProps {
-    /**
-     * Icono a mostrar en el item
-     */
-    icon: ReactNode;
-    /**
-     * Label del item de navegación
-     */
-    label: string;
-    /**
-     * Si el item está seleccionado actualmente
-     * @default false
-     */
-    selected?: boolean;
-    /**
-     * Si el item está deshabilitado
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Mostrar badge de notificación (dot rojo)
-     * @default false
-     */
-    badge?: boolean;
-    /**
-     * Número a mostrar en el badge (reemplaza el dot)
-     */
-    badgeCount?: number;
-    /**
-     * Handler para evento click
-     */
-    onClick?: () => void;
-    /**
-     * Label para accesibilidad (ARIA)
-     */
-    ariaLabel?: string;
-    /**
-     * ID único del item (para navegación)
-     */
-    id?: string;
-}
-/**
- * Props del componente NavigationRail
- */
-export interface NavigationRailProps {
-    /**
-     * Items de navegación a mostrar
-     */
-    items: NavigationRailItemProps[];
-    /**
-     * Alineación vertical de los items
-     * - `top`: Items alineados arriba (debajo del FAB)
-     * - `center`: Items centrados verticalmente
-     * - `bottom`: Items alineados abajo
-     * @default 'top'
-     */
-    alignment?: 'top' | 'center' | 'bottom';
-    /**
-     * Mostrar botón FAB (Floating Action Button) en la parte superior
-     * @default false
-     */
-    showFab?: boolean;
-    /**
-     * Icono del botón FAB
-     */
-    fabIcon?: ReactNode;
-    /**
-     * Handler para click en el FAB
-     */
-    onFabClick?: () => void;
-    /**
-     * Label del FAB para accesibilidad
-     */
-    fabAriaLabel?: string;
-    /**
-     * Clases CSS adicionales para el contenedor
-     */
-    className?: string;
-    /**
-     * ID del item seleccionado actualmente
-     */
-    selectedId?: string;
-    /**
-     * Handler cuando se selecciona un item
-     */
-    onItemSelect?: (id: string) => void;
-}
-//# sourceMappingURL=NavigationRail.types.d.ts.map

package/dist/components/NavigationRail/NavigationRail.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationRail.types.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRail/NavigationRail.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,KAAK,EAAE,uBAAuB,EAAE,CAAC;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAExC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC"}

package/dist/components/NavigationRail/index.d.ts

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

package/dist/components/NavigationRail/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/NavigationRailCommercial/NavigationRailCommercial.d.ts

@@ -1,122 +0,0 @@
-import React from 'react';
-import type { NavigationRailCommercialProps } from './NavigationRailCommercial.types';
-/**
- * NavigationRailCommercial del sistema de diseño Siesa
- *
- * Componente de navegación lateral especializado para aplicaciones comerciales
- * que combina NavigationRailTypes y NavigationRailPanel para crear una experiencia
- * de navegación completa con múltiples estados:
- *
- * - **Collapsed**: Barra compacta de 80px con solo iconos
- * - **Expanded**: Barra expandida de 215px con labels
- * - **Hover**: Panel lateral con submenú del item (se muestra al hacer hover)
- * - **Searcher**: Panel lateral con búsqueda y recientes
- *
- * **Características:**
- * - Reutiliza NavigationRailTypes para la barra lateral principal
- * - Reutiliza NavigationRailPanel para los paneles de hover y búsqueda
- * - Gestión de estado integrada (collapsed, expanded, hover, searcher)
- * - Dark mode completo en todos los elementos
- * - Focus rings adaptativos
- * - Transiciones suaves entre estados
- *
- * **Especificaciones de Figma:**
- * - NavigationRailTypes: 80px (collapsed) / 215px (expanded)
- * - NavigationRailPanel: 248px width, altura variable
- * - Posición panel: left 80px desde el rail
- * - Transiciones: 300ms ease-in-out
- *
- * **Estructura:**
- * ```
- * ┌────────────────────────────────────┐
- * │  NavigationRailCommercial          │
- * │  ┌──────────┬─────────────────┐   │
- * │  │  Rail    │  Panel          │   │
- * │  │  Types   │  (hover/search) │   │
- * │  │  (base)  │  (opcional)     │   │
- * │  └──────────┴─────────────────┘   │
- * └────────────────────────────────────┘
- * ```
- *
- * **Estados de Items:**
- * - `default`: Sin interacción
- * - `hover`: Muestra panel con submenú (si tiene children)
- * - `active`: Item seleccionado, fondo custom-primary
- * - `disabled`: Opacity 50%, sin interacción
- *
- * **Colores (Light Mode):**
- * - Background rail: #ffffff (bg-primary)
- * - Background panel: #ffffff (bg-primary)
- * - Borders: #e4e4e7 (border-primary)
- * - Text: #18181b (content-primary)
- * - Icons: #a1a1aa (content-secondary)
- * - Search button: #0e79fd (primary-custom-600)
- *
- * **Colores (Dark Mode):**
- * - Background rail: #18181b (dark-bg-primary)
- * - Background panel: #18181b (dark-bg-primary)
- * - Borders: #71717a (dark-border-primary)
- * - Text: #f4f4f5 (dark-content-primary)
- * - Icons: #a1a1aa (content-secondary)
- *
- * **Tipografía:**
- * - Items: Paragraph/Small (14px Regular, line-height 20px)
- * - Panel heading: Label/Small (14px Bold)
- * - Section headings: Paragraph/Tiny (12px Regular)
- *
- * **Implementación de Estados:**
- * - `collapsed` + hover en item → state='hover' + muestra panel
- * - `collapsed` + click en search → state='searcher' + muestra panel búsqueda
- * - `expanded` → NavigationRailTypes expandido con Input integrado
- * - Click en "Colapsar" → vuelve a collapsed
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico
- * @see docs/spacing.md - Sistema de espaciado
- * @see ../NavigationRailTypes - Componente reutilizado para barra lateral
- * @see ../NavigationRailPanel - Componente reutilizado para paneles
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6146-34487
- *
- * @example
- * ```tsx
- * // Uso básico en modo collapsed
- * const items = [
- *   {
- *     id: 'admin',
- *     label: 'Administración',
- *     icon: <Cog6ToothIcon />,
- *     isCollapsible: true,
- *     children: [
- *       { id: 'users', label: 'Usuarios' },
- *       { id: 'roles', label: 'Roles' },
- *     ],
- *   },
- *   {
- *     id: 'sales',
- *     label: 'Ventas',
- *     icon: <ShoppingCartIcon />,
- *   },
- * ];
- *
- * <NavigationRailCommercial
- *   state="collapsed"
- *   items={items}
- *   onItemClick={(item) => console.log('Clicked:', item.label)}
- *   onItemHover={(item) => console.log('Hover:', item.label)}
- * />
- *
- * // Uso con control de estado externo
- * const [state, setState] = useState('collapsed');
- *
- * <NavigationRailCommercial
- *   state={state}
- *   items={items}
- *   onStateChange={setState}
- * />
- * ```
- *
- * @see NavigationRailCommercial.types.ts - Props e interfaces
- */
-export declare const NavigationRailCommercial: React.ForwardRefExoticComponent<NavigationRailCommercialProps & React.RefAttributes<HTMLDivElement>>;
-export default NavigationRailCommercial;
-//# sourceMappingURL=NavigationRailCommercial.d.ts.map

package/dist/components/NavigationRailCommercial/NavigationRailCommercial.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationRailCommercial.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailCommercial/NavigationRailCommercial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EACV,6BAA6B,EAE9B,MAAM,kCAAkC,CAAC;AAK1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoHG;AACH,eAAO,MAAM,wBAAwB,sGA0KpC,CAAC;AAIF,eAAe,wBAAwB,CAAC"}

package/dist/components/NavigationRailCommercial/NavigationRailCommercial.types.d.ts

@@ -1,139 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * Definición de un item de menú para el NavigationRailCommercial
- */
-export interface NavigationRailCommercialMenuItem {
-    /**
-     * Identificador único del item
-     */
-    id: string;
-    /**
-     * Etiqueta/texto del item (visible en modo expanded)
-     */
-    label: string;
-    /**
-     * Icono del item (16x16px recomendado)
-     */
-    icon: ReactNode;
-    /**
-     * Si el item es colapsable (tiene submenu)
-     * @default false
-     */
-    isCollapsible?: boolean;
-    /**
-     * Items hijos (solo si isCollapsible es true)
-     */
-    children?: NavigationRailCommercialMenuItem[];
-    /**
-     * Si el item colapsable está abierto por defecto (solo si isCollapsible es true)
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Si el item está seleccionado/activo
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * Si el item está deshabilitado
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback cuando se hace click en el item
-     */
-    onClick?: () => void;
-    /**
-     * Badge de notificación
-     * @default false
-     */
-    badge?: boolean;
-    /**
-     * Contador de notificaciones (si badge es true)
-     */
-    badgeCount?: number;
-}
-/**
- * Props del componente NavigationRailCommercial
- *
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6146-34487
- */
-export interface NavigationRailCommercialProps {
-    /**
-     * Estado del rail:
-     * - `collapsed`: 80px width, solo iconos
-     * - `expanded`: 215px width, con labels
-     * - `hover`: muestra panel lateral con submenu (estado temporal)
-     * - `searcher`: muestra panel lateral con búsqueda (estado temporal)
-     * @default 'collapsed'
-     */
-    state?: 'collapsed' | 'expanded' | 'hover' | 'searcher';
-    /**
-     * Items de menú a mostrar en la barra
-     */
-    items?: NavigationRailCommercialMenuItem[];
-    /**
-     * Panel lateral que se muestra en estados hover/searcher
-     * Contiene el menú detallado del item seleccionado
-     */
-    panelContent?: {
-        /**
-         * Título del panel (ej: "Administración")
-         */
-        heading?: string;
-        /**
-         * Items del panel
-         */
-        items?: NavigationRailCommercialMenuItem[];
-    };
-    /**
-     * Callback cuando cambia el estado del rail
-     * @param state - nuevo estado
-     */
-    onStateChange?: (state: NavigationRailCommercialProps['state']) => void;
-    /**
-     * Callback cuando se hace click en un item
-     * @param item - item clickeado
-     */
-    onItemClick?: (item: NavigationRailCommercialMenuItem) => void;
-    /**
-     * Callback cuando se hace hover en un item (para mostrar panel)
-     * @param item - item con hover
-     */
-    onItemHover?: (item: NavigationRailCommercialMenuItem) => void;
-    /**
-     * Labels de internacionalización
-     */
-    labels?: {
-        /**
-         * Placeholder del input de búsqueda
-         * @default 'Buscar módulo'
-         */
-        searchPlaceholder?: string;
-        /**
-         * Label del botón colapsar
-         * @default 'Colapsar'
-         */
-        collapseButton?: string;
-        /**
-         * Label sección recientes (panel búsqueda)
-         * @default 'Recientes'
-         */
-        recentSection?: string;
-        /**
-         * Label sección opciones frecuentes (panel búsqueda)
-         * @default 'Opciones frecuentes'
-         */
-        frequentSection?: string;
-    };
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-    /**
-     * Si mostrar el botón de búsqueda (en modo collapsed)
-     * @default true
-     */
-    showSearchButton?: boolean;
-}
-//# sourceMappingURL=NavigationRailCommercial.types.d.ts.map

package/dist/components/NavigationRailCommercial/NavigationRailCommercial.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationRailCommercial.types.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailCommercial/NavigationRailCommercial.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,gCAAgC,EAAE,CAAC;IAE9C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,MAAM,WAAW,6BAA6B;IAC5C;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;IAExD;;OAEG;IACH,KAAK,CAAC,EAAE,gCAAgC,EAAE,CAAC;IAE3C;;;OAGG;IACH,YAAY,CAAC,EAAE;QACb;;WAEG;QACH,OAAO,CAAC,EAAE,MAAM,CAAC;QAEjB;;WAEG;QACH,KAAK,CAAC,EAAE,gCAAgC,EAAE,CAAC;KAC5C,CAAC;IAEF;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAExE;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,gCAAgC,KAAK,IAAI,CAAC;IAE/D;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,gCAAgC,KAAK,IAAI,CAAC;IAE/D;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;;WAGG;QACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAE3B;;;WAGG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;QAExB;;;WAGG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;QAEvB;;;WAGG;QACH,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;IAEF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

package/dist/components/NavigationRailCommercial/icons.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-/**
- * Iconos estándar para NavigationRailCommercial
- * Basados en Heroicons 20x20 solid (excepto ClockIcon que es 24x24 outline)
- * Consistente con NavigationRailTypes
- *
- * @see docs/icons.md - Sistema de iconos del proyecto
- */
-export declare const MagnifyingGlassIcon: React.FC<{
-    className?: string;
-}>;
-export declare const ChevronRightIcon: React.FC<{
-    className?: string;
-}>;
-export declare const ChevronLeftIcon: React.FC<{
-    className?: string;
-}>;
-export declare const Cog6ToothIcon: React.FC<{
-    className?: string;
-}>;
-export declare const ShoppingCartIcon: React.FC<{
-    className?: string;
-}>;
-export declare const CubeIcon: React.FC<{
-    className?: string;
-}>;
-export declare const DocumentIcon: React.FC<{
-    className?: string;
-}>;
-export declare const ClockIcon: React.FC<{
-    className?: string;
-}>;
-//# sourceMappingURL=icons.d.ts.map

package/dist/components/NavigationRailCommercial/icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailCommercial/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B;;;;;;GAMG;AAEH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAEhE,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAE7D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAE5D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAE1D,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAE7D,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAErD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAEzD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAEtD,CAAC"}

package/dist/components/NavigationRailCommercial/index.d.ts

@@ -1,4 +0,0 @@
-export { NavigationRailCommercial } from './NavigationRailCommercial';
-export type { NavigationRailCommercialProps, NavigationRailCommercialMenuItem, } from './NavigationRailCommercial.types';
-export * from './icons';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/NavigationRailCommercial/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailCommercial/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EACV,6BAA6B,EAC7B,gCAAgC,GACjC,MAAM,kCAAkC,CAAC;AAC1C,cAAc,SAAS,CAAC"}

package/dist/components/NavigationRailItem/NavigationRailItem.d.ts

@@ -1,90 +0,0 @@
-import React from 'react';
-import type { NavigationRailItemProps } from './NavigationRailItem.types';
-/**
- * NavigationRailItem - Componente independiente para items de NavigationRail
- *
- * Item individual de navegación vertical (rail) para aplicaciones. Proporciona
- * un punto de acceso a destinos mediante un icono, label opcional y badges.
- *
- * **Características principales:**
- * - Ancho fijo de 56px según Figma
- * - Estados completos: normal, hover, selected, focus, disabled
- * - Badges de notificación con contador opcional
- * - Tipografía Label XXSmall (10px Bold) según sistema de diseño
- * - Dark mode completo con estrategia 'class'
- * - Focus rings adaptativos para accesibilidad
- * - Soporte para iconos 16x16px
- *
- * **Especificaciones de Figma (node 4294-22931):**
- * - Ancho: 56px (w-14)
- * - Icon container: 32px altura, px-4 py-1, rounded-full
- * - Label: 10px Bold, leading 12px (Label XXSmall)
- * - Gap: 4px (gap-1)
- * - Badge: 13x13px, posición absolute
- *
- * **Estados visuales (según Figma):**
- * - **Enabled**: Icon transparent, label text-content-primary
- * - **Hover**: Icon container bg-primary-custom-100 (#dbeefe), icon text-primary-custom-600
- * - **Selected**: Icon container bg-primary-custom-100 con overlay, icon text-primary-custom-600
- * - **Focus**: Focus ring 2px (#60b6fa) con offset 2px (#dbeefe), sombras combinadas
- * - **Disabled**: Opacity 55%, no interactivo
- *
- * **Dark Mode:**
- * - Background: dark-bg-primary
- * - Hover icon container: dark-bg-primary/20
- * - Selected icon container: dark-primary-custom-600/30
- * - Icon colors: dark-content-primary, dark-white on selected
- * - Focus ring: dark-border-custom
- *
- * **Mejores prácticas implementadas:**
- * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
- * - Tokens de color consistentes con documentación
- * - Accesibilidad ARIA completa
- * - Focus visible para keyboard navigation
- * - Badge positioning absoluto para no afectar layout
- *
- * @see docs/colors.md - Sistema de colores (primary-custom, dark-*, content-*)
- * @see docs/typography.md - Tipografía (Label XXSmall)
- * @see docs/spacing.md - Sistema de espaciado
- * @see docs/shadows.md - Sistema de sombras y focus rings
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4294-22931
- *
- * @example
- * ```tsx
- * // Item básico
- * <NavigationRailItem
- *   id="home"
- *   icon={<HomeIcon />}
- *   label="Inicio"
- *   selected={true}
- *   onClick={() => navigate('/')}
- * />
- *
- * // Con badge de notificación
- * <NavigationRailItem
- *   id="notifications"
- *   icon={<BellIcon />}
- *   label="Notificaciones"
- *   badgeCount={5}
- *   onClick={() => navigate('/notifications')}
- * />
- *
- * // Item deshabilitado
- * <NavigationRailItem
- *   id="premium"
- *   icon={<StarIcon />}
- *   label="Premium"
- *   disabled={true}
- * />
- *
- * // Solo icono (sin label)
- * <NavigationRailItem
- *   id="home"
- *   icon={<HomeIcon />}
- *   label="Inicio"
- *   showLabelText={false}
- * />
- * ```
- */
-export declare const NavigationRailItem: React.FC<NavigationRailItemProps>;
-//# sourceMappingURL=NavigationRailItem.d.ts.map

package/dist/components/NavigationRailItem/NavigationRailItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationRailItem.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailItem/NavigationRailItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqFG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8NhE,CAAC"}

package/dist/components/NavigationRailItem/NavigationRailItem.types.d.ts

@@ -1,162 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * Props para NavigationRailItem
- *
- * Componente independiente para items individuales de NavigationRail.
- * Implementación pixel-perfect según Figma (node 4294-22931).
- *
- * **Estados:**
- * - `Enabled`: Estado normal del item
- * - `Hover`: Overlay de color en el icon container
- * - `Selected`: Background con overlay según Figma
- * - `Focus`: Focus ring de 4px (#60b6fa) con offset de 2px (#dbeefe)
- * - `Disabled`: Opacity 55% con pointer-events-none
- *
- * **Especificaciones de Figma:**
- * - Ancho: 56px (w-14)
- * - Altura: auto (flex-col)
- * - Gap: 4px entre icon y label
- * - Padding: 2px horizontal, 0px vertical (px-0.5)
- * - Border radius: 9999px (rounded-full) en icon container
- * - Tipografía label: Label XXSmall (10px Bold, leading 12px)
- * - Icono: 16x16px
- *
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4294-22931
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico (Label XXSmall)
- * @see docs/spacing.md - Sistema de espaciado
- * @see docs/shadows.md - Sistema de sombras (focus ring)
- */
-export interface NavigationRailItemProps {
-    /**
-     * Icono a mostrar en el item
-     * Tamaño recomendado: 16x16px
-     * Tipos compatibles: ReactNode, SVG, Heroicons, etc.
-     *
-     * @example
-     * ```tsx
-     * import { HomeIcon } from '@heroicons/react/24/outline';
-     * <NavigationRailItem icon={<HomeIcon />} />
-     * ```
-     */
-    icon: ReactNode;
-    /**
-     * Label/texto del item de navegación
-     * Se muestra debajo del icono en tipografía Label XXSmall
-     *
-     * @example
-     * <NavigationRailItem label="Inicio" />
-     */
-    label: string;
-    /**
-     * Si el item está seleccionado actualmente
-     *
-     * Estado visual:
-     * - Background: bg-primary-custom-100 (#dbeefe) con overlay rgba(0,0,0,0.024)
-     * - Icono: text-primary-custom-600 (#0e79fd)
-     * - Label: text-content-primary
-     *
-     * @default false
-     */
-    selected?: boolean;
-    /**
-     * Si el item está deshabilitado
-     *
-     * Estado visual:
-     * - Opacity: 55%
-     * - Cursor: not-allowed
-     * - Pointer-events: none
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Mostrar badge de notificación (dot rojo)
-     *
-     * El badge se posiciona en la esquina superior derecha del icon container.
-     * Tamaño: 13x13px
-     * Color: #b91c1c (red-700)
-     * Posición: left-[34px], top-[-3px]
-     *
-     * @default false
-     */
-    badge?: boolean;
-    /**
-     * Número a mostrar en el badge (reemplaza el dot simple)
-     *
-     * Si el número es mayor a 99, muestra "99+"
-     * Tipografía: 10px Bold
-     * Color: white (#ffffff)
-     *
-     * @example
-     * <NavigationRailItem badgeCount={5} />  // Muestra: 5
-     * <NavigationRailItem badgeCount={150} /> // Muestra: 99+
-     */
-    badgeCount?: number;
-    /**
-     * Handler para evento click del item
-     *
-     * Se ejecuta cuando el usuario hace click en el item,
-     * incluso si está en estado selected.
-     */
-    onClick?: () => void;
-    /**
-     * Handler para evento mouse enter del item
-     *
-     * Se ejecuta cuando el cursor entra en el área del item.
-     * Útil para mostrar paneles o menús contextuales.
-     */
-    onMouseEnter?: () => void;
-    /**
-     * Label para accesibilidad (ARIA-label)
-     *
-     * Si no se proporciona, usa el valor de `label`
-     *
-     * @example
-     * <NavigationRailItem label="Inicio" ariaLabel="Ir a la página de inicio" />
-     */
-    ariaLabel?: string;
-    /**
-     * ID único del item
-     *
-     * Usado para identificar el item en callbacks y para navegación.
-     * Se añade como atributo data-item-id en el elemento DOM.
-     *
-     * @example
-     * <NavigationRailItem id="home" label="Inicio" />
-     */
-    id?: string;
-    /**
-     * Mostrar el label del texto
-     *
-     * Si es false, solo se muestra el icono
-     *
-     * @default true
-     */
-    showLabelText?: boolean;
-    /**
-     * Mostrar icono
-     *
-     * Si es false, solo se muestra el label
-     *
-     * @default true
-     */
-    showIcon?: boolean;
-    /**
-     * Clases CSS adicionales personalizadas
-     *
-     * Se aplican al contenedor principal (button)
-     */
-    className?: string;
-}
-/**
- * Estados posibles del componente según Figma
- *
- * - `Enabled`: Estado normal, sin interacción
- * - `Hover`: Mouse over el item
- * - `Selected`: Item actualmente seleccionado
- * - `Focus`: Keyboard focus (accesibilidad)
- * - `Disabled`: Item deshabilitado, no interactivo
- */
-export type NavigationRailItemState = 'Enabled' | 'Hover' | 'Selected' | 'Focus' | 'Disabled';
-//# sourceMappingURL=NavigationRailItem.types.d.ts.map

package/dist/components/NavigationRailItem/NavigationRailItem.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationRailItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailItem/NavigationRailItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;;;;;;;;OAUG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;;;;;;;OAUG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC"}