@misael703/ui 1.15.0 → 1.16.0

package/README.md

@@ -155,13 +155,52 @@ Recetas de página listas para copiar, **no se publican en el paquete**
 (viven en `src/blocks/`, fuera de `dist`). Componen los componentes del kit
 en secciones reales. Mirálas renderizadas en Storybook bajo **Blocks/**:
 
+### Genéricos (cross-app, no asumen dominio)
+| Sub | Block | Compone |
+|---|---|---|
+| Shell | Admin dashboard | AppShell `headerLayout="top"` + PageHeader + Kpi + DataTable |
+| Auth | Auth screen | Card + FormField + Input + Logo (centered, simple) |
+| Auth | Auth split | Form izquierda + brand panel con watermark derecha |
+| Data | Data table page | FilterPanel + DataTable (con `toolbar` slot) + BulkActionBar + TablePagination |
+| Data | Detail page | PageHeader + Tabs + sticky meta sidebar (vista de 1 entidad) |
+| Config | Settings page | Sidebar de secciones + form area (Cuenta · Notificaciones · Seguridad · Facturación) |
+| Estados | Empty state page | EmptyState envuelto en page layout |
+| Estados | Error page | Página de error con retry CTA y contacto de soporte |
+| Estados | Not found | 404 con numeral brand-colored y dos acciones de recuperación |
+| Utility | Onboarding checklist | Card + Progress + tareas chequeables con CTAs (activation pattern) |
+| Utility | Notifications page | Inbox con filtros por tono + mark-all-as-read |
+| Utility | Wizard page | Stepper horizontal + form centered + back/next (multi-step) |
+| Utility | Audit log page | DataTable cronológico + DiffViewer en Modal (auditing) |
+
+### Commerce
 | Block | Compone |
 |---|---|
-| Data table page | FilterPanel + TableToolbar + DataTable + BulkActionBar + TablePagination |
-| Admin dashboard | AppShell + PageHeader + Kpi + DataTable |
-| Auth screen | Card + FormField + Input + Logo (se ve branded con el preset El Alba) |
+| Product catalog | FilterPanel + grid de ProductCards + toolbar |
+| Cart drawer | Drawer + line items + qty + OrderSummary + Pagar |
+| Invoice document | Factura print-friendly con header, items, totales/IVA |
 | Checkout | AddressForm + OrderSummary + PromoCodeInput + FreeShippingProgress |
 
+### Dominio — Despachos
+| Block | Compone |
+|---|---|
+| Dispatch board | Kanban con columnas por etapa del pipeline (Por confirmar → En ruta → Entregado) |
+| Route map | Sidebar de paradas + área de mapa mock SVG con markers + polyline + vehículo pulsante |
+| Delivery timeline | Timeline vertical del lifecycle de UNA entrega con timestamps, fotos y actor |
+| Route schedule | Grid 7 días × N horas con bloques de ruta |
+
+### Dominio — Rentools (arriendo de herramientas)
+| Block | Compone |
+|---|---|
+| Tool catalog | Grid de herramientas con tarifa/día + disponibilidad + garantía + Reservar |
+| Rental booking | DateRangePicker + cálculo días×tarifa en vivo + depósito separado |
+| Availability calendar | Calendar con días reservado/mantención/libre + próximas reservas |
+| Rental board | Kanban por estado (Reservado→Entregado→En uso→Por devolver→Devuelto + Atrasado) |
+| Return inspection | Check-in con checklist de estado + daños + liquidación de garantía en vivo |
+| Rental agreement | Contrato de arriendo print-friendly con firma |
+| Rental detail | Vista de 1 arriendo: timeline de estado + meta (equipo/cliente/costos) |
+
+Índice detallado con código embebido: **[docs/BLOCKS.md](./docs/BLOCKS.md)**.
+
 Para usar uno: copia el `.tsx` desde `src/blocks/` a tu app y cambia el
 import `from '../index'` por `from '@misael703/ui'`. Son puntos de partida,
 no componentes configurables: una vez copiado, el código es tuyo.

package/dist/index.js

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-require('./chunk-427NHGTX.js');
 require('./chunk-4REALDR3.js');
 require('./chunk-2LTV7VB5.js');
+require('./chunk-427NHGTX.js');
 var chunkJT2SFHBH_js = require('./chunk-JT2SFHBH.js');
 var chunk62F5E5NQ_js = require('./chunk-62F5E5NQ.js');
 var chunkVDBGWTIG_js = require('./chunk-VDBGWTIG.js');

package/dist/index.mjs

@@ -1,7 +1,7 @@
 'use client';
-import './chunk-BVQRDAR7.mjs';
 import './chunk-CHVTPN3K.mjs';
 import './chunk-XTHC46M2.mjs';
+import './chunk-BVQRDAR7.mjs';
 export { PermissionMatrix } from './chunk-LVLJ75ND.mjs';
 export { Combobox, DatePicker, FileUpload, MonthPicker, YearPicker } from './chunk-5MIN6LUP.mjs';
 export { Popover } from './chunk-FA6526ME.mjs';

package/dist/presets/elalba/styles.css

@@ -1 +1 @@
-:root{--color-primary-900:#001a4d;--color-primary-800:#00246b;--color-primary-700:#002f87;--color-primary-600:#1a46a0;--color-primary-500:#3a62b4;--color-primary-400:#6b8aca;--color-primary-300:#9bb1dc;--color-primary-200:#c7d3ea;--color-primary-100:#e3eaf4;--color-primary-50:#f2f5fb;--color-secondary-900:#8c3000;--color-secondary-800:#b84300;--color-secondary-700:#e05400;--color-secondary-600:#ff671d;--color-secondary-500:#ff8344;--color-secondary-400:#ffa06e;--color-secondary-300:#ffbe98;--color-secondary-200:#ffd6bb;--color-secondary-100:#ffe8d7;--color-secondary-50:#fff5ee;--color-ink:#0c1220;--color-gray-900:#161c2c;--color-gray-800:#23293a;--color-gray-700:#3a4052;--color-gray-600:#5b6173;--color-gray-500:#7e8495;--color-gray-400:#a6acbb;--color-gray-300:#c9cdd7;--color-gray-200:#e3e6ec;--color-gray-150:#eceef3;--color-gray-100:#f4f5f8;--color-gray-50:#fafbfc;--bg-canvas:var(--color-white);--color-primary:var(--color-primary-700);--color-secondary:var(--color-secondary-600);--fg-on-secondary:var(--color-white);--fg-muted:var(--color-gray-600);--fg-subtle:#686d7c;--btn-primary-bg:var(--color-secondary);--btn-primary-fg:var(--color-white);--btn-primary-bg-hover:var(--color-secondary-500);--btn-secondary-bg:var(--color-primary);--btn-secondary-fg:var(--color-white);--btn-secondary-bg-hover:var(--color-primary-900)}
+:root{--color-primary-900:#001a4d;--color-primary-800:#00246b;--color-primary-700:#002f87;--color-primary-600:#1a46a0;--color-primary-500:#3a62b4;--color-primary-400:#6b8aca;--color-primary-300:#9bb1dc;--color-primary-200:#c7d3ea;--color-primary-100:#e3eaf4;--color-primary-50:#f2f5fb;--color-secondary-900:#8c3000;--color-secondary-800:#b84300;--color-secondary-700:#e05400;--color-secondary-600:#ff671d;--color-secondary-500:#ff8344;--color-secondary-400:#ffa06e;--color-secondary-300:#ffbe98;--color-secondary-200:#ffd6bb;--color-secondary-100:#ffe8d7;--color-secondary-50:#fff5ee;--color-ink:#0c1220;--color-gray-900:#161c2c;--color-gray-800:#23293a;--color-gray-700:#3a4052;--color-gray-600:#5b6173;--color-gray-500:#7e8495;--color-gray-400:#a6acbb;--color-gray-300:#c9cdd7;--color-gray-200:#e3e6ec;--color-gray-150:#eceef3;--color-gray-100:#f4f5f8;--color-gray-50:#fafbfc;--bg-canvas:#eaeef5;--bg-subtle:#f1f4f9;--bg-muted:#e7ebf2;--color-primary:var(--color-primary-700);--color-secondary:var(--color-secondary-600);--fg-on-secondary:var(--color-white);--fg-muted:var(--color-gray-600);--fg-subtle:#666b78;--btn-primary-bg:var(--color-secondary);--btn-primary-fg:var(--color-white);--btn-primary-bg-hover:var(--color-secondary-500);--btn-secondary-bg:var(--color-primary);--btn-secondary-fg:var(--color-white);--btn-secondary-bg-hover:var(--color-primary-900)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@misael703/ui",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "description": "Generic React + TypeScript UI kit, optimized for Next.js. Tokens, accessible components, runtime-configurable theming via presets.",
   "author": "Misael Ocas <misael.ocas@gmail.com>",
   "license": "MIT",