siesa-ui-kit 1.0.4 → 1.0.6

package/dist/components/POSProductButton/POSProductButton.d.ts

@@ -1,59 +0,0 @@
-import React from 'react';
-import type { POSProductButtonProps } from './POSProductButton.types';
-/**
- * Componente POSProductButton del sistema de diseño Siesa
- *
- * Botón especializado para sistemas POS que combina una imagen de producto
- * con un label descriptivo. Diseñado para selección rápida de productos.
- *
- * **Estados disponibles:**
- * - `default`: Estado normal con fondo blanco
- * - `active`: Estado seleccionado con fondo azul claro y texto azul
- * - `disabled`: Estado deshabilitado con opacidad reducida
- *
- * **Características:**
- * - Imagen con aspect ratio 158:80 (proporción de Figma)
- * - Label con tipografía Label Small (14px Bold)
- * - Soporte completo de dark mode
- * - Estados hover, active y focus
- * - Transiciones suaves
- *
- * **Mejores prácticas implementadas:**
- * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
- * - Dark mode con estrategia 'class' (darkMode: 'class')
- * - Focus rings adaptativos para light y dark mode
- * - Tokens de color consistentes con la documentación
- * - Estados hover y active completos
- * - Tipografía Label Small (14px Bold) según sistema de diseño
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico (Label)
- * @see docs/spacing.md - Sistema de espaciado
- * @see docs/border-radius.md - Border radius
- *
- * @example
- * ```tsx
- * // Botón de producto normal
- * <POSProductButton
- *   image="/images/parrilla.jpg"
- *   label="A la parrilla"
- *   onClick={() => console.log('Producto seleccionado')}
- * />
- *
- * // Botón de producto activo/seleccionado
- * <POSProductButton
- *   image="/images/parrilla.jpg"
- *   label="A la parrilla"
- *   active={true}
- * />
- *
- * // Botón de producto deshabilitado
- * <POSProductButton
- *   image="/images/parrilla.jpg"
- *   label="A la parrilla"
- *   disabled={true}
- * />
- * ```
- */
-export declare const POSProductButton: React.FC<POSProductButtonProps>;
-//# sourceMappingURL=POSProductButton.d.ts.map

package/dist/components/POSProductButton/POSProductButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"POSProductButton.d.ts","sourceRoot":"","sources":["../../../src/components/POSProductButton/POSProductButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6F5D,CAAC"}

package/dist/components/POSProductButton/POSProductButton.types.d.ts

@@ -1,40 +0,0 @@
-import type { MouseEvent } from 'react';
-/**
- * Props del componente POSProductButton
- *
- * Botón de producto para sistemas POS con imagen y label
- */
-export interface POSProductButtonProps {
-    /**
-     * URL de la imagen del producto
-     */
-    image: string;
-    /**
-     * Texto del producto (nombre o descripción)
-     * @example "A la parrilla"
-     */
-    label: string;
-    /**
-     * Si el botón está en estado activo/seleccionado
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * Si el botón está deshabilitado
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Handler para evento click
-     */
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-    /**
-     * Label para accesibilidad (ARIA)
-     */
-    ariaLabel?: string;
-}
-//# sourceMappingURL=POSProductButton.types.d.ts.map

package/dist/components/POSProductButton/POSProductButton.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"POSProductButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/POSProductButton/POSProductButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/POSProductButton/index.d.ts

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

package/dist/components/POSProductButton/index.d.ts.map

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

package/dist/components/POSProductCard/POSProductCard.d.ts

@@ -1,68 +0,0 @@
-import React from 'react';
-import type { POSProductCardProps } from './POSProductCard.types';
-/**
- * Componente POSProductCard del sistema de diseño Siesa
- *
- * Card especializado para sistemas POS que muestra información de producto
- * con imagen, nombre, precio y botón de agregar. Diseñado para catálogos
- * de productos y selección rápida en punto de venta.
- *
- * **Estados disponibles:**
- * - `enabled`: Estado normal
- *   - Light: fondo blanco (#ffffff), texto negro (#18181b)
- *   - Dark: fondo oscuro (#18181b), texto claro (#f4f4f5)
- * - `active`: Estado seleccionado
- *   - Light: fondo azul claro (#dbeefe), texto azul (#0e79fd)
- *   - Dark: fondo azul oscuro (#112d57), texto celeste (#93d1fd)
- * - `disabled`: Estado deshabilitado con opacidad reducida
- *
- * **Características:**
- * - Imagen de producto con aspect ratio fijo y rounded-lg
- * - Nombre del producto con tipografía Label Small (14px Bold)
- * - Precio con tipografía Heading Small (24px Bold) y letter-spacing -2.5%
- * - Botón "Agregar" reutiliza el componente Button del sistema
- * - Soporte completo de dark mode pixel-perfect
- * - Transiciones suaves
- *
- * **Mejores prácticas implementadas:**
- * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
- * - Dark mode con estrategia 'class' (darkMode: 'class')
- * - Focus rings adaptativos para light y dark mode
- * - Tokens de color consistentes con Figma
- * - Estados hover y active completos
- *
- * @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
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4368-31336 - Diseño Figma
- *
- * @example
- * ```tsx
- * // Card de producto normal
- * <POSProductCard
- *   image="/images/caprese.jpg"
- *   productName="Ensalada Caprese"
- *   price="$ 40.000"
- *   onAddClick={() => console.log('Producto agregado')}
- * />
- *
- * // Card de producto activo/seleccionado
- * <POSProductCard
- *   image="/images/caprese.jpg"
- *   productName="Ensalada Caprese"
- *   price="$ 40.000"
- *   active={true}
- * />
- *
- * // Card de producto deshabilitado
- * <POSProductCard
- *   image="/images/caprese.jpg"
- *   productName="Ensalada Caprese"
- *   price="$ 40.000"
- *   disabled={true}
- * />
- * ```
- */
-export declare const POSProductCard: React.FC<POSProductCardProps>;
-//# sourceMappingURL=POSProductCard.d.ts.map

package/dist/components/POSProductCard/POSProductCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"POSProductCard.d.ts","sourceRoot":"","sources":["../../../src/components/POSProductCard/POSProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAIlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0IxD,CAAC"}

package/dist/components/POSProductCard/POSProductCard.types.d.ts

@@ -1,67 +0,0 @@
-import type { MouseEvent } from 'react';
-/**
- * Props del componente POSProductCard
- *
- * Card especializado para sistemas de punto de venta (POS) que muestra
- * información de producto con imagen, nombre, precio y botón de agregar.
- *
- * El botón "Agregar" reutiliza el componente Button del sistema.
- *
- * @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
- * @see src/components/Button - Componente Button reutilizado
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4368-31336 - Diseño Figma
- */
-export interface POSProductCardProps {
-    /**
-     * URL de la imagen del producto
-     * Se muestra en la parte superior del card con aspect-ratio fijo
-     */
-    image: string;
-    /**
-     * Nombre del producto a mostrar
-     * Se muestra con tipografía Label Small (14px Bold)
-     */
-    productName: string;
-    /**
-     * Precio del producto formateado como string
-     * Se muestra con tipografía Heading Small (24px Bold)
-     * @example "$ 40.000"
-     */
-    price: string;
-    /**
-     * Texto del botón de acción
-     * @default "Agregar"
-     */
-    buttonText?: string;
-    /**
-     * Estado activo/seleccionado del card
-     * Cuando está activo, el fondo cambia a azul claro y el texto a azul
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * Si el card está deshabilitado
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Handler para cuando se hace clic en el botón "Agregar"
-     */
-    onAddClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Handler para cuando se hace clic en el card (no en el botón)
-     */
-    onCardClick?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Clases CSS adicionales para el card
-     */
-    className?: string;
-    /**
-     * Label de accesibilidad para el card
-     */
-    ariaLabel?: string;
-}
-//# sourceMappingURL=POSProductCard.types.d.ts.map

package/dist/components/POSProductCard/POSProductCard.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"POSProductCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/POSProductCard/POSProductCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAE1D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/POSProductCard/icons.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-/**
- * Icono Plus (heroicons-micro/plus)
- * Usado en el botón "Agregar" del POSProductCard
- * Tamaño: 16x16px según especificación de Figma
- */
-export declare const PlusIcon: React.FC<{
-    className?: string;
-}>;
-//# sourceMappingURL=icons.d.ts.map

package/dist/components/POSProductCard/icons.d.ts.map

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

package/dist/components/POSProductCard/index.d.ts

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

package/dist/components/POSProductCard/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/POSProductCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/POSProductSidebarItems/POSProductSidebarItems.d.ts

@@ -1,57 +0,0 @@
-import React from 'react';
-import type { POSProductSidebarItemsProps } from './POSProductSidebarItems.types';
-/**
- * POSProductSidebarItems - Componente de item de producto para sidebar POS
- *
- * Componente pixel-perfect basado en Figma (node 4507-28013) para mostrar
- * productos en el sidebar de un sistema POS con soporte completo para dark mode.
- *
- * **Características:**
- * - Badge de categoría con 19 colores configurables
- * - Referencia del producto (text-[10px]/leading-3)
- * - Precio total (text-xs/font-bold)
- * - Nombre del producto (text-xs/font-bold)
- * - Descripción con items opcionales (fondo terciario)
- * - Control de cantidad integrado (Quantity component)
- * - Botón de eliminar con color de error
- *
- * **Especificaciones de Figma:**
- * - Ancho base: 272px
- * - Spacing: gap-1 (4px) entre elementos del producto, gap-2 (8px) entre secciones
- * - Badge: rounded-md (6px), px-1.5, py-1, text-xs/leading-4
- * - Description section: bg-background-tertiary, p-2, rounded-lg
- * - Delete icon: 24x24px, color red-700
- *
- * **Dark Mode:**
- * Los colores se adaptan automáticamente en dark mode:
- * - Textos principales: text-content-primary → dark:text-dark-content-primary
- * - Description background: bg-background-tertiary → dark:bg-zinc-700
- * - Badge colores: Mantienen contraste en ambos modos
- * - Delete button: text-red-700 → dark:text-red-500
- *
- * **Orden de modificadores:** {responsive}:{dark}:{state}:{utility}
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico
- * @see docs/spacing.md - Sistema de espaciado
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4507-28013 - Diseño Figma
- *
- * @example
- * ```tsx
- * <POSProductSidebarItems
- *   categoryLabel="Entradas"
- *   productRef="00147258369"
- *   price="$ 40,000.00"
- *   productName="Nombre producto"
- *   descriptionItems={[
- *     { description: "Papas limón mediana", price: "$ 40,000.00" },
- *     { description: "Papas limón mediana", price: "$ 40,000.00" },
- *   ]}
- *   quantity={0}
- *   onQuantityChange={(qty) => console.log(qty)}
- *   onDelete={() => console.log('Eliminar')}
- * />
- * ```
- */
-export declare const POSProductSidebarItems: React.FC<POSProductSidebarItemsProps>;
-//# sourceMappingURL=POSProductSidebarItems.d.ts.map

package/dist/components/POSProductSidebarItems/POSProductSidebarItems.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"POSProductSidebarItems.d.ts","sourceRoot":"","sources":["../../../src/components/POSProductSidebarItems/POSProductSidebarItems.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAIlF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA+QxE,CAAC"}

package/dist/components/POSProductSidebarItems/POSProductSidebarItems.types.d.ts

@@ -1,85 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * Item de descripción del producto
- */
-export interface DescriptionItem {
-    /**
-     * Descripción del item (ej: "Papas limón mediana")
-     */
-    description: string;
-    /**
-     * Precio del item (ej: "$ 40,000.00")
-     */
-    price: string;
-}
-/**
- * Props del componente POSProductSidebarItems
- */
-export interface POSProductSidebarItemsProps {
-    /**
-     * Etiqueta de categoría del producto (ej: "Entradas")
-     */
-    categoryLabel: string;
-    /**
-     * Color de la categoría (badge)
-     * @default 'lime'
-     */
-    categoryColor?: 'lime' | 'red' | 'orange' | 'amber' | 'yellow' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'zinc' | 'primary';
-    /**
-     * Referencia del producto (ej: "00147258369")
-     */
-    productRef: string;
-    /**
-     * Precio total del producto (ej: "$ 40,000.00")
-     */
-    price: string;
-    /**
-     * Nombre del producto (ej: "Nombre producto")
-     */
-    productName: string;
-    /**
-     * Lista de items de descripción (opcional)
-     */
-    descriptionItems?: DescriptionItem[];
-    /**
-     * Si se muestra la sección de descripción
-     * @default true
-     */
-    showDescription?: boolean;
-    /**
-     * Cantidad actual del producto
-     * @default 0
-     */
-    quantity?: number;
-    /**
-     * Cantidad mínima permitida
-     * @default 0
-     */
-    minQuantity?: number;
-    /**
-     * Cantidad máxima permitida
-     */
-    maxQuantity?: number;
-    /**
-     * Handler cuando cambia la cantidad
-     */
-    onQuantityChange?: (quantity: number) => void;
-    /**
-     * Handler cuando se hace clic en eliminar
-     */
-    onDelete?: () => void;
-    /**
-     * Si el componente está deshabilitado
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-    /**
-     * Icono personalizado para el botón de eliminar
-     */
-    deleteIcon?: ReactNode;
-}
-//# sourceMappingURL=POSProductSidebarItems.types.d.ts.map

package/dist/components/POSProductSidebarItems/POSProductSidebarItems.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"POSProductSidebarItems.types.d.ts","sourceRoot":"","sources":["../../../src/components/POSProductSidebarItems/POSProductSidebarItems.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,aAAa,CAAC,EACV,MAAM,GACN,KAAK,GACL,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,SAAS,CAAC;IAEd;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB"}

package/dist/components/POSProductSidebarItems/icons.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-/**
- * TrashIcon - Icono de papelera para eliminar items
- * Basado en Heroicons Micro (16x16px)
- */
-export declare const TrashIcon: React.FC<{
-    className?: string;
-}>;
-//# sourceMappingURL=icons.d.ts.map

package/dist/components/POSProductSidebarItems/icons.d.ts.map

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

package/dist/components/POSProductSidebarItems/index.d.ts

@@ -1,4 +0,0 @@
-export { POSProductSidebarItems } from './POSProductSidebarItems';
-export type { POSProductSidebarItemsProps, DescriptionItem } from './POSProductSidebarItems.types';
-export { TrashIcon } from './icons';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/POSProductSidebarItems/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/POSProductSidebarItems/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/POSTable/POSTable.d.ts

@@ -1,75 +0,0 @@
-import React from 'react';
-import type { POSTableProps } from './POSTable.types';
-/**
- * POSTable - Sistema de visualización de mesas de restaurante
- *
- * Componente para mostrar mesas de restaurante con diferentes estados
- * (disponible, ocupada, reservada) y configuraciones de sillas según diseño de Figma.
- *
- * ⚠️ IMPORTANTE - COLORES PERSONALIZADOS DEL CLIENTE:
- * Este componente usa colores específicos hardcodeados según el diseño del cliente.
- * Estos NO son tokens del sistema de diseño general, sino colores únicos para POSTable.
- * Esta es una EXCEPCIÓN JUSTIFICADA similar a los iconos personalizados de POSTable.
- *
- * ESPECIFICACIONES PIXEL-PERFECT DE FIGMA:
- *
- * Colores exactos (ESPECÍFICOS DEL CLIENTE):
- *
- * LIGHT MODE:
- * - Available (Azul): #0e79fd (border, mesa, silla, texto) - Azul primario del sistema
- * - Available Active: Bg #dbeefe + Border #bce4ff (cuando isActive=true)
- * - Busy (Naranja): #af460e (border, mesa, silla, texto)
- * - Busy Active: Bg #fed7aa + Border #fed7aa (cuando isActive=true)
- * - Reserved (Púrpura): #7e22ce (border, mesa, silla, texto)
- * - Reserved Active: Bg #e9d5ff + Border #e9d5ff (cuando isActive=true)
- *
- * DARK MODE (colores más brillantes para mejor visibilidad):
- * - Available (Azul claro): #93d1fd (border, mesa, silla, texto)
- * - Available Active: Bg #1e3a5f + Border #1e3a5f (cuando isActive=true)
- * - Busy (Naranja/Amarillo): #f5a927 (border, mesa, silla, texto)
- * - Busy Active: Bg #5c3a1e + Border #5c3a1e (cuando isActive=true)
- * - Reserved (Púrpura claro): #c084fc (border, mesa, silla, texto)
- * - Reserved Active: Bg #3b1f5c + Border #3b1f5c (cuando isActive=true)
- *
- * - Texto del label: Mismo color del estado (está FUERA de la mesa según Figma)
- *
- * Dimensiones exactas:
- * - Container: 160x160px, border-radius: 8px, border: 2px
- * - Inner container: 134x134px, gap: 4px
- * - Mesa Square: 64x64px, border-radius: 4px
- * - Mesa Circle: 64x64px, border-radius: 9999px
- * - Mesa Rectangle: 80x64px, border-radius: 4px
- * - Mesa Oval: 80x64px, border-radius: 24px
- * - Silla: 28x22px, border-radius: 4px
- * - Silla Respaldo (top): 28x16px (72.73% height)
- * - Silla Asiento (bottom): 24x14px (85.71% width, 63.64% height)
- * - Gap: 4px entre todos los elementos
- *
- * Tipografía:
- * - Label: 10px / 12px line-height, weight: 400, font: SiesaBT
- *
- * Mejores prácticas implementadas:
- * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
- * - Dark mode con estrategia 'class' (darkMode: 'class')
- * - Focus rings adaptativos para light y dark mode
- * - Valores exactos de Figma con notación [px]
- * - Type safety con TypeScript estricto
- * - Accesibilidad con ARIA labels
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico
- * @see docs/spacing.md - Sistema de espaciado
- *
- * @example
- * ```tsx
- * <POSTable
- *   tableNumber="12"
- *   status="available"
- *   shape="square"
- *   chairs={4}
- *   onClick={() => console.log('Mesa seleccionada')}
- * />
- * ```
- */
-export declare const POSTable: React.FC<POSTableProps>;
-//# sourceMappingURL=POSTable.d.ts.map

package/dist/components/POSTable/POSTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"POSTable.d.ts","sourceRoot":"","sources":["../../../src/components/POSTable/POSTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsU5C,CAAC"}

package/dist/components/POSTable/POSTable.types.d.ts

@@ -1,71 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * Estado de la mesa de restaurante
- */
-export type TableStatus = 'available' | 'busy' | 'reserved';
-/**
- * Forma de la mesa
- */
-export type TableShape = 'square' | 'circle' | 'rectangle' | 'oval';
-/**
- * Configuración de número de sillas
- */
-export type ChairCount = 2 | 4 | 6 | 8;
-/**
- * Props del componente POSTable (Restaurant Table)
- */
-export interface POSTableProps {
-    /**
-     * Número de la mesa
-     * @example "01"
-     */
-    tableNumber: string;
-    /**
-     * Estado de la mesa
-     * @default 'available'
-     */
-    status?: TableStatus;
-    /**
-     * Forma de la mesa
-     * - square: Mesa cuadrada 64x64px con border-radius 4px
-     * - circle: Mesa circular 64x64px con border-radius completo
-     * - rectangle: Mesa rectangular 80x64px con border-radius 4px
-     * - oval: Mesa ovalada 80x64px con border-radius 24px
-     * @default 'square'
-     */
-    shape?: TableShape;
-    /**
-     * Número de sillas alrededor de la mesa
-     * @default 4
-     */
-    chairs?: ChairCount;
-    /**
-     * Si muestra las sillas alrededor de la mesa
-     * @default true
-     */
-    showChairs?: boolean;
-    /**
-     * Si la mesa está en estado activo (con fondo de color)
-     * Estado "actived" muestra fondo de color según Figma
-     * @default false
-     */
-    isActive?: boolean;
-    /**
-     * Callback cuando se hace clic en la mesa
-     */
-    onClick?: () => void;
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-    /**
-     * Si la mesa está deshabilitada (no clickeable)
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Contenido adicional a mostrar dentro de la mesa
-     */
-    children?: ReactNode;
-}
-//# sourceMappingURL=POSTable.types.d.ts.map

package/dist/components/POSTable/POSTable.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"POSTable.types.d.ts","sourceRoot":"","sources":["../../../src/components/POSTable/POSTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/POSTable/index.d.ts

@@ -1,3 +0,0 @@
-export { POSTable } from './POSTable';
-export type { POSTableProps, TableStatus, TableShape, ChairCount, } from './POSTable.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/POSTable/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/POSTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,WAAW,EACX,UAAU,EACV,UAAU,GACX,MAAM,kBAAkB,CAAC"}

package/dist/components/Pagination/Pagination.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import type { PaginationProps } from './Pagination.types';
-/**
- * Componente Pagination del sistema de diseño Siesa
- * Basado en especificaciones de Figma con Tailwind CSS
- *
- * 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
- * - Algoritmo de paginación inteligente
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico (Label Small)
- * @see docs/spacing.md - Sistema de espaciado
- *
- * @example
- * ```tsx
- * <Pagination
- *   currentPage={1}
- *   totalPages={66}
- *   onPageChange={(page) => console.log(page)}
- * />
- * ```
- */
-export declare const Pagination: React.FC<PaginationProps>;
-//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination/Pagination.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,oBAAoB,CAAC;AAG3E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgQhD,CAAC"}