siesa-ui-kit 1.0.5 → 1.0.7

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

@@ -0,0 +1,57 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,85 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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/{src/components/POSProductSidebarItems/index.ts → dist/components/POSProductSidebarItems/index.d.ts}

@@ -1,3 +1,4 @@
-export { POSProductSidebarItems } from './POSProductSidebarItems';
-export type { POSProductSidebarItemsProps, DescriptionItem } from './POSProductSidebarItems.types';
-export { TrashIcon } from './icons';
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,75 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,71 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1 @@
+{"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"}

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

@@ -0,0 +1,79 @@
+import type { MouseEvent } from 'react';
+/**
+ * Props del componente Pagination
+ */
+export interface PaginationProps {
+    /**
+     * Página actual (basada en 1)
+     * @default 1
+     */
+    currentPage?: number;
+    /**
+     * Número total de páginas
+     * @default 1
+     */
+    totalPages: number;
+    /**
+     * Callback cuando cambia la página
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Texto del botón "Atrás"
+     * @default 'Atrás'
+     */
+    backText?: string;
+    /**
+     * Texto del botón "Siguiente"
+     * @default 'Siguiente'
+     */
+    nextText?: string;
+    /**
+     * Número de páginas visibles alrededor de la página actual
+     * @default 1
+     */
+    siblingCount?: number;
+    /**
+     * Si se debe mostrar el botón "Atrás"
+     * @default true
+     */
+    showBackButton?: boolean;
+    /**
+     * Si se debe mostrar el botón "Siguiente"
+     * @default true
+     */
+    showNextButton?: boolean;
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+    /**
+     * Label para accesibilidad (ARIA)
+     */
+    ariaLabel?: string;
+}
+/**
+ * Props internas para el botón de página
+ */
+export interface PageButtonProps {
+    /**
+     * Número de página o "..."
+     */
+    page: number | string;
+    /**
+     * Si es la página activa
+     */
+    isActive?: boolean;
+    /**
+     * Si el botón está deshabilitado
+     */
+    disabled?: boolean;
+    /**
+     * Handler para click
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Label para accesibilidad
+     */
+    ariaLabel?: string;
+}
+//# sourceMappingURL=Pagination.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;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;CACpB"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * Icono de flecha izquierda (ChevronLeft)
+ * Usado en el botón "Back"
+ * Heroicons Micro (16x16px)
+ */
+export declare const ArrowLeftIcon: React.FC<{
+    className?: string;
+}>;
+/**
+ * Icono de flecha derecha (ChevronRight)
+ * Usado en el botón "Next"
+ * Heroicons Micro (16x16px)
+ */
+export declare const ArrowRightIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=icons.d.ts.map

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

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

package/{src/components/Pagination/index.ts → dist/components/Pagination/index.d.ts}

@@ -1,3 +1,4 @@
-export { Pagination } from './Pagination';
-export type { PaginationProps, PageButtonProps } from './Pagination.types';
-export { ArrowLeftIcon, ArrowRightIcon } from './icons';
+export { Pagination } from './Pagination';
+export type { PaginationProps, PageButtonProps } from './Pagination.types';
+export { ArrowLeftIcon, ArrowRightIcon } from './icons';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Quantity/Quantity.d.ts

@@ -0,0 +1,38 @@
+import type { QuantityProps } from './Quantity.types';
+/**
+ * Quantity - Componente de cantidad del sistema de diseño Siesa
+ *
+ * Componente para seleccionar cantidades con soporte para:
+ * - Botones de incremento/decremento
+ * - Valores mínimo y máximo
+ * - Label opcional con link
+ * - Texto de ayuda opcional
+ * - Estado de error
+ * - Estado deshabilitado
+ * - Dark mode completo
+ *
+ * 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
+ * - Focus rings adaptativos para light y dark mode
+ * - 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
+ * <Quantity
+ *   label="Cantidad"
+ *   value={5}
+ *   min={0}
+ *   max={10}
+ *   onChange={(value) => console.log(value)}
+ * />
+ * ```
+ */
+export declare const Quantity: import("react").ForwardRefExoticComponent<QuantityProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Quantity.d.ts.map

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

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

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

@@ -0,0 +1,59 @@
+import type { HTMLAttributes } from 'react';
+/**
+ * Props del componente Quantity
+ */
+export interface QuantityProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * Valor actual del quantity
+     */
+    value?: number;
+    /**
+     * Valor por defecto
+     * @default 0
+     */
+    defaultValue?: number;
+    /**
+     * Callback cuando el valor cambia
+     */
+    onChange?: (value: number) => void;
+    /**
+     * Valor mínimo permitido
+     * @default 0
+     */
+    min?: number;
+    /**
+     * Valor máximo permitido
+     */
+    max?: number;
+    /**
+     * Label opcional
+     */
+    label?: string;
+    /**
+     * Texto del link opcional (aparece a la derecha del label)
+     */
+    linkText?: string;
+    /**
+     * Callback cuando se hace click en el link
+     */
+    onLinkClick?: () => void;
+    /**
+     * Texto de ayuda opcional
+     */
+    helperText?: string;
+    /**
+     * Si está en estado de error
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Si está deshabilitado
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+}
+//# sourceMappingURL=Quantity.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Quantity.types.d.ts","sourceRoot":"","sources":["../../../src/components/Quantity/Quantity.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,45 @@
+import type { RadioProps } from './Radio.types';
+/**
+ * Radio - Componente de radio button del sistema de diseño Siesa
+ *
+ * Campo de selección única diseñado para cumplir con las especificaciones
+ * de Figma con soporte completo para dark mode y accesibilidad.
+ *
+ * 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 keyboard navigation y ARIA
+ * - Inner shadow en estado checked según especificaciones Figma
+ *
+ * Estados soportados:
+ * - Default, Hover, Focus, Disabled
+ * - Checked / Unchecked
+ * - Label y description opcionales
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/typography.md - Sistema tipográfico
+ * @see docs/spacing.md - Sistema de espaciado
+ *
+ * @example
+ * ```tsx
+ * // Radio simple
+ * <Radio
+ *   label="Allow tickets to be resold"
+ *   description="Customers can resell or transfer their tickets"
+ *   value="resell"
+ *   name="ticketOptions"
+ *   checked={true}
+ *   onChange={(e) => console.log(e.target.checked)}
+ * />
+ *
+ * // Radio group
+ * <div>
+ *   <Radio label="Option 1" name="group" value="1" checked={selected === "1"} onChange={handleChange} />
+ *   <Radio label="Option 2" name="group" value="2" checked={selected === "2"} onChange={handleChange} />
+ * </div>
+ * ```
+ */
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,KAAK,yGA0HjB,CAAC"}