siesa-ui-kit 1.0.0 → 1.0.1

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":"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"}

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"}

package/package.json

@@ -1,19 +1,27 @@
 {
   "name": "siesa-ui-kit",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "SIESA UI Kit - Biblioteca de componentes React con Tailwind CSS, Storybook y agentes Claude AI",
   "type": "module",
-  "main": "src/index.ts",
-  "bin": {
-    "siesa-ui-kit": "./bin/install.cjs"
+  "main": "dist/siesa-ui-kit.cjs",
+  "module": "dist/siesa-ui-kit.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/siesa-ui-kit.mjs",
+      "require": "./dist/siesa-ui-kit.cjs"
+    },
+    "./styles.css": "./dist/style.css"
   },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "scripts": {
-    "postinstall": "node ./bin/install.cjs",
-    "prepublishOnly": "node ./bin/prepare-publish.cjs",
-    "postpublish": "node ./bin/restore-folders.cjs",
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "build:lib": "vite build && tsc -p tsconfig.build.json",
     "lint": "eslint .",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
@@ -32,26 +40,27 @@
   "author": "Sistemas de Información Empresarial",
   "license": "MIT",
   "files": [
-    "claude/**/*",
-    "storybook/**/*",
-    "docs/**/*",
-    "src/**/*",
-    "public/**/*",
-    "bin/**/*",
-    "README.md",
-    "tailwind.config.js",
-    "postcss.config.cjs"
+    "dist"
   ],
   "engines": {
     "node": ">=14.0.0"
   },
-  "dependencies": {
-    "fs-extra": "^11.3.2",
-    "path": "^0.12.7",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1"
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": false
+    },
+    "react-dom": {
+      "optional": false
+    }
+  },
+  "dependencies": {},
   "devDependencies": {
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "@chromatic-com/storybook": "^4.1.2",
     "@eslint/js": "^9.36.0",
     "@storybook/addon-a11y": "^10.0.5",