siesa-ui-kit 1.0.11 → 1.0.12

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

@@ -3,23 +3,24 @@ interface IconProps {
     className?: string;
 }
 /**
- * Icono Plus (heroicons-micro/plus)
+ * Icono Plus (heroicons/plus)
  */
 export declare const PlusIcon: React.FC<IconProps>;
 /**
- * Icono ChevronDown (heroicons-micro/chevron-down)
+ * Icono ChevronDown (heroicons/chevron-down)
  */
 export declare const ChevronDownIcon: React.FC<IconProps>;
 /**
- * Icono ArrowRight (heroicons-micro/arrow-right)
+ * Icono ArrowRight (heroicons/arrow-right)
+ * @param {string} className Clases de Tailwind
  */
 export declare const ArrowRightIcon: React.FC<IconProps>;
 /**
- * Icono Check (heroicons-micro/check)
+ * Icono Check (heroicons/check)
  */
 export declare const CheckIcon: React.FC<IconProps>;
 /**
- * Icono X (heroicons-micro/x-mark)
+ * Icono X (heroicons/x-mark)
  */
 export declare const XIcon: React.FC<IconProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Button/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CASxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAazC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CASrC,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Button/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAExC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAE/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAE9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAErC,CAAC"}

package/dist/components/Dropdown/Dropdown.d.ts

@@ -2,32 +2,91 @@ import React from 'react';
 import type { DropdownProps, DropdownItemProps, DropdownHeadingProps, DropdownDividerProps } from './Dropdown.types';
 /**
  * Componente Dropdown del sistema de diseño Siesa
- * Basado en especificaciones de Figma con Tailwind CSS
+ *
+ * Menú desplegable implementado pixel-perfect según especificaciones de Figma (node 4194-15135).
+ * Soporta múltiples tipos de items: básicos, con iconos, con descripciones, con shortcuts, con headings y dividers.
+ *
+ * **Especificaciones de Figma:**
+ * - Trigger button: bg-white, border-border-primary, rounded-lg (8px), gap-2 (8px)
+ * - Menu: bg-background-secondary (#f4f4f5), shadow-lg, rounded-lg (8px), padding 4px, min-width 182px
+ * - Items: padding 16px horizontal, 8px vertical, rounded-lg, gap-3 (12px)
+ * - Typography: Label/Small (14px Bold) para trigger, Paragraph/Small (14px Regular) para items
+ * - Typography: Paragraph/Tiny (12px Regular) para headings y descripciones
+ *
+ * **Variantes:**
+ * - `default`: Botón con texto + icono chevron
+ * - `icon-only`: Solo icono chevron (36x36px) - ideal para espacios reducidos
+ *
+ * **Estados del trigger:**
+ * - Default: bg-white, text-content-secondary, border-border-primary
+ * - Hover: bg-background-secondary (#fafafa)
+ * - Focus: ring-2 ring-primary-custom-400 con offset-2
+ * - Disabled: opacity-50 con pointer-events-none
+ *
+ * **Estados de items:**
+ * - Default: text-content-primary
+ * - Hover: bg-background-secondary (#fafafa)
+ * - Selected: bg-primary-custom-100 (light) / bg-primary-custom-600/20 (dark)
+ *
+ * **Dark Mode:**
+ * - Trigger: dark:bg-dark-bg-primary, dark:hover:bg-gray-800
+ * - Menu: bg-background-secondary → dark:bg-dark-bg-primary
+ * - Items hover: dark:hover:bg-gray-800
+ * - Shadow: shadow-lg funciona en ambos modos
+ *
+ * **Funcionalidad:**
+ * - Cierre automático al hacer click fuera del dropdown
+ * - Cierre con tecla Escape
+ * - Modo controlado/no controlado (prop `open` + `onOpenChange`)
+ * - Callback `onClick` por item individual
  *
  * 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
  * - Type safety con TypeScript estricto
- * - Accesibilidad con ARIA labels y keyboard navigation
- * - Cierre automático al hacer click fuera
+ * - Accesibilidad con ARIA labels (aria-haspopup, aria-expanded)
+ * - Keyboard navigation (Escape para cerrar)
  *
  * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico
+ * @see docs/typography.md - Sistema tipográfico (Label/Small, Paragraph/Small, Paragraph/Tiny)
  * @see docs/spacing.md - Sistema de espaciado
- * @see docs/shadows.md - Sistema de sombras
+ * @see docs/shadows.md - Sistema de sombras (shadow-lg)
+ * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4194-15135 - Diseño Figma
  *
  * @example
  * ```tsx
+ * // Dropdown básico
  * <Dropdown
- *   placeholder="Options"
+ *   placeholder="Opciones"
  *   items={[
- *     { children: 'Account', icon: <UserIcon /> },
- *     { children: 'Settings', icon: <CogIcon /> },
+ *     { children: 'Cuenta', icon: <UserIcon /> },
+ *     { children: 'Configuración', icon: <CogIcon /> },
  *     { isDivider: true },
- *     { children: 'Logout' },
+ *     { children: 'Cerrar sesión' },
  *   ]}
  * />
+ *
+ * // Dropdown con headings y descripciones
+ * <Dropdown
+ *   placeholder="Menú"
+ *   items={[
+ *     { isHeading: true, children: 'Cuenta' },
+ *     { children: 'Perfil', icon: <UserIcon />, description: 'Administra tu perfil' },
+ *     { isDivider: true },
+ *     { children: 'Deshacer', shortcut: '⌘ Z' },
+ *   ]}
+ * />
+ *
+ * // Dropdown solo icono
+ * <Dropdown variant="icon-only" items={[...]} />
+ *
+ * // Dropdown controlado
+ * <Dropdown
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   items={[...]}
+ * />
  * ```
  */
 export declare const Dropdown: React.FC<DropdownProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAK1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqQ5C,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqFpD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2B1D,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsB1D,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAK1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6Q5C,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoFpD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2B1D,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsB1D,CAAC"}

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

@@ -48,6 +48,24 @@ export interface DropdownProps {
      * @default 'Options'
      */
     placeholder?: string;
+    /**
+     * Función para renderizar un trigger personalizado
+     * Recibe el estado isOpen y debe retornar un ReactNode
+     * Útil para casos de uso avanzados como menús de usuario con avatar
+     *
+     * @example
+     * ```tsx
+     * <Dropdown
+     *   renderTrigger={(isOpen) => (
+     *     <button className={isOpen ? 'active' : ''}>
+     *       Custom Trigger
+     *     </button>
+     *   )}
+     *   items={[...]}
+     * />
+     * ```
+     */
+    renderTrigger?: (isOpen: boolean) => ReactNode;
 }
 /**
  * Props del componente DropdownItem

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;;;;;;;;;;;OAgBG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;CAChD;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -7,4 +7,7 @@ export declare const CogIcon: () => import("react/jsx-runtime").JSX.Element;
 export declare const UserIcon: () => import("react/jsx-runtime").JSX.Element;
 export declare const BellIcon: () => import("react/jsx-runtime").JSX.Element;
 export declare const CreditCardIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const MoonIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const DocumentTextIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowRightStartOnRectangleIcon: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=icons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/icons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,eAAe,+CAa3B,CAAC;AAEF,eAAO,MAAM,OAAO,+CAanB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CASpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAapB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAU1B,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/icons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,eAAe,+CAa3B,CAAC;AAEF,eAAO,MAAM,OAAO,+CAanB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CASpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAapB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAU1B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAapB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAa5B,CAAC;AAEF,eAAO,MAAM,8BAA8B,+CAa1C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownItemCollapsible.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemCollapsible/DropdownItemCollapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EACV,4BAA4B,EAE7B,MAAM,iCAAiC,CAAC;AAGzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAqL1E,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"DropdownItemCollapsible.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemCollapsible/DropdownItemCollapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EACV,4BAA4B,EAE7B,MAAM,iCAAiC,CAAC;AAIzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAwM1E,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -61,6 +61,27 @@ export interface DropdownItemCollapsibleProps {
      * @default true
      */
     showDivider?: boolean;
+    /**
+     * Si el item está seleccionado (activo)
+     * Útil para NavigationRailTypes en modo expandido
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Si mostrar un badge de notificación (dot rojo)
+     * @default false
+     */
+    badge?: boolean;
+    /**
+     * Número a mostrar en el badge (máximo 99+)
+     * Si se proporciona, se muestra en lugar del dot rojo
+     */
+    badgeCount?: number;
+    /**
+     * Color del badge ('red', 'blue', etc.)
+     * @default 'red'
+     */
+    badgeColor?: 'red' | 'blue' | 'amber' | 'green' | 'purple';
     /**
      * Clases CSS adicionales
      */

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownItemCollapsible.types.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemCollapsible/DropdownItemCollapsible.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;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;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE3D;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iCAAiC;IAChD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAExD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"DropdownItemCollapsible.types.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemCollapsible/DropdownItemCollapsible.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;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;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE3D;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE3D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iCAAiC;IAChD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAExD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAWlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2qBxC,CAAC"}
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAalD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAk1BxC,CAAC"}

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

@@ -1,4 +1,6 @@
 import type { ReactNode } from 'react';
+import type { DropdownItemProps } from '../Dropdown/Dropdown.types';
+import type { ButtonProps } from '../Button/Button.types';
 /**
  * Variante de dispositivo del Navbar
  * - `responsive`: Se adapta automáticamente al viewport (por defecto)
@@ -18,7 +20,12 @@ export type NavbarVariant = 'responsive' | 'desktop' | 'tablet' | 'mobile';
  *   avatar: '/path/to/avatar.jpg',
  *   name: 'Juan Pérez',
  *   email: 'juan@ejemplo.com',
- *   onMenuClick: () => setMenuOpen(true),
+ *   menuItems: [
+ *     { children: 'Account', icon: <UserIcon />, onClick: () => {} },
+ *     { children: 'Settings', icon: <CogIcon />, onClick: () => {} },
+ *     { isDivider: true },
+ *     { children: 'Sign Out', onClick: () => {} },
+ *   ],
  * };
  * ```
  */
@@ -40,10 +47,36 @@ export interface UserDropdownProps {
      * Rol del usuario (alternativa a email, ej: "Administrador")
      */
     role?: string;
+    /**
+     * Items del menú dropdown de usuario
+     * Si no se proporciona, se usa un menú por defecto con Account, Notifications, Billing, Dark mode y Sign Out
+     */
+    menuItems?: DropdownItemProps[];
     /**
      * Handler para click en el dropdown de usuario
+     * @deprecated Usar menuItems con onClick individuales en su lugar
      */
     onMenuClick?: () => void;
+    /**
+     * Handler para la opción "Account" del menú por defecto
+     */
+    onAccountClick?: () => void;
+    /**
+     * Handler para la opción "Notifications" del menú por defecto
+     */
+    onNotificationsClick?: () => void;
+    /**
+     * Handler para la opción "Billing" del menú por defecto
+     */
+    onBillingClick?: () => void;
+    /**
+     * Handler para la opción "Dark mode" del menú por defecto
+     */
+    onDarkModeClick?: () => void;
+    /**
+     * Handler para la opción "Sign Out" del menú por defecto
+     */
+    onSignOutClick?: () => void;
 }
 /**
  * Configuración de badges de notificación
@@ -146,6 +179,18 @@ export interface NavbarProps {
      * @default false
      */
     hideActionButtons?: boolean;
+    /**
+     * Mostrar el botón de navegación en el leading (lado izquierdo)
+     * Solo visible en desktop/tablet
+     *
+     * @default false
+     */
+    showNavigationButton?: boolean;
+    /**
+     * Props adicionales para el botón de navegación
+     * Permite personalizar el botón usando las props del componente Button
+     */
+    navigationButtonProps?: Partial<ButtonProps>;
     /**
      * Elemento leading personalizado (reemplaza el botón de navegación por defecto)
      * Solo visible en desktop/tablet

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

@@ -1 +1 @@
-{"version":3,"file":"Navbar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3E;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC;IAEnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE/B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC"}
+{"version":3,"file":"Navbar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3E;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEhC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAElC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC;IAEnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAE7C;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE/B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC"}

package/dist/components/NavigationRailGroup/NavigationRailGroup.d.ts

@@ -0,0 +1,122 @@
+import React from 'react';
+import type { NavigationRailGroupProps } from './NavigationRailGroup.types';
+/**
+ * NavigationRailGroup del sistema de diseño Siesa
+ *
+ * Componente de navegación lateral agrupado 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:**
+ * ```
+ * ┌────────────────────────────────────┐
+ * │  NavigationRailGroup               │
+ * │  ┌──────────┬─────────────────┐   │
+ * │  │  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 />,
+ *   },
+ * ];
+ *
+ * <NavigationRailGroup
+ *   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');
+ *
+ * <NavigationRailGroup
+ *   state={state}
+ *   items={items}
+ *   onStateChange={setState}
+ * />
+ * ```
+ *
+ * @see NavigationRailGroup.types.ts - Props e interfaces
+ */
+export declare const NavigationRailGroup: React.ForwardRefExoticComponent<NavigationRailGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default NavigationRailGroup;
+//# sourceMappingURL=NavigationRailGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRailGroup.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailGroup/NavigationRailGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EACV,wBAAwB,EAEzB,MAAM,6BAA6B,CAAC;AAKrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoHG;AACH,eAAO,MAAM,mBAAmB,iGA0N/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,139 @@
+import type { ReactNode } from 'react';
+/**
+ * Definición de un item de menú para el NavigationRailGroup
+ */
+export interface NavigationRailGroupMenuItem {
+    /**
+     * 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?: NavigationRailGroupMenuItem[];
+    /**
+     * 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 NavigationRailGroup
+ *
+ * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6146-34487
+ */
+export interface NavigationRailGroupProps {
+    /**
+     * 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?: NavigationRailGroupMenuItem[];
+    /**
+     * 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?: NavigationRailGroupMenuItem[];
+    };
+    /**
+     * Callback cuando cambia el estado del rail
+     * @param state - nuevo estado
+     */
+    onStateChange?: (state: NavigationRailGroupProps['state']) => void;
+    /**
+     * Callback cuando se hace click en un item
+     * @param item - item clickeado
+     */
+    onItemClick?: (item: NavigationRailGroupMenuItem) => void;
+    /**
+     * Callback cuando se hace hover en un item (para mostrar panel)
+     * @param item - item con hover
+     */
+    onItemHover?: (item: NavigationRailGroupMenuItem) => 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=NavigationRailGroup.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRailGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailGroup/NavigationRailGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;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,2BAA2B,EAAE,CAAC;IAEzC;;;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,wBAAwB;IACvC;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;IAExD;;OAEG;IACH,KAAK,CAAC,EAAE,2BAA2B,EAAE,CAAC;IAEtC;;;OAGG;IACH,YAAY,CAAC,EAAE;QACb;;WAEG;QACH,OAAO,CAAC,EAAE,MAAM,CAAC;QAEjB;;WAEG;QACH,KAAK,CAAC,EAAE,2BAA2B,EAAE,CAAC;KACvC,CAAC;IAEF;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAEnE;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAE1D;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAE1D;;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/NavigationRailGroup/icons.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+/**
+ * Iconos estándar para NavigationRailGroup
+ * 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/NavigationRailGroup/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailGroup/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/NavigationRailGroup/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationRailGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EACV,wBAAwB,EACxB,2BAA2B,GAC5B,MAAM,6BAA6B,CAAC;AACrC,cAAc,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"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,CA6NhE,CAAC"}
+{"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,CAgOhE,CAAC"}