siesa-ui-kit 1.0.3 → 1.0.5

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

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

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

@@ -1,10 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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/dist/components/Dropdown/index.d.ts.map

@@ -1 +0,0 @@
-{"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/DropdownItemCollapsible/DropdownItemCollapsible.d.ts

@@ -1,101 +0,0 @@
-import React from 'react';
-import type { DropdownItemCollapsibleProps } from './DropdownItemCollapsible.types';
-/**
- * Componente DropdownItemCollapsible del sistema de diseño Siesa
- *
- * Item colapsable para uso dentro de Dropdowns que permite agrupar
- * items relacionados en secciones expandibles.
- *
- * **Características:**
- * - Soporte completo para expandir/colapsar
- * - Iconos personalizables en header y children
- * - Items anidados indentados automáticamente
- * - Dark mode completo con inversión de colores
- * - Estados: default, hover, active, disabled
- * - Focus rings adaptativos
- * - Animación suave de rotación del chevron
- *
- * **Estados visuales:**
- * - `collapsed`: Muestra solo el header con chevron apuntando down
- * - `expanded`: Muestra header y lista de items anidados
- * - `disabled`: Opacidad 50%, sin interacción
- * - `hover`: Fondo de hover sutil, color primario del icono
- * - `active`: Item anidado seleccionado con fondo custom-primary
- *
- * **Espaciado según Figma:**
- * - Header padding: px-4 py-2 (16px horizontal, 8px vertical)
- * - Item anidado padding: pl-6 pr-4 py-2 (24px left, 16px right, 8px vertical)
- * - Gap entre elementos: gap-3 (12px)
- * - Gap interno (icon + text): gap-3 (12px)
- * - Indent entre niveles: 8px adicional por nivel
- * - Divisor: borde top de 1px con spacing-0.5 (2px) arriba
- * - Sección heading: pt-3 pb-1 px-0 (12px top, 4px bottom, sin horizontal)
- *
- * **Tipografía:**
- * - Header: Paragraph/Small (14px, Regular, line-height 20px) - text-content-primary
- * - Items anidados: Paragraph/Small (14px, Regular, line-height 20px) - text-content-primary
- * - Heading: Paragraph/Tiny (12px, Regular, line-height 16px) - text-content-tertiary
- *
- * **Colores (Light Mode):**
- * - Header text: content-primary (#18181b)
- * - Header icon: content-secondary (#a1a1aa)
- * - Header hover: bg-background-custom-primary (#dbeefe)
- * - Header text hover: content-custom-primary (#0e79fd)
- * - Item text: content-primary (#18181b)
- * - Item hover: bg-transparent (sin fondo)
- * - Divider: border-border-primary (#e4e4e7)
- * - Heading text: content-tertiary (#71717a)
- *
- * **Colores (Dark Mode):**
- * - Header text: content-primary/dark (#fafafa)
- * - Header icon: content-secondary/dark (#a1a1aa)
- * - Header hover: bg-background-custom-primary/dark (#0e5ab0)
- * - Header text hover: content-custom-primary/dark (#bfe2fe)
- * - Item text: content-primary/dark (#fafafa)
- * - Divider: border-border-primary/dark (#3f3f46)
- * - Heading text: content-tertiary/dark (#a1a1aa)
- *
- * **Border radius:**
- * - Todos los items: rounded-lg (8px)
- *
- * **Sombras:**
- * - Ninguna (usado dentro de dropdowns)
- *
- * @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=6135-34374
- *
- * @example
- * ```tsx
- * // Item colapsable simple
- * <DropdownItemCollapsible
- *   label="Users"
- *   icon={<UserIcon />}
- *   children={[
- *     { label: "Active Users", icon: <CheckIcon /> },
- *     { label: "Inactive Users", icon: <CloseIcon /> },
- *   ]}
- * />
- *
- * // Con encabezado de sección
- * <DropdownItemCollapsible
- *   label="Customers"
- *   icon={<BuildingIcon />}
- *   showHeading={true}
- *   headingLabel="SECTION 1"
- *   children={[...]}
- * />
- *
- * // Item no colapsable (actúa como botón normal)
- * <DropdownItemCollapsible
- *   label="Single Item"
- *   icon={<StarIcon />}
- *   isCollapsible={false}
- *   onClick={() => console.log('clicked')}
- * />
- * ```
- */
-export declare const DropdownItemCollapsible: React.FC<DropdownItemCollapsibleProps>;
-export default DropdownItemCollapsible;
-//# sourceMappingURL=DropdownItemCollapsible.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownItemCollapsible.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemCollapsible/DropdownItemCollapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EACV,4BAA4B,EAE7B,MAAM,iCAAiC,CAAC;AAGzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAqL1E,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -1,95 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * Props del componente DropdownItemCollapsible
- *
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-34374
- */
-export interface DropdownItemCollapsibleProps {
-    /**
-     * Texto o contenido principal del item
-     * Ejemplo: "Users", "Customers", "Departments"
-     */
-    label: string;
-    /**
-     * Icono a mostrar antes del texto (izquierda)
-     * Recomendado: 16x16px
-     */
-    icon?: ReactNode;
-    /**
-     * Items anidados que se muestran cuando el item está expandido
-     * Cada item anidado tiene label e icono opcional
-     */
-    children?: DropdownItemCollapsibleChildProps[];
-    /**
-     * Si el item está expandido inicialmente
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Si el item está deshabilitado
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback cuando el item se expande/contrae
-     * @param open - nuevo estado de expansión
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Callback cuando se hace click en el item (sin expandir)
-     * Útil para items que actúan como botones normales
-     */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Si el item debería actuar como un botón normal sin colapsable
-     * @default false
-     */
-    isCollapsible?: boolean;
-    /**
-     * Si mostrar un encabezado de sección antes del item
-     * @default false
-     */
-    showHeading?: boolean;
-    /**
-     * Texto del encabezado de sección
-     * Se usa cuando showHeading es true
-     * Ejemplo: "Section Title"
-     */
-    headingLabel?: string;
-    /**
-     * Si mostrar divisor después del item/encabezado
-     * @default true
-     */
-    showDivider?: boolean;
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-}
-/**
- * Props de items anidados dentro del colapsable
- */
-export interface DropdownItemCollapsibleChildProps {
-    /**
-     * Texto del item anidado
-     */
-    label: string;
-    /**
-     * Icono opcional del item anidado
-     */
-    icon?: ReactNode;
-    /**
-     * Si el item anidado está deshabilitado
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback cuando se hace click en el item anidado
-     */
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Clases CSS adicionales
-     */
-    className?: string;
-}
-//# sourceMappingURL=DropdownItemCollapsible.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownItemCollapsible.types.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemCollapsible/DropdownItemCollapsible.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,iCAAiC,EAAE,CAAC;IAE/C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE3D;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iCAAiC;IAChD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAExD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,19 +0,0 @@
-import React from 'react';
-/**
- * Icono ChevronDown para el toggle del colapsable
- * Diseño basado en heroicons-micro/chevron-down
- * Tamaño: 16x16px
- *
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-34374
- */
-export declare const ChevronDownIcon: React.FC<{
-    className?: string;
-}>;
-/**
- * Icono de usuario placeholder para ejemplos en stories
- * Tamaño: 16x16px
- */
-export declare const UserIcon: React.FC<{
-    className?: string;
-}>;
-//# sourceMappingURL=icons.d.ts.map

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

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

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

@@ -1,9 +0,0 @@
-/**
- * Exportaciones del componente DropdownItemCollapsible
- *
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-34374
- */
-export { DropdownItemCollapsible } from './DropdownItemCollapsible';
-export type { DropdownItemCollapsibleProps, DropdownItemCollapsibleChildProps, } from './DropdownItemCollapsible.types';
-export { ChevronDownIcon, UserIcon } from './icons';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemCollapsible/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,YAAY,EACV,4BAA4B,EAC5B,iCAAiC,GAClC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/DropdownItemHeading/DropdownItemHeading.d.ts

@@ -1,75 +0,0 @@
-import React from 'react';
-import type { DropdownItemHeadingProps } from './DropdownItemHeading.types';
-/**
- * Componente DropdownItemHeading del sistema de diseño Siesa
- *
- * Implementación pixel-perfect basada en Figma (node 6135:32539)
- * para encabezados en menús dropdown con icono, label, descripción y acción.
- *
- * **Estructura:**
- * - Icon Wrapper: Opcional, icono de 16x16px
- * - Content Wrapper: Label + Description (flexible)
- * - Action Wrapper: Opcional, texto de acción en la derecha
- *
- * **Dimensiones:**
- * - Altura flexible (contenido vertical)
- * - Width mínimo: 224px
- * - Padding: 8px vertical, 16px horizontal
- * - Border radius: 8px (rounded-lg)
- *
- * **Tipografía:**
- * - Label: Label/Small (14px Bold) - content-primary
- * - Description: Paragraph/Tiny (12px Regular) - content-secondary
- * - Action: Paragraph/XXSmall (10px Regular) - content-secondary
- *
- * **Dark Mode:**
- * - Label: #18181b (light) → #bfe2fe (dark)
- * - Description: #a1a1aa (light) → #93d1fd (dark)
- * - Icon: #0e79fd (light) → #bfe2fe (dark)
- * - Action: #a1a1aa (light) → #93d1fd (dark)
- *
- * **Estados:**
- * - Default: Sin hover/focus
- * - Hover: Overlay sutil (managed by parent Dropdown)
- * - Disabled: Opacity 50% (managed by parent Dropdown)
- *
- * **Especificaciones de Figma:**
- * - Gap entre elementos: 12px
- * - Gap entre label y description: 2px
- * - Rounded: 8px (rounded-lg)
- *
- * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico (Label/Small, Paragraph/Tiny)
- * @see docs/spacing.md - Sistema de espaciado
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-32539 - Diseño Figma
- *
- * @example
- * ```tsx
- * // Con icono, label, descripción y acción
- * <DropdownItemHeading
- *   label="Settings"
- *   description="Configure your preferences"
- *   showDescription={true}
- *   icon={<SettingsIcon />}
- *   showIcon={true}
- *   actionLabel="Clear"
- *   showAction={true}
- *   onActionClick={handleClear}
- * />
- *
- * // Solo label y descripción (sin icono ni acción)
- * <DropdownItemHeading
- *   label="My Account"
- *   description="user@example.com"
- *   showDescription={true}
- * />
- *
- * // Solo label
- * <DropdownItemHeading
- *   label="Quick Actions"
- *   showDescription={false}
- * />
- * ```
- */
-export declare const DropdownItemHeading: React.FC<DropdownItemHeadingProps>;
-//# sourceMappingURL=DropdownItemHeading.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownItemHeading.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemHeading/DropdownItemHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAG5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA0IlE,CAAC"}

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

@@ -1,85 +0,0 @@
-/**
- * Props del componente DropdownItemHeading
- *
- * Especificaciones de Figma: node 6135:32539
- * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-32539&m=dev
- */
-export interface DropdownItemHeadingProps {
-    /**
-     * Texto del label principal del heading
-     * Tipografía: Label/Small (14px, Bold)
-     * Color: content-primary (#18181b light, #bfe2fe dark)
-     *
-     * @default 'Label'
-     */
-    label?: string;
-    /**
-     * Texto de descripción secundaria bajo el label
-     * Tipografía: Paragraph/Tiny (12px, Regular)
-     * Color: content-secondary (#a1a1aa light, #93d1fd dark)
-     *
-     * @default undefined
-     */
-    description?: string;
-    /**
-     * Si se debe mostrar la descripción
-     * Cuando es false, solo muestra el label
-     *
-     * @default true
-     */
-    showDescription?: boolean;
-    /**
-     * Nombre del icono a mostrar (string)
-     * Iconos disponibles:
-     * - `'cog-6-tooth'`: Icono de engranaje (por defecto)
-     * - `'check'`: Icono de check
-     * - `'x'`: Icono de cerrar
-     * - `'chevron-down'`: Icono de chevron hacia abajo
-     *
-     * Tamaño: 16x16px
-     * Color: primary-custom-600 (#0e79fd light, #bfe2fe dark)
-     *
-     * Si no se proporciona, se usa 'cog-6-tooth' por defecto
-     *
-     * @default 'cog-6-tooth'
-     * @see icons.tsx para ver los iconos disponibles
-     */
-    iconName?: string | null;
-    /**
-     * Si se debe mostrar el icono en la izquierda
-     *
-     * @default true
-     */
-    showIcon?: boolean;
-    /**
-     * Texto de acción a mostrar en la derecha
-     * Tipografía: Paragraph/XXSmall (10px, Regular)
-     * Color: content-secondary (#a1a1aa light, #93d1fd dark)
-     *
-     * Comúnmente usado para "Clear", "Reset", etc.
-     *
-     * @default undefined
-     */
-    actionLabel?: string;
-    /**
-     * Si se debe mostrar el action label en la derecha
-     *
-     * @default false
-     */
-    showAction?: boolean;
-    /**
-     * Callback ejecutado al hacer click en el action label
-     */
-    onActionClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Clases CSS adicionales para personalización
-     *
-     * @default ''
-     */
-    className?: string;
-    /**
-     * Atributos HTML adicionales
-     */
-    [key: string]: unknown;
-}
-//# sourceMappingURL=DropdownItemHeading.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownItemHeading.types.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemHeading/DropdownItemHeading.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,WAAW,wBAAwB;IACvC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAElE;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}

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

@@ -1,48 +0,0 @@
-/**
- * Iconos para el componente DropdownItemHeading
- * Usando heroicons-micro según especificaciones de Figma
- *
- * Los iconos se pueden pasar como strings al componente:
- * - 'cog-6-tooth': Icono de engranaje
- * - 'check': Icono de check
- * - 'x': Icono de cerrar
- * - 'chevron-down': Icono de chevron hacia abajo
- *
- * @see DropdownItemHeading.tsx para ver cómo se usan
- */
-import React from 'react';
-interface IconProps {
-    className?: string;
-}
-/**
- * Icono Cog (heroicons-micro/cog-6-tooth)
- * Usado como icono por defecto en DropdownItemHeading
- * Tamaño: 16x16px
- */
-export declare const CogIcon: ({ className }: IconProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Icono Check (heroicons-micro/check)
- */
-export declare const CheckIcon: ({ className }: IconProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Icono X (heroicons-micro/x-mark)
- */
-export declare const XIcon: ({ className }: IconProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Icono ChevronDown (heroicons-micro/chevron-down)
- */
-export declare const ChevronDownIcon: ({ className }: IconProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Mapeo de nombres de iconos a componentes
- * Permite usar strings para referenciar iconos
- */
-export declare const iconMap: Record<string, React.FC<IconProps>>;
-/**
- * Obtener un icono por su nombre
- * @param iconName - Nombre del icono (ej: 'cog-6-tooth', 'check', 'x', 'chevron-down')
- * @param className - Clases CSS adicionales
- * @returns Componente del icono o null si no existe
- */
-export declare const getIcon: (iconName: string | null | undefined, className?: string) => React.ReactNode;
-export {};
-//# sourceMappingURL=icons.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemHeading/icons.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,eAA2B,SAAS,4CAa3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,eAA2B,SAAS,4CAkB7D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,eAA2B,SAAS,4CASzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,eAA2B,SAAS,4CAanE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAKvD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAClB,UAAU,MAAM,GAAG,IAAI,GAAG,SAAS,EACnC,YAAY,MAAM,KACjB,KAAK,CAAC,SAUR,CAAC"}

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

@@ -1,4 +0,0 @@
-export { DropdownItemHeading } from './DropdownItemHeading';
-export type { DropdownItemHeadingProps } from './DropdownItemHeading.types';
-export { CogIcon, CheckIcon, XIcon, ChevronDownIcon, getIcon, iconMap } from './icons';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownItemHeading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

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

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

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