siesa-ui-kit 1.0.5 → 1.0.7

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

@@ -0,0 +1,47 @@
+import type { ListViewProps } from './ListView.types';
+/**
+ * ListView - Vista de lista del sistema de diseño Siesa
+ *
+ * Vista completa que incluye:
+ * - Navigation Rail lateral con FAB
+ * - Navbar superior con logo, título, notificaciones y dropdown de usuario
+ * - Barra de filtros rápidos con badges
+ * - Tabla de datos con cabecera, cuerpo y paginación
+ * - Botones de acción (Crear, Auditoría, Filtrar)
+ * - Buscador integrado
+ * - Dropdown de opciones de vista
+ *
+ * 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
+ *
+ * @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
+ *
+ * @example
+ * ```tsx
+ * <ListView
+ *   title="List View"
+ *   tableTitle="Usuarios"
+ *   columns={columns}
+ *   data={users}
+ *   userDropdown={{
+ *     avatar: '/avatar.jpg',
+ *     name: 'John Doe',
+ *     role: 'Administrador',
+ *   }}
+ *   pagination={{
+ *     currentPage: 1,
+ *     totalPages: 10,
+ *     onPageChange: (page) => console.log(page),
+ *   }}
+ * />
+ * ```
+ */
+export declare const ListView: <T extends Record<string, any>>({ title, navbarTitle, tableTitle, columns, data, navigationItems, quickFilters, actionButtons, userDropdown, notifications, showFab, fabIcon, onFabClick, onSearch, searchPlaceholder, onSort, sortColumn: externalSortColumn, sortDirection: externalSortDirection, pagination, loading, loadingRows, emptyMessage, className, selectedNavId, onNavSelect, onNotificationsClick, viewOptions, selectedViewOption, onViewOptionChange, }: ListViewProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListView.d.ts.map

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

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

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

@@ -0,0 +1,177 @@
+import type { ReactNode, ReactElement } from 'react';
+import type { BadgeColor } from '../../components/Badge/Badge.types';
+/**
+ * Interfaz para los items de navegación (Navigation Rail)
+ */
+export interface ListViewNavigationItem {
+    /** ID único del item */
+    id: string;
+    /** Icono del item */
+    icon: ReactNode;
+    /** Label del item */
+    label: string;
+    /** Si el item está seleccionado */
+    selected?: boolean;
+    /** Si el item está deshabilitado */
+    disabled?: boolean;
+    /** Badge de notificación */
+    badge?: boolean;
+    /** Contador de badge */
+    badgeCount?: number;
+    /** Handler de click */
+    onClick?: () => void;
+}
+/**
+ * Interfaz para los filtros rápidos (badges en la barra de navegación)
+ */
+export interface ListViewQuickFilter {
+    /** ID único del filtro */
+    id: string;
+    /** Label del filtro */
+    label: string;
+    /** Color del badge */
+    color: BadgeColor;
+    /** Icono del filtro */
+    icon?: ReactElement;
+    /** Si el filtro está activo */
+    active?: boolean;
+    /** Handler de click */
+    onClick?: () => void;
+}
+/**
+ * Interfaz para las columnas de la tabla
+ */
+export interface ListViewColumn<T = any> {
+    /** Título del header */
+    header: string;
+    /** Key del objeto para acceder al valor */
+    accessor: keyof T | ((row: T) => any);
+    /** Si es sortable */
+    sortable?: boolean;
+    /** Render custom */
+    render?: (value: any, row: T, index: number) => ReactNode;
+    /** Alineación */
+    align?: 'left' | 'center' | 'right';
+    /** Ancho */
+    width?: string;
+}
+/**
+ * Interfaz para los datos del dropdown de usuario
+ */
+export interface ListViewUserDropdown {
+    /** URL del avatar */
+    avatar: string;
+    /** Nombre del usuario */
+    name: string;
+    /** Email o rol del usuario */
+    email?: string;
+    /** Rol del usuario */
+    role?: string;
+    /** Handler del click en menú */
+    onMenuClick?: () => void;
+}
+/**
+ * Interfaz para las notificaciones
+ */
+export interface ListViewNotifications {
+    /** Contador del carrito */
+    cart?: number;
+    /** Si tiene notificaciones de campana */
+    bell?: boolean;
+}
+/**
+ * Interfaz para los botones de acción
+ */
+export interface ListViewActionButton {
+    /** ID del botón */
+    id: string;
+    /** Label del botón */
+    label: string;
+    /** Icono del botón */
+    icon?: ReactNode;
+    /** Handler del click */
+    onClick?: () => void;
+    /** Variante del botón */
+    variant?: 'primary' | 'secondary';
+}
+/**
+ * Dirección de ordenamiento
+ */
+export type ListViewSortDirection = 'asc' | 'desc' | null;
+/**
+ * Props del componente ListView
+ */
+export interface ListViewProps<T = any> {
+    /** Título de la vista */
+    title?: string;
+    /** Título del navbar */
+    navbarTitle?: string;
+    /** Título de la tabla */
+    tableTitle?: string;
+    /** Columnas de la tabla */
+    columns: ListViewColumn<T>[];
+    /** Datos de la tabla */
+    data: T[];
+    /** Items de navegación lateral */
+    navigationItems?: ListViewNavigationItem[];
+    /** Filtros rápidos */
+    quickFilters?: ListViewQuickFilter[];
+    /** Botones de acción */
+    actionButtons?: ListViewActionButton[];
+    /** Dropdown del usuario */
+    userDropdown?: ListViewUserDropdown;
+    /** Notificaciones */
+    notifications?: ListViewNotifications;
+    /** Badge de ambiente */
+    environmentBadge?: string;
+    /** Si mostrar el FAB en navigation rail */
+    showFab?: boolean;
+    /** Icono del FAB */
+    fabIcon?: ReactNode;
+    /** Handler del FAB */
+    onFabClick?: () => void;
+    /** Handler de búsqueda */
+    onSearch?: (query: string) => void;
+    /** Placeholder del buscador */
+    searchPlaceholder?: string;
+    /** Handler de ordenamiento */
+    onSort?: (column: keyof T | string, direction: ListViewSortDirection) => void;
+    /** Columna de ordenamiento actual */
+    sortColumn?: keyof T | string;
+    /** Dirección de ordenamiento actual */
+    sortDirection?: ListViewSortDirection;
+    /** Props de paginación */
+    pagination?: {
+        currentPage: number;
+        totalPages: number;
+        onPageChange: (page: number) => void;
+        previousLabel?: string;
+        nextLabel?: string;
+    };
+    /** Si está cargando */
+    loading?: boolean;
+    /** Número de filas skeleton */
+    loadingRows?: number;
+    /** Mensaje cuando no hay datos */
+    emptyMessage?: string;
+    /** Clases adicionales */
+    className?: string;
+    /** ID de navegación seleccionado */
+    selectedNavId?: string;
+    /** Handler de selección de navegación */
+    onNavSelect?: (id: string) => void;
+    /** Handler click en carrito */
+    onCartClick?: () => void;
+    /** Handler click en notificaciones */
+    onNotificationsClick?: () => void;
+    /** Opciones del dropdown de vista */
+    viewOptions?: Array<{
+        id: string;
+        label: string;
+    }>;
+    /** Opción de vista seleccionada */
+    selectedViewOption?: string;
+    /** Handler de cambio de opción de vista */
+    onViewOptionChange?: (id: string) => void;
+}
+//# sourceMappingURL=ListView.types.d.ts.map

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

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

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

@@ -0,0 +1,60 @@
+import React from 'react';
+/**
+ * Iconos para ListView del sistema de diseño Siesa
+ * Basados en Heroicons Micro (16x16)
+ */
+export declare const HomeIcon: React.FC<{
+    className?: string;
+}>;
+export declare const GlobeAltIcon: React.FC<{
+    className?: string;
+}>;
+export declare const DocumentTextIcon: React.FC<{
+    className?: string;
+}>;
+export declare const CloudIcon: React.FC<{
+    className?: string;
+}>;
+export declare const SquaresPlusIcon: React.FC<{
+    className?: string;
+}>;
+export declare const MagnifyingGlassIcon: React.FC<{
+    className?: string;
+}>;
+export declare const PlusIcon: React.FC<{
+    className?: string;
+}>;
+export declare const ListBulletIcon: React.FC<{
+    className?: string;
+}>;
+export declare const FunnelIcon: React.FC<{
+    className?: string;
+}>;
+export declare const DocumentCheckIcon: React.FC<{
+    className?: string;
+}>;
+export declare const DocumentMinusIcon: React.FC<{
+    className?: string;
+}>;
+export declare const DocumentArrowUpIcon: React.FC<{
+    className?: string;
+}>;
+export declare const BellIcon: React.FC<{
+    className?: string;
+}>;
+export declare const ChevronDownIcon: React.FC<{
+    className?: string;
+}>;
+export declare const ArrowLongLeftIcon: React.FC<{
+    className?: string;
+}>;
+export declare const ArrowLongRightIcon: React.FC<{
+    className?: string;
+}>;
+export declare const EllipsisHorizontalIcon: React.FC<{
+    className?: string;
+}>;
+export declare const EnvelopeIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/ListView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AAEH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAWrD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAWzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe7D,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAWtD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAW5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAehE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAWrD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe3D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAYvD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe9D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe9D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAehE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAerD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe5D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe9D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAe/D,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAWnE,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAYzD,CAAC"}

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

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

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

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

package/dist/views/LoginView/LoginView.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { LoginViewProps } from './LoginView.types';
+/**
+ * LoginView - Vista de inicio de sesión del sistema Siesa
+ *
+ * Vista completa de login con formulario de autenticación que incluye:
+ * - Logo de Siesa
+ * - Campos de email y contraseña
+ * - Opción de "olvidé mi contraseña"
+ * - Link para crear cuenta nueva
+ * - Fondo decorativo opcional
+ *
+ * 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 manejo de formulario semántico
+ * - Validación de email básica
+ *
+ * @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
+ *
+ * @example
+ * ```tsx
+ * <LoginView
+ *   onSubmit={(email, password) => console.log('Login', email, password)}
+ *   onForgotPassword={() => console.log('Forgot password')}
+ *   onSignUp={() => console.log('Sign up')}
+ * />
+ * ```
+ */
+export declare const LoginView: React.FC<LoginViewProps>;
+//# sourceMappingURL=LoginView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoginView.d.ts","sourceRoot":"","sources":["../../../src/views/LoginView/LoginView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoY9C,CAAC"}

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

@@ -0,0 +1,46 @@
+/**
+ * Props del componente LoginView
+ */
+export interface LoginViewProps {
+    /**
+     * Handler para el submit del formulario de login
+     * @param email - Email ingresado por el usuario
+     * @param password - Contraseña ingresada por el usuario
+     */
+    onSubmit?: (email: string, password: string) => void;
+    /**
+     * Handler para el click en "Olvidé mi Contraseña"
+     */
+    onForgotPassword?: () => void;
+    /**
+     * Handler para el click en "¿No tienes una cuenta?"
+     */
+    onSignUp?: () => void;
+    /**
+     * Estado de carga del botón de submit
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Mensaje de error general para mostrar en el formulario
+     */
+    errorMessage?: string;
+    /**
+     * Clases CSS adicionales para el contenedor
+     */
+    className?: string;
+    /**
+     * Si se muestra el fondo decorativo con imagen
+     * @default true
+     */
+    showBackground?: boolean;
+    /**
+     * Variante de visualización
+     * - 'responsive': Se adapta según el viewport (default)
+     * - 'mobile': Siempre se muestra como mobile sin efectos de card
+     * - 'desktop': Siempre se muestra como desktop con card
+     * @default 'responsive'
+     */
+    variant?: 'responsive' | 'mobile' | 'desktop';
+}
+//# sourceMappingURL=LoginView.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoginView.types.d.ts","sourceRoot":"","sources":["../../../src/views/LoginView/LoginView.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAErD;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC/C"}

package/dist/views/LoginView/icons.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * Icono de sobre (envelope) para el input de email
+ */
+export declare const EnvelopeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+/**
+ * Icono de candado cerrado (lock) para el input de contraseña
+ */
+export declare const LockClosedIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+/**
+ * Icono de ojo (eye) para mostrar/ocultar contraseña
+ */
+export declare const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+/**
+ * Logo de Siesa
+ */
+export declare const SiesaLogo: React.FC<React.SVGProps<SVGSVGElement>>;
+//# sourceMappingURL=icons.d.ts.map

package/dist/views/LoginView/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/LoginView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAUhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAalE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAc3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CA2B7D,CAAC"}

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

@@ -0,0 +1,4 @@
+export { LoginView } from './LoginView';
+export type { LoginViewProps } from './LoginView.types';
+export { EnvelopeIcon, LockClosedIcon, EyeIcon, SiesaLogo } from './icons';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/LoginView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/views/ProductsView/ProductsView.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import type { ProductsViewProps } from './ProductsView.types';
+/**
+ * ProductsView - Vista de selección de productos para sistema POS
+ *
+ * Vista completa para sistemas POS que permite:
+ * - Seleccionar categorías de productos
+ * - Ver y agregar productos al pedido
+ * - Gestionar items del pedido (cantidad, eliminar)
+ * - Ver resumen con subtotal, impuestos y total
+ * - Confirmar pedido
+ *
+ * **Composición:**
+ * - Navbar superior con navegación y usuario
+ * - Área de contenido con 3 columnas:
+ *   - Columna 1: Sidebar de categorías (POSProductButton)
+ *   - Columna 2: Grid de productos (POSProductCard)
+ *   - Columna 3: Sidebar de pedido (POSProductSidebarItems)
+ *
+ * **Responsive:**
+ * - Mobile (< 768px): Layout vertical adaptativo
+ * - Desktop (≥ 768px): Layout de 3 columnas según Figma
+ *
+ * **Dark Mode:**
+ * - Soporte completo con tokens del sistema
+ * - Fondos, textos y bordes adaptativos
+ *
+ * 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
+ * - Responsive design con breakpoints
+ * - 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
+ * @see src/components/POSProductButton - Botón de categoría
+ * @see src/components/POSProductCard - Card de producto
+ * @see src/components/POSProductSidebarItems - Item de pedido
+ *
+ * @example
+ * ```tsx
+ * <ProductsView
+ *   tableTitle="Mesa 1"
+ *   categories={categories}
+ *   products={products}
+ *   orderItems={orderItems}
+ *   onAddProduct={(id) => console.log('Agregar', id)}
+ *   onConfirmOrder={() => console.log('Confirmar')}
+ * />
+ * ```
+ */
+export declare const ProductsView: React.FC<ProductsViewProps>;
+//# sourceMappingURL=ProductsView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsView.d.ts","sourceRoot":"","sources":["../../../src/views/ProductsView/ProductsView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAY9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4ZpD,CAAC"}

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

@@ -0,0 +1,184 @@
+import type { ReactNode } from 'react';
+/**
+ * Categoría de producto
+ */
+export interface ProductCategory {
+    id: string;
+    label: string;
+    image: string;
+}
+/**
+ * Producto individual
+ */
+export interface Product {
+    id: string;
+    name: string;
+    price: string;
+    image: string;
+    categoryId: string;
+}
+/**
+ * Item en el carrito/pedido
+ */
+export interface OrderItem {
+    productId: string;
+    productName: string;
+    categoryLabel: string;
+    categoryColor?: 'lime' | 'red' | 'orange' | 'amber' | 'yellow' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'zinc' | 'primary';
+    productRef: string;
+    price: string;
+    quantity: number;
+    descriptionItems?: Array<{
+        description: string;
+        price: string;
+    }>;
+}
+/**
+ * Menú disponible
+ */
+export interface Menu {
+    id: string;
+    label: string;
+}
+/**
+ * Props del componente ProductsView
+ */
+export interface ProductsViewProps {
+    /**
+     * Título del header (ej: "Mesa 1")
+     * @default "Mesa 1"
+     */
+    tableTitle?: string;
+    /**
+     * Label del botón de cambiar mesa
+     * @default "Cambiar Mesa"
+     */
+    changeTableLabel?: string;
+    /**
+     * Título de la sección de menús
+     * @default "Menús"
+     */
+    menusTitle?: string;
+    /**
+     * Lista de menús disponibles
+     */
+    menus?: Menu[];
+    /**
+     * ID del menú seleccionado actualmente
+     */
+    selectedMenuId?: string;
+    /**
+     * Handler cuando se selecciona un menú
+     */
+    onMenuSelect?: (menuId: string) => void;
+    /**
+     * Handler cuando se hace clic en cambiar mesa
+     */
+    onChangeTable?: () => void;
+    /**
+     * Título de la sección de categorías
+     * @default "Categoría"
+     */
+    categoryTitle?: string;
+    /**
+     * Lista de categorías de productos
+     */
+    categories?: ProductCategory[];
+    /**
+     * ID de la categoría seleccionada actualmente
+     */
+    selectedCategoryId?: string;
+    /**
+     * Handler cuando se selecciona una categoría
+     */
+    onCategorySelect?: (categoryId: string) => void;
+    /**
+     * Título de la sección de productos
+     * @default "Productos"
+     */
+    productsTitle?: string;
+    /**
+     * Lista de productos a mostrar
+     */
+    products?: Product[];
+    /**
+     * Handler cuando se agrega un producto
+     */
+    onAddProduct?: (productId: string) => void;
+    /**
+     * Tab activo en el sidebar ("products" | "client")
+     * @default "products"
+     */
+    activeTab?: 'products' | 'client';
+    /**
+     * Handler cuando se cambia de tab
+     */
+    onTabChange?: (tab: 'products' | 'client') => void;
+    /**
+     * Items del pedido actual
+     */
+    orderItems?: OrderItem[];
+    /**
+     * Handler cuando cambia la cantidad de un item
+     */
+    onOrderItemQuantityChange?: (itemId: string, quantity: number) => void;
+    /**
+     * Handler cuando se elimina un item del pedido
+     */
+    onOrderItemDelete?: (itemId: string) => void;
+    /**
+     * Subtotal del pedido
+     */
+    subtotal?: string;
+    /**
+     * Impuestos del pedido
+     */
+    taxes?: string;
+    /**
+     * Total del pedido
+     */
+    total?: string;
+    /**
+     * Label del botón confirmar
+     * @default "Confirmar Pedido"
+     */
+    confirmLabel?: string;
+    /**
+     * Handler cuando se confirma el pedido
+     */
+    onConfirmOrder?: () => void;
+    /**
+     * Estado de carga
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Mensaje de error (si existe)
+     */
+    errorMessage?: string;
+    /**
+     * Icono/avatar del usuario (opcional)
+     */
+    userAvatar?: string;
+    /**
+     * Nombre del usuario
+     */
+    userName?: string;
+    /**
+     * Rol del usuario
+     */
+    userRole?: string;
+    /**
+     * Logo del negocio
+     */
+    businessLogo?: string | ReactNode;
+    /**
+     * Logo de Siesa
+     */
+    siesaLogo?: string | ReactNode;
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+}
+//# sourceMappingURL=ProductsView.types.d.ts.map