siesa-ui-kit 1.0.4 → 1.0.6

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

@@ -1,138 +0,0 @@
-/**
- * Props del componente Notification
- *
- * Badge de notificación para mostrar alertas, mensajes o notificaciones pendientes.
- * Alineado pixel-perfect con el diseño de Figma.
- *
- * @see src/components/Notification/Notification.tsx - Implementación del componente
- * @see docs/colors.md - Sistema de colores (token content-extensions-red)
- * @see docs/typography.md - Sistema tipográfico (Label/XXSmall)
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4310-22651
- *
- * @example
- * ```tsx
- * // Badge simple (punto)
- * const simpleProps: NotificationProps = {};
- *
- * // Badge con número
- * const withCountProps: NotificationProps = {
- *   count: 5,
- *   color: 'red',
- * };
- *
- * // Como overlay
- * <button className="relative">
- *   <Icon />
- *   <Notification count={3} className="absolute -top-1 -right-1" />
- * </button>
- * ```
- */
-export interface NotificationProps {
-    /**
-     * Número de notificaciones a mostrar
-     *
-     * **Comportamiento:**
-     * - `undefined`: Muestra badge simple (punto rojo de 8px)
-     * - `1-99`: Muestra el número exacto en el badge
-     * - `100+`: Muestra "99+" en el badge
-     * - `0` o menor: Muestra badge simple (punto)
-     *
-     * **Nota:** El badge ajusta su ancho automáticamente según el contenido,
-     * con un mínimo de 16px y padding de 4px horizontal.
-     *
-     * @example
-     * ```tsx
-     * <Notification />              // Punto rojo simple
-     * <Notification count={5} />    // Muestra "5"
-     * <Notification count={99} />   // Muestra "99"
-     * <Notification count={150} />  // Muestra "99+"
-     * <Notification count={0} />    // Punto rojo simple
-     * ```
-     *
-     * @see src/components/Notification/Notification.tsx:93-123 - Renderizado con número
-     */
-    count?: number;
-    /**
-     * Color del badge
-     *
-     * Define el color de fondo del badge. Permite personalizar según el contexto
-     * o tipo de notificación.
-     *
-     * **Colores disponibles:**
-     * - `red` (default): Notificaciones de error, alertas críticas
-     * - `orange`: Advertencias importantes
-     * - `yellow`: Avisos, atención requerida
-     * - `green`: Notificaciones positivas, éxito
-     * - `blue`: Información general
-     * - `purple`: Notificaciones especiales o premium
-     * - `zinc`: Notificaciones neutras
-     * - Y 15+ colores adicionales de Tailwind
-     *
-     * **Nota:** El texto siempre será blanco para mantener contraste adecuado.
-     *
-     * @default 'red'
-     *
-     * @example
-     * ```tsx
-     * <Notification count={5} color="red" />      // Error/Crítico
-     * <Notification count={2} color="orange" />   // Advertencia
-     * <Notification count={8} color="green" />    // Éxito
-     * <Notification count={3} color="blue" />     // Info
-     * <Notification count={1} color="purple" />   // Especial
-     * ```
-     *
-     * @see src/components/Button/Button.tsx:220-244 - Referencia de colores
-     */
-    color?: 'zinc' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'primary' | 'secondary' | 'tertiary';
-    /**
-     * Clases CSS adicionales para posicionamiento o personalización
-     *
-     * Útil para posicionar el badge como overlay usando absolute positioning.
-     *
-     * **Advertencia:** Evita sobrescribir tamaños, colores o formas core del badge.
-     * Usa solo para posicionamiento, márgenes o efectos adicionales.
-     *
-     * @example
-     * ```tsx
-     * // Como overlay en botón
-     * <button className="relative">
-     *   <BellIcon />
-     *   <Notification count={5} className="absolute -top-1 -right-1" />
-     * </button>
-     *
-     * // Con margen personalizado
-     * <Notification count={3} className="ml-2" />
-     *
-     * // Con sombra adicional
-     * <Notification count={7} className="shadow-lg" />
-     * ```
-     */
-    className?: string;
-    /**
-     * Label de accesibilidad (ARIA) personalizado
-     *
-     * Si no se proporciona, se genera automáticamente:
-     * - Con count: "{count} notificación(es)"
-     * - Sin count: "Notificación pendiente"
-     *
-     * **Mejores prácticas:**
-     * - Describe el tipo de notificación si es específico
-     * - Incluye contexto relevante para screen readers
-     * - Mantén el texto conciso pero descriptivo
-     *
-     * @example
-     * ```tsx
-     * // Auto-generado (recomendado)
-     * <Notification count={5} />
-     * // → aria-label="5 notificaciones"
-     *
-     * // Personalizado
-     * <Notification count={3} ariaLabel="3 mensajes no leídos" />
-     * <Notification ariaLabel="Nueva alerta de seguridad" />
-     * ```
-     *
-     * @see https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html
-     */
-    ariaLabel?: string;
-}
-//# sourceMappingURL=Notification.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8BG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GACjE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAClE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAEtF;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/POSConvention/POSConvention.d.ts

@@ -1,55 +0,0 @@
-import React from 'react';
-import type { POSConventionProps } from './POSConvention.types';
-/**
- * POSConvention - Componente de leyenda/convención para estados de mesas POS
- *
- * Muestra un indicador circular de color con su respectiva etiqueta según el diseño de Figma.
- * Se usa típicamente para crear leyendas que explican el significado de colores en el sistema POS.
- *
- * **Colores según Figma (node-id: 4418-40139):**
- *
- * | Estado | Light Mode | Dark Mode |
- * |--------|------------|-----------|
- * | Available | #0e79fd (azul) | #93d1fd (azul claro) |
- * | Occupied | #af460e (naranja) | #f5a927 (amarillo) |
- * | Reserved | #7e22ce (morado) | #c084fc (morado claro) |
- * | Out of Service | #3f3f46 (gris) | #a1a1aa (gris claro) |
- *
- * **Dimensiones según Figma:**
- * - Icono: 16x16px (círculo con fill)
- * - Texto: 12px (Paragraph/Tiny - text-xs)
- * - Gap: 4px (gap-1)
- * - Line-height: 16px (leading-4)
- *
- * Mejores prácticas implementadas:
- * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
- * - Dark mode con estrategia 'class' (darkMode: 'class')
- * - Colores exactos de Figma para Light y Dark mode
- * - Type safety con TypeScript estricto
- * - Accesibilidad con aria-label
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico (Paragraph Tiny)
- * @see docs/spacing.md - Sistema de espaciado
- *
- * @example
- * ```tsx
- * // Indicador de disponible
- * <POSConvention status="available" />
- *
- * // Indicador de ocupada
- * <POSConvention status="occupied" />
- *
- * // Leyenda completa en contenedor
- * <div className="p-5 rounded-lg border border-dashed border-primary-custom-300">
- *   <div className="flex flex-col gap-9">
- *     <POSConvention status="available" />
- *     <POSConvention status="occupied" />
- *     <POSConvention status="reserved" />
- *     <POSConvention status="outOfService" />
- *   </div>
- * </div>
- * ```
- */
-export declare const POSConvention: React.FC<POSConventionProps>;
-//# sourceMappingURL=POSConvention.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"POSConvention.d.ts","sourceRoot":"","sources":["../../../src/components/POSConvention/POSConvention.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyEtD,CAAC"}

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

@@ -1,37 +0,0 @@
-/**
- * Tipo para los estados de convención posibles en el sistema POS
- *
- * Colores según Figma:
- *
- * | Estado | Light Mode | Dark Mode |
- * |--------|------------|-----------|
- * | `available` | #0e79fd (azul) | #93d1fd (azul claro) |
- * | `occupied` | #af460e (naranja) | #f5a927 (amarillo) |
- * | `reserved` | #7e22ce (morado) | #c084fc (morado claro) |
- * | `outOfService` | #3f3f46 (gris) | #a1a1aa (gris claro) |
- */
-export type ConventionStatus = 'available' | 'occupied' | 'reserved' | 'outOfService';
-/**
- * Props del componente POSConvention
- *
- * Componente de leyenda para mostrar el estado de las mesas en el sistema POS.
- * Muestra un indicador circular de color con su respectiva etiqueta.
- */
-export interface POSConventionProps {
-    /**
-     * Estado de la convención a mostrar
-     *
-     * - `available`: Disponible (Azul)
-     * - `occupied`: Ocupada (Naranja)
-     * - `reserved`: Reservada (Morado)
-     * - `outOfService`: F. de Servicio (Gris)
-     *
-     * @default 'available'
-     */
-    status?: ConventionStatus;
-    /**
-     * Clases CSS adicionales para el contenedor
-     */
-    className?: string;
-}
-//# sourceMappingURL=POSConvention.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"POSConvention.types.d.ts","sourceRoot":"","sources":["../../../src/components/POSConvention/POSConvention.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,cAAc,CAAC;AAEtF;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,21 +0,0 @@
-import React from 'react';
-/**
- * Icono de convención para POSConvention
- *
- * Círculo SVG de 16x16px con colores diferentes para Light y Dark mode.
- * Basado en especificaciones de Figma:
- * - Light mode: node-id 4418-40139
- * - Dark mode: node-id 4418-40349
- *
- * Usa dos círculos superpuestos con clases CSS para alternar entre modos.
- *
- * @param lightColor - Color hexadecimal para Light mode
- * @param darkColor - Color hexadecimal para Dark mode
- * @param className - Clases CSS adicionales (opcional)
- */
-export declare const ConventionIcon: React.FC<{
-    lightColor: string;
-    darkColor: string;
-    className?: string;
-}>;
-//# sourceMappingURL=icons.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/POSConvention/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAwBA,CAAC"}

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

@@ -1,4 +0,0 @@
-export { POSConvention } from './POSConvention';
-export { ConventionIcon } from './icons';
-export type { POSConventionProps, ConventionStatus } from './POSConvention.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/POSConvention/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/POSLocationButton/POSLocationButton.d.ts

@@ -1,73 +0,0 @@
-import React from 'react';
-import type { POSLocationButtonProps } from './POSLocationButton.types';
-/**
- * POSLocationButton del sistema de diseño Siesa
- *
- * Botón especializado para punto de venta (POS) que muestra el estado de disponibilidad
- * de una ubicación física (mesa, salón, terraza, etc.) con indicadores visuales claros.
- *
- * **Estados de disponibilidad (status):**
- * - `available`: Disponible (verde/lime) con icono ✓
- * - `occupied`: Ocupada (naranja/yellow) con icono ✗
- * - `reserved`: Reservada (morado/purple) con icono 📅
- * - `outOfService`: Fuera de servicio (gris/zinc) con icono 🚫
- *
- * **Estados visuales (state):**
- * - `enabled`: Estado normal con fondo blanco/dark
- * - `actived`: Estado seleccionado con fondo coloreado
- *
- * **Características:**
- * - Ancho flexible: por defecto ocupa el 100% del contenedor (fullWidth=true)
- * - Altura fija: 68px (optimizado para interfaces POS)
- * - Muestra nombre de ubicación y capacidad (ej: "1/8 mesas")
- * - Badge visual con icono y texto del estado
- * - Dark mode completo en todos los estados
- * - Focus ring adaptativo
- * - Transiciones suaves
- *
- * 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
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico
- * @see docs/spacing.md - Sistema de espaciado
- *
- * @example
- * ```tsx
- * // Ubicación disponible
- * <POSLocationButton
- *   locationName="Antejardín"
- *   status="available"
- *   capacity={{ current: 1, total: 8 }}
- *   onClick={() => console.log('Seleccionado')}
- * />
- *
- * // Ubicación ocupada y seleccionada
- * <POSLocationButton
- *   locationName="Terraza"
- *   status="occupied"
- *   state="actived"
- *   capacity={{ current: 5, total: 8 }}
- * />
- *
- * // Ubicación reservada
- * <POSLocationButton
- *   locationName="Salón Principal"
- *   status="reserved"
- *   capacity={{ current: 3, total: 12 }}
- * />
- *
- * // Fuera de servicio
- * <POSLocationButton
- *   locationName="Bar"
- *   status="outOfService"
- *   disabled
- * />
- * ```
- */
-export declare const POSLocationButton: React.FC<POSLocationButtonProps>;
-//# sourceMappingURL=POSLocationButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"POSLocationButton.d.ts","sourceRoot":"","sources":["../../../src/components/POSLocationButton/POSLocationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6K9D,CAAC"}

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

@@ -1,75 +0,0 @@
-import type { MouseEvent } from 'react';
-/**
- * Estado de disponibilidad de la ubicación POS
- * - available: Disponible (verde/lime)
- * - occupied: Ocupada (naranja/yellow)
- * - reserved: Reservada (morado/purple)
- * - outOfService: Fuera de servicio (gris/zinc)
- */
-export type POSLocationStatus = 'available' | 'occupied' | 'reserved' | 'outOfService';
-/**
- * Estado visual del botón
- * - enabled: Estado normal (fondo blanco/dark-bg-primary)
- * - actived: Estado activo/seleccionado (fondo con color del badge)
- */
-export type POSLocationState = 'enabled' | 'actived';
-/**
- * Información de capacidad de la ubicación
- */
-export interface POSLocationCapacity {
-    /**
-     * Número actual de mesas/espacios ocupados
-     */
-    current: number;
-    /**
-     * Total de mesas/espacios disponibles
-     */
-    total: number;
-}
-/**
- * Props del componente POSLocationButton
- */
-export interface POSLocationButtonProps {
-    /**
-     * Nombre de la ubicación (ej: "Antejardín", "Terraza", "Salón Principal")
-     */
-    locationName: string;
-    /**
-     * Estado de disponibilidad de la ubicación
-     * @default 'available'
-     */
-    status?: POSLocationStatus;
-    /**
-     * Estado visual del botón (enabled o actived)
-     * @default 'enabled'
-     */
-    state?: POSLocationState;
-    /**
-     * Información de capacidad (mesas ocupadas/total)
-     * Ejemplo: { current: 1, total: 8 } → "1/8 mesas"
-     */
-    capacity?: POSLocationCapacity;
-    /**
-     * Función a ejecutar al hacer clic en el botón
-     */
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Si el botón está deshabilitado
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-    /**
-     * Label para accesibilidad (ARIA)
-     */
-    ariaLabel?: string;
-    /**
-     * Si el botón ocupa todo el ancho disponible del contenedor padre
-     * @default true
-     */
-    fullWidth?: boolean;
-}
-//# sourceMappingURL=POSLocationButton.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"POSLocationButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/POSLocationButton/POSLocationButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,cAAc,CAAC;AAEvF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAE/B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAEzD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

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

@@ -1,37 +0,0 @@
-import React from 'react';
-/**
- * Icono Check (✓) para estado Available
- * Tamaño: 12x12px
- */
-export declare const CheckIcon: React.FC<{
-    className?: string;
-}>;
-/**
- * Icono X Mark para estado Occupied
- * Tamaño: 12x12px
- */
-export declare const XMarkIcon: React.FC<{
-    className?: string;
-}>;
-/**
- * Icono Calendar para estado Reserved
- * Tamaño: 12x12px
- */
-export declare const CalendarIcon: React.FC<{
-    className?: string;
-}>;
-/**
- * Icono No Symbol (Prohibido) para estado Out of Service
- * Tamaño: 12x12px
- */
-export declare const NoSymbolIcon: React.FC<{
-    className?: string;
-}>;
-/**
- * Icono de Usuario/Personas para mostrar capacidad
- * Tamaño: 13x10px (según especificaciones de Figma)
- */
-export declare const UsersIcon: React.FC<{
-    className?: string;
-}>;
-//# sourceMappingURL=icons.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/POSLocationButton/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,CAiBtD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBtD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBzD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAqBzD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBtD,CAAC"}

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

@@ -1,4 +0,0 @@
-export { POSLocationButton } from './POSLocationButton';
-export type { POSLocationButtonProps, POSLocationStatus, POSLocationState, POSLocationCapacity, } from './POSLocationButton.types';
-export { CheckIcon, XMarkIcon, CalendarIcon, NoSymbolIcon, UsersIcon, } from './icons';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/POSLocationButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,SAAS,EACT,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,SAAS,GACV,MAAM,SAAS,CAAC"}

package/dist/components/POSNumberButton/POSNumberButton.d.ts

@@ -1,61 +0,0 @@
-import React from 'react';
-import type { POSNumberButtonProps } from './POSNumberButton.types';
-/**
- * Componente POSNumberButton del sistema de diseño Siesa
- * Botón numérico especializado para sistemas POS (Point of Sale)
- *
- * Basado en especificaciones de Figma con Tailwind CSS
- *
- * **Características principales:**
- * - Diseñado para pantallas táctiles y POS
- * - Tipografía Display Tiny (48px Bold) para números grandes
- * - Tres tamaños: Small (40x40), Medium (65x65), Large (80x80)
- * - Opción de borde visible o sin borde
- * - Estados: Default, Hover, Active, Disabled
- * - Touch-friendly: active:scale-95 para feedback táctil
- *
- * **Variantes:**
- * - `border=false`: Botón sin borde, hover cambia a primary
- * - `border=true`: Botón con borde, hover resalta el borde
- *
- * **Tamaños:**
- * - `s` (40x40px): Compacto, para teclados numéricos pequeños
- * - `m` (65x65px): Mediano, tamaño intermedio
- * - `l` (80x80px): Grande, tamaño por defecto para POS
- *
- * **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
- * - Feedback visual inmediato con active:scale-95
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico (Display Tiny)
- * @see docs/spacing.md - Sistema de espaciado
- * @see src/components/Button/Button.tsx - Componente Button de referencia
- *
- * @example
- * ```tsx
- * // Botón numérico grande (POS)
- * <POSNumberButton size="l">1</POSNumberButton>
- *
- * // Botón con borde
- * <POSNumberButton size="l" border>2</POSNumberButton>
- *
- * // Botón compacto
- * <POSNumberButton size="s">3</POSNumberButton>
- *
- * // Teclado numérico completo
- * <div className="grid grid-cols-3 gap-2">
- *   {[1, 2, 3, 4, 5, 6, 7, 8, 9].map((num) => (
- *     <POSNumberButton key={num} size="m" onClick={() => handleInput(num)}>
- *       {num}
- *     </POSNumberButton>
- *   ))}
- * </div>
- * ```
- */
-export declare const POSNumberButton: React.FC<POSNumberButtonProps>;
-//# sourceMappingURL=POSNumberButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"POSNumberButton.d.ts","sourceRoot":"","sources":["../../../src/components/POSNumberButton/POSNumberButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsH1D,CAAC"}

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

@@ -1,43 +0,0 @@
-import type { ReactNode, MouseEvent } from 'react';
-/**
- * Props del componente POSNumberButton
- */
-export interface POSNumberButtonProps {
-    /**
-     * Tamaño del botón
-     * @default 'l'
-     */
-    size?: 's' | 'm' | 'l';
-    /**
-     * Si el botón tiene borde visible
-     * @default false
-     */
-    border?: boolean;
-    /**
-     * Contenido del botón (número o texto)
-     */
-    children: ReactNode;
-    /**
-     * Si el botón está deshabilitado
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-    /**
-     * Handler para evento click
-     */
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Label para accesibilidad (ARIA)
-     */
-    ariaLabel?: string;
-    /**
-     * Tipo del botón HTML
-     * @default 'button'
-     */
-    htmlType?: 'button' | 'submit' | 'reset';
-}
-//# sourceMappingURL=POSNumberButton.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"POSNumberButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/POSNumberButton/POSNumberButton.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAEvB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,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;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC1C"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/POSNumberButton/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC"}