siesa-ui-kit 1.0.4 → 1.0.6

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/components/NavigationRailPanel/NavigationRailPanel.d.ts

@@ -1,124 +0,0 @@
-import React from 'react';
-import type { NavigationRailPanelProps } from './NavigationRailPanel.types';
-/**
- * Componente NavigationRailPanel del sistema de diseño Siesa
- *
- * Panel de navegación vertical (rail) que puede contener múltiples secciones
- * de items, búsqueda y encabezados. Se usa típicamente en aplicaciones con
- * navegación compleja que requieren una estructura jerárquica.
- *
- * **Estructura principal:**
- * 1. Encabezado (DropdownItemHeading) - Opcional
- * 2. Input de búsqueda - Opcional
- * 3. Divisor - Siempre presente después de búsqueda/encabezado
- * 4. Body con secciones de items:
- *    - Heading de sección (Paragraph/Tiny, content-tertiary)
- *    - Items colapsables (DropdownItemCollapsible) o simples
- *    - Divisor entre secciones
- *
- * **Dimensiones según Figma:**
- * - Altura: Variable (por defecto 900px)
- * - Ancho del panel: 248px (con padding 12px)
- * - Ancho de contenido: 224px
- * - Padding del panel: 12px
- * - Padding del body: 12px
- * - Border: 1px left (border-primary)
- * - Border radius: 0px (es un panel recto)
- *
- * **Tipografía:**
- * - Heading (DropdownItemHeading): Label/Small (14px Bold)
- * - Section heading: Paragraph/Tiny (12px Regular) - content-tertiary
- * - Items: Paragraph/Small (14px Regular)
- *
- * **Colores (Light Mode):**
- * - Background: #ffffff (white)
- * - Border: #e4e4e7 (border-primary)
- * - Heading text: #18181b (content-primary)
- * - Section heading: #71717a (content-tertiary)
- * - Item text: #18181b (content-primary)
- * - Icon color: #a1a1aa (content-secondary)
- *
- * **Colores (Dark Mode):**
- * - Background: #18181b (dark bg)
- * - Border: #3f3f46 (border-primary/dark)
- * - Heading text: #fafafa (content-primary/dark)
- * - Section heading: #a1a1aa (content-tertiary/dark)
- * - Item text: #fafafa (content-primary/dark)
- * - Icon color: #a1a1aa (content-secondary/dark)
- *
- * **Estados:**
- * - Default: Sin interacción
- * - Hover: Items con hover overlay sutil
- * - Focus: Focus ring adaptativo
- * - Disabled: Opacidad 50%
- * - Active (items colapsables): Expanded state
- *
- * **Espaciado interno:**
- * - Gap entre section heading e items: 0.5 (2px)
- * - Gap entre items: 0.5 (2px)
- * - Gap entre elemento y contenido: 3 (12px)
- * - Padding vertical section heading: pt-3 pb-1 (12px top, 4px bottom)
- * - Padding items: py-2 px-4 (8px vertical, 16px horizontal)
- *
- * **Scroll:**
- * - El body es scrolleable verticalmente (overflow-y-auto)
- * - El encabezado y búsqueda se mantienen fijos en el tope
- *
- * @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 ../DropdownItemHeading - Componente reutilizado para encabezado
- * @see ../DropdownItemCollapsible - Componente reutilizado para items colapsables
- * @see ../Input - Componente reutilizado para búsqueda
- * @see ../Divider - Componente reutilizado para separadores
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6134-34415 - Diseño Figma
- *
- * @example
- * ```tsx
- * // Ejemplo simple con secciones
- * <NavigationRailPanel
- *   height={900}
- *   showHeading={true}
- *   heading={{
- *     label: 'Settings',
- *     description: 'Configure your preferences',
- *     iconName: 'cog-6-tooth',
- *     actionLabel: 'Clear',
- *     showAction: true,
- *   }}
- *   showSearch={true}
- *   search={{
- *     placeholder: 'Buscar módulo',
- *   }}
- *   sections={[
- *     {
- *       heading: 'Section 1',
- *       items: [
- *         { label: 'Item 1', isCollapsible: true, children: [...] },
- *         { label: 'Item 2', isCollapsible: false },
- *       ],
- *     },
- *     {
- *       heading: 'Section 2',
- *       items: [
- *         { label: 'Item 3' },
- *       ],
- *     },
- *   ]}
- * />
- *
- * // Ejemplo con items simples sin secciones
- * <NavigationRailPanel
- *   showHeading={false}
- *   showSearch={true}
- *   items={[
- *     { label: 'Dashboard', icon: <DashboardIcon /> },
- *     { label: 'Users', icon: <UserIcon /> },
- *     { label: 'Settings', icon: <SettingsIcon /> },
- *   ]}
- * />
- * ```
- */
-export declare const NavigationRailPanel: React.FC<NavigationRailPanelProps>;
-//# sourceMappingURL=NavigationRailPanel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationRailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailPanel/NavigationRailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAM5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuHG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiIlE,CAAC"}

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

@@ -1,154 +0,0 @@
-import type { ReactNode } from 'react';
-import type { DropdownItemCollapsibleChildProps } from '../DropdownItemCollapsible/DropdownItemCollapsible.types';
-/**
- * Props de la sección de items dentro del NavigationRailPanel
- */
-export interface NavigationRailPanelSectionProps {
-    /**
-     * Encabezado de la sección (label del heading)
-     * Ejemplo: "Categorías", "Departamentos", "Opciones"
-     */
-    heading?: string;
-    /**
-     * Items que se muestran en la sección
-     * Pueden ser items simples o items colapsables
-     */
-    items: NavigationRailPanelItemProps[];
-    /**
-     * Si mostrar divisor después de esta sección
-     * @default true
-     */
-    showDivider?: boolean;
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-}
-/**
- * Props de un item individual dentro del NavigationRailPanel
- */
-export interface NavigationRailPanelItemProps {
-    /**
-     * Texto o contenido principal del item
-     * Ejemplo: "Users", "Settings", "Help"
-     */
-    label: string;
-    /**
-     * Icono a mostrar antes del texto (izquierda)
-     * Recomendado: 16x16px
-     */
-    icon?: ReactNode;
-    /**
-     * Si el item es colapsable (muestra items anidados)
-     * @default false
-     */
-    isCollapsible?: boolean;
-    /**
-     * Items anidados que se muestran cuando el item está expandido
-     * Se usa solo cuando isCollapsible es true
-     */
-    children?: DropdownItemCollapsibleChildProps[];
-    /**
-     * Si el item está expandido inicialmente (para items colapsables)
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Si el item está deshabilitado
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback cuando se hace click en el item
-     */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
-    /**
-     * Callback cuando el item colapsable se expande/contrae
-     * @param open - nuevo estado de expansión
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-}
-/**
- * Props del componente NavigationRailPanel
- *
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6134-34415
- */
-export interface NavigationRailPanelProps {
-    /**
-     * Altura del panel en píxeles
-     * Se usa para el contenedor principal
-     * Ejemplo: 600, 800, 900
-     * @default 900
-     */
-    height?: number | string;
-    /**
-     * Ancho del panel en píxeles
-     * Ancho estándar: 248px (con padding incluido)
-     * @default 248
-     */
-    width?: number | string;
-    /**
-     * Encabezado del panel con icono, label, descripción y acción
-     * Ejemplo: { label: "Settings", description: "Configure your preferences" }
-     */
-    heading?: {
-        label: string;
-        description?: string;
-        showDescription?: boolean;
-        iconName?: string;
-        actionLabel?: string;
-        showAction?: boolean;
-        onActionClick?: () => void;
-    };
-    /**
-     * Si mostrar el encabezado (DropdownItemHeading)
-     * @default true
-     */
-    showHeading?: boolean;
-    /**
-     * Configuración del input de búsqueda
-     */
-    search?: {
-        /**
-         * Placeholder del input
-         * @default "Buscar módulo"
-         */
-        placeholder?: string;
-        /**
-         * Valor actual del input
-         */
-        value?: string;
-        /**
-         * Callback cuando cambia el valor del input
-         */
-        onChange?: (value: string) => void;
-    };
-    /**
-     * Si mostrar el input de búsqueda
-     * @default true
-     */
-    showSearch?: boolean;
-    /**
-     * Secciones de items dentro del panel
-     * Cada sección puede tener un encabezado y múltiples items
-     */
-    sections?: NavigationRailPanelSectionProps[];
-    /**
-     * Alternativa a sections: items simples sin agrupar
-     * Se usan cuando no necesitas secciones
-     */
-    items?: NavigationRailPanelItemProps[];
-    /**
-     * Clases CSS adicionales para el contenedor principal
-     */
-    className?: string;
-    /**
-     * Clases CSS adicionales para el panel interno
-     */
-    panelClassName?: string;
-}
-//# sourceMappingURL=NavigationRailPanel.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationRailPanel.types.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailPanel/NavigationRailPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,0DAA0D,CAAC;AAElH;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,KAAK,EAAE,4BAA4B,EAAE,CAAC;IAEtC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,iCAAiC,EAAE,CAAC;IAE/C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,KAAK,IAAI,CAAC;IAE5E;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;KAC5B,CAAC;IAEF;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QAErB;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf;;WAEG;QACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;KACpC,CAAC;IAEF;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,+BAA+B,EAAE,CAAC;IAE7C;;;OAGG;IACH,KAAK,CAAC,EAAE,4BAA4B,EAAE,CAAC;IAEvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EACV,wBAAwB,EACxB,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,6BAA6B,CAAC"}

package/dist/components/NavigationRailTypes/NavigationRailTypes.d.ts

@@ -1,99 +0,0 @@
-import React from 'react';
-import type { NavigationRailTypesProps } from './NavigationRailTypes.types';
-/**
- * Componente NavigationRailTypes del sistema de diseño Siesa
- *
- * Barra de navegación lateral que permite dos modos visuales:
- * - **Collapsed (Colapsado)**: 80px width, solo iconos con botón de búsqueda
- * - **Expanded (Expandido)**: 215px width, con labels y búsqueda integrada
- *
- * **Características:**
- * - Dos modos: collapsed e expanded (toggle con botón "Colapsar")
- * - Soporta items con badges de notificación
- * - Items colapsables para agrupar navegación relacionada
- * - Botón "Recientes" en footer
- * - Búsqueda integrada (solo en modo expanded)
- * - Dark mode completo
- * - Focus rings adaptativos
- *
- * **Especificaciones de Figma:**
- * - Collapsed: 80px width, items con height 44px + gap 12px
- * - Expanded: 215px width, items reutilizan DropdownItemCollapsible
- * - Icono search: 16x16px, azul (#0e79fd)
- * - Borde derecho: 1px solid #e4e4e7 (collapsed)
- * - Borde izquierdo: 1px solid #e4e4e7 (expanded)
- * - Height total: 900px (scroll si necesario)
- *
- * **Estructura:**
- * 1. Header (Search en expanded) - altura variable
- * 2. Menu & Destinations - flex 1 con items scrollables
- * 3. Footer - Actions con divider y botones
- *
- * **Estados de Items:**
- * - `default`: Text color content-primary
- * - `hover`: Fondo hover-overlay, icon color content-custom-primary
- * - `active`: Fondo custom-primary, text color custom-primary
- * - `disabled`: Opacity 50%, sin interacción
- *
- * **Colores (Light Mode):**
- * - Background: background-primary (#ffffff)
- * - Borders: border-primary (#e4e4e7)
- * - Text: content-primary (#18181b)
- * - Icons: content-secondary (#a1a1aa)
- * - Icon hover: content-custom-primary (#0e79fd)
- * - Divider: border-primary (#e4e4e7)
- * - Search input: bg-primary, border-primary, placeholder: content-tertiary
- *
- * **Colores (Dark Mode):**
- * - Background: background-primary/dark (#09090b)
- * - Borders: border-primary/dark (#3f3f46)
- * - Text: content-primary/dark (#fafafa)
- * - Icons: content-secondary/dark (#a1a1aa)
- * - Icon hover: content-custom-primary/dark (#bfe2fe)
- * - Divider: border-primary/dark (#3f3f46)
- *
- * **Tipografía:**
- * - Items labels: Paragraph/Small (14px, Regular, line-height 20px)
- * - Heading: Paragraph/Tiny (12px, Regular, line-height 16px) - si aplica
- * - Button labels: Label Small (14px, Bold)
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico
- * @see docs/spacing.md - Sistema de espaciado (gap-3, px-4, py-2, etc)
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-36219
- *
- * @example
- * ```tsx
- * const navItems: NavigationRailItem[] = [
- *   {
- *     id: 'home',
- *     label: 'Home',
- *     icon: <HomeIcon />,
- *     active: true,
- *     onClick: () => navigate('/home'),
- *   },
- *   {
- *     id: 'users',
- *     label: 'Users',
- *     icon: <UsersIcon />,
- *     badge: true,
- *     onClick: () => navigate('/users'),
- *   },
- * ];
- *
- * const [isCollapsed, setIsCollapsed] = useState(true);
- *
- * <NavigationRailTypes
- *   collapsed={isCollapsed}
- *   items={navItems}
- *   showRecentButton={true}
- *   onCollapsedChange={setIsCollapsed}
- *   onItemClick={(index, item) => console.log('Selected:', item.id)}
- * />
- * ```
- *
- * @see NavigationRailTypes.types.ts - Props e interfaces
- */
-export declare const NavigationRailTypes: React.ForwardRefExoticComponent<NavigationRailTypesProps & React.RefAttributes<HTMLDivElement>>;
-export default NavigationRailTypes;
-//# sourceMappingURL=NavigationRailTypes.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationRailTypes.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailTypes/NavigationRailTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,wBAAwB,EAAsB,MAAM,6BAA6B,CAAC;AAQhG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6FG;AACH,eAAO,MAAM,mBAAmB,iGA+P/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}

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

@@ -1,152 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * Props del componente NavigationRailTypes
- *
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-36219
- */
-export interface NavigationRailTypesProps {
-    /**
-     * Determina si el rail está colapsado (iconos solo) o expandido (con labels)
-     * - `true`: Modo colapsado (80px width, solo iconos)
-     * - `false`: Modo expandido (215px width, con labels)
-     * @default true
-     */
-    collapsed?: boolean;
-    /**
-     * Items de navegación a mostrar en la barra
-     * Se muestran en modo comprimido (iconos) o expandido (con descripción)
-     */
-    items?: NavigationRailItem[];
-    /**
-     * Si mostrar el botón "Recientes" en el footer
-     * @default true
-     */
-    showRecentButton?: boolean;
-    /**
-     * Si mostrar el botón de búsqueda en modo collapsed
-     * @default true
-     */
-    showSearchButton?: boolean;
-    /**
-     * Callback cuando el estado collapsed cambia
-     * Útil para sincronizar con estado global
-     */
-    onCollapsedChange?: (collapsed: boolean) => void;
-    /**
-     * Callback cuando se clickea un item
-     * @param index - índice del item clickeado
-     * @param item - datos del item
-     */
-    onItemClick?: (index: number, item: NavigationRailItem) => void;
-    /**
-     * Callback cuando se hace hover sobre un item
-     * @param index - índice del item con hover
-     * @param item - datos del item
-     */
-    onItemHover?: (index: number, item: NavigationRailItem) => void;
-    /**
-     * Classes CSS adicionales
-     */
-    className?: string;
-    /**
-     * Labels de internacionalización
-     */
-    labels?: {
-        /**
-         * Label del botón de búsqueda (collapsed mode)
-         * @default 'Search'
-         */
-        searchButton?: string;
-        /**
-         * Placeholder del input de búsqueda (expanded mode)
-         * @default 'Buscar módulo'
-         */
-        searchPlaceholder?: string;
-        /**
-         * Label del botón "Recientes"
-         * @default 'Recientes'
-         */
-        recentButton?: string;
-        /**
-         * Label del botón "Colapsar"
-         * @default 'Colapsar'
-         */
-        collapseButton?: string;
-        /**
-         * Label del botón "Expandir"
-         * @default 'Expandir'
-         */
-        expandButton?: string;
-    };
-}
-/**
- * Props para cada item de navegación en el rail
- */
-export interface NavigationRailItem {
-    /**
-     * Identificador único del item
-     */
-    id: string;
-    /**
-     * Etiqueta del item (visible en modo expandido)
-     */
-    label: string;
-    /**
-     * Icono a mostrar (16x16px recomendado)
-     */
-    icon: ReactNode;
-    /**
-     * Si el item está activo/seleccionado
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * Si el item está deshabilitado
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback cuando se hace click en el item
-     */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * URL para navigation (si se usa como link)
-     */
-    href?: string;
-    /**
-     * Atributos ARIA para accesibilidad
-     */
-    ariaLabel?: string;
-    /**
-     * Badge de notificación (dot rojo pequeño)
-     */
-    badge?: boolean;
-    /**
-     * Contador de notificaciones (99+ para >99)
-     */
-    badgeCount?: number;
-    /**
-     * Color del badge
-     * @default 'red'
-     */
-    badgeColor?: 'red' | 'blue' | 'green' | 'yellow' | 'orange';
-}
-/**
- * Props para el item colapsable (reutiliza DropdownItemCollapsible)
- * Solo se usa en modo expandido
- */
-export interface NavigationRailCollapsibleItem extends NavigationRailItem {
-    /**
-     * Items anidados (solo en modo expandido)
-     */
-    children?: NavigationRailItem[];
-    /**
-     * Si el item está expandido inicialmente
-     */
-    defaultOpen?: boolean;
-    /**
-     * Si el item es colapsable
-     */
-    isCollapsible?: boolean;
-}
-//# sourceMappingURL=NavigationRailTypes.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationRailTypes.types.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailTypes/NavigationRailTypes.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAE7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAEhE;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAEhE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;;WAGG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QAEtB;;;WAGG;QACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAE3B;;;WAGG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QAEtB;;;WAGG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;QAExB;;;WAGG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;CAC7D;AAED;;;GAGG;AACH,MAAM,WAAW,6BAA8B,SAAQ,kBAAkB;IACvE;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAEhC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

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

@@ -1,44 +0,0 @@
-import React from 'react';
-/**
- * Props comunes para los iconos
- */
-interface IconProps {
-    className?: string;
-}
-/**
- * Icono Chevron Right (apunta hacia la derecha)
- * Usado en el botón de collapse
- */
-export declare const ChevronRightIcon: React.FC<IconProps>;
-/**
- * Icono Chevron Left (apunta hacia la izquierda)
- * Usado en el botón de expand
- */
-export declare const ChevronLeftIcon: React.FC<IconProps>;
-/**
- * Icono Clock (reloj) - Estilo OUTLINE 24
- * Usado en el botón "Recientes"
- */
-export declare const ClockIcon: React.FC<IconProps>;
-/**
- * Icono Magnifying Glass (búsqueda)
- * Usado en el botón de búsqueda
- */
-export declare const MagnifyingGlassIcon: React.FC<IconProps>;
-/**
- * Icono Home
- * Ejemplo para items de navegación
- */
-export declare const HomeIcon: React.FC<IconProps>;
-/**
- * Icono Users
- * Ejemplo para items de navegación
- */
-export declare const UsersIcon: React.FC<IconProps>;
-/**
- * Icono Settings
- * Ejemplo para items de navegación
- */
-export declare const SettingsIcon: React.FC<IconProps>;
-export {};
-//# sourceMappingURL=icons.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailTypes/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B;;GAEG;AACH,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEhD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAE/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEzC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEnD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAExC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEzC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAE5C,CAAC"}

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

@@ -1,4 +0,0 @@
-export { NavigationRailTypes } from './NavigationRailTypes';
-export { default } from './NavigationRailTypes';
-export type { NavigationRailTypesProps, NavigationRailItem, NavigationRailCollapsibleItem, } from './NavigationRailTypes.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailTypes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,YAAY,EACV,wBAAwB,EACxB,kBAAkB,EAClB,6BAA6B,GAC9B,MAAM,6BAA6B,CAAC"}

package/dist/components/Notification/Notification.d.ts

@@ -1,52 +0,0 @@
-import React from 'react';
-import type { NotificationProps } from './Notification.types';
-/**
- * Componente Notification del sistema de diseño Siesa
- *
- * Badge de notificación para indicar alertas, mensajes o notificaciones pendientes.
- * Puede mostrar un punto simple o un contador numérico con límite automático a 99+.
- *
- * **Especificaciones de Figma:**
- * - Badge con número: 27px × 13px (aprox), Label/XXSmall (10px Bold, line-height 12px)
- * - Badge simple (dot): 13px × 13px
- * - Color: `content-extensions-red` (#b91c1c) por defecto
- * - Border radius: Pill (rounded-full)
- * - Padding: 4px horizontal
- *
- * **Variantes:**
- * - Sin count: Muestra punto circular (dot)
- * - Con count: Muestra badge con número (máximo 99+)
- *
- * **Uso típico:**
- * - Como overlay en iconos o botones
- * - En elementos de menú o navegación
- * - Standalone para indicar estado
- *
- * @see docs/colors.md - Sistema de colores (token content-extensions-red)
- * @see docs/typography.md - Sistema tipográfico (Label/XXSmall)
- * @see src/components/Button/Button.tsx - Referencia de badges en botones
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4310-22651
- *
- * @example
- * ```tsx
- * // Badge simple (punto)
- * <Notification />
- *
- * // Badge con número
- * <Notification count={5} />
- *
- * // Badge con muchos (muestra 99+)
- * <Notification count={150} />
- *
- * // Con color personalizado
- * <Notification count={3} color="green" />
- *
- * // Como overlay en botón
- * <button className="relative">
- *   <BellIcon />
- *   <Notification count={5} className="absolute -top-1 -right-1" />
- * </button>
- * ```
- */
-export declare const Notification: React.FC<NotificationProps>;
-//# sourceMappingURL=Notification.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6FpD,CAAC"}