siesa-ui-kit 1.0.4 → 1.0.5

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

@@ -1,46 +0,0 @@
-import type { ImgHTMLAttributes } from 'react';
-/**
- * Tamaños del Avatar
- * Basado en el sistema de espaciado de Siesa
- */
-export type AvatarSize = '4' | '6' | '8' | '10';
-/**
- * Tipo de forma del Avatar
- */
-export type AvatarType = 'circular' | 'rounded';
-/**
- * Props del componente Avatar
- */
-export interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'size'> {
-    /**
-     * Tamaño del avatar
-     * - 4: 20px
-     * - 6: 24px
-     * - 8: 32px
-     * - 10: 40px
-     * @default '10'
-     */
-    size?: AvatarSize;
-    /**
-     * Tipo de forma del avatar
-     * @default 'circular'
-     */
-    type?: AvatarType;
-    /**
-     * URL de la imagen del avatar
-     */
-    src?: string;
-    /**
-     * Texto alternativo para la imagen
-     */
-    alt?: string;
-    /**
-     * Iniciales a mostrar cuando no hay imagen
-     */
-    initials?: string;
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-}
-//# sourceMappingURL=Avatar.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACpF;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Badge/Badge.d.ts

@@ -1,42 +0,0 @@
-import type { BadgeProps } from './Badge.types';
-/**
- * Badge del sistema de diseño Siesa
- *
- * Componente para mostrar etiquetas con múltiples variantes de color.
- * Los badges mantienen sus colores vibrantes en light y dark mode para
- * garantizar visibilidad y consistencia visual.
- *
- * Características implementadas:
- * - 21 variantes de color (zinc, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose, primary, secondary, tertiary)
- * - Icono opcional a la izquierda (12x12px)
- * - Contador/notification badge opcional
- * - Estados hover con transiciones suaves
- * - Los colores se mantienen vibrantes en dark mode (según diseño Figma)
- * - Tipografía: Label Tiny (12px Bold)
- *
- * Mejores prácticas implementadas:
- * - Tokens de color de Tailwind estándar para badges
- * - Font-family explícita (SiesaBT via font-sans)
- * - Transiciones suaves (duration-200)
- * - Estructura clara y mantenible
- *
- * @see docs/typography.md - Sistema tipográfico (Label Tiny)
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4130-9382
- *
- * @example
- * ```tsx
- * // Badge simple
- * <Badge color="blue" label="Label" />
- *
- * // Badge con icono
- * <Badge color="green" label="Success" leftIcon={<CheckIcon />} />
- *
- * // Badge con contador
- * <Badge color="red" label="Errors" count={5} />
- *
- * // Badge completo
- * <Badge color="primary" label="Messages" leftIcon={<MailIcon />} count={12} />
- * ```
- */
-export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=Badge.d.ts.map

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

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

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

@@ -1,32 +0,0 @@
-import type { HTMLAttributes, ReactElement } from 'react';
-/**
- * Variantes de color del Badge
- */
-export type BadgeColor = 'zinc' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'primary' | 'secondary' | 'tertiary';
-/**
- * Props del componente Badge
- */
-export interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Color del badge
-     * @default 'zinc'
-     */
-    color?: BadgeColor;
-    /**
-     * Icono opcional a la izquierda
-     */
-    leftIcon?: ReactElement;
-    /**
-     * Texto del badge
-     */
-    label: string;
-    /**
-     * Número para el notification badge (opcional)
-     */
-    count?: number;
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-}
-//# sourceMappingURL=Badge.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,KAAK,GACL,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,SAAS,GACT,WAAW,GACX,UAAU,CAAC;AAEf;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Button/Button.d.ts

@@ -1,84 +0,0 @@
-import React from 'react';
-import type { ButtonProps } from './Button.types';
-/**
- * Componente Button del sistema de diseño Siesa
- *
- * Implementación pixel-perfect basada en Figma (node 4001-17240)
- * con soporte completo para todos los estados, tamaños y variantes.
- *
- * **Variantes (type):**
- * - `default`: Botón primario con fondo sólido (#0e79fd) y borde (#3c9bf6)
- *   - Sombra interna para efecto de profundidad
- *   - Usar para acciones principales (Guardar, Enviar, Confirmar)
- * - `outline`: Botón secundario con borde (#93d1fd) y shadow-sm
- *   - Usar para acciones secundarias (Cancelar, Volver)
- * - `plain`: Botón terciario sin borde visible
- *   - Hover overlay sutil
- *   - Usar para acciones sutiles (Cerrar, Ver más, Links)
- *
- * **Tamaños (size):**
- * - `xs` (24px): Espacios muy compactos, inline actions. Padding: 8px h, 4px v
- * - `sm` (28px): Barras de herramientas, acciones secundarias. Padding: 8px h, 4px v
- * - `base` (32px): Tamaño estándar para la mayoría de casos. Padding: 10px h, 6px v
- * - `l` (36px): Botones destacados, CTAs. Padding: 12px h, 8px v
- * - `xl` (40px): Heroes, landing pages. Padding: 16px h, 8px v
- *
- * **Estados:**
- * - `default`: Estado normal con colores base
- * - `hover`: Overlay visual sutil (bg-primary-custom-500 para default)
- * - `focus`: Focus ring de 4px (#60b6fa) con offset de 2px (#dbeefe)
- * - `active`: Scale animation (scale-95) para feedback táctil
- * - `disabled`: Opacity 50% con pointer-events-none
- *
- * **Badges de notificación:**
- * - `badge`: Muestra un dot de notificación en la esquina superior derecha
- * - `badgeCount`: Muestra un badge con número (99+ para >99)
- * - `badgeColor`: Color del badge (por defecto: red - #b91c1c)
- *
- * **Especificaciones de Figma:**
- * - Border radius: 6px (rounded-md)
- * - Tipografía: Label Small (14px Bold) para sm/base/l/xl, Label Tiny (12px Bold) para xs
- * - Iconos: 16x16px en todos los tamaños
- * - Gap entre elementos: 8px (xs/sm/base), 12px (l/xl)
- *
- * **Dark Mode:**
- * Los botones invierten colores en dark mode:
- * - Default: fondo celeste claro (#bfe2fe), texto azul (#0e79fd), borde celeste (#93d1fd)
- * - Outline: texto celeste (#93d1fd), borde azul (#0f6ae3)
- * - Plain: texto celeste (#93d1fd), hover overlay blanco 20%
- * - Focus ring adaptativo con offset oscuro
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/shadows.md - Sistema de sombras (shadow-button-inset, shadow-sm)
- * @see docs/typography.md - Sistema tipográfico (Label Small/Tiny)
- * @see docs/spacing.md - Sistema de espaciado
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4001-17240 - Diseño Figma
- *
- * @example
- * ```tsx
- * // Botón primario con icono
- * <Button type="default" size="base" leftIcon={<SaveIcon />}>
- *   Guardar
- * </Button>
- *
- * // Botón secundario
- * <Button type="outline" size="base">
- *   Cancelar
- * </Button>
- *
- * // Botón solo icono para barra de herramientas
- * <Button type="plain" size="sm" iconOnly leftIcon={<CloseIcon />} ariaLabel="Cerrar" />
- *
- * // Botón con badge de notificación (dot)
- * <Button type="default" size="base" badge>
- *   Notificaciones
- * </Button>
- *
- * // Botón con badge contador
- * <Button type="default" size="base" badgeCount={5} badgeColor="red">
- *   Mensajes
- * </Button>
- * ```
- */
-export declare const Button: React.FC<ButtonProps>;
-//# sourceMappingURL=Button.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6PxC,CAAC"}

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

@@ -1,162 +0,0 @@
-import type { ReactNode } from 'react';
-import type { BadgeColor } from '../Badge/Badge.types';
-/**
- * Tipo de botón según el sistema de diseño Siesa (Figma node 4001-17240)
- *
- * - `default`: Botón primario con fondo sólido (#0e79fd) y borde (#3c9bf6)
- *   - Background: primary-custom-600 (#0e79fd)
- *   - Border: primary-inverse-border (#3c9bf6)
- *   - Text: primary-inverse-content (#eff8ff)
- *   - Sombra interna: shadow-button-inset
- *
- * - `outline`: Botón secundario con borde, sin fondo
- *   - Background: transparent
- *   - Border: primary-custom-300 (#93d1fd)
- *   - Text: primary-custom-600 (#0e79fd)
- *   - Sombra: shadow-sm
- *
- * - `plain`: Botón terciario sin borde visible (hover overlay)
- *   - Background: transparent
- *   - Border: transparent
- *   - Text: primary-custom-600 (#0e79fd)
- *
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4001-17240
- */
-export type ButtonType = 'default' | 'outline' | 'plain';
-/**
- * Tamaños de botón según especificaciones de Figma (node 4001-17240)
- *
- * | Size | Height | Padding H | Padding V | Gap  | Font Size  |
- * |------|--------|-----------|-----------|------|------------|
- * | xs   | 24px   | 8px       | 4px       | 8px  | 12px (xs)  |
- * | sm   | 28px   | 8px       | 4px       | 8px  | 14px (sm)  |
- * | base | 32px   | 10px      | 6px       | 8px  | 14px (sm)  |
- * | l    | 36px   | 12px      | 8px       | 12px | 14px (sm)  |
- * | xl   | 40px   | 16px      | 8px       | 12px | 14px (sm)  |
- *
- * Icon-only buttons son cuadrados perfectos con el mismo width y height.
- *
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4001-17240
- */
-export type ButtonSize = 'xs' | 'sm' | 'base' | 'l' | 'xl';
-/**
- * Estados del botón según especificaciones de Figma
- *
- * - `default`: Estado normal con colores base
- * - `hover`: Overlay visual (bg-primary-custom-500 para default, bg-hover-overlay para plain)
- * - `focus`: Focus ring de 4px (#60b6fa) con offset de 2px (#dbeefe)
- * - `disabled`: Opacity 50% con pointer-events-none
- *
- * @note Los estados hover y focus son manejados automáticamente por CSS.
- */
-export type ButtonState = 'default' | 'hover' | 'focus' | 'disabled';
-/**
- * Props del componente Button
- *
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4001-17240
- */
-export interface ButtonProps {
-    /**
-     * Tipo de botón (visual) - determina la jerarquía y estilo del botón
-     *
-     * - `default`: Acción principal (Guardar, Enviar, Confirmar)
-     * - `outline`: Acción secundaria (Cancelar, Volver)
-     * - `plain`: Acción terciaria (Cerrar, Ver más, Links)
-     *
-     * @default 'default'
-     */
-    type?: ButtonType;
-    /**
-     * Tamaño del botón - determina altura, padding y tipografía
-     *
-     * - `xs`: 24px - Espacios muy compactos, inline actions
-     * - `sm`: 28px - Barras de herramientas, acciones secundarias
-     * - `base`: 32px - Tamaño estándar para la mayoría de casos
-     * - `l`: 36px - Botones destacados, CTAs
-     * - `xl`: 40px - Heroes, landing pages
-     *
-     * @default 'base'
-     */
-    size?: ButtonSize;
-    /**
-     * Si true, el botón solo muestra iconos (sin texto)
-     * El botón se vuelve cuadrado perfecto (width = height)
-     *
-     * @default false
-     */
-    iconOnly?: boolean;
-    /**
-     * Icono a mostrar antes del texto (izquierda)
-     * Todos los iconos son 16x16px según especificaciones de Figma
-     */
-    leftIcon?: ReactNode;
-    /**
-     * Icono a mostrar después del texto (derecha)
-     * Todos los iconos son 16x16px según especificaciones de Figma
-     */
-    rightIcon?: ReactNode;
-    /**
-     * Contenido del botón (texto o elementos React)
-     */
-    children?: ReactNode;
-    /**
-     * Si el botón está deshabilitado
-     * Aplica opacity: 50% y pointer-events: none
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Clases CSS adicionales para personalización
-     */
-    className?: string;
-    /**
-     * Función callback ejecutada al hacer click
-     */
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Tipo de botón HTML (comportamiento de formulario)
-     *
-     * - `button`: Botón normal (no envía formularios)
-     * - `submit`: Envía el formulario al hacer click
-     * - `reset`: Resetea el formulario al hacer click
-     *
-     * @default 'button'
-     */
-    htmlType?: 'button' | 'submit' | 'reset';
-    /**
-     * Si el botón ocupa todo el ancho disponible de su contenedor
-     *
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Etiqueta accesible para lectores de pantalla
-     * **Requerido** para botones iconOnly para accesibilidad
-     */
-    ariaLabel?: string;
-    /**
-     * Si true, muestra un badge de notificación (dot) en la esquina superior derecha
-     *
-     * @default false
-     */
-    badge?: boolean;
-    /**
-     * Número a mostrar en el badge de notificación
-     * Si se proporciona, muestra un badge con contador en lugar de un dot
-     * Números mayores a 99 se muestran como "99+"
-     */
-    badgeCount?: number;
-    /**
-     * Color del badge de notificación
-     * Usa los colores del sistema de diseño
-     *
-     * @default 'red' (content-extensions-red: #b91c1c)
-     */
-    badgeColor?: BadgeColor;
-    /**
-     * Atributos HTML adicionales para el elemento button
-     */
-    [key: string]: unknown;
-}
-//# sourceMappingURL=Button.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzD;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC;AAE3D;;;;;;;;;GASG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAErE;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE/D;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEzC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}

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

@@ -1,27 +0,0 @@
-import React from 'react';
-interface IconProps {
-    className?: string;
-}
-/**
- * Icono Plus (heroicons/plus)
- */
-export declare const PlusIcon: React.FC<IconProps>;
-/**
- * Icono ChevronDown (heroicons/chevron-down)
- */
-export declare const ChevronDownIcon: React.FC<IconProps>;
-/**
- * Icono ArrowRight (heroicons/arrow-right)
- * @param {string} className Clases de Tailwind
- */
-export declare const ArrowRightIcon: React.FC<IconProps>;
-/**
- * Icono Check (heroicons/check)
- */
-export declare const CheckIcon: React.FC<IconProps>;
-/**
- * Icono X (heroicons/x-mark)
- */
-export declare const XIcon: React.FC<IconProps>;
-export {};
-//# sourceMappingURL=icons.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Button/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAExC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAE/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAE9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAErC,CAAC"}

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

@@ -1,4 +0,0 @@
-export { Button } from './Button';
-export type { ButtonProps, ButtonType, ButtonSize, ButtonState } from './Button.types';
-export { PlusIcon, ChevronDownIcon, ArrowRightIcon, CheckIcon, XIcon } from './icons';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,31 +0,0 @@
-import type { CheckboxProps } from './Checkbox.types';
-/**
- * Checkbox del sistema de diseño Siesa
- *
- * Componente de checkbox con soporte completo para estados interactivos,
- * indeterminate, y dark mode pixel-perfect según especificaciones de Figma.
- *
- * 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
- * - Sombra button-inset para estado checked
- * - Type safety con TypeScript estricto
- * - Accesibilidad con input nativo y ARIA
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico (Label/Paragraph)
- * @see docs/spacing.md - Sistema de espaciado
- *
- * @example
- * ```tsx
- * <Checkbox
- *   label="Show on Events Page"
- *   description="Make this event visible on your profile"
- *   checked={true}
- *   onChange={(e) => console.log(e.target.checked)}
- * />
- * ```
- */
-export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=Checkbox.d.ts.map

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

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

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

@@ -1,53 +0,0 @@
-import type { InputHTMLAttributes } from 'react';
-/**
- * Estados visuales del Checkbox
- */
-export type CheckboxState = 'default' | 'hover' | 'focus' | 'disabled';
-/**
- * Props del componente Checkbox
- *
- * Extiende HTMLInputElement con props adicionales específicas del componente.
- * Excluye 'type' y 'size' que son manejados internamente.
- */
-export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
-    /**
-     * Etiqueta del checkbox
-     * Tipografía: Label/Small (14px, Bold)
-     */
-    label?: string;
-    /**
-     * Descripción debajo del label
-     * Tipografía: Paragraph/Small (14px, Regular)
-     */
-    description?: string;
-    /**
-     * Si el checkbox está marcado
-     * @default false
-     */
-    checked?: boolean;
-    /**
-     * Si el checkbox está en estado indeterminado (parcialmente seleccionado)
-     * Útil para "select all" cuando solo algunos items están seleccionados
-     * @default false
-     */
-    indeterminate?: boolean;
-    /**
-     * Si el checkbox está deshabilitado
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Clases CSS adicionales para el contenedor principal
-     */
-    className?: string;
-    /**
-     * ID único para el checkbox
-     * Si no se proporciona, se genera automáticamente
-     */
-    id?: string;
-    /**
-     * Callback cuando el estado del checkbox cambia
-     */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}
-//# sourceMappingURL=Checkbox.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjG;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE"}

package/dist/components/DescriptionList/DescriptionList.d.ts

@@ -1,38 +0,0 @@
-import type { DescriptionListProps } from './DescriptionList.types';
-/**
- * DescriptionList del sistema de diseño Siesa
- *
- * Componente para mostrar información estructurada en formato clave-valor (term/details).
- * Layout de dos columnas con separador inferior entre items.
- *
- * 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
- * - Layout flexible y responsive
- * - Tipografía del sistema (Paragraph/Small - 14px)
- *
- * @see docs/colors.md - Sistema de colores (content-primary, content-secondary)
- * @see docs/typography.md - Sistema tipográfico (Paragraph/Small)
- * @see docs/spacing.md - Sistema de espaciado (padding, gaps)
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4103-8449 - Especificaciones Figma
- *
- * @example
- * ```tsx
- * // Item básico
- * <DescriptionList
- *   term="Customer"
- *   details="Jhonatan Diaz"
- * />
- *
- * // Lista completa
- * <div>
- *   <DescriptionList term="Event" details="Bear Hug: Live in Concert" />
- *   <DescriptionList term="Amount" details="$120,000 COP" />
- *   <DescriptionList term="Fee" details="$20,000 COP" />
- * </div>
- * ```
- */
-export declare const DescriptionList: import("react").ForwardRefExoticComponent<DescriptionListProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=DescriptionList.d.ts.map

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

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

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

@@ -1,27 +0,0 @@
-import type { HTMLAttributes } from 'react';
-/**
- * Props del componente DescriptionList
- *
- * Componente para mostrar pares clave-valor en formato de dos columnas.
- */
-export interface DescriptionListProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Término o etiqueta (columna izquierda)
-     * Mostrado en color secundario para diferenciarlo del valor
-     *
-     * @example "Customer", "Event", "Amount"
-     */
-    term: string;
-    /**
-     * Detalles o valor (columna derecha)
-     * Mostrado en color primario como información principal
-     *
-     * @example "Jhonatan Diaz", "Bear Hug: Live in Concert", "$120,000 COP"
-     */
-    details: string;
-    /**
-     * Clases CSS adicionales para el contenedor
-     */
-    className?: string;
-}
-//# sourceMappingURL=DescriptionList.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DescriptionList.types.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionList/DescriptionList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E;;;;;OAKG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Divider/Divider.d.ts

@@ -1,33 +0,0 @@
-import type { DividerProps } from './Divider.types';
-/**
- * Divider del sistema de diseño Siesa
- *
- * Línea horizontal de 1px para separar contenido visual o semánticamente.
- * Implementa dos variantes con soporte completo de dark mode.
- *
- * 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
- * - Componente semántico usando elemento <hr>
- *
- * @see docs/colors.md - Sistema de colores (border-primary, border-secondary)
- * @see docs/spacing.md - Sistema de espaciado (altura de 1px)
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4096-8445 - Especificaciones Figma
- *
- * @example
- * ```tsx
- * // Default divider (más visible)
- * <Divider />
- * <Divider type="default" />
- *
- * // Soft divider (más sutil)
- * <Divider type="soft" />
- *
- * // Con clases personalizadas
- * <Divider className="my-6" />
- * ```
- */
-export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLHRElement>>;
-//# sourceMappingURL=Divider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,OAAO,wGA4CnB,CAAC"}

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

@@ -1,22 +0,0 @@
-import type { HTMLAttributes } from 'react';
-/**
- * Tipo de divider
- */
-export type DividerType = 'default' | 'soft';
-/**
- * Props del componente Divider
- */
-export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
-    /**
-     * Tipo de divider
-     * - default: Línea más visible (border-primary)
-     * - soft: Línea más sutil (border-secondary)
-     * @default 'default'
-     */
-    type?: DividerType;
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-}
-//# sourceMappingURL=Divider.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,aAAa,CAAC;IACjE;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}