siesa-ui-kit 1.0.11 → 1.0.13

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

@@ -3,23 +3,24 @@ interface IconProps {
     className?: string;
 }
 /**
- * Icono Plus (heroicons-micro/plus)
+ * Icono Plus (heroicons/plus)
  */
 export declare const PlusIcon: React.FC<IconProps>;
 /**
- * Icono ChevronDown (heroicons-micro/chevron-down)
+ * Icono ChevronDown (heroicons/chevron-down)
  */
 export declare const ChevronDownIcon: React.FC<IconProps>;
 /**
- * Icono ArrowRight (heroicons-micro/arrow-right)
+ * Icono ArrowRight (heroicons/arrow-right)
+ * @param {string} className Clases de Tailwind
  */
 export declare const ArrowRightIcon: React.FC<IconProps>;
 /**
- * Icono Check (heroicons-micro/check)
+ * Icono Check (heroicons/check)
  */
 export declare const CheckIcon: React.FC<IconProps>;
 /**
- * Icono X (heroicons-micro/x-mark)
+ * Icono X (heroicons/x-mark)
  */
 export declare const XIcon: React.FC<IconProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Button/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CASxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAazC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CASrC,CAAC"}
+{"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/Dropdown/Dropdown.d.ts

@@ -2,32 +2,91 @@ 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
+ *
+ * Menú desplegable implementado pixel-perfect según especificaciones de Figma (node 4194-15135).
+ * Soporta múltiples tipos de items: básicos, con iconos, con descripciones, con shortcuts, con headings y dividers.
+ *
+ * **Especificaciones de Figma:**
+ * - Trigger button: bg-white, border-border-primary, rounded-lg (8px), gap-2 (8px)
+ * - Menu: bg-background-secondary (#f4f4f5), shadow-lg, rounded-lg (8px), padding 4px, min-width 182px
+ * - Items: padding 16px horizontal, 8px vertical, rounded-lg, gap-3 (12px)
+ * - Typography: Label/Small (14px Bold) para trigger, Paragraph/Small (14px Regular) para items
+ * - Typography: Paragraph/Tiny (12px Regular) para headings y descripciones
+ *
+ * **Variantes:**
+ * - `default`: Botón con texto + icono chevron
+ * - `icon-only`: Solo icono chevron (36x36px) - ideal para espacios reducidos
+ *
+ * **Estados del trigger:**
+ * - Default: bg-white, text-content-secondary, border-border-primary
+ * - Hover: bg-background-secondary (#fafafa)
+ * - Focus: ring-2 ring-primary-custom-400 con offset-2
+ * - Disabled: opacity-50 con pointer-events-none
+ *
+ * **Estados de items:**
+ * - Default: text-content-primary
+ * - Hover: bg-background-secondary (#fafafa)
+ * - Selected: bg-primary-custom-100 (light) / bg-primary-custom-600/20 (dark)
+ *
+ * **Dark Mode:**
+ * - Trigger: dark:bg-dark-bg-primary, dark:hover:bg-gray-800
+ * - Menu: bg-background-secondary → dark:bg-dark-bg-primary
+ * - Items hover: dark:hover:bg-gray-800
+ * - Shadow: shadow-lg funciona en ambos modos
+ *
+ * **Funcionalidad:**
+ * - Cierre automático al hacer click fuera del dropdown
+ * - Cierre con tecla Escape
+ * - Modo controlado/no controlado (prop `open` + `onOpenChange`)
+ * - Callback `onClick` por item individual
  *
  * 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
+ * - Accesibilidad con ARIA labels (aria-haspopup, aria-expanded)
+ * - Keyboard navigation (Escape para cerrar)
  *
  * @see docs/colors.md - Sistema de colores
- * @see docs/typography.md - Sistema tipográfico
+ * @see docs/typography.md - Sistema tipográfico (Label/Small, Paragraph/Small, Paragraph/Tiny)
  * @see docs/spacing.md - Sistema de espaciado
- * @see docs/shadows.md - Sistema de sombras
+ * @see docs/shadows.md - Sistema de sombras (shadow-lg)
+ * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4194-15135 - Diseño Figma
  *
  * @example
  * ```tsx
+ * // Dropdown básico
  * <Dropdown
- *   placeholder="Options"
+ *   placeholder="Opciones"
  *   items={[
- *     { children: 'Account', icon: <UserIcon /> },
- *     { children: 'Settings', icon: <CogIcon /> },
+ *     { children: 'Cuenta', icon: <UserIcon /> },
+ *     { children: 'Configuración', icon: <CogIcon /> },
  *     { isDivider: true },
- *     { children: 'Logout' },
+ *     { children: 'Cerrar sesión' },
  *   ]}
  * />
+ *
+ * // Dropdown con headings y descripciones
+ * <Dropdown
+ *   placeholder="Menú"
+ *   items={[
+ *     { isHeading: true, children: 'Cuenta' },
+ *     { children: 'Perfil', icon: <UserIcon />, description: 'Administra tu perfil' },
+ *     { isDivider: true },
+ *     { children: 'Deshacer', shortcut: '⌘ Z' },
+ *   ]}
+ * />
+ *
+ * // Dropdown solo icono
+ * <Dropdown variant="icon-only" items={[...]} />
+ *
+ * // Dropdown controlado
+ * <Dropdown
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   items={[...]}
+ * />
  * ```
  */
 export declare const Dropdown: React.FC<DropdownProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAK1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqQ5C,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"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAK1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6Q5C,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoFpD,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

@@ -48,6 +48,24 @@ export interface DropdownProps {
      * @default 'Options'
      */
     placeholder?: string;
+    /**
+     * Función para renderizar un trigger personalizado
+     * Recibe el estado isOpen y debe retornar un ReactNode
+     * Útil para casos de uso avanzados como menús de usuario con avatar
+     *
+     * @example
+     * ```tsx
+     * <Dropdown
+     *   renderTrigger={(isOpen) => (
+     *     <button className={isOpen ? 'active' : ''}>
+     *       Custom Trigger
+     *     </button>
+     *   )}
+     *   items={[...]}
+     * />
+     * ```
+     */
+    renderTrigger?: (isOpen: boolean) => ReactNode;
 }
 /**
  * Props del componente DropdownItem

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

@@ -1 +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"}
+{"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;IAErB;;;;;;;;;;;;;;;;OAgBG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;CAChD;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

@@ -7,4 +7,7 @@ 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;
+export declare const MoonIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const DocumentTextIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowRightStartOnRectangleIcon: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=icons.d.ts.map

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

@@ -1 +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"}
+{"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;AAEF,eAAO,MAAM,QAAQ,+CAapB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAa5B,CAAC;AAEF,eAAO,MAAM,8BAA8B,+CAa1C,CAAC"}

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

@@ -1 +1 @@
-{"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"}
+{"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;AAIzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAwM1E,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -61,6 +61,27 @@ export interface DropdownItemCollapsibleProps {
      * @default true
      */
     showDivider?: boolean;
+    /**
+     * Si el item está seleccionado (activo)
+     * Útil para NavigationRailTypes en modo expandido
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Si mostrar un badge de notificación (dot rojo)
+     * @default false
+     */
+    badge?: boolean;
+    /**
+     * Número a mostrar en el badge (máximo 99+)
+     * Si se proporciona, se muestra en lugar del dot rojo
+     */
+    badgeCount?: number;
+    /**
+     * Color del badge ('red', 'blue', etc.)
+     * @default 'red'
+     */
+    badgeColor?: 'red' | 'blue' | 'amber' | 'green' | 'purple';
     /**
      * Clases CSS adicionales
      */

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

@@ -1 +1 @@
-{"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"}
+{"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;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE3D;;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/LookupField/LookupField.d.ts

@@ -0,0 +1,6 @@
+import type { LookupFieldProps, LookupFieldRef, LookupRecord } from './LookupField.types';
+import './LookupField.css';
+export declare const LookupField: <TRecord extends LookupRecord = LookupRecord>(props: LookupFieldProps<TRecord> & {
+    ref?: React.Ref<LookupFieldRef<TRecord>>;
+}) => React.ReactElement;
+//# sourceMappingURL=LookupField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LookupField.d.ts","sourceRoot":"","sources":["../../../src/components/LookupField/LookupField.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACzF,OAAO,mBAAmB,CAAA;AAogC1B,eAAO,MAAM,WAAW,EAAmC,CACzD,OAAO,SAAS,YAAY,GAAG,YAAY,EAE3C,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAAE,KAC5E,KAAK,CAAC,YAAY,CAGtB"}

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

@@ -0,0 +1,274 @@
+import type { FilterExpression, SimpleFilter } from './types/filter.types';
+import type { Fetcher, OrderBy } from './services/api.types';
+/** Generic record type - all records must have an Id (PascalCase standard) */
+export interface LookupRecord {
+    Id: string;
+    [key: string]: unknown;
+}
+/** Data passed to onReady callback [UPDATED v0.4 - removed totalRecords] */
+export interface LookupFieldReadyData {
+    /** Whether the first page of data has been loaded */
+    firstPageLoaded: boolean;
+}
+/** Imperative ref methods for programmatic control */
+export interface LookupFieldRef<TRecord extends LookupRecord = LookupRecord> {
+    /** Clears the current selection */
+    clear: () => void;
+    /** Focuses the component trigger */
+    focus: () => void;
+    /** Forces a fresh data fetch from API */
+    reload: () => void;
+    /** Returns the currently selected record or null */
+    getValue: () => TRecord | null;
+    /** Programmatically selects a record by GUID */
+    setValue: (Id: string) => void;
+    /** Opens the dropdown programmatically */
+    open: () => void;
+    /** Closes the dropdown programmatically */
+    close: () => void;
+    /**
+     * Manually triggers validation and updates internal error state.
+     * Use this before form submission to validate required fields.
+     * Calls onValidationChange callback with the validation result.
+     * @returns true if valid (has selection or not required), false if invalid
+     */
+    validate: () => boolean;
+}
+/** Props for LookupField component */
+export interface LookupFieldProps<TRecord extends LookupRecord = LookupRecord> {
+    /** Entity name for API endpoint (e.g., 'customers', 'products') */
+    entity: string;
+    /** Label displayed above the input. Optional when used in table columns where the column header provides the label. */
+    label?: string;
+    /** Fields to display in dropdown options */
+    displayFields: (keyof TRecord & string)[];
+    /** Currently selected record ID (GUID) or null */
+    value: string | null;
+    /** Callback when selection changes */
+    onChange: (record: TRecord | null, previousRecord: TRecord | null) => void;
+    /**
+     * Fetcher function for API requests (FR29, FR31).
+     * Receives entity name and request, returns the search response.
+     * Gives full control over URL construction, HTTP client, headers, etc.
+     *
+     * Use `createFetcher('/api')` helper for simple cases.
+     *
+     * @example
+     * // Using createFetcher helper
+     * import { createFetcher } from 'siesa-ui-kit'
+     * <LookupField fetcher={createFetcher('/api')} />
+     *
+     * @example
+     * // With auth token
+     * <LookupField
+     *   fetcher={async (entity, request) => {
+     *     const res = await fetch(`/api/${entity}/search`, {
+     *       method: 'POST',
+     *       headers: {
+     *         'Content-Type': 'application/json',
+     *         Authorization: `Bearer ${token}`,
+     *       },
+     *       body: JSON.stringify(request),
+     *     })
+     *     return res.json()
+     *   }}
+     * />
+     *
+     * @example
+     * // With axios
+     * <LookupField
+     *   fetcher={async (entity, request) => {
+     *     const { data } = await axios.post(`/api/${entity}/search`, request)
+     *     return data
+     *   }}
+     * />
+     */
+    fetcher: Fetcher;
+    /** Show clear button to reset selection (default: true) */
+    clearable?: boolean;
+    /** Placeholder text when no value selected */
+    placeholder?: string;
+    /** Additional CSS classes for root element */
+    className?: string;
+    /** Number of records per page (default: 10) */
+    pageSize?: number;
+    /** Callback triggered when an API error occurs */
+    onError?: (error: Error) => void;
+    /** Fields to search against (defaults to displayFields) */
+    searchFields?: (keyof TRecord & string)[];
+    /**
+     * Minimum number of characters required before search is triggered.
+     * When user types fewer characters, a message is shown prompting for more input.
+     * @default 1
+     */
+    minChars?: number;
+    /**
+     * Single field to display for selected value (priority 3).
+     * When set, only this field is shown in the trigger for the selected record.
+     * Priority order: renderSelected > displayTemplate > displayValue > all displayFields concatenated
+     */
+    displayValue?: keyof TRecord & string;
+    /**
+     * Template string with {field} placeholders for selected value display (priority 2).
+     * Example: "{codigo} - {nombre}" displays "C001 - Acme Corporation"
+     * Priority order: renderSelected > displayTemplate > displayValue > all displayFields concatenated
+     */
+    displayTemplate?: string;
+    /**
+     * Custom render function for selected value display (priority 1 - highest).
+     * Receives the selected record and returns the string to display.
+     * Priority order: renderSelected > displayTemplate > displayValue > all displayFields concatenated
+     */
+    renderSelected?: (record: TRecord) => string;
+    /**
+     * Static filters to apply to all API requests.
+     * Accepts simple object format: { activo: true, tipo: "A" }
+     * Or expressive AND/OR format: [[{a:1},{a:2}], [{b:true}]]
+     */
+    filters?: SimpleFilter | FilterExpression;
+    /**
+     * Function that returns dynamic filters.
+     * Called before each API request.
+     * Takes precedence over static `filters` prop when both provided.
+     */
+    getFilters?: () => SimpleFilter | FilterExpression;
+    /**
+     * Array of dependency values that trigger data reload when changed.
+     * Use with `getFilters` to implement cascading lookups.
+     *
+     * **IMPORTANT:** Values must be JSON-serializable (primitives, plain objects, arrays).
+     * Do not include functions, circular references, or non-serializable values.
+     *
+     * @example
+     * // Reload cities when countryId changes
+     * <LookupField
+     *   entity="cities"
+     *   getFilters={() => ({ countryId: selectedCountryId })}
+     *   dependencies={[selectedCountryId]}
+     * />
+     */
+    dependencies?: unknown[];
+    /**
+     * Sort order for API results.
+     * If not specified, defaults to first displayField ascending.
+     *
+     * @example
+     * // Sort by name descending
+     * <LookupField orderBy={{ field: 'nombre', direction: 'desc' }} />
+     */
+    orderBy?: OrderBy;
+    /**
+     * Additional fields to request from API but not display in dropdown.
+     * These fields are available in the record passed to onChange and other callbacks.
+     * Useful for accessing related data for business logic.
+     *
+     * @example
+     * // Request email and phone for use in form logic
+     * <LookupField<Customer>
+     *   entity="customers"
+     *   displayFields={['codigo', 'nombre']}
+     *   bindFields={['email', 'telefono', 'direccion']}
+     *   onChange={(customer) => {
+     *     console.log(customer?.email) // Available!
+     *   }}
+     * />
+     */
+    bindFields?: (keyof TRecord & string)[];
+    /**
+     * Makes the component read-only.
+     * When true: selected value is displayed, dropdown cannot open, no clear button.
+     * Useful for displaying selected values in view-only forms.
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Completely disables the component.
+     * When true:
+     * - Cannot receive focus or be clicked
+     * - Removed from tab navigation order (tabIndex=-1)
+     * - Shows dimmed/grayed appearance (opacity: 0.5)
+     * - Clear button is hidden
+     * - No events fire (onChange, onFocus, onBlur)
+     * - Validation is skipped (always valid)
+     *
+     * Use this for fields that are not applicable in the current context
+     * (e.g., City field disabled until Country is selected).
+     *
+     * Note: Different from `readOnly` which allows focus for accessibility
+     * but prevents editing. Use `readOnly` for view-only forms,
+     * use `disabled` for conditionally unavailable fields.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Indicates validation error state.
+     * When true: red border styling applied, aria-invalid="true".
+     * Component remains interactive so user can fix the error.
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Callback when component receives focus.
+     * Fires only once when focus enters the component, not on internal focus changes.
+     */
+    onFocus?: (currentRecord: TRecord | null) => void;
+    /**
+     * Callback when component loses focus.
+     * Fires only when focus leaves the entire component, not on internal focus moves.
+     */
+    onBlur?: (currentRecord: TRecord | null) => void;
+    /**
+     * Callback when initial data loads.
+     * Provides data info and imperative ref for programmatic control.
+     * Fires only once per component mount.
+     */
+    onReady?: (data: LookupFieldReadyData, ref: LookupFieldRef<TRecord>) => void;
+    /**
+     * Callback when value prop contains a non-existent GUID.
+     * Use to handle cases where a controlled value no longer exists in the database.
+     */
+    onInvalidValue?: (Id: string) => void;
+    /**
+     * Override text displayed when no results are found.
+     * Bypasses i18n translation when provided.
+     * @default Uses i18n translation for 'noResults' key
+     */
+    noResultsText?: string;
+    /**
+     * Override placeholder text for the search input inside dropdown.
+     * Bypasses i18n translation when provided.
+     * @default Uses i18n translation for 'placeholder' key
+     */
+    searchPlaceholder?: string;
+    /**
+     * Marks the field as required for form validation.
+     * When true: shows asterisk indicator (unless showRequiredIndicator=false),
+     * enables validation on blur (unless validateOnBlur=false),
+     * and sets aria-required="true" for accessibility.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Controls visibility of the required indicator (asterisk).
+     * When undefined, defaults to the value of `required` prop.
+     * Set to false to hide asterisk even when field is required.
+     * Set to true to show asterisk even when field is not required (unusual).
+     * @default undefined (follows `required` prop)
+     */
+    showRequiredIndicator?: boolean;
+    /**
+     * Enables automatic validation when component loses focus.
+     * When true and required, validates that a selection exists on blur.
+     * Set to false for manual-only validation via ref.validate().
+     * @default true
+     */
+    validateOnBlur?: boolean;
+    /**
+     * Callback fired when validation state changes.
+     * Receives true when validation passes, false when it fails.
+     * Useful for form-level validation state management.
+     */
+    onValidationChange?: (isValid: boolean) => void;
+}
+//# sourceMappingURL=LookupField.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LookupField.types.d.ts","sourceRoot":"","sources":["../../../src/components/LookupField/LookupField.types.ts"],"names":[],"mappings":"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"}

package/dist/components/LookupField/__stories__/DocComponents.d.ts

@@ -0,0 +1,37 @@
+import type { ReactNode } from 'react';
+type DocBoxType = 'how' | 'tip' | 'example' | 'warning' | 'code' | 'compare';
+interface DocBoxProps {
+    type: DocBoxType;
+    title: string;
+    children: ReactNode;
+}
+export declare function DocBox({ type, title, children }: DocBoxProps): import("react/jsx-runtime").JSX.Element;
+interface CodeBlockProps {
+    children: string;
+}
+export declare function CodeBlock({ children }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+interface DemoContainerProps {
+    title: string;
+    subtitle?: string;
+    children: ReactNode;
+}
+export declare function DemoContainer({ title, subtitle, children }: DemoContainerProps): import("react/jsx-runtime").JSX.Element;
+interface DemoGridProps {
+    cols?: 1 | 2 | 3;
+    children: ReactNode;
+}
+export declare function DemoGrid({ cols, children }: DemoGridProps): import("react/jsx-runtime").JSX.Element;
+interface PropCodeProps {
+    code: string;
+}
+export declare function PropCode({ code }: PropCodeProps): import("react/jsx-runtime").JSX.Element;
+interface ResultBoxProps {
+    children: ReactNode;
+}
+export declare function ResultBox({ children }: ResultBoxProps): import("react/jsx-runtime").JSX.Element;
+interface TestTipProps {
+    children: ReactNode;
+}
+export declare function TestTip({ children }: TestTipProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocComponents.d.ts.map

package/dist/components/LookupField/__stories__/DocComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocComponents.d.ts","sourceRoot":"","sources":["../../../../src/components/LookupField/__stories__/DocComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;AAE5E,UAAU,WAAW;IACnB,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAoBD,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAO5D;AAED,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAMrD;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAQ9E;AAED,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAQ,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAQ7D;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,aAAa,2CAE/C;AAED,UAAU,cAAc;IACtB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAErD;AAED,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAMjD"}

package/dist/components/LookupField/__stories__/mocks/browser.d.ts

@@ -0,0 +1,2 @@
+export declare const worker: import("msw/browser").SetupWorker;
+//# sourceMappingURL=browser.d.ts.map

package/dist/components/LookupField/__stories__/mocks/browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../../../../src/components/LookupField/__stories__/mocks/browser.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,mCAA2B,CAAA"}

package/dist/components/LookupField/__stories__/mocks/data.d.ts

@@ -0,0 +1,38 @@
+export interface Customer {
+    Id: string;
+    Codigo: string;
+    Nombre: string;
+    Email: string;
+    Ciudad: string;
+    Telefono: string;
+    Activo: boolean;
+    [key: string]: unknown;
+}
+export interface Product {
+    Id: string;
+    Codigo: string;
+    Nombre: string;
+    Precio: number;
+    PrecioDisplay: string;
+    Categoria: string;
+    [key: string]: unknown;
+}
+export interface City {
+    Id: string;
+    Codigo: string;
+    Nombre: string;
+    CountryId: string;
+    Activo: boolean;
+    [key: string]: unknown;
+}
+export interface Country {
+    Id: string;
+    Codigo: string;
+    Nombre: string;
+    [key: string]: unknown;
+}
+export declare const countries: Country[];
+export declare const cities: City[];
+export declare const customers: Customer[];
+export declare const products: Product[];
+//# sourceMappingURL=data.d.ts.map

package/dist/components/LookupField/__stories__/mocks/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../../src/components/LookupField/__stories__/mocks/data.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,SAAS,EAAE,OAAO,EAI9B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,EAQxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,QAAQ,EAwI/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,EAiE7B,CAAA"}

package/dist/components/LookupField/__stories__/mocks/handlers.d.ts

@@ -0,0 +1,3 @@
+export declare const setSimulateError: (value: boolean) => void;
+export declare const handlers: import("msw").HttpHandler[];
+//# sourceMappingURL=handlers.d.ts.map

package/dist/components/LookupField/__stories__/mocks/handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.d.ts","sourceRoot":"","sources":["../../../../../src/components/LookupField/__stories__/mocks/handlers.ts"],"names":[],"mappings":"AAqHA,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,SAE9C,CAAA;AAED,eAAO,MAAM,QAAQ,6BA2LpB,CAAA"}

package/dist/components/LookupField/hooks/index.d.ts

@@ -0,0 +1,10 @@
+export { useDebouncedSearch } from './useDebouncedSearch';
+export { useKeyboardNavigation } from './useKeyboardNavigation';
+export { useTranslationSafe } from './useTranslationSafe';
+export { useClickOutside } from './useClickOutside';
+export { useFloatingDropdown } from './useFloatingDropdown';
+export { useVirtualList } from './useVirtualList';
+export type { UseKeyboardNavigationOptions, UseKeyboardNavigationResult, } from './useKeyboardNavigation';
+export type { UseFloatingDropdownOptions } from './useFloatingDropdown';
+export type { UseVirtualListOptions, UseVirtualListResult } from './useVirtualList';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/LookupField/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/LookupField/hooks/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EACV,4BAA4B,EAC5B,2BAA2B,GAC5B,MAAM,yBAAyB,CAAA;AAChC,YAAY,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AACvE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA"}