siesa-ui-kit 1.0.6 → 1.0.7

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+/**
+ * Iconos para ProductsView
+ * Basados en Heroicons Micro (16x16px)
+ */
+export declare const ArrowLeftIcon: React.FC<{
+    className?: string;
+}>;
+export declare const CheckIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/ProductsView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AAEH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAc1D,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CActD,CAAC"}

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

@@ -0,0 +1,3 @@
+export { ProductsView } from './ProductsView';
+export type { ProductsViewProps, ProductCategory, Product, OrderItem, Menu, } from './ProductsView.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ProductsView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,OAAO,EACP,SAAS,EACT,IAAI,GACL,MAAM,sBAAsB,CAAC"}

package/dist/views/RecoverPasswordView/RecoverPasswordView.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { RecoverPasswordViewProps } from './RecoverPasswordView.types';
+/**
+ * RecoverPasswordView - Vista de recuperación de contraseña del sistema Siesa
+ *
+ * Vista completa para restablecer contraseña que incluye:
+ * - Logo de Siesa
+ * - Campo de email para enviar instrucciones
+ * - Botón para regresar al login
+ * - 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
+ * <RecoverPasswordView
+ *   onSubmit={(email) => console.log('Recover password for', email)}
+ *   onBackToLogin={() => console.log('Back to login')}
+ * />
+ * ```
+ */
+export declare const RecoverPasswordView: React.FC<RecoverPasswordViewProps>;
+//# sourceMappingURL=RecoverPasswordView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecoverPasswordView.d.ts","sourceRoot":"","sources":["../../../src/views/RecoverPasswordView/RecoverPasswordView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAG5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoVlE,CAAC"}

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

@@ -0,0 +1,50 @@
+/**
+ * Props del componente RecoverPasswordView
+ *
+ * @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
+ */
+export interface RecoverPasswordViewProps {
+    /**
+     * Función que se ejecuta al enviar el formulario
+     * @param email - Email ingresado por el usuario
+     */
+    onSubmit?: (email: string) => void;
+    /**
+     * Función que se ejecuta al hacer clic en "Iniciar Sesión"
+     */
+    onBackToLogin?: () => void;
+    /**
+     * Si el formulario está en estado de carga
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Mensaje de error general a mostrar
+     */
+    errorMessage?: string;
+    /**
+     * Mensaje de éxito a mostrar (cuando el email fue enviado)
+     */
+    successMessage?: string;
+    /**
+     * Clases CSS adicionales para el contenedor principal
+     */
+    className?: string;
+    /**
+     * Si se muestra el fondo decorativo (imagen de fondo)
+     * @default true
+     */
+    showBackground?: boolean;
+    /**
+     * Variante de visualización
+     * - responsive: Adapta automáticamente según viewport (default)
+     * - mobile: Fuerza visualización móvil (full width, sin card)
+     * - desktop: Fuerza visualización desktop (card centrado)
+     * @default 'responsive'
+     */
+    variant?: 'responsive' | 'mobile' | 'desktop';
+}
+//# sourceMappingURL=RecoverPasswordView.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecoverPasswordView.types.d.ts","sourceRoot":"","sources":["../../../src/views/RecoverPasswordView/RecoverPasswordView.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;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/RecoverPasswordView/icons.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * Icono de sobre (envelope) para el campo de email
+ * @see https://heroicons.com/
+ */
+export declare const EnvelopeIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/RecoverPasswordView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAUzD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/RecoverPasswordView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/views/SignUpView/SignUpView.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { SignUpViewProps } from './SignUpView.types';
+/**
+ * SignUpView - Vista de registro del sistema Siesa
+ *
+ * Vista completa de registro con formulario que incluye:
+ * - Logo de Siesa
+ * - Campos de nombre, email y contraseña
+ * - Botón de registro
+ * - Link para iniciar sesión
+ * - Texto de términos y condiciones
+ * - 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
+ * <SignUpView
+ *   onSubmit={(name, email, password) => console.log('Sign up', name, email, password)}
+ *   onSignIn={() => console.log('Go to sign in')}
+ *   onTermsClick={() => console.log('View terms')}
+ *   onPrivacyClick={() => console.log('View privacy')}
+ * />
+ * ```
+ */
+export declare const SignUpView: React.FC<SignUpViewProps>;
+//# sourceMappingURL=SignUpView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpView.d.ts","sourceRoot":"","sources":["../../../src/views/SignUpView/SignUpView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+chD,CAAC"}

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

@@ -0,0 +1,51 @@
+/**
+ * Props del componente SignUpView
+ */
+export interface SignUpViewProps {
+    /**
+     * Handler para el submit del formulario de registro
+     * @param name - Nombre ingresado por el usuario
+     * @param email - Email ingresado por el usuario
+     * @param password - Contraseña ingresada por el usuario
+     */
+    onSubmit?: (name: string, email: string, password: string) => void;
+    /**
+     * Handler para el click en "Ya tengo una cuenta"
+     */
+    onSignIn?: () => void;
+    /**
+     * Handler para el click en "Condiciones de Uso"
+     */
+    onTermsClick?: () => void;
+    /**
+     * Handler para el click en "Políticas de Privacidad"
+     */
+    onPrivacyClick?: () => 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=SignUpView.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpView.types.d.ts","sourceRoot":"","sources":["../../../src/views/SignUpView/SignUpView.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;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/SignUpView/icons.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * Icono de círculo de usuario para el input de nombre
+ */
+export declare const UserCircleIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+/**
+ * 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>>;
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/SignUpView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAalE,CAAC;AAEF;;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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/SignUpView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/views/TableLayoutView/TableLayoutView.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import type { TableLayoutViewProps } from './TableLayoutView.types';
+/**
+ * TableLayoutView - Vista de layout de mesas para restaurante (POS)
+ *
+ * Vista completa pixel-perfect según especificaciones de Figma que incluye:
+ * - Navbar superior con usuario y acciones
+ * - Sidebar izquierdo con lista de salones/ubicaciones
+ * - Área central con grid de mesas y controles
+ * - Sidebar derecho con selector de cantidad de personas
+ * - Leyenda de convenciones al pie del área central
+ *
+ * **Layout responsive:**
+ * - Mobile: Columnas apiladas verticalmente
+ * - Desktop: 3 columnas (sidebar izq 245px + centro flex + sidebar der 304px)
+ *
+ * **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
+ * - Mobile-first responsive design
+ *
+ * @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
+ * <TableLayoutView
+ *   locations={[
+ *     { id: '1', name: 'Antejardín', status: 'available', capacity: { current: 1, total: 8 } },
+ *     { id: '2', name: 'Terraza', status: 'occupied', capacity: { current: 8, total: 8 } },
+ *   ]}
+ *   tables={[
+ *     { tableNumber: '01', status: 'available', shape: 'square', chairs: 8, isActive: true },
+ *     { tableNumber: '02', status: 'available', shape: 'circle', chairs: 2 },
+ *   ]}
+ *   onTableSelect={(tableNum) => console.log('Mesa seleccionada:', tableNum)}
+ * />
+ * ```
+ */
+export declare const TableLayoutView: React.FC<TableLayoutViewProps>;
+//# sourceMappingURL=TableLayoutView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableLayoutView.d.ts","sourceRoot":"","sources":["../../../src/views/TableLayoutView/TableLayoutView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAkBpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+Y1D,CAAC"}

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

@@ -0,0 +1,170 @@
+import type { ConventionStatus } from '../../components/POSConvention/POSConvention.types';
+/**
+ * Estado de una ubicación/salón
+ */
+export interface Location {
+    /**
+     * ID único de la ubicación
+     */
+    id: string;
+    /**
+     * Nombre de la ubicación (ej: "Antejardín", "Terraza", "Bar")
+     */
+    name: string;
+    /**
+     * Estado general de la ubicación
+     */
+    status: ConventionStatus;
+    /**
+     * Capacidad actual (mesas ocupadas/total)
+     */
+    capacity: {
+        current: number;
+        total: number;
+    };
+}
+/**
+ * Estado de mesa compatible con POSTable
+ * Nota: 'busy' se usa en lugar de 'occupied' para mantener compatibilidad con POSTable
+ */
+export type TableStatus = 'available' | 'busy' | 'reserved';
+/**
+ * Mesa en el layout
+ */
+export interface TableItem {
+    /**
+     * Número de la mesa (ej: "01", "02")
+     */
+    tableNumber: string;
+    /**
+     * Estado actual de la mesa
+     * Nota: usa 'busy' en lugar de 'occupied' para POSTable
+     */
+    status: TableStatus;
+    /**
+     * Forma de la mesa
+     */
+    shape: 'square' | 'circle' | 'rectangle' | 'oval';
+    /**
+     * Cantidad de sillas (2, 4, 6, 8)
+     */
+    chairs: 2 | 4 | 6 | 8;
+    /**
+     * Si la mesa está actualmente seleccionada
+     */
+    isActive?: boolean;
+    /**
+     * Posición en el grid (opcional, para layout libre)
+     */
+    position?: {
+        x: number;
+        y: number;
+    };
+}
+/**
+ * Props del componente TableLayoutView
+ */
+export interface TableLayoutViewProps {
+    /**
+     * Lista de ubicaciones/salones disponibles
+     */
+    locations?: Location[];
+    /**
+     * ID de la ubicación actualmente seleccionada
+     */
+    activeLocationId?: string;
+    /**
+     * Lista de mesas en el layout actual
+     */
+    tables?: TableItem[];
+    /**
+     * Título del área de mesas (ej: "Mesas de Antejardín")
+     */
+    tablesTitle?: string;
+    /**
+     * Si se está mostrando el panel de selección de personas
+     */
+    showPeopleCountPanel?: boolean;
+    /**
+     * Información de la mesa seleccionada para el panel
+     */
+    selectedTable?: {
+        locationName: string;
+        tableName: string;
+    };
+    /**
+     * Cantidad de personas seleccionada
+     */
+    peopleCount?: number;
+    /**
+     * Callback cuando se selecciona una ubicación/salón
+     */
+    onLocationSelect?: (locationId: string) => void;
+    /**
+     * Callback cuando se selecciona una mesa
+     */
+    onTableSelect?: (tableNumber: string) => void;
+    /**
+     * Callback cuando se hace clic en "Crear Mesas"
+     */
+    onCreateTables?: () => void;
+    /**
+     * Callback cuando se hace clic en "Unir Mesas"
+     */
+    onMergeTables?: () => void;
+    /**
+     * Callback cuando se hace clic en "Separar Mesas"
+     */
+    onSplitTables?: () => void;
+    /**
+     * Callback cuando se selecciona un número de personas
+     */
+    onPeopleCountSelect?: (count: number) => void;
+    /**
+     * Callback cuando se hace clic en "Asignar"
+     */
+    onAssignTable?: () => void;
+    /**
+     * Callback cuando se hace clic en "Transferir"
+     */
+    onTransferTable?: () => void;
+    /**
+     * Callback cuando se hace clic en "Cubiertos"
+     */
+    onSetCutlery?: () => void;
+    /**
+     * Callback cuando se cierra el panel de personas
+     */
+    onClosePeoplePanel?: () => void;
+    /**
+     * Callback cuando cambia el switch de la mesa
+     */
+    onTableSwitchChange?: (checked: boolean) => void;
+    /**
+     * Si se está cargando información
+     */
+    isLoading?: boolean;
+    /**
+     * Mensaje de error (si existe)
+     */
+    errorMessage?: string;
+    /**
+     * Tipo de layout para las mesas:
+     * - 'grid': Grid automático con separación uniforme (por defecto)
+     * - 'free': Posicionamiento libre usando position.x/y de cada mesa
+     */
+    tableLayout?: 'grid' | 'free';
+    /**
+     * Clases CSS adicionales para el contenedor
+     */
+    className?: string;
+    /**
+     * Información del usuario para el navbar
+     */
+    userInfo?: {
+        avatar: string;
+        name: string;
+        role: string;
+    };
+}
+//# sourceMappingURL=TableLayoutView.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableLayoutView.types.d.ts","sourceRoot":"","sources":["../../../src/views/TableLayoutView/TableLayoutView.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AAE3F;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,MAAM,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,MAAM,EAAE,WAAW,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAC;IAElD;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IAEvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,aAAa,CAAC,EAAE;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IAEF;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAIjD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAItB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+/**
+ * Iconos para TableLayoutView
+ * Basados en Heroicons Micro (16x16px)
+ */
+export declare const PlusIcon: React.FC<{
+    className?: string;
+}>;
+export declare const ArrowsPointingInIcon: React.FC<{
+    className?: string;
+}>;
+export declare const ArrowsPointingOutIcon: React.FC<{
+    className?: string;
+}>;
+export declare const ArrowRightEndOnRectangleIcon: React.FC<{
+    className?: string;
+}>;
+export declare const ArrowsRightLeftIcon: React.FC<{
+    className?: string;
+}>;
+export declare const RectangleGroupIcon: React.FC<{
+    className?: string;
+}>;
+export declare const XMarkIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/TableLayoutView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AAGH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAUrD,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAcjE,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAclE,CAAC;AAGF,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAczE,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAchE,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAU/D,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAUtD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/TableLayoutView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,oBAAoB,EACpB,QAAQ,EACR,SAAS,GACV,MAAM,yBAAyB,CAAC"}