siesa-ui-kit 1.0.3 → 1.0.4

package/dist/views/LayoutCommercial/LayoutCommercial.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { LayoutCommercialProps } from './LayoutCommercial.types';
+/**
+ * LayoutCommercial - Layout general comercial del sistema Siesa
+ *
+ * Layout reutilizable que implementa la estructura base del sistema comercial
+ * con NavigationRail lateral, Navbar superior y área de contenido dinámico.
+ * Diseñado para ser usado como wrapper en diferentes vistas comerciales.
+ *
+ * **Composición:**
+ * - Navbar: Barra superior con logo Siesa, título del producto y dropdown de usuario
+ * - NavigationRailCommercial: Rail de navegación lateral con iconos y búsqueda
+ * - Área de contenido: Contenido dinámico pasado como children
+ *
+ * **Mejores prácticas implementadas:**
+ * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
+ * - Dark mode con estrategia 'class' (darkMode: 'class')
+ * - Tokens de color consistentes con la documentación
+ * - Responsive design mobile-first con breakpoints md:, lg:, xl:
+ * - Composición con componentes del sistema (NO reimplementación)
+ * - Type safety con TypeScript estricto
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico
+ * @see docs/spacing.md - Sistema de espaciado
+ * @see src/components/Navbar - Componente Navbar reutilizado
+ * @see src/components/NavigationRailCommercial - Componente NavigationRail reutilizado
+ *
+ * @example
+ * ```tsx
+ * <LayoutCommercial
+ *   productName="SB Comercial"
+ *   userDropdown={{
+ *     avatar: '/avatar.jpg',
+ *     name: 'Carlos',
+ *     email: 'carlos@siesa.com',
+ *   }}
+ *   navigationItems={navigationItems}
+ * >
+ *   <div>
+ *     <h1>Mi contenido personalizado</h1>
+ *     <p>Cualquier contenido puede ir aquí</p>
+ *   </div>
+ * </LayoutCommercial>
+ * ```
+ */
+export declare const LayoutCommercial: React.FC<LayoutCommercialProps>;
+//# sourceMappingURL=LayoutCommercial.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutCommercial.d.ts","sourceRoot":"","sources":["../../../src/views/LayoutCommercial/LayoutCommercial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2E5D,CAAC"}

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

@@ -0,0 +1,49 @@
+import type { ReactNode } from 'react';
+import type { UserDropdownProps } from '../../components/Navbar/Navbar.types';
+import type { NavigationRailCommercialMenuItem } from '../../components/NavigationRailCommercial/NavigationRailCommercial.types';
+/**
+ * Props del componente LayoutCommercial
+ *
+ * Layout general comercial con NavigationRail lateral, Navbar superior y área
+ * de contenido dinámico. Diseñado para ser reutilizado en diferentes vistas
+ * del sistema comercial.
+ *
+ * **Mejores prácticas implementadas:**
+ * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
+ * - Dark mode con estrategia 'class' (darkMode: 'class')
+ * - Tokens de color consistentes con la documentación
+ * - Responsive design mobile-first
+ * - Composición con componentes del sistema
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico
+ * @see docs/spacing.md - Sistema de espaciado
+ */
+export interface LayoutCommercialProps {
+    /**
+     * Nombre del producto que aparece en el Navbar
+     * @default 'SB Comercial'
+     */
+    productName?: string;
+    /**
+     * Configuración del dropdown de usuario en el Navbar
+     */
+    userDropdown?: UserDropdownProps;
+    /**
+     * Items de navegación para el NavigationRail
+     */
+    navigationItems?: NavigationRailCommercialMenuItem[];
+    /**
+     * Contenido dinámico que se renderiza en el área principal
+     */
+    children?: ReactNode;
+    /**
+     * Clases CSS adicionales para el contenedor principal
+     */
+    className?: string;
+    /**
+     * Clases CSS adicionales para el área de contenido
+     */
+    contentClassName?: string;
+}
+//# sourceMappingURL=LayoutCommercial.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutCommercial.types.d.ts","sourceRoot":"","sources":["../../../src/views/LayoutCommercial/LayoutCommercial.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,0EAA0E,CAAC;AAEjI;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,eAAe,CAAC,EAAE,gCAAgC,EAAE,CAAC;IAErD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/LayoutCommercial/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC"}