siesa-ui-kit 1.0.0 → 1.0.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import type { DropdownProps, DropdownItemProps, DropdownHeadingProps, DropdownDividerProps } from './Dropdown.types';
+/**
+ * Componente Dropdown 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 y keyboard navigation
+ * - Cierre automático al hacer click fuera
+ *
+ * @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
+ *
+ * @example
+ * ```tsx
+ * <Dropdown
+ *   placeholder="Options"
+ *   items={[
+ *     { children: 'Account', icon: <UserIcon /> },
+ *     { children: 'Settings', icon: <CogIcon /> },
+ *     { isDivider: true },
+ *     { children: 'Logout' },
+ *   ]}
+ * />
+ * ```
+ */
+export declare const Dropdown: React.FC<DropdownProps>;
+/**
+ * Componente DropdownItem
+ * Item individual dentro del menú dropdown
+ *
+ * @example
+ * ```tsx
+ * <DropdownItem icon={<UserIcon />} shortcut="⌘ P">
+ *   Profile
+ * </DropdownItem>
+ * ```
+ */
+export declare const DropdownItem: React.FC<DropdownItemProps>;
+/**
+ * Componente DropdownHeading
+ * Encabezado de sección dentro del menú dropdown
+ *
+ * @example
+ * ```tsx
+ * <DropdownHeading>My events</DropdownHeading>
+ * ```
+ */
+export declare const DropdownHeading: React.FC<DropdownHeadingProps>;
+/**
+ * Componente DropdownDivider
+ * Separador visual entre items del menú dropdown
+ *
+ * @example
+ * ```tsx
+ * <DropdownDivider />
+ * ```
+ */
+export declare const DropdownDivider: React.FC<DropdownDividerProps>;
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAG1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqN5C,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqFpD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2B1D,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsB1D,CAAC"}

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

@@ -0,0 +1,124 @@
+import type { ReactNode, MouseEvent } from 'react';
+/**
+ * Props del componente Dropdown (trigger button)
+ */
+export interface DropdownProps {
+    /**
+     * Variante visual del dropdown
+     * - 'default': Botón con texto + ícono
+     * - 'icon-only': Solo ícono (sin texto)
+     * @default 'default'
+     */
+    variant?: 'default' | 'icon-only';
+    /**
+     * Texto o contenido del botón trigger
+     */
+    children?: ReactNode;
+    /**
+     * Items del menú dropdown
+     */
+    items: DropdownItemProps[];
+    /**
+     * Si el dropdown está abierto (controlado)
+     */
+    open?: boolean;
+    /**
+     * Callback cuando el dropdown cambia de estado
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Si el dropdown está deshabilitado
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Clases CSS adicionales para el trigger
+     */
+    className?: string;
+    /**
+     * Clases CSS adicionales para el menú
+     */
+    menuClassName?: string;
+    /**
+     * Label para accesibilidad (ARIA)
+     */
+    ariaLabel?: string;
+    /**
+     * Placeholder cuando no hay children
+     * @default 'Options'
+     */
+    placeholder?: string;
+}
+/**
+ * Props del componente DropdownItem
+ */
+export interface DropdownItemProps {
+    /**
+     * Contenido del item
+     * No requerido cuando isDivider es true
+     */
+    children?: ReactNode;
+    /**
+     * Icono a mostrar antes del texto (izquierda)
+     */
+    icon?: ReactNode;
+    /**
+     * Descripción secundaria del item
+     */
+    description?: string;
+    /**
+     * Atajo de teclado a mostrar (derecha)
+     */
+    shortcut?: string;
+    /**
+     * Si el item está deshabilitado
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Si el item está seleccionado
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Función onClick del item
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+    /**
+     * Indica si este item es un divider (separador)
+     * @default false
+     */
+    isDivider?: boolean;
+    /**
+     * Indica si este item es un heading (encabezado)
+     * @default false
+     */
+    isHeading?: boolean;
+}
+/**
+ * Props del componente DropdownHeading
+ */
+export interface DropdownHeadingProps {
+    /**
+     * Texto del heading
+     */
+    children: ReactNode;
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+}
+/**
+ * Props del componente DropdownDivider
+ */
+export interface DropdownDividerProps {
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+}
+//# sourceMappingURL=Dropdown.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;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;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,10 @@
+/**
+ * Iconos para el componente Dropdown
+ * Usando heroicons-micro según especificaciones de Figma
+ */
+export declare const ChevronDownIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CogIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const UserIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const BellIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CreditCardIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/icons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,eAAe,+CAa3B,CAAC;AAEF,eAAO,MAAM,OAAO,+CAanB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CASpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAapB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAU1B,CAAC"}

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

@@ -1,8 +1,4 @@
-export { Dropdown, DropdownItem, DropdownHeading, DropdownDivider } from './Dropdown';
-export type {
-  DropdownProps,
-  DropdownItemProps,
-  DropdownHeadingProps,
-  DropdownDividerProps,
-} from './Dropdown.types';
-export { ChevronDownIcon, CogIcon, UserIcon, BellIcon, CreditCardIcon } from './icons';
+export { Dropdown, DropdownItem, DropdownHeading, DropdownDivider } from './Dropdown';
+export type { DropdownProps, DropdownItemProps, DropdownHeadingProps, DropdownDividerProps, } from './Dropdown.types';
+export { ChevronDownIcon, CogIcon, UserIcon, BellIcon, CreditCardIcon } from './icons';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACtF,YAAY,EACV,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { InputProps } from './Input.types';
+/**
+ * Input - Componente de campo de entrada 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')
+ * - Focus rings adaptativos para light y dark mode
+ * - Tokens de color consistentes con la documentación
+ * - Sombra base para inputs con focus
+ * - Estados hover, focus, disabled y error completos
+ * - Typography: Paragraph Regular para texto, Label Bold para labels
+ *
+ * Campo de entrada de texto con soporte para:
+ * - Estados: default, hover, focus, filled, disabled
+ * - Validación con mensajes de error
+ * - Iconos izquierdo y derecho
+ * - Label y helper text
+ * - Dark mode completo
+ * - Accesibilidad completa
+ *
+ * @see docs/colors.md - Sistema de colores
+ * @see docs/shadows.md - Sistema de sombras
+ * @see docs/typography.md - Sistema tipográfico (Paragraph, Label)
+ * @see docs/spacing.md - Sistema de espaciado
+ *
+ * @example
+ * ```tsx
+ * <Input
+ *   label="Email"
+ *   placeholder="tu@email.com"
+ *   leftIcon={<EnvelopeIcon />}
+ *   helperText="Ingresa tu correo electrónico"
+ * />
+ * ```
+ */
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,KAAK,qFAkKjB,CAAC"}

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

@@ -0,0 +1,71 @@
+import type { ReactElement, InputHTMLAttributes } from 'react';
+/**
+ * Estados visuales del Input
+ * @description Tipo de referencia para documentar los estados posibles del Input.
+ * Los estados se manejan automáticamente mediante props (disabled) y pseudo-clases CSS (:hover, :focus)
+ */
+export type InputState = 'default' | 'hover' | 'focus' | 'filled' | 'disabled';
+/**
+ * Props del componente Input
+ *
+ * @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
+ */
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * Etiqueta del campo de entrada
+     * @description Texto descriptivo que se muestra encima del input
+     * @example "Email", "Nombre completo", "Contraseña"
+     */
+    label?: string;
+    /**
+     * Texto secundario junto al label (opcional)
+     * @description Se muestra alineado a la derecha del label, útil para indicar campos opcionales
+     * @example "Optional", "Opcional"
+     */
+    labelSecondary?: string;
+    /**
+     * Texto de ayuda debajo del input
+     * @description Proporciona información adicional o instrucciones para el usuario
+     * @example "Ingresa tu correo electrónico", "Mínimo 8 caracteres"
+     */
+    helperText?: string;
+    /**
+     * Indica si hay un error de validación
+     * @description Cambia el estilo del input para indicar error (borde rojo)
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Mensaje de error a mostrar (reemplaza helperText cuando error=true)
+     * @description Se muestra en rojo debajo del input cuando hay un error
+     * @example "Este campo es requerido", "Formato de email inválido"
+     */
+    errorMessage?: string;
+    /**
+     * Icono a mostrar a la izquierda del input
+     * @description Ayuda a identificar el tipo de campo visualmente
+     * @example <EnvelopeIcon />, <UserIcon />, <LockClosedIcon />
+     */
+    leftIcon?: ReactElement;
+    /**
+     * Icono a mostrar a la derecha del input
+     * @description Útil para acciones como mostrar/ocultar contraseña o limpiar campo
+     * @example <EyeIcon />, <XMarkIcon />, <CheckIcon />
+     */
+    rightIcon?: ReactElement;
+    /**
+     * Si el input ocupa todo el ancho del contenedor
+     * @description Por defecto usa w-[265px], con fullWidth usa w-full
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Clases CSS adicionales para personalizar el componente
+     * @description Se aplican al contenedor principal del input
+     */
+    className?: string;
+}
+//# sourceMappingURL=Input.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE/D;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/E;;;;;;;GAOG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACrF;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB;;;;OAIG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IAEzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,15 @@
+/**
+ * Icons para Input Component
+ * Basado en Heroicons Micro
+ */
+export declare const EnvelopeIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const QuestionMarkCircleIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const UserIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const LockClosedIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const MagnifyingGlassIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const EyeIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const EyeSlashIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const XMarkIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CheckIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ExclamationCircleIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Input/icons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,YAAY,+CAUxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAalC,CAAC;AAEF,eAAO,MAAM,QAAQ,+CASpB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAa1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAa/B,CAAC;AAEF,eAAO,MAAM,OAAO,+CAcnB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAcxB,CAAC;AAEF,eAAO,MAAM,SAAS,+CASrB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAarB,CAAC;AAEF,eAAO,MAAM,qBAAqB,+CAajC,CAAC"}

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

@@ -1,2 +1,3 @@
-export { Input } from './Input';
-export type { InputProps, InputState } from './Input.types';
+export { Input } from './Input';
+export type { InputProps, InputState } from './Input.types';
+//# sourceMappingURL=index.d.ts.map

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

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