npm - siesa-ui-kit - Versions diffs - 1.0.11 → 1.0.13 - Mend

siesa-ui-kit 1.0.11 → 1.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (101) hide show

package/dist/siesa-ui-kit.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"siesa-ui-kit.mjs","sources":["../src/components/Button/Button.tsx","../src/components/Input/Input.tsx","../src/components/Textarea/Textarea.tsx","../src/components/Checkbox/Checkbox.tsx","../src/components/Radio/Radio.tsx","../src/components/Switch/Switch.tsx","../src/components/Avatar/Avatar.tsx","../src/components/Divider/Divider.tsx","../src/components/DescriptionList/DescriptionList.tsx","../src/components/Alert/Alert.tsx","../src/components/Badge/Badge.tsx","../src/components/Quantity/Quantity.tsx","../src/components/Dropdown/icons.tsx","../src/components/Dropdown/Dropdown.tsx","../src/components/Notification/Notification.tsx","../src/components/Pagination/icons.tsx","../src/components/Pagination/Pagination.tsx","../src/components/Select/icons.tsx","../src/components/Select/Select.tsx","../src/components/Table/Table.tsx","../src/components/Tabs/Tabs.tsx","../src/components/Navbar/icons.tsx","../src/components/Navbar/Navbar.tsx","../src/components/NavigationBar/NavigationBar.tsx","../src/components/POSConvention/icons.tsx","../src/components/POSConvention/POSConvention.tsx","../src/components/POSLocationButton/icons.tsx","../src/components/POSLocationButton/POSLocationButton.tsx","../src/components/POSNumberButton/POSNumberButton.tsx","../src/components/POSProductButton/POSProductButton.tsx","../src/components/POSProductCard/icons.tsx","../src/components/POSProductCard/POSProductCard.tsx","../src/components/POSProductSidebarItems/icons.tsx","../src/components/POSProductSidebarItems/POSProductSidebarItems.tsx","../src/components/POSTable/POSTable.tsx","../src/context/ThemeContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { ButtonProps, ButtonType } from './Button.types';\n\n/*\n Componente Button del sistema de diseño Siesa\n \n Implementación pixel-perfect basada en Figma (node 4001-17240)\n * con soporte completo para todos los estados, tamaños y variantes.\n \n Variantes (type):\n * - `default`: Botón primario con fondo sólido (#0e79fd) y borde (#3c9bf6)\n * - Sombra interna para efecto de profundidad\n * - Usar para acciones principales (Guardar, Enviar, Confirmar)\n * - `outline-solid`: Botón secundario con borde (#93d1fd) y shadow-xs\n * - Usar para acciones secundarias (Cancelar, Volver)\n * - `plain`: Botón terciario sin borde visible\n * - Hover overlay sutil\n * - Usar para acciones sutiles (Cerrar, Ver más, Links)\n \n Tamaños (size):\n * - `xs` (24px): Espacios muy compactos, inline actions. Padding: 8px h, 4px v\n * - `sm` (28px): Barras de herramientas, acciones secundarias. Padding: 8px h, 4px v\n * - `base` (32px): Tamaño estándar para la mayoría de casos. Padding: 10px h, 6px v\n * - `l` (36px): Botones destacados, CTAs. Padding: 12px h, 8px v\n * - `xl` (40px): Heroes, landing pages. Padding: 16px h, 8px v\n \n Estados:\n * - `default`: Estado normal con colores base\n * - `hover`: Overlay visual sutil (bg-primary-custom-500 para default)\n * - `focus`: Focus ring de 4px (#60b6fa) con offset de 2px (#dbeefe)\n * - `active`: Scale animation (scale-95) para feedback táctil\n * - `disabled`: Opacity 50% con pointer-events-none\n \n Badges de notificación:\n * - `badge`: Muestra un dot de notificación en la esquina superior derecha\n * - `badgeCount`: Muestra un badge con número (99+ para >99)\n * - `badgeColor`: Color del badge (por defecto: red - #b91c1c)\n \n Especificaciones de Figma:\n * - Border radius: 6px (rounded-md)\n * - Tipografía: Label Small (14px Bold) para sm/base/l/xl, Label Tiny (12px Bold) para xs\n * - Iconos: 16x16px en todos los tamaños\n * - Gap entre elementos: 8px (xs/sm/base), 12px (l/xl)\n \n Dark Mode:\n * Los botones invierten colores en dark mode:\n * - Default: fondo celeste claro (#bfe2fe), texto azul (#0e79fd), borde celeste (#93d1fd)\n * - Outline: texto celeste (#93d1fd), borde azul (#0f6ae3)\n * - Plain: texto celeste (#93d1fd), hover overlay blanco 20%\n * - Focus ring adaptativo con offset oscuro\n \n @see docs/colors.md - Sistema de colores\n * @see docs/shadows.md - Sistema de sombras (shadow-button-inset, shadow-sm)\n * @see docs/typography.md - Sistema tipográfico (Label Small/Tiny)\n * @see docs/spacing.md - Sistema de espaciado\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4001-17240 - Diseño Figma\n \n @example\n * ```tsx\n * // Botón primario con icono\n * <Button type=\"default\" size=\"base\" leftIcon={<SaveIcon />}>\n * Guardar\n * </Button>\n \n // Botón secundario\n * <Button type=\"outline\" size=\"base\">\n * Cancelar\n * </Button>\n \n // Botón solo icono para barra de herramientas\n * <Button type=\"plain\" size=\"sm\" iconOnly leftIcon={<CloseIcon />} ariaLabel=\"Cerrar\" />\n \n // Botón con badge de notificación (dot)\n * <Button type=\"default\" size=\"base\" badge>\n * Notificaciones\n * </Button>\n \n // Botón con badge contador\n * <Button type=\"default\" size=\"base\" badgeCount={5} badgeColor=\"red\">\n * Mensajes\n * </Button>\n * ```\n /\nexport const Button: React.FC<ButtonProps> = ({\n type = 'default',\n size = 'base',\n iconOnly = false,\n leftIcon,\n rightIcon,\n children,\n disabled = false,\n className = '',\n onClick,\n htmlType = 'button',\n fullWidth = false,\n ariaLabel,\n badge = false,\n badgeCount,\n badgeColor = 'red',\n ...rest\n}) => {\n // ===== CLASES DE TAMAÑO =====\n const sizeClasses = {\n xs: iconOnly ? 'h-6 w-6 p-1' : 'h-6 py-1 px-2 gap-2',\n sm: iconOnly ? 'h-7 w-7 p-1.5' : 'h-7 py-1 px-2 gap-2',\n base: iconOnly ? 'h-8 w-8 p-2' : 'h-8 py-1.5 px-2.5 gap-2',\n l: iconOnly ? 'h-9 w-9 p-2.5' : 'h-9 py-2 px-3 gap-3',\n xl: iconOnly ? 'h-10 w-10 p-3' : 'h-10 py-2 px-4 gap-3',\n };\n\n // ===== CLASES DE TAMAÑO DE ICONO =====\n const iconSizeClasses = {\n xs: 'w-4 h-4',\n sm: 'w-4 h-4',\n base: 'w-4 h-4',\n l: 'w-4 h-4',\n xl: 'w-4 h-4',\n };\n\n // ===== CLASES DE TAMAÑO DE TEXTO =====\n // Usando el sistema de tipografía Label del design system (typography.md)\n const textSizeClasses = {\n xs: 'text-xs', // Label Tiny - 12px\n sm: 'text-sm', // Label Small - 14px\n base: 'text-sm', // Label Small - 14px (default para base)\n l: 'text-sm', // Label Small - 14px (corregido según Figma)\n xl: 'text-sm', // Label Small - 14px (corregido según Figma)\n };\n\n // ===== CLASES DE TIPO (Default, Outline, Plain) =====\n // Especificaciones de Figma node 4001-17240\n // Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n // Dark mode: Los botones invierten colores (fondo claro, texto oscuro)\n // - Light: fondo #0e79fd (azul), texto #eff8ff (blanco)\n // - Dark: fondo #bfe2fe (celeste claro), texto #0e79fd (azul)\n const typeClasses: Record<ButtonType, string> = {\n default: `\n bg-primary-custom-600\n text-primary-inverse-content\n border\n border-primary-inverse-border\n shadow-button-inset\n hover:bg-primary-custom-500\n active:scale-95\n transition-all\n duration-150\n dark:bg-dark-bg-inverse\n dark:text-dark-content-inverse\n dark:border-dark-border-inverse\n dark:hover:bg-dark-bg-inverse/90\n `,\n outline: `\n bg-transparent\n text-primary-custom-600\n border\n border-primary-custom-300\n shadow-xs\n hover:bg-primary-custom-100\n active:scale-95\n transition-all\n duration-150\n dark:text-dark-content-custom\n dark:border-dark-border-custom\n dark:hover:bg-dark-bg-custom/20\n `,\n 'outline-solid': `\n bg-transparent\n text-primary-custom-600\n border\n border-primary-custom-300\n shadow-xs\n hover:bg-primary-custom-100\n active:scale-95\n transition-all\n duration-150\n dark:text-dark-content-custom\n dark:border-dark-border-custom\n dark:hover:bg-dark-bg-custom/20\n `,\n plain: `\n bg-transparent\n text-primary-custom-600\n border\n border-transparent\n hover:bg-hover-overlay\n active:scale-95\n transition-all\n duration-150\n dark:text-dark-content-custom\n dark:hover:bg-hover-overlay-dark\n `,\n };\n\n // ===== CLASES BASE =====\n // Especificaciones de Figma: Focus ring = 4px spread primary-custom-400 + 2px offset primary-custom-100\n // Dark mode: Focus ring adaptativo con offset oscuro\n const baseClasses = `\n inline-flex\n items-center\n justify-center\n rounded-md\n font-bold\n whitespace-nowrap\n focus:outline-hidden\n focus:ring-4\n focus:ring-primary-custom-400\n focus:ring-offset-2\n focus:ring-offset-primary-custom-100\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n disabled:opacity-50\n disabled:cursor-not-allowed\n disabled:pointer-events-none\n `;\n\n // ===== CLASE FULL WIDTH =====\n const widthClass = fullWidth ? 'w-full' : '';\n\n // ===== COMBINAR TODAS LAS CLASES =====\n const buttonClasses = [\n baseClasses,\n sizeClasses[size],\n typeClasses[type],\n widthClass,\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== RENDERIZAR ICONO =====\n const renderIcon = (icon: React.ReactNode) => {\n if (!icon) return null;\n return (\n <span className={`inline-flex items-center justify-center ${iconSizeClasses[size]}`}>\n {icon}\n </span>\n );\n };\n\n // ===== RENDERIZAR CONTENIDO =====\n const renderContent = () => {\n // Si es iconOnly, solo mostrar leftIcon\n if (iconOnly) {\n return renderIcon(leftIcon);\n }\n\n // Si tiene texto y/o iconos\n return (\n <>\n {leftIcon && renderIcon(leftIcon)}\n {children && <span className={textSizeClasses[size]}>{children}</span>}\n {rightIcon && renderIcon(rightIcon)}\n </>\n );\n };\n\n // ===== MAPA DE COLORES DE BADGE =====\n // Basado en el componente Badge existente\n const badgeColorClasses: Record<string, { bg: string; text: string }> = {\n zinc: { bg: 'bg-zinc-600', text: 'text-white' },\n red: { bg: 'bg-red-700', text: 'text-white' },\n orange: { bg: 'bg-orange-700', text: 'text-white' },\n amber: { bg: 'bg-amber-700', text: 'text-white' },\n yellow: { bg: 'bg-yellow-700', text: 'text-white' },\n lime: { bg: 'bg-lime-700', text: 'text-white' },\n green: { bg: 'bg-green-700', text: 'text-white' },\n emerald: { bg: 'bg-emerald-700', text: 'text-white' },\n teal: { bg: 'bg-teal-700', text: 'text-white' },\n cyan: { bg: 'bg-cyan-700', text: 'text-white' },\n sky: { bg: 'bg-sky-700', text: 'text-white' },\n blue: { bg: 'bg-blue-700', text: 'text-white' },\n indigo: { bg: 'bg-indigo-700', text: 'text-white' },\n violet: { bg: 'bg-violet-700', text: 'text-white' },\n purple: { bg: 'bg-purple-700', text: 'text-white' },\n fuchsia: { bg: 'bg-fuchsia-700', text: 'text-white' },\n pink: { bg: 'bg-pink-700', text: 'text-white' },\n rose: { bg: 'bg-rose-700', text: 'text-white' },\n primary: { bg: 'bg-primary-custom-600', text: 'text-white' },\n secondary: { bg: 'bg-zinc-600', text: 'text-white' },\n tertiary: { bg: 'bg-zinc-600', text: 'text-white' },\n };\n\n const badgeColors = badgeColorClasses[badgeColor] \|\| badgeColorClasses.red;\n\n // ===== RENDERIZAR BADGE =====\n const renderBadge = () => {\n // Si no hay badge ni badgeCount, no renderizar nada\n if (!badge && badgeCount === undefined) return null;\n\n // Si hay badgeCount, renderizar badge con número\n if (badgeCount !== undefined) {\n return (\n <span\n className={`\n absolute\n -top-1\n -right-1\n flex\n items-center\n justify-center\n min-w-[16px]\n h-4\n px-1\n rounded-full\n text-[10px]\n font-bold\n leading-none\n ${badgeColors.bg}\n ${badgeColors.text}\n pointer-events-none\n `.trim().replace(/\\s+/g, ' ')}\n aria-label={`${badgeCount} notificaciones`}\n >\n {badgeCount > 99 ? '99+' : badgeCount}\n </span>\n );\n }\n\n // Si solo hay badge (sin número), renderizar dot\n return (\n <span\n className={`\n absolute\n -top-1\n -right-1\n w-2\n h-2\n rounded-full\n ${badgeColors.bg}\n pointer-events-none\n `.trim().replace(/\\s+/g, ' ')}\n aria-label=\"Notificación\"\n />\n );\n };\n\n return (\n <button\n type={htmlType}\n className={`${buttonClasses} ${(badge \|\| badgeCount !== undefined) ? 'relative' : ''}`}\n disabled={disabled}\n onClick={onClick}\n aria-label={ariaLabel}\n {...rest}\n >\n {renderContent()}\n {renderBadge()}\n </button>\n );\n};\n","import React, { forwardRef, cloneElement } from 'react';\nimport type { InputProps } from './Input.types';\n\n/\n Input - Componente de campo de entrada del sistema de diseño Siesa\n * Basado en especificaciones de Figma con Tailwind CSS\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Focus rings adaptativos para light y dark mode\n * - Tokens de color consistentes con la documentación\n * - Sombra base para inputs con focus\n * - Estados hover, focus, disabled y error completos\n * - Typography: Paragraph Regular para texto, Label Bold para labels\n \n Campo de entrada de texto con soporte para:\n * - Estados: default, hover, focus, filled, disabled\n * - Validación con mensajes de error\n * - Iconos izquierdo y derecho\n * - Label y helper text\n * - Dark mode completo\n * - Accesibilidad completa\n \n @see docs/colors.md - Sistema de colores\n * @see docs/shadows.md - Sistema de sombras\n * @see docs/typography.md - Sistema tipográfico (Paragraph, Label)\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Input\n * label=\"Email\"\n * placeholder=\"tu@email.com\"\n * leftIcon={<EnvelopeIcon />}\n * helperText=\"Ingresa tu correo electrónico\"\n * />\n * ```\n /\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n label,\n labelSecondary,\n helperText,\n error = false,\n errorMessage,\n leftIcon,\n rightIcon,\n fullWidth = false,\n className = '',\n disabled = false,\n id,\n ...props\n },\n ref\n ) => {\n // Generar ID único si no se proporciona\n const inputId = id \|\| `input-${Math.random().toString(36).substr(2, 9)}`;\n\n // ===== CLASES BASE DEL INPUT =====\n // Usando el sistema tipográfico Paragraph Regular (14px = text-sm)\n // Border radius rounded-md (6px) consistente con Button\n const baseInputClasses = `\n w-full\n px-3\n py-1.5\n text-sm\n leading-6\n font-normal\n text-content-primary\n bg-bg-primary\n border\n border-border-primary\n rounded-md\n outline-hidden\n transition-all\n duration-150\n placeholder:text-content-tertiary\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n dark:text-dark-content-primary\n dark:placeholder:text-dark-content-tertiary\n `;\n\n // ===== CLASES PARA ESTADOS INTERACTIVOS =====\n // Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n // Focus rings adaptativos siguiendo el patrón de Button\n const interactiveClasses = !disabled\n ? `\n hover:border-primary-custom-600\n focus:border-primary-custom-600\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:hover:border-dark-border-custom\n dark:focus:border-dark-border-custom\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n `\n : `\n opacity-50\n cursor-not-allowed\n bg-bg-secondary\n dark:bg-dark-bg-secondary\n `;\n\n // ===== CLASES PARA ESTADO DE ERROR =====\n // Los colores de error son los mismos en light y dark mode\n const errorClasses = error\n ? `\n border-error-border!\n focus:ring-error-border/30!\n focus:ring-offset-2!\n dark:border-error-border!\n dark:focus:ring-error-border/30!\n dark:focus:ring-offset-dark-bg-primary!\n `\n : '';\n\n // ===== CLASES DEL CONTENEDOR =====\n const containerClasses = fullWidth ? 'w-full' : 'w-[265px]';\n\n // ===== RENDERIZAR ICONOS =====\n // Clonar iconos con estilos apropiados y dark mode completo\n const renderIcon = (icon: React.ReactElement \| undefined) => {\n if (!icon) return null;\n const existingClassName = (icon.props as any).className \|\| '';\n return cloneElement(icon as React.ReactElement<any>, {\n className: `w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary ${existingClassName}`,\n });\n };\n\n return (\n <div className={`flex flex-col gap-2 ${containerClasses} ${className}`}>\n {/ Label /}\n {label && (\n <label\n htmlFor={inputId}\n className=\"flex items-center w-full font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n <span className=\"flex-1\">{label}</span>\n {labelSecondary && (\n <span className=\"text-xs leading-4 text-primary-custom-600 dark:text-primary-custom-600\">\n {labelSecondary}\n </span>\n )}\n </label>\n )}\n\n {/ Input Container /}\n <div className=\"relative flex items-center\">\n {/ Left Icon /}\n {leftIcon && (\n <div className=\"absolute left-3 pointer-events-none\">\n {renderIcon(leftIcon)}\n </div>\n )}\n\n {/ Input Field /}\n <input\n ref={ref}\n id={inputId}\n disabled={disabled}\n className={`\n ${baseInputClasses}\n ${interactiveClasses}\n ${errorClasses}\n ${leftIcon ? 'pl-9' : ''}\n ${rightIcon ? 'pr-9' : ''}\n `.trim().replace(/\\s+/g, ' ')}\n {...props}\n />\n\n {/ Right Icon /}\n {rightIcon && (\n <div className=\"absolute right-3 pointer-events-none\">\n {renderIcon(rightIcon)}\n </div>\n )}\n </div>\n\n {/ Helper Text or Error Message /}\n {(helperText \|\| errorMessage) && (\n <p\n className={`\n text-xs\n leading-5\n ${\n error\n ? 'text-error-content dark:text-error-content'\n : 'text-content-tertiary dark:text-dark-content-tertiary'\n }\n `.trim().replace(/\\s+/g, ' ')}\n >\n {error && errorMessage ? errorMessage : helperText}\n </p>\n )}\n </div>\n );\n }\n);\n\nInput.displayName = 'Input';\n","import { forwardRef } from 'react';\nimport type { TextareaProps } from './Textarea.types';\n\n/\n Textarea - Componente de área de texto del sistema de diseño Siesa\n * Basado en especificaciones de Figma con Tailwind CSS\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Focus rings adaptativos para light y dark mode\n * - Tokens de color consistentes con la documentación\n * - Estados hover, focus, disabled y error completos\n * - Typography: Paragraph Base (16px) para texto\n \n Campo de entrada de texto multi-línea con soporte para:\n * - Estados: default, hover, focus, filled, disabled\n * - Validación con mensajes de error\n * - Label, description y helper text\n * - Resize vertical, horizontal, both o none\n * - Dark mode completo\n * - Accesibilidad completa\n \n @see docs/colors.md - Sistema de colores\n * @see docs/shadows.md - Sistema de sombras\n * @see docs/typography.md - Sistema tipográfico (Paragraph, Label)\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Textarea\n * label=\"About\"\n * description=\"Tell us about yourself\"\n * placeholder=\"Write a few sentences...\"\n * helperText=\"Minimum 50 characters\"\n * />\n * ```\n /\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n (\n {\n label,\n description,\n helperText,\n error = false,\n errorMessage,\n fullWidth = false,\n resize = 'vertical',\n className = '',\n disabled = false,\n id,\n rows = 4,\n ...props\n },\n ref\n ) => {\n // Generar ID único si no se proporciona\n const textareaId = id \|\| `textarea-${Math.random().toString(36).substr(2, 9)}`;\n\n // ===== CLASES BASE DEL TEXTAREA =====\n // Usando el sistema tipográfico Paragraph Base (16px = text-base)\n // Border radius rounded-lg (8px) según especificaciones de Figma\n // Padding: px-3 (12px) izquierda, pr-1.5 (6px) derecha para el indicador de resize\n const baseTextareaClasses = `\n w-full\n px-3\n pr-1.5\n py-1.5\n text-base\n leading-6\n font-normal\n bg-bg-primary\n border\n border-border-primary\n rounded-lg\n outline-hidden\n transition-all\n duration-150\n placeholder:text-content-tertiary\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n dark:text-dark-content-primary\n dark:placeholder:text-dark-content-tertiary\n `;\n\n // ===== CLASES PARA ESTADOS INTERACTIVOS =====\n // Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n // Hover: borde más opaco (zinc-400) según especificaciones de Figma\n // Focus: solo border-2 sin ring, según especificaciones de Figma\n const interactiveClasses = !disabled\n ? `\n hover:border-zinc-400\n focus:border-2\n focus:border-primary-custom-600\n dark:hover:border-zinc-500\n dark:focus:border-2\n dark:focus:border-dark-border-custom\n `\n : `\n opacity-50\n cursor-not-allowed\n bg-bg-secondary\n dark:bg-dark-bg-secondary\n `;\n\n // ===== CLASES PARA ESTADO DE ERROR =====\n // Los colores de error son los mismos en light y dark mode\n // Focus en error: solo border-2 sin ring, según especificaciones de Figma\n const errorClasses = error\n ? `\n border-error-border!\n focus:border-2!\n focus:border-error-border!\n dark:border-error-border!\n dark:focus:border-2!\n dark:focus:border-error-border!\n `\n : '';\n\n // ===== CLASES DE RESIZE =====\n const resizeClasses =\n resize === 'none'\n ? 'resize-none'\n : resize === 'vertical'\n ? 'resize-y'\n : resize === 'horizontal'\n ? 'resize-x'\n : 'resize';\n\n // ===== CLASES DEL CONTENEDOR =====\n // Ancho por defecto: 312px (según especificaciones de Figma)\n const containerClasses = fullWidth ? 'w-full' : 'w-[312px]';\n\n return (\n <div className={`flex flex-col gap-2 ${containerClasses} ${className}`}>\n {/ Label and Description /}\n {(label \|\| description) && (\n <div className=\"flex flex-col gap-1 w-full\">\n {label && (\n <label\n htmlFor={textareaId}\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n {label}\n </label>\n )}\n {description && (\n <p className=\"text-sm leading-5 text-content-secondary dark:text-dark-content-secondary\">\n {description}\n </p>\n )}\n </div>\n )}\n\n {/ Textarea Field /}\n <textarea\n ref={ref}\n id={textareaId}\n disabled={disabled}\n rows={rows}\n className={`\n ${baseTextareaClasses}\n ${interactiveClasses}\n ${errorClasses}\n ${resizeClasses}\n `.trim().replace(/\\s+/g, ' ')}\n {...props}\n />\n\n {/ Helper Text or Error Message /}\n {(helperText \|\| errorMessage) && (\n <p\n className={`\n text-sm\n leading-5\n text-content-tertiary\n dark:text-dark-content-tertiary\n `.trim().replace(/\\s+/g, ' ')}\n >\n {error && errorMessage ? errorMessage : helperText}\n </p>\n )}\n </div>\n );\n }\n);\n\nTextarea.displayName = 'Textarea';\n","import { forwardRef, useEffect, useRef } from 'react';\nimport type { CheckboxProps } from './Checkbox.types';\n\n/\n Checkbox del sistema de diseño Siesa\n \n Componente de checkbox con soporte completo para estados interactivos,\n * indeterminate, y dark mode pixel-perfect según especificaciones de Figma.\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Sombra button-inset para estado checked\n * - Type safety con TypeScript estricto\n * - Accesibilidad con input nativo y ARIA\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label/Paragraph)\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Checkbox\n * label=\"Show on Events Page\"\n * description=\"Make this event visible on your profile\"\n * checked={true}\n * onChange={(e) => console.log(e.target.checked)}\n * />\n * ```\n /\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n (\n {\n label,\n description,\n checked = false,\n indeterminate = false,\n disabled = false,\n className = '',\n id,\n onChange,\n ...props\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const combinedRef = (ref as any) \|\| inputRef;\n\n // Generar ID único si no se proporciona\n const checkboxId = id \|\| `checkbox-${Math.random().toString(36).substr(2, 9)}`;\n\n // Manejar el estado indeterminate\n useEffect(() => {\n if (combinedRef.current) {\n combinedRef.current.indeterminate = indeterminate;\n }\n }, [indeterminate, combinedRef]);\n\n // ===== CLASES BASE DEL CHECKBOX =====\n const baseCheckboxClasses = `\n w-4\n h-4\n rounded\n border\n border-border-primary\n bg-bg-primary\n transition-all\n duration-150\n flex\n items-center\n justify-center\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n `;\n\n // ===== CLASES PARA ESTADOS INTERACTIVOS =====\n const interactiveClasses = !disabled\n ? (checked \|\| indeterminate)\n ? `\n peer-hover:border-[#50a5f7]\n peer-focus:ring-2\n peer-focus:ring-primary-custom-400/20\n peer-focus:border-primary-custom-600\n dark:peer-hover:border-[#50a5f7]\n dark:peer-focus:border-dark-border-custom\n dark:peer-focus:ring-dark-border-custom/20\n `\n : `\n peer-hover:border-[#b6b6b9]\n peer-focus:ring-2\n peer-focus:ring-primary-custom-400/20\n peer-focus:border-primary-custom-600\n dark:peer-hover:border-[#b6b6b9]\n dark:peer-focus:border-dark-border-custom\n dark:peer-focus:ring-dark-border-custom/20\n `\n : `\n opacity-50\n cursor-not-allowed\n `;\n\n // ===== CLASES PARA ESTADO CHECKED/INDETERMINATE =====\n // Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n const checkedClasses = checked \|\| indeterminate\n ? `\n bg-primary-custom-600!\n border-primary-custom-500!\n shadow-button-inset\n dark:bg-dark-bg-inverse!\n dark:border-dark-bg-inverse!\n `\n : '';\n\n // ===== COMBINAR TODAS LAS CLASES DEL CHECKBOX =====\n const checkboxClasses = [\n baseCheckboxClasses,\n interactiveClasses,\n checkedClasses,\n disabled ? 'cursor-not-allowed' : 'cursor-pointer',\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div className={`inline-flex gap-3 items-start ${className}`}>\n {/ Checkbox Input Container /}\n <div className=\"flex items-center justify-center h-5 w-4 shrink-0\">\n {/ Native Input (hidden but accessible) /}\n <input\n ref={combinedRef}\n type=\"checkbox\"\n id={checkboxId}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n className=\"peer sr-only\"\n {...props}\n />\n\n {/ Custom Checkbox Visual /}\n <label htmlFor={checkboxId} className={checkboxClasses}>\n {/ Check Icon - Usar primary-inverse-content para consistencia /}\n {checked && !indeterminate && (\n <svg\n className=\"w-3 h-3 text-primary-inverse-content pointer-events-none\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M10 3L4.5 8.5L2 6\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n\n {/ Indeterminate Icon (minus) - Usar primary-inverse-content /}\n {indeterminate && (\n <svg\n className=\"w-3 h-3 text-primary-inverse-content pointer-events-none\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2 6H10\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n />\n </svg>\n )}\n </label>\n </div>\n\n {/ Label and Description /}\n {(label \|\| description) && (\n <label\n htmlFor={checkboxId}\n className={`flex-1 flex flex-col gap-1 text-sm leading-5 ${\n disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'\n }`}\n >\n {/ Label - Label/Small (14px, Bold) /}\n {label && (\n <span className=\"font-bold text-content-primary dark:text-dark-content-primary\">\n {label}\n </span>\n )}\n {/ Description - Paragraph/Small (14px, Regular) /}\n {description && (\n <span className=\"font-normal text-content-secondary dark:text-content-secondary\">\n {description}\n </span>\n )}\n </label>\n )}\n </div>\n );\n }\n);\n\nCheckbox.displayName = 'Checkbox';\n","import { forwardRef } from 'react';\nimport type { RadioProps } from './Radio.types';\n\n/\n Radio - Componente de radio button del sistema de diseño Siesa\n \n Campo de selección única diseñado para cumplir con las especificaciones\n * de Figma con soporte completo para dark mode y accesibilidad.\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con keyboard navigation y ARIA\n * - Inner shadow en estado checked según especificaciones Figma\n \n Estados soportados:\n * - Default, Hover, Focus, Disabled\n * - Checked / Unchecked\n * - Label y description opcionales\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Radio simple\n * <Radio\n * label=\"Allow tickets to be resold\"\n * description=\"Customers can resell or transfer their tickets\"\n * value=\"resell\"\n * name=\"ticketOptions\"\n * checked={true}\n * onChange={(e) => console.log(e.target.checked)}\n * />\n \n // Radio group\n * <div>\n * <Radio label=\"Option 1\" name=\"group\" value=\"1\" checked={selected === \"1\"} onChange={handleChange} />\n * <Radio label=\"Option 2\" name=\"group\" value=\"2\" checked={selected === \"2\"} onChange={handleChange} />\n * </div>\n * ```\n /\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n (\n {\n label,\n description,\n checked = false,\n disabled = false,\n className = '',\n id,\n onChange,\n value,\n name,\n ...props\n },\n ref\n ) => {\n // Generar ID único si no se proporciona\n const radioId = id \|\| `radio-${Math.random().toString(36).substr(2, 9)}`;\n\n // ===== CLASES BASE DEL RADIO BUTTON =====\n const baseRadioClasses = `\n w-4\n h-4\n rounded-full\n border\n border-border-primary\n bg-bg-primary\n transition-all\n duration-150\n flex\n items-center\n justify-center\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n `;\n\n // ===== CLASES PARA ESTADOS INTERACTIVOS =====\n const interactiveClasses = !disabled\n ? `\n peer-hover:border-primary-custom-600\n peer-focus:ring-2\n peer-focus:ring-primary-custom-400\n peer-focus:border-primary-custom-600\n dark:peer-hover:border-dark-border-custom\n dark:peer-focus:ring-dark-border-custom\n dark:peer-focus:border-dark-border-custom\n `\n : `\n opacity-50\n cursor-not-allowed\n `;\n\n // ===== CLASES PARA CHECKED STATE =====\n // Según Figma: bg #0e79fd, border #3c9bf6, inner shadow\n const checkedClasses = checked\n ? `\n bg-primary-custom-600!\n border-primary-inverse-border!\n shadow-button-inset\n dark:bg-dark-bg-inverse!\n dark:border-dark-bg-inverse!\n `\n : '';\n\n return (\n <div className={`flex gap-3 items-start ${className}`}>\n {/ Radio Input Container /}\n <div className=\"flex items-center justify-center h-5 w-4 shrink-0\">\n {/ Native Input (hidden but accessible) /}\n <input\n ref={ref}\n type=\"radio\"\n id={radioId}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n value={value}\n name={name}\n className=\"peer sr-only\"\n {...props}\n />\n\n {/ Custom Radio Visual /}\n <label\n htmlFor={radioId}\n className={`\n ${baseRadioClasses}\n ${interactiveClasses}\n ${checkedClasses}\n ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'}\n `.trim().replace(/\\s+/g, ' ')}\n >\n {/ Inner Circle (checked state) - 6px white dot según Figma /}\n {checked && (\n <div className=\"w-1.5 h-1.5 bg-white rounded-full dark:bg-dark-content-inverse\" />\n )}\n </label>\n </div>\n\n {/ Label and Description /}\n {(label \|\| description) && (\n <label\n htmlFor={radioId}\n className={`flex-1 flex flex-col gap-1 text-sm leading-5 ${\n disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'\n }`}\n >\n {label && (\n <span className=\"font-bold text-content-primary dark:text-dark-content-primary\">\n {label}\n </span>\n )}\n {description && (\n <span className=\"font-normal text-content-secondary dark:text-content-secondary\">\n {description}\n </span>\n )}\n </label>\n )}\n </div>\n );\n }\n);\n\nRadio.displayName = 'Radio';\n","import { forwardRef } from 'react';\nimport type { SwitchProps } from './Switch.types';\n\n/\n Switch - Componente de switch del sistema de diseño Siesa\n \n Campo de activación/desactivación con soporte para:\n * - Estados: default, hover, focus, disabled\n * - On, off\n * - Label y description opcionales\n * - Posición del label: leading (izquierda) o trailing (derecha)\n * - Animación suave de transición\n * - Dark mode completo\n * - Accesibilidad completa\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Focus ring con shadow especial según Figma\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Label a la izquierda (default)\n * <Switch\n * label=\"Permitir inserción\"\n * description=\"Permite que otros inserten los detalles de tu evento.\"\n * checked={true}\n * onChange={(e) => console.log(e.target.checked)}\n * />\n \n // Label a la derecha\n * <Switch\n * label=\"Activar notificaciones\"\n * labelPosition=\"trailing\"\n * checked={false}\n * onChange={(e) => console.log(e.target.checked)}\n * />\n * ```\n /\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n (\n {\n label,\n description,\n labelPosition = 'leading',\n checked = false,\n disabled = false,\n className = '',\n id,\n onChange,\n ariaLabel,\n ...props\n },\n ref\n ) => {\n // Generar ID único si no se proporciona\n const switchId = id \|\| `switch-${Math.random().toString(36).substr(2, 9)}`;\n\n // ===== CLASES BASE DEL TRACK =====\n const baseTrackClasses = `\n w-8\n h-5\n rounded-xl\n border\n overflow-hidden\n relative\n transition-all\n duration-200\n `;\n\n // ===== CLASES DE ESTADO DEL TRACK =====\n const getTrackStateClasses = () => {\n if (disabled) {\n return checked\n ? `\n bg-primary-custom-600\n border-primary-inverse-border\n opacity-50\n cursor-not-allowed\n dark:bg-primary-custom-600\n dark:border-primary-inverse-border\n `\n : `\n bg-[#fafafa]\n border-border-primary\n opacity-50\n cursor-not-allowed\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n `;\n }\n\n return checked\n ? `\n bg-primary-custom-600\n border-primary-inverse-border\n cursor-pointer\n peer-hover:border-[#307cc5]\n peer-focus:shadow-[0px_0px_0px_2px_#dbeefe,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#60b6fa]\n dark:bg-primary-custom-600\n dark:border-primary-inverse-border\n dark:peer-hover:border-[#307cc5]\n dark:peer-focus:shadow-[0px_0px_0px_2px_#dbeefe,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#60b6fa]\n `\n : `\n bg-[#fafafa]\n border-border-primary\n cursor-pointer\n peer-hover:border-[#b6b6b9]\n peer-focus:shadow-[0px_0px_0px_2px_#dbeefe,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#60b6fa]\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n dark:peer-hover:border-[#b6b6b9]\n dark:peer-focus:shadow-[0px_0px_0px_2px_#dbeefe,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#60b6fa]\n `;\n };\n\n // ===== CLASES DEL BOTÓN (CÍRCULO) =====\n const getButtonClasses = () => {\n const baseButtonClasses = `\n absolute\n w-4\n h-4\n bg-white\n rounded-[10px]\n border\n top-1/2\n -translate-y-1/2\n transition-all\n duration-200\n `;\n\n // Posición: OFF = left-px (1px), ON = left-[13px]\n const positionClass = checked ? 'left-[13px]' : 'left-px';\n\n if (disabled) {\n const borderClass = checked\n ? 'border-primary-inverse-border dark:border-primary-inverse-border'\n : 'border-border-primary dark:border-dark-border-primary';\n return `${baseButtonClasses} ${positionClass} ${borderClass}`;\n }\n\n const borderClass = checked\n ? `\n border-primary-inverse-border\n peer-hover:border-[#307cc5]\n dark:border-primary-inverse-border\n dark:peer-hover:border-[#307cc5]\n `\n : `\n border-border-primary\n peer-hover:border-[#b6b6b9]\n dark:border-dark-border-primary\n dark:peer-hover:border-[#b6b6b9]\n `;\n\n return `${baseButtonClasses} ${positionClass} ${borderClass}`;\n };\n\n // ===== COMBINAR CLASES =====\n const trackClasses = [\n baseTrackClasses,\n getTrackStateClasses(),\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n const buttonClasses = getButtonClasses()\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== COMPONENTES REUTILIZABLES =====\n const LabelContent = (label \|\| description) ? (\n <label\n htmlFor={switchId}\n className={`flex-1 flex flex-col gap-1 text-sm leading-5 ${\n disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'\n }`}\n >\n {label && (\n <span className=\"font-bold text-content-primary dark:text-dark-content-primary\">\n {label}\n </span>\n )}\n {description && (\n <span className=\"font-normal text-content-secondary dark:text-content-secondary\">\n {description}\n </span>\n )}\n </label>\n ) : null;\n\n const SwitchInput = (\n <div className=\"flex items-center justify-center shrink-0\">\n {/ Native Input (hidden but accessible) /}\n <input\n ref={ref}\n type=\"checkbox\"\n id={switchId}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n className=\"peer sr-only\"\n aria-label={ariaLabel \|\| label}\n {...props}\n />\n\n {/ Custom Switch Visual /}\n <label\n htmlFor={switchId}\n className={trackClasses}\n aria-hidden=\"true\"\n >\n {/ Button (sliding circle) /}\n <div className={buttonClasses} />\n </label>\n </div>\n );\n\n return (\n <div className={`flex gap-2 items-center w-[344px] ${className}`}>\n {labelPosition === 'leading' ? (\n <>\n {LabelContent}\n {SwitchInput}\n </>\n ) : (\n <>\n {SwitchInput}\n {LabelContent}\n </>\n )}\n </div>\n );\n }\n);\n\nSwitch.displayName = 'Switch';\n","import { forwardRef } from 'react';\nimport type { AvatarProps } from './Avatar.types';\n\n/\n Avatar - Componente de avatar del sistema de diseño Siesa\n \n Componente para mostrar imágenes de usuario o iniciales con soporte para:\n * - Tamaños: 4 (20px), 6 (24px), 8 (32px), 10 (40px)\n * - Tipos: circular (completamente redondo) y rounded (esquinas redondeadas)\n * - Imagen o iniciales\n * - Dark mode completo\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Tipografía adaptativa según tamaño\n * - Type safety con TypeScript estricto\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Con imagen\n * <Avatar\n * src=\"/path/to/image.jpg\"\n * alt=\"John Doe\"\n * size=\"10\"\n * type=\"circular\"\n * />\n \n // Con iniciales\n * <Avatar\n * initials=\"JD\"\n * size=\"10\"\n * type=\"circular\"\n * />\n * ```\n /\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(\n (\n {\n size = '10',\n type = 'circular',\n src,\n alt = '',\n initials,\n className = '',\n ...props\n },\n ref\n ) => {\n // ===== CLASES DE TAMAÑO =====\n // Tamaño del contenedor del avatar\n const containerSizeClasses = {\n '4': 'w-5 h-5',\n '6': 'w-6 h-6',\n '8': 'w-8 h-8',\n '10': 'w-10 h-10',\n };\n\n // ===== CLASES DE TEXTO =====\n // Tamaño de texto para iniciales (basado en sistema tipográfico)\n const textSizeClasses = {\n '4': 'text-xs', // 12px - Paragraph Tiny\n '6': 'text-xs', // 12px - Paragraph Tiny\n '8': 'text-sm', // 14px - Paragraph Small\n '10': 'text-base', // 16px - Paragraph Base\n };\n\n // ===== CLASES DE TIPO (Forma) =====\n const typeClasses = {\n circular: 'rounded-full',\n rounded: 'rounded-md',\n };\n\n // ===== CLASES BASE =====\n const baseClasses = `\n relative\n inline-flex\n items-center\n justify-center\n overflow-hidden\n ${containerSizeClasses[size]}\n ${typeClasses[type]}\n `;\n\n // Si hay imagen, mostrarla\n if (src) {\n return (\n <div\n ref={ref}\n className={`${baseClasses} ${className}`.trim().replace(/\\s+/g, ' ')}\n >\n <img\n src={src}\n alt={alt}\n className=\"w-full h-full object-cover\"\n {...(props as any)}\n />\n </div>\n );\n }\n\n // Si hay iniciales, mostrarlas\n if (initials) {\n return (\n <div\n ref={ref}\n className={`\n ${baseClasses}\n ${textSizeClasses[size]}\n bg-content-primary\n text-white\n font-normal\n dark:bg-dark-bg-inverse\n dark:text-dark-content-inverse\n ${className}\n `.trim().replace(/\\s+/g, ' ')}\n >\n <span className=\"leading-none\">{initials}</span>\n </div>\n );\n }\n\n // Fallback: avatar vacío\n return (\n <div\n ref={ref}\n className={`\n ${baseClasses}\n bg-background-secondary\n dark:bg-dark-bg-primary\n ${className}\n `.trim().replace(/\\s+/g, ' ')}\n />\n );\n }\n);\n\nAvatar.displayName = 'Avatar';\n","import { forwardRef } from 'react';\nimport type { DividerProps } from './Divider.types';\n\n/\n Divider del sistema de diseño Siesa\n \n Línea horizontal de 1px para separar contenido visual o semánticamente.\n * Implementa dos variantes con soporte completo de dark mode.\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Componente semántico usando elemento <hr>\n \n @see docs/colors.md - Sistema de colores (border-primary, border-secondary)\n * @see docs/spacing.md - Sistema de espaciado (altura de 1px)\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4096-8445 - Especificaciones Figma\n \n @example\n * ```tsx\n * // Default divider (más visible)\n * <Divider />\n * <Divider type=\"default\" />\n \n // Soft divider (más sutil)\n * <Divider type=\"soft\" />\n \n // Con clases personalizadas\n * <Divider className=\"my-6\" />\n * ```\n /\nexport const Divider = forwardRef<HTMLHRElement, DividerProps>(\n (\n {\n type = 'default',\n className = '',\n ...props\n },\n ref\n ) => {\n // ===== CLASES DE TIPO =====\n // Orden de modificadores: {dark}:{utility}\n const typeClasses = {\n // Default: Línea más visible para separaciones claras\n // Light: border-primary (#e4e4e7)\n // Dark: dark-border-primary (#71717a)\n default: 'bg-border-primary dark:bg-dark-border-primary',\n\n // Soft: Línea más sutil para separaciones suaves\n // Light: border-secondary (#f4f4f5 - muy claro)\n // Dark: gray-700 (#374151 - gris medio-oscuro, más sutil que dark-border-primary)\n soft: 'bg-border-secondary dark:bg-gray-700',\n };\n\n // ===== CLASES BASE =====\n const baseClasses = 'w-full h-px border-0';\n\n // ===== COMBINAR CLASES =====\n const finalClasses = [\n baseClasses,\n typeClasses[type],\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <hr\n ref={ref}\n className={finalClasses}\n {...props}\n />\n );\n }\n);\n\nDivider.displayName = 'Divider';\n","import { forwardRef } from 'react';\nimport type { DescriptionListProps } from './DescriptionList.types';\n\n/\n DescriptionList del sistema de diseño Siesa\n \n Componente para mostrar información estructurada en formato clave-valor (term/details).\n * Layout de dos columnas con separador inferior entre items.\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Layout flexible y responsive\n * - Tipografía del sistema (Paragraph/Small - 14px)\n \n @see docs/colors.md - Sistema de colores (content-primary, content-secondary)\n * @see docs/typography.md - Sistema tipográfico (Paragraph/Small)\n * @see docs/spacing.md - Sistema de espaciado (padding, gaps)\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4103-8449 - Especificaciones Figma\n \n @example\n * ```tsx\n * // Item básico\n * <DescriptionList\n * term=\"Customer\"\n * details=\"Jhonatan Diaz\"\n * />\n \n // Lista completa\n * <div>\n * <DescriptionList term=\"Event\" details=\"Bear Hug: Live in Concert\" />\n * <DescriptionList term=\"Amount\" details=\"$120,000 COP\" />\n * <DescriptionList term=\"Fee\" details=\"$20,000 COP\" />\n * </div>\n * ```\n /\nexport const DescriptionList = forwardRef<HTMLDivElement, DescriptionListProps>(\n (\n {\n term,\n details,\n className = '',\n ...props\n },\n ref\n ) => {\n // ===== CLASES BASE =====\n const baseClasses = `\n flex\n flex-wrap\n gap-1\n items-start\n py-2.5\n border-b\n border-border-secondary\n dark:border-gray-700\n `;\n\n // ===== CLASES DE COLUMNA =====\n // Cada columna ocupa el 50% del espacio disponible (flex-1)\n // con un ancho mínimo de 180px para mantener legibilidad\n const columnClasses = 'flex-1 min-w-[180px]';\n\n // ===== COMBINAR CLASES =====\n const finalClasses = [baseClasses, className]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div ref={ref} className={finalClasses} {...props}>\n {/ Term Column (izquierda) /}\n {/ Light: content-secondary (#a1a1aa) /}\n {/ Dark: gray-400 (#9ca3af - gris medio claro para mantener contraste) /}\n <div className={columnClasses}>\n <p className=\"text-sm leading-5 text-content-secondary dark:text-gray-400 font-normal\">\n {term}\n </p>\n </div>\n\n {/ Details Column (derecha) /}\n {/ Light: content-primary (#18181b) /}\n {/ Dark: dark-content-primary (#ffffff) /}\n <div className={columnClasses}>\n <p className=\"text-sm leading-5 text-content-primary dark:text-dark-content-primary font-normal\">\n {details}\n </p>\n </div>\n </div>\n );\n }\n);\n\nDescriptionList.displayName = 'DescriptionList';\n","import { forwardRef } from 'react';\nimport type { AlertProps } from './Alert.types';\nimport { Button } from '../Button/Button';\n\n/\n Alert - Componente de alerta/diálogo del sistema de diseño Siesa\n \n Componente modal para confirmaciones con soporte para:\n * - Título y descripción\n * - Contenido personalizado (children)\n * - Botones de acción personalizados o por defecto\n * - Dark mode\n \n @example\n * ```tsx\n * <Alert\n * title=\"Are you sure you want to refund this payment?\"\n * description=\"The refund will be reflected in 2 to 3 business days.\"\n * onCancel={() => console.log('Cancelled')}\n * onConfirm={() => console.log('Confirmed')}\n * confirmText=\"Refund\"\n * />\n * ```\n /\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(\n (\n {\n title,\n description,\n children,\n actions,\n onCancel,\n onConfirm,\n cancelText = 'Cancelar',\n confirmText = 'Confirmar',\n className = '',\n ...props\n },\n ref\n ) => {\n // Si se proveen actions personalizadas, usarlas. Si no, usar botones por defecto\n const actionButtons = actions \|\| (\n <>\n {onCancel && (\n <Button type=\"plain\" size=\"base\" onClick={onCancel}>\n {cancelText}\n </Button>\n )}\n {onConfirm && (\n <Button type=\"default\" size=\"base\" onClick={onConfirm}>\n {confirmText}\n </Button>\n )}\n </>\n );\n\n return (\n <div\n ref={ref}\n className={`\n w-[512px]\n bg-white\n dark:bg-dark-bg-primary\n border\n border-border-primary\n dark:border-dark-border-primary\n rounded-xl\n ${className}\n `.trim().replace(/\\s+/g, ' ')}\n {...props}\n >\n {/ Content Container /}\n <div className=\"p-6 flex flex-col gap-4\">\n {/ Text Section /}\n <div className=\"flex flex-col gap-3\">\n {/ Title /}\n <p className=\"text-sm leading-5 font-bold text-content-primary dark:text-dark-content-primary\">\n {title}\n </p>\n\n {/ Description (optional) /}\n {description && (\n <p className=\"text-sm leading-5 font-normal text-content-tertiary dark:text-content-tertiary\">\n {description}\n </p>\n )}\n </div>\n\n {/ Body Content (optional) /}\n {children && (\n <div className=\"flex flex-col gap-3\">\n {children}\n </div>\n )}\n\n {/ Actions /}\n <div className=\"flex flex-wrap gap-3 items-center justify-end\">\n {actionButtons}\n </div>\n </div>\n </div>\n );\n }\n);\n\nAlert.displayName = 'Alert';\n","import { forwardRef, cloneElement } from 'react';\nimport type { BadgeProps, BadgeColor } from './Badge.types';\n\n/\n Badge del sistema de diseño Siesa\n \n Componente para mostrar etiquetas con múltiples variantes de color.\n * Los badges mantienen sus colores vibrantes en light y dark mode para\n * garantizar visibilidad y consistencia visual.\n \n Características implementadas:\n * - 21 variantes de color (zinc, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose, primary, secondary, tertiary)\n * - Icono opcional a la izquierda (12x12px)\n * - Contador/notification badge opcional\n * - Estados hover con transiciones suaves\n * - Los colores se mantienen vibrantes en dark mode (según diseño Figma)\n * - Tipografía: Label Tiny (12px Bold)\n \n Mejores prácticas implementadas:\n * - Tokens de color de Tailwind estándar para badges\n * - Font-family explícita (SiesaBT via font-sans)\n * - Transiciones suaves (duration-200)\n * - Estructura clara y mantenible\n \n @see docs/typography.md - Sistema tipográfico (Label Tiny)\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4130-9382\n \n @example\n * ```tsx\n * // Badge simple\n * <Badge color=\"blue\" label=\"Label\" />\n \n // Badge con icono\n * <Badge color=\"green\" label=\"Success\" leftIcon={<CheckIcon />} />\n \n // Badge con contador\n * <Badge color=\"red\" label=\"Errors\" count={5} />\n \n // Badge completo\n * <Badge color=\"primary\" label=\"Messages\" leftIcon={<MailIcon />} count={12} />\n * ```\n /\nexport const Badge = forwardRef<HTMLDivElement, BadgeProps>(\n (\n {\n color = 'zinc',\n leftIcon,\n label,\n count,\n className = '',\n ...props\n },\n ref\n ) => {\n // Map de colores - En dark mode mantienen los mismos colores vibrantes según Figma\n const colorClasses: Record<BadgeColor, { bg: string; text: string; hover: string; notificationBg: string; notificationText: string }> = {\n zinc: {\n bg: 'bg-zinc-100',\n text: 'text-zinc-600',\n hover: 'hover:bg-zinc-200',\n notificationBg: 'bg-zinc-600',\n notificationText: 'text-zinc-100',\n },\n red: {\n bg: 'bg-red-100',\n text: 'text-red-700',\n hover: 'hover:bg-red-200',\n notificationBg: 'bg-red-700',\n notificationText: 'text-red-100',\n },\n orange: {\n bg: 'bg-orange-100',\n text: 'text-orange-700',\n hover: 'hover:bg-orange-200',\n notificationBg: 'bg-orange-700',\n notificationText: 'text-orange-100',\n },\n amber: {\n bg: 'bg-amber-100',\n text: 'text-amber-700',\n hover: 'hover:bg-amber-200',\n notificationBg: 'bg-amber-700',\n notificationText: 'text-amber-100',\n },\n yellow: {\n bg: 'bg-yellow-100',\n text: 'text-yellow-700',\n hover: 'hover:bg-yellow-200',\n notificationBg: 'bg-yellow-700',\n notificationText: 'text-yellow-100',\n },\n lime: {\n bg: 'bg-lime-100',\n text: 'text-lime-700',\n hover: 'hover:bg-lime-200',\n notificationBg: 'bg-lime-700',\n notificationText: 'text-lime-100',\n },\n green: {\n bg: 'bg-green-100',\n text: 'text-green-700',\n hover: 'hover:bg-green-200',\n notificationBg: 'bg-green-700',\n notificationText: 'text-green-100',\n },\n emerald: {\n bg: 'bg-emerald-100',\n text: 'text-emerald-700',\n hover: 'hover:bg-emerald-200',\n notificationBg: 'bg-emerald-700',\n notificationText: 'text-emerald-100',\n },\n teal: {\n bg: 'bg-teal-100',\n text: 'text-teal-700',\n hover: 'hover:bg-teal-200',\n notificationBg: 'bg-teal-700',\n notificationText: 'text-teal-100',\n },\n cyan: {\n bg: 'bg-cyan-100',\n text: 'text-cyan-700',\n hover: 'hover:bg-cyan-200',\n notificationBg: 'bg-cyan-700',\n notificationText: 'text-cyan-100',\n },\n sky: {\n bg: 'bg-sky-100',\n text: 'text-sky-700',\n hover: 'hover:bg-sky-200',\n notificationBg: 'bg-sky-700',\n notificationText: 'text-sky-100',\n },\n blue: {\n bg: 'bg-blue-100',\n text: 'text-blue-700',\n hover: 'hover:bg-blue-200',\n notificationBg: 'bg-blue-700',\n notificationText: 'text-blue-100',\n },\n indigo: {\n bg: 'bg-indigo-100',\n text: 'text-indigo-700',\n hover: 'hover:bg-indigo-200',\n notificationBg: 'bg-indigo-700',\n notificationText: 'text-indigo-100',\n },\n violet: {\n bg: 'bg-violet-100',\n text: 'text-violet-700',\n hover: 'hover:bg-violet-200',\n notificationBg: 'bg-violet-700',\n notificationText: 'text-violet-100',\n },\n purple: {\n bg: 'bg-purple-100',\n text: 'text-purple-700',\n hover: 'hover:bg-purple-200',\n notificationBg: 'bg-purple-700',\n notificationText: 'text-purple-100',\n },\n fuchsia: {\n bg: 'bg-fuchsia-100',\n text: 'text-fuchsia-700',\n hover: 'hover:bg-fuchsia-200',\n notificationBg: 'bg-fuchsia-700',\n notificationText: 'text-fuchsia-100',\n },\n pink: {\n bg: 'bg-pink-100',\n text: 'text-pink-700',\n hover: 'hover:bg-pink-200',\n notificationBg: 'bg-pink-700',\n notificationText: 'text-pink-100',\n },\n rose: {\n bg: 'bg-rose-100',\n text: 'text-rose-700',\n hover: 'hover:bg-rose-200',\n notificationBg: 'bg-rose-700',\n notificationText: 'text-rose-100',\n },\n primary: {\n bg: 'bg-primary-custom-100',\n text: 'text-primary-custom-600',\n hover: 'hover:bg-primary-custom-200',\n notificationBg: 'bg-primary-custom-600',\n notificationText: 'text-primary-custom-100',\n },\n secondary: {\n bg: 'bg-zinc-100',\n text: 'text-zinc-600',\n hover: 'hover:bg-zinc-200',\n notificationBg: 'bg-zinc-600',\n notificationText: 'text-zinc-100',\n },\n tertiary: {\n bg: 'bg-zinc-100',\n text: 'text-zinc-600',\n hover: 'hover:bg-zinc-200',\n notificationBg: 'bg-zinc-600',\n notificationText: 'text-zinc-100',\n },\n };\n\n const colors = colorClasses[color];\n\n // Renderizar icono con tamaño correcto (12x12)\n const renderIcon = (icon: React.ReactElement) => {\n const existingClassName = (icon.props as any).className \|\| '';\n return cloneElement(icon as React.ReactElement<any>, {\n className: `w-3 h-3 ${existingClassName}`.trim(),\n });\n };\n\n // ===== COMBINAR CLASES =====\n const finalClasses = [\n 'inline-flex',\n 'items-center',\n 'gap-1',\n 'px-1.5',\n 'py-1',\n 'rounded-md',\n 'font-sans',\n colors.bg,\n colors.hover,\n 'transition-colors',\n 'duration-200',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div\n ref={ref}\n className={finalClasses}\n {...props}\n >\n {/ Icono izquierdo /}\n {leftIcon && (\n <div className={`flex items-center justify-center ${colors.text}`}>\n {renderIcon(leftIcon)}\n </div>\n )}\n\n {/ Label del badge /}\n <span className={`font-sans text-xs leading-4 ${colors.text}`}>\n {label}\n </span>\n\n {/ Notification badge (contador) /}\n {count !== undefined && (\n <div\n className={`\n h-3\n flex\n items-center\n justify-center\n px-0.5\n rounded-xs\n min-w-[12px]\n ${colors.notificationBg}\n `.trim().replace(/\\s+/g, ' ')}\n >\n <span className={`font-sans text-xs leading-4 ${colors.notificationText}`}>\n {count}\n </span>\n </div>\n )}\n </div>\n );\n }\n);\n\nBadge.displayName = 'Badge';\n","import { forwardRef, useState, useEffect } from 'react';\nimport type { QuantityProps } from './Quantity.types';\n\n/\n Quantity - Componente de cantidad del sistema de diseño Siesa\n \n Componente para seleccionar cantidades con soporte para:\n * - Botones de incremento/decremento\n * - Valores mínimo y máximo\n * - Label opcional con link\n * - Texto de ayuda opcional\n * - Estado de error\n * - Estado deshabilitado\n * - Dark mode completo\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Focus rings adaptativos para light y dark mode\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Quantity\n * label=\"Cantidad\"\n * value={5}\n * min={0}\n * max={10}\n * onChange={(value) => console.log(value)}\n * />\n * ```\n /\nexport const Quantity = forwardRef<HTMLDivElement, QuantityProps>(\n (\n {\n value: controlledValue,\n defaultValue = 0,\n onChange,\n min = 0,\n max,\n label,\n linkText,\n onLinkClick,\n helperText,\n error = false,\n disabled = false,\n className = '',\n ...props\n },\n ref\n ) => {\n // Estado interno para valor no controlado\n const [internalValue, setInternalValue] = useState(defaultValue);\n const isControlled = controlledValue !== undefined;\n const currentValue = isControlled ? controlledValue : internalValue;\n\n // Sincronizar valor interno con defaultValue cuando cambia\n useEffect(() => {\n if (!isControlled) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue, isControlled]);\n\n // Handler para cambio de valor\n const handleValueChange = (newValue: number) => {\n // Aplicar restricciones de min/max\n let clampedValue = newValue;\n if (min !== undefined && clampedValue < min) {\n clampedValue = min;\n }\n if (max !== undefined && clampedValue > max) {\n clampedValue = max;\n }\n\n // Actualizar estado interno si no está controlado\n if (!isControlled) {\n setInternalValue(clampedValue);\n }\n\n // Llamar onChange si existe\n onChange?.(clampedValue);\n };\n\n // Handlers para botones\n const handleDecrement = () => {\n if (disabled) return;\n handleValueChange(currentValue - 1);\n };\n\n const handleIncrement = () => {\n if (disabled) return;\n handleValueChange(currentValue + 1);\n };\n\n // Verificar si los botones deben estar deshabilitados\n const isDecrementDisabled = disabled \|\| (min !== undefined && currentValue <= min);\n const isIncrementDisabled = disabled \|\| (max !== undefined && currentValue >= max);\n\n // Iconos SVG inline\n const MinusIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3 8H13\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n\n const PlusIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 3V13M3 8H13\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n\n // Clases para el estado (usando especificaciones exactas de Figma)\n const borderClass = error\n ? 'border-error-border dark:border-error-border'\n : 'border-border-primary dark:border-dark-border-primary';\n\n const hoverClass = !disabled && !error\n ? 'hover:border-[#f9f9f9] dark:hover:border-[#f9f9f9]'\n : '';\n\n const focusClass = !disabled && !error\n ? 'focus-within:border-2 focus-within:border-[#329cff] dark:focus-within:border-[#329cff]'\n : '';\n\n return (\n <div\n ref={ref}\n className={`flex flex-col gap-2 ${className}`.trim()}\n {...props}\n >\n {/ Label con link opcional /}\n {label && (\n <div className=\"flex items-center justify-between\">\n <label className=\"text-sm leading-5 font-bold text-content-primary dark:text-dark-content-primary\">\n {label}\n </label>\n {linkText && (\n <button\n type=\"button\"\n onClick={onLinkClick}\n disabled={disabled}\n className={`\n text-xs leading-4\n text-primary-custom-600\n hover:underline\n dark:text-primary-custom-600\n ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}\n transition-colors\n duration-200\n `.trim().replace(/\\s+/g, ' ')}\n >\n {linkText}\n </button>\n )}\n </div>\n )}\n\n {/ Input con botones /}\n <div\n className={`\n flex\n items-center\n gap-2\n px-3\n py-1.5\n bg-white\n dark:bg-dark-bg-primary\n border\n ${borderClass}\n ${hoverClass}\n ${focusClass}\n rounded-lg\n transition-colors\n duration-200\n ${disabled ? 'opacity-50 cursor-not-allowed' : ''}\n `.trim().replace(/\\s+/g, ' ')}\n >\n {/ Botón decrementar /}\n <button\n type=\"button\"\n onClick={handleDecrement}\n disabled={isDecrementDisabled}\n className={`\n flex\n items-center\n justify-center\n w-4\n h-4\n ${isDecrementDisabled\n ? 'text-content-tertiary dark:text-content-tertiary cursor-not-allowed'\n : 'text-content-primary dark:text-dark-content-primary hover:text-content-secondary dark:hover:text-content-secondary cursor-pointer'\n }\n transition-colors\n duration-200\n `.trim().replace(/\\s+/g, ' ')}\n aria-label=\"Decrementar\"\n >\n <MinusIcon />\n </button>\n\n {/ Valor actual /}\n <div className=\"flex-1 text-center\">\n <span\n className={`\n text-base leading-6\n ${currentValue === 0\n ? 'text-content-tertiary dark:text-content-tertiary'\n : 'text-content-primary dark:text-dark-content-primary'\n }\n `.trim().replace(/\\s+/g, ' ')}\n >\n {currentValue}\n </span>\n </div>\n\n {/ Botón incrementar /}\n <button\n type=\"button\"\n onClick={handleIncrement}\n disabled={isIncrementDisabled}\n className={`\n flex\n items-center\n justify-center\n w-4\n h-4\n ${isIncrementDisabled\n ? 'text-content-tertiary dark:text-content-tertiary cursor-not-allowed'\n : 'text-content-primary dark:text-dark-content-primary hover:text-content-secondary dark:hover:text-content-secondary cursor-pointer'\n }\n transition-colors\n duration-200\n `.trim().replace(/\\s+/g, ' ')}\n aria-label=\"Incrementar\"\n >\n <PlusIcon />\n </button>\n </div>\n\n {/ Helper text /}\n {helperText && (\n <p\n className={`\n text-sm leading-5\n ${error\n ? 'text-error-content dark:text-error-content'\n : 'text-content-tertiary dark:text-content-tertiary'\n }\n `.trim().replace(/\\s+/g, ' ')}\n >\n {helperText}\n </p>\n )}\n </div>\n );\n }\n);\n\nQuantity.displayName = 'Quantity';\n","/\n Iconos para el componente Dropdown\n * Usando heroicons-micro según especificaciones de Figma\n /\n\nexport const ChevronDownIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const CogIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M6.455 1.45A.5.5 0 0 1 6.952 1h2.096a.5.5 0 0 1 .497.45l.186 1.858a4.996 4.996 0 0 1 1.466.848l1.703-.769a.5.5 0 0 1 .639.206l1.047 1.814a.5.5 0 0 1-.14.656l-1.517 1.09a5.026 5.026 0 0 1 0 1.694l1.516 1.09a.5.5 0 0 1 .141.656l-1.047 1.814a.5.5 0 0 1-.639.206l-1.703-.768c-.433.36-.928.649-1.466.847l-.186 1.858a.5.5 0 0 1-.497.45H6.952a.5.5 0 0 1-.497-.45l-.186-1.858a4.993 4.993 0 0 1-1.466-.848l-1.703.769a.5.5 0 0 1-.639-.206l-1.047-1.814a.5.5 0 0 1 .14-.656l1.517-1.09a5.033 5.033 0 0 1 0-1.694l-1.516-1.09a.5.5 0 0 1-.141-.656L2.461 3.39a.5.5 0 0 1 .639-.206l1.703.768c.433-.36.928-.649 1.466-.847l.186-1.858ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const UserIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path d=\"M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z\" />\n </svg>\n);\n\nexport const BellIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M12 5a4 4 0 0 0-8 0v2.379a1.5 1.5 0 0 1-.44 1.06L2.294 9.707a1 1 0 0 0-.293.707V11a1 1 0 0 0 1 1h2a3 3 0 1 0 6 0h2a1 1 0 0 0 1-1v-.586a1 1 0 0 0-.293-.707L12.44 8.44A1.5 1.5 0 0 1 12 7.38V5Zm-5.5 7a1.5 1.5 0 0 0 3 0h-3Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const CreditCardIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path d=\"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z\" />\n <path d=\"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z\" />\n </svg>\n);\n","import React, { useState, useRef, useEffect, useCallback } from 'react';\nimport type {\n DropdownProps,\n DropdownItemProps,\n DropdownHeadingProps,\n DropdownDividerProps,\n} from './Dropdown.types';\nimport { ChevronDownIcon } from './icons';\n\ntype MenuPosition = 'bottom-left' \| 'bottom-right' \| 'top-left' \| 'top-right';\n\n/\n Componente Dropdown del sistema de diseño Siesa\n * Basado en especificaciones de Figma con Tailwind CSS\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels y keyboard navigation\n * - Cierre automático al hacer click fuera\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras\n \n @example\n * ```tsx\n * <Dropdown\n * placeholder=\"Options\"\n * items={[\n * { children: 'Account', icon: <UserIcon /> },\n * { children: 'Settings', icon: <CogIcon /> },\n * { isDivider: true },\n * { children: 'Logout' },\n * ]}\n * />\n * ```\n /\nexport const Dropdown: React.FC<DropdownProps> = ({\n variant = 'default',\n children,\n items,\n open: controlledOpen,\n onOpenChange,\n disabled = false,\n className = '',\n menuClassName = '',\n ariaLabel,\n placeholder = 'Options',\n}) => {\n const [internalOpen, setInternalOpen] = useState(false);\n const [menuPosition, setMenuPosition] = useState<MenuPosition>('bottom-left');\n const dropdownRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n\n // Determinar si es controlado o no controlado\n const isControlled = controlledOpen !== undefined;\n const isOpen = isControlled ? controlledOpen : internalOpen;\n\n // Calcular la posición óptima del menú basándose en el espacio disponible\n const calculateMenuPosition = useCallback(() => {\n if (!dropdownRef.current) return;\n\n const triggerRect = dropdownRef.current.getBoundingClientRect();\n const viewportWidth = window.innerWidth;\n const viewportHeight = window.innerHeight;\n\n // Estimación del tamaño del menú (min-width: 182px, altura aproximada)\n const menuWidth = 200;\n const menuHeight = 250;\n\n // Verificar espacio disponible\n const spaceBelow = viewportHeight - triggerRect.bottom;\n const spaceAbove = triggerRect.top;\n const spaceRight = viewportWidth - triggerRect.left;\n const spaceLeft = triggerRect.right;\n\n // Determinar posición vertical\n const openAbove = spaceBelow < menuHeight && spaceAbove > spaceBelow;\n\n // Determinar posición horizontal\n const openLeft = spaceRight < menuWidth && spaceLeft > spaceRight;\n\n if (openAbove && openLeft) {\n setMenuPosition('top-right');\n } else if (openAbove) {\n setMenuPosition('top-left');\n } else if (openLeft) {\n setMenuPosition('bottom-right');\n } else {\n setMenuPosition('bottom-left');\n }\n }, []);\n\n // Función para cambiar el estado\n const handleToggle = () => {\n if (disabled) return;\n\n const newOpen = !isOpen;\n\n // Calcular posición antes de abrir\n if (newOpen) {\n calculateMenuPosition();\n }\n\n if (!isControlled) {\n setInternalOpen(newOpen);\n }\n\n onOpenChange?.(newOpen);\n };\n\n // Cerrar al hacer click fuera\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n if (!isControlled) {\n setInternalOpen(false);\n }\n onOpenChange?.(false);\n }\n };\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }\n }, [isOpen, isControlled, onOpenChange]);\n\n // Cerrar al presionar Escape\n useEffect(() => {\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && isOpen) {\n if (!isControlled) {\n setInternalOpen(false);\n }\n onOpenChange?.(false);\n }\n };\n\n if (isOpen) {\n document.addEventListener('keydown', handleEscape);\n return () => {\n document.removeEventListener('keydown', handleEscape);\n };\n }\n }, [isOpen, isControlled, onOpenChange]);\n\n // Handler para item click\n const handleItemClick = (item: DropdownItemProps) => {\n if (item.disabled \|\| item.isDivider \|\| item.isHeading) return;\n\n // Ejecutar el onClick del item\n if (item.onClick) {\n item.onClick({} as React.MouseEvent<HTMLButtonElement>);\n }\n\n // Cerrar el dropdown\n if (!isControlled) {\n setInternalOpen(false);\n }\n onOpenChange?.(false);\n };\n\n // ===== CLASES DEL TRIGGER BUTTON =====\n const triggerClasses = [\n // Base\n 'inline-flex',\n 'items-center',\n 'justify-center',\n 'rounded-lg',\n 'font-bold',\n 'text-sm',\n 'whitespace-nowrap',\n 'transition-all',\n 'duration-150',\n\n // Variant-specific sizing\n variant === 'icon-only' ? 'w-9 h-9' : 'gap-3 px-3 py-2',\n\n // Colores y estados (Light Mode)\n 'bg-bg-primary',\n 'text-content-secondary',\n 'border',\n 'border-border-primary',\n 'hover:bg-background-secondary',\n 'active:scale-95',\n\n // Dark Mode\n 'dark:bg-dark-bg-primary',\n 'dark:text-dark-content-primary',\n 'dark:border-dark-border-primary',\n 'dark:hover:bg-dark-bg-secondary',\n\n // Focus ring\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'focus:ring-offset-2',\n 'dark:focus:ring-dark-border-custom',\n 'dark:focus:ring-offset-dark-bg-primary',\n\n // Disabled\n disabled && 'opacity-50',\n disabled && 'cursor-not-allowed',\n disabled && 'pointer-events-none',\n\n // Custom classes\n className,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // Clases de posición basadas en el cálculo\n const positionClasses: Record<MenuPosition, string> = {\n 'bottom-left': 'top-full left-0 mt-2',\n 'bottom-right': 'top-full right-0 mt-2',\n 'top-left': 'bottom-full left-0 mb-2',\n 'top-right': 'bottom-full right-0 mb-2',\n };\n\n // ===== CLASES DEL MENU =====\n const menuClasses = [\n // Base\n 'absolute',\n positionClasses[menuPosition],\n 'min-w-[182px]',\n 'rounded-xl',\n 'p-1',\n 'border',\n 'z-50',\n\n // Colores (Light Mode)\n 'bg-background-secondary',\n 'border-border-primary',\n\n // Dark Mode\n 'dark:bg-dark-bg-primary',\n 'dark:border-dark-border-primary',\n\n // Shadow\n 'shadow-menu',\n\n // Custom classes\n menuClassName,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div ref={dropdownRef} className=\"relative inline-block\">\n {/ Trigger Button /}\n <button\n type=\"button\"\n className={triggerClasses}\n onClick={handleToggle}\n disabled={disabled}\n aria-label={ariaLabel \|\| (variant === 'icon-only' ? 'Abrir menú' : undefined)}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n >\n {variant === 'default' && <span>{children \|\| placeholder}</span>}\n <ChevronDownIcon />\n </button>\n\n {/ Dropdown Menu /}\n {isOpen && (\n <div ref={menuRef} className={menuClasses}>\n {items.map((item, index) => {\n if (item.isDivider) {\n return <DropdownDivider key={index} className={item.className} />;\n }\n\n if (item.isHeading) {\n return (\n <DropdownHeading key={index} className={item.className}>\n {item.children}\n </DropdownHeading>\n );\n }\n\n return (\n <DropdownItem\n key={index}\n {...item}\n onClick={() => handleItemClick(item)}\n />\n );\n })}\n </div>\n )}\n </div>\n );\n};\n\n/\n Componente DropdownItem\n * Item individual dentro del menú dropdown\n \n @example\n * ```tsx\n * <DropdownItem icon={<UserIcon />} shortcut=\"⌘ P\">\n * Profile\n * </DropdownItem>\n * ```\n /\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n children,\n icon,\n description,\n shortcut,\n disabled = false,\n selected = false,\n onClick,\n className = '',\n}) => {\n // ===== CLASES DEL ITEM =====\n const itemClasses = [\n // Base\n 'flex',\n 'items-center',\n 'gap-3',\n 'px-4',\n 'py-2',\n 'rounded-lg',\n 'text-sm',\n 'w-full',\n 'text-left',\n 'transition-colors',\n 'duration-150',\n\n // Colores y estados (Light Mode)\n 'text-content-primary',\n !disabled && 'hover:bg-bg-primary',\n selected && 'bg-bg-primary',\n\n // Dark Mode\n 'dark:text-dark-content-primary',\n !disabled && 'dark:hover:bg-dark-bg-secondary',\n selected && 'dark:bg-dark-bg-secondary',\n\n // Disabled\n disabled && 'opacity-50',\n disabled && 'cursor-not-allowed',\n !disabled && 'cursor-pointer',\n\n // Custom classes\n className,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <button\n type=\"button\"\n className={itemClasses}\n onClick={onClick}\n disabled={disabled}\n >\n {/ Icon /}\n {icon && (\n <span className=\"inline-flex items-center justify-center w-4 h-4 text-content-secondary dark:text-dark-content-secondary\">\n {icon}\n </span>\n )}\n\n {/ Content /}\n <div className=\"flex-1 min-w-0\">\n {/ Label /}\n <div className=\"text-content-primary dark:text-dark-content-primary\">\n {children}\n </div>\n\n {/ Description /}\n {description && (\n <div className=\"text-xs text-content-secondary dark:text-dark-content-secondary mt-0.5\">\n {description}\n </div>\n )}\n </div>\n\n {/ Shortcut /}\n {shortcut && (\n <span className=\"text-xs text-content-secondary dark:text-dark-content-secondary ml-auto whitespace-nowrap\">\n {shortcut}\n </span>\n )}\n </button>\n );\n};\n\n/\n Componente DropdownHeading\n * Encabezado de sección dentro del menú dropdown\n \n @example\n * ```tsx\n * <DropdownHeading>My events</DropdownHeading>\n * ```\n /\nexport const DropdownHeading: React.FC<DropdownHeadingProps> = ({\n children,\n className = '',\n}) => {\n // ===== CLASES DEL HEADING =====\n const headingClasses = [\n // Base\n 'px-4',\n 'py-1',\n 'text-xs',\n 'font-normal',\n\n // Colores\n 'text-content-tertiary',\n\n // Dark Mode\n 'dark:text-dark-content-tertiary',\n\n // Custom classes\n className,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return <div className={headingClasses}>{children}</div>;\n};\n\n/\n Componente DropdownDivider\n * Separador visual entre items del menú dropdown\n \n @example\n * ```tsx\n * <DropdownDivider />\n * ```\n /\nexport const DropdownDivider: React.FC<DropdownDividerProps> = ({\n className = '',\n}) => {\n // ===== CLASES DEL DIVIDER =====\n const dividerClasses = [\n // Base\n 'px-4',\n 'py-1',\n\n // Custom classes\n className,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div className={dividerClasses}>\n <div className=\"h-px bg-border-primary dark:bg-dark-border-primary\" />\n </div>\n );\n};\n","import React from 'react';\nimport type { NotificationProps } from './Notification.types';\n\n/\n Componente Notification del sistema de diseño Siesa\n \n Badge de notificación para indicar alertas, mensajes o notificaciones pendientes.\n * Puede mostrar un punto simple o un contador numérico con límite automático a 99+.\n \n Especificaciones de Figma:\n * - Badge con número: 27px × 13px (aprox), Label/XXSmall (10px Bold, line-height 12px)\n * - Badge simple (dot): 13px × 13px\n * - Color: `content-extensions-red` (#b91c1c) por defecto\n * - Border radius: Pill (rounded-full)\n * - Padding: 4px horizontal\n \n Variantes:\n * - Sin count: Muestra punto circular (dot)\n * - Con count: Muestra badge con número (máximo 99+)\n \n Uso típico:\n * - Como overlay en iconos o botones\n * - En elementos de menú o navegación\n * - Standalone para indicar estado\n \n @see docs/colors.md - Sistema de colores (token content-extensions-red)\n * @see docs/typography.md - Sistema tipográfico (Label/XXSmall)\n * @see src/components/Button/Button.tsx - Referencia de badges en botones\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4310-22651\n \n @example\n * ```tsx\n * // Badge simple (punto)\n * <Notification />\n \n // Badge con número\n * <Notification count={5} />\n \n // Badge con muchos (muestra 99+)\n * <Notification count={150} />\n \n // Con color personalizado\n * <Notification count={3} color=\"green\" />\n \n // Como overlay en botón\n * <button className=\"relative\">\n * <BellIcon />\n * <Notification count={5} className=\"absolute -top-1 -right-1\" />\n * </button>\n * ```\n /\nexport const Notification: React.FC<NotificationProps> = ({\n count,\n color = 'red',\n className = '',\n ariaLabel,\n}) => {\n // ===== MAPA DE COLORES =====\n // Sistema de colores consistente con Button y Badge\n const colorClasses: Record<string, { bg: string; text: string }> = {\n zinc: { bg: 'bg-zinc-600', text: 'text-white' },\n red: { bg: 'bg-content-extensions-red', text: 'text-white' },\n orange: { bg: 'bg-orange-700', text: 'text-white' },\n amber: { bg: 'bg-amber-700', text: 'text-white' },\n yellow: { bg: 'bg-yellow-700', text: 'text-white' },\n lime: { bg: 'bg-lime-700', text: 'text-white' },\n green: { bg: 'bg-green-700', text: 'text-white' },\n emerald: { bg: 'bg-emerald-700', text: 'text-white' },\n teal: { bg: 'bg-teal-700', text: 'text-white' },\n cyan: { bg: 'bg-cyan-700', text: 'text-white' },\n sky: { bg: 'bg-sky-700', text: 'text-white' },\n blue: { bg: 'bg-blue-700', text: 'text-white' },\n indigo: { bg: 'bg-indigo-700', text: 'text-white' },\n violet: { bg: 'bg-violet-700', text: 'text-white' },\n purple: { bg: 'bg-purple-700', text: 'text-white' },\n fuchsia: { bg: 'bg-fuchsia-700', text: 'text-white' },\n pink: { bg: 'bg-pink-700', text: 'text-white' },\n rose: { bg: 'bg-rose-700', text: 'text-white' },\n primary: { bg: 'bg-primary-custom-600', text: 'text-white' },\n secondary: { bg: 'bg-zinc-600', text: 'text-white' },\n tertiary: { bg: 'bg-zinc-600', text: 'text-white' },\n };\n\n const colors = colorClasses[color] \|\| colorClasses.red;\n\n // ===== ARIA LABEL DINÁMICO =====\n const dynamicAriaLabel = ariaLabel \|\|\n (count !== undefined && count > 0\n ? `${count} notificaci${count === 1 ? 'ón' : 'ones'}`\n : 'Notificación pendiente');\n\n // ===== BADGE CON NÚMERO =====\n if (count !== undefined && count > 0) {\n const displayCount = count > 99 ? '99+' : count.toString();\n\n return (\n <span\n className={`\n inline-flex\n items-center\n justify-center\n min-w-[16px]\n h-4\n px-1\n rounded-full\n text-[10px]\n font-bold\n leading-none\n ${colors.bg}\n ${colors.text}\n pointer-events-none\n dark:${colors.bg}\n dark:${colors.text}\n ${className}\n `\n .trim()\n .replace(/\\s+/g, ' ')}\n role=\"status\"\n aria-label={dynamicAriaLabel}\n >\n {displayCount}\n </span>\n );\n }\n\n // ===== BADGE SIMPLE (DOT) =====\n return (\n <span\n className={`\n inline-block\n w-2\n h-2\n rounded-full\n ${colors.bg}\n pointer-events-none\n dark:${colors.bg}\n ${className}\n `\n .trim()\n .replace(/\\s+/g, ' ')}\n role=\"status\"\n aria-label={dynamicAriaLabel}\n />\n );\n};\n","import React from 'react';\n\n/\n Icono de flecha izquierda (ChevronLeft)\n * Usado en el botón \"Back\"\n * Heroicons Micro (16x16px)\n /\nexport const ArrowLeftIcon: React.FC<{ className?: string }> = ({ className = '' }) => {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M9.78 4.22a.75.75 0 0 1 0 1.06L7.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L5.47 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n};\n\n/\n Icono de flecha derecha (ChevronRight)\n * Usado en el botón \"Next\"\n * Heroicons Micro (16x16px)\n /\nexport const ArrowRightIcon: React.FC<{ className?: string }> = ({ className = '' }) => {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n};\n","import React, { useMemo } from 'react';\nimport type { PaginationProps, PageButtonProps } from './Pagination.types';\nimport { ArrowLeftIcon, ArrowRightIcon } from './icons';\n\n/\n Componente Pagination del sistema de diseño Siesa\n * Basado en especificaciones de Figma con Tailwind CSS\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n * - Algoritmo de paginación inteligente\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label Small)\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Pagination\n * currentPage={1}\n * totalPages={66}\n * onPageChange={(page) => console.log(page)}\n * />\n * ```\n /\nexport const Pagination: React.FC<PaginationProps> = ({\n currentPage = 1,\n totalPages,\n onPageChange,\n backText = 'Atrás',\n nextText = 'Siguiente',\n siblingCount = 1,\n showBackButton = true,\n showNextButton = true,\n className = '',\n ariaLabel = 'Paginación',\n}) => {\n /\n Genera el array de páginas a mostrar\n * Algoritmo: [1] ... [currentPage-1] [currentPage] [currentPage+1] ... [totalPages]\n /\n const paginationRange = useMemo(() => {\n const totalNumbers = siblingCount 2 + 3; // Página actual + siblings + primera + última\n const totalBlocks = totalNumbers + 2; // + 2 separadores \"...\"\n\n // Si el total de páginas es menor que el total de bloques, mostrar todas\n if (totalPages <= totalBlocks) {\n return Array.from({ length: totalPages }, (_, i) => i + 1);\n }\n\n const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n\n const shouldShowLeftDots = leftSiblingIndex > 2;\n const shouldShowRightDots = rightSiblingIndex < totalPages - 1;\n\n const firstPageIndex = 1;\n const lastPageIndex = totalPages;\n\n // No mostrar dots a la izquierda\n if (!shouldShowLeftDots && shouldShowRightDots) {\n const leftItemCount = 3 + 2 * siblingCount;\n const leftRange = Array.from({ length: leftItemCount }, (_, i) => i + 1);\n return [...leftRange, '...', totalPages];\n }\n\n // No mostrar dots a la derecha\n if (shouldShowLeftDots && !shouldShowRightDots) {\n const rightItemCount = 3 + 2 * siblingCount;\n const rightRange = Array.from(\n { length: rightItemCount },\n (_, i) => totalPages - rightItemCount + i + 1\n );\n return [firstPageIndex, '...', ...rightRange];\n }\n\n // Mostrar ambos dots\n if (shouldShowLeftDots && shouldShowRightDots) {\n const middleRange = Array.from(\n { length: rightSiblingIndex - leftSiblingIndex + 1 },\n (_, i) => leftSiblingIndex + i\n );\n return [firstPageIndex, '...', ...middleRange, '...', lastPageIndex];\n }\n\n return [];\n }, [currentPage, totalPages, siblingCount]);\n\n /*\n Handler para cambio de página\n /\n const handlePageChange = (page: number) => {\n if (page >= 1 && page <= totalPages && page !== currentPage) {\n onPageChange?.(page);\n }\n };\n\n /\n Componente interno: Botón de página\n /\n const PageButton: React.FC<PageButtonProps> = ({\n page,\n isActive = false,\n disabled = false,\n onClick,\n ariaLabel: buttonAriaLabel,\n }) => {\n const isDots = page === '...';\n\n // ===== CLASES BASE =====\n const baseClasses = `\n inline-flex\n items-center\n justify-center\n gap-3\n px-3\n py-2\n rounded-md\n font-bold\n text-sm\n whitespace-nowrap\n transition-all\n duration-150\n `;\n\n // ===== CLASES DE ESTADO =====\n const stateClasses = isDots\n ? `\n text-primary-custom-600\n dark:text-primary-custom-600\n cursor-default\n pointer-events-none\n `\n : isActive\n ? `\n bg-primary-custom-100\n text-primary-custom-600\n dark:bg-primary-custom-100\n dark:text-primary-custom-600\n `\n : `\n text-primary-custom-600\n hover:bg-primary-custom-100\n active:scale-95\n dark:text-primary-custom-600\n dark:hover:bg-primary-custom-100\n dark:active:scale-95\n `;\n\n // ===== CLASES DE DISABLED =====\n const disabledClasses = disabled\n ? `\n opacity-50\n cursor-not-allowed\n pointer-events-none\n `\n : '';\n\n // ===== COMBINAR CLASES =====\n const buttonClasses = [baseClasses, stateClasses, disabledClasses]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <button\n type=\"button\"\n className={buttonClasses}\n onClick={onClick}\n disabled={disabled \|\| isDots}\n aria-label={buttonAriaLabel}\n aria-current={isActive ? 'page' : undefined}\n >\n {page}\n </button>\n );\n };\n\n // ===== CLASES DEL CONTAINER =====\n const containerClasses = `\n inline-flex\n items-center\n justify-between\n gap-0\n ${className}\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <nav className={containerClasses} aria-label={ariaLabel} role=\"navigation\">\n {/ ===== BOTÓN BACK ===== /}\n {showBackButton && (\n <button\n type=\"button\"\n className={`\n inline-flex\n items-center\n justify-center\n gap-3\n px-3\n py-2\n rounded-md\n font-bold\n text-sm\n text-primary-custom-600\n hover:bg-primary-custom-100\n active:scale-95\n dark:text-primary-custom-600\n dark:hover:bg-primary-custom-100\n dark:active:scale-95\n transition-all\n duration-150\n ${currentPage === 1 ? 'opacity-50 cursor-not-allowed pointer-events-none' : ''}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n onClick={() => handlePageChange(currentPage - 1)}\n disabled={currentPage === 1}\n aria-label={`${backText} page`}\n >\n <ArrowLeftIcon className=\"w-4 h-4\" />\n {backText}\n </button>\n )}\n\n {/ ===== NÚMEROS DE PÁGINA ===== /}\n <div className=\"inline-flex items-center\">\n {paginationRange.map((page, index) => (\n <PageButton\n key={`${page}-${index}`}\n page={page}\n isActive={page === currentPage}\n onClick={() => typeof page === 'number' && handlePageChange(page)}\n ariaLabel={\n typeof page === 'number' ? `Go to page ${page}` : `Page ${page}`\n }\n />\n ))}\n </div>\n\n {/ ===== BOTÓN NEXT ===== /}\n {showNextButton && (\n <button\n type=\"button\"\n className={`\n inline-flex\n items-center\n justify-center\n gap-3\n px-3\n py-2\n rounded-md\n font-bold\n text-sm\n text-primary-custom-600\n hover:bg-primary-custom-100\n active:scale-95\n dark:text-primary-custom-600\n dark:hover:bg-primary-custom-100\n dark:active:scale-95\n transition-all\n duration-150\n ${\n currentPage === totalPages\n ? 'opacity-50 cursor-not-allowed pointer-events-none'\n : ''\n }\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n onClick={() => handlePageChange(currentPage + 1)}\n disabled={currentPage === totalPages}\n aria-label={`${nextText} page`}\n >\n {nextText}\n <ArrowRightIcon className=\"w-4 h-4\" />\n </button>\n )}\n </nav>\n );\n};\n","import React from 'react';\n\n/\n Icono ChevronUpDown para el trigger del Select\n * Heroicons Micro (16x16px)\n /\nexport const ChevronUpDownIcon: React.FC<{ className?: string }> = ({ className = '' }) => {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M5.22 10.22a.75.75 0 0 1 1.06 0L8 11.94l1.72-1.72a.75.75 0 1 1 1.06 1.06l-2.25 2.25a.75.75 0 0 1-1.06 0l-2.25-2.25a.75.75 0 0 1 0-1.06ZM10.78 5.78a.75.75 0 0 1-1.06 0L8 4.06 6.28 5.78a.75.75 0 0 1-1.06-1.06l2.25-2.25a.75.75 0 0 1 1.06 0l2.25 2.25a.75.75 0 0 1 0 1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n};\n\n/\n Icono Check para los items seleccionados del menu\n * Heroicons Micro (16x16px)\n /\nexport const CheckIcon: React.FC<{ className?: string }> = ({ className = '' }) => {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353 4.493-6.74a.75.75 0 0 1 1.04-.207Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n};\n","import React, { useState, useRef, useEffect } from 'react';\nimport type { SelectProps, SelectOption } from './Select.types';\nimport { ChevronUpDownIcon, CheckIcon } from './icons';\n\n/\n Select - Componente de selección (dropdown) del sistema de diseño Siesa\n \n Componente Select personalizado con menú desplegable para seleccionar opciones\n * de una lista. Incluye navegación por teclado, click outside y dark mode completo.\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels y keyboard navigation\n * - Click outside para cerrar el menú\n * - Soporte de teclado (Enter, Escape, Arrow Up/Down)\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Select\n * options={[\n * { value: '1', label: 'Option 1' },\n * { value: '2', label: 'Option 2' },\n * ]}\n * value={selectedValue}\n * onChange={setSelectedValue}\n * placeholder=\"Select an option\"\n * label=\"Choose one\"\n * />\n * ```\n /\nexport const Select: React.FC<SelectProps> = ({\n options = [],\n value,\n defaultValue,\n placeholder = 'Seleccionar...',\n disabled = false,\n error = false,\n label,\n description,\n showLabel = true,\n showDescription = true,\n menuHeader,\n onChange,\n className = '',\n triggerClassName = '',\n menuClassName = '',\n ariaLabel,\n id,\n name,\n required = false,\n menuPosition = 'bottom',\n fullWidth = false,\n}) => {\n // ===== ESTADO Y REFS =====\n const [isOpen, setIsOpen] = useState(false);\n const [selectedValue, setSelectedValue] = useState<string \| number \| undefined>(\n value !== undefined ? value : defaultValue\n );\n const [focusedIndex, setFocusedIndex] = useState(-1);\n\n const containerRef = useRef<HTMLDivElement>(null);\n const triggerRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n\n // ===== SINCRONIZAR VALOR CONTROLADO =====\n useEffect(() => {\n if (value !== undefined) {\n setSelectedValue(value);\n }\n }, [value]);\n\n // ===== CERRAR AL HACER CLICK FUERA =====\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }\n }, [isOpen]);\n\n // ===== KEYBOARD NAVIGATION =====\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (!isOpen) return;\n\n switch (event.key) {\n case 'Escape':\n setIsOpen(false);\n triggerRef.current?.focus();\n break;\n case 'ArrowDown':\n event.preventDefault();\n setFocusedIndex((prev) => (prev < options.length - 1 ? prev + 1 : 0));\n break;\n case 'ArrowUp':\n event.preventDefault();\n setFocusedIndex((prev) => (prev > 0 ? prev - 1 : options.length - 1));\n break;\n case 'Enter':\n event.preventDefault();\n if (focusedIndex >= 0 && focusedIndex < options.length) {\n handleSelect(options[focusedIndex]);\n }\n break;\n }\n };\n\n if (isOpen) {\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }\n }, [isOpen, focusedIndex, options]);\n\n // ===== HELPERS =====\n const selectedOption = options.find((opt) => opt.value === selectedValue);\n\n const toggleMenu = () => {\n if (!disabled) {\n setIsOpen(!isOpen);\n setFocusedIndex(-1);\n }\n };\n\n const handleSelect = (option: SelectOption) => {\n if (option.disabled) return;\n\n setSelectedValue(option.value);\n setIsOpen(false);\n onChange?.(option.value);\n\n setTimeout(() => {\n triggerRef.current?.focus();\n }, 0);\n };\n\n // ===== CLASES BASE DEL TRIGGER =====\n // Usando el sistema tipográfico Paragraph Regular (14px = text-sm)\n // Border radius rounded-lg (8px) consistente con especificaciones\n // Gap de 12px (gap-3) entre texto e icono según Figma\n const baseTriggerClasses = `\n inline-flex\n items-center\n justify-between\n gap-3\n w-full\n px-3\n py-2\n text-sm\n font-normal\n leading-5\n rounded-lg\n border\n transition-all\n duration-150\n `;\n\n // ===== CLASES DE WIDTH =====\n const widthClasses = fullWidth ? 'w-full' : 'min-w-[200px]';\n\n // ===== CLASES PARA ESTADOS DEL TRIGGER =====\n // Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n const triggerStateClasses = error\n ? `\n border-error-border\n bg-error-bg\n text-content-primary\n dark:border-error-border\n dark:bg-error-bg\n dark:text-dark-content-primary\n `\n : `\n bg-bg-primary\n border-border-primary\n text-content-primary\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n dark:text-dark-content-primary\n `;\n\n // ===== CLASES PARA HOVER DEL TRIGGER =====\n // Hover overlay rgba(0,0,0,0.024) según Figma\n const triggerHoverClasses =\n !disabled && !error\n ? `\n hover:bg-[rgba(255,255,255,1)]\n hover:bg-[linear-gradient(90deg,rgba(0,0,0,0.024)_0%,rgba(0,0,0,0.024)_100%)]\n dark:hover:bg-[rgba(17,45,87,1)]\n dark:hover:bg-[linear-gradient(90deg,rgba(255,255,255,0.1)_0%,rgba(255,255,255,0.1)_100%)]\n `\n : '';\n\n // ===== CLASES PARA FOCUS DEL TRIGGER =====\n // Focus rings adaptativos siguiendo el patrón de otros componentes\n const triggerFocusClasses = !disabled\n ? `\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n `\n : '';\n\n // ===== CLASES PARA DISABLED DEL TRIGGER =====\n const triggerDisabledClasses = disabled\n ? `\n opacity-50\n cursor-not-allowed\n `\n : '';\n\n // ===== COMBINAR CLASES DEL TRIGGER =====\n const finalTriggerClasses = [\n baseTriggerClasses,\n widthClasses,\n triggerStateClasses,\n triggerHoverClasses,\n triggerFocusClasses,\n triggerDisabledClasses,\n triggerClassName,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES BASE DEL MENU =====\n // Según Figma: altura fija 160px (h-40), sin borde visible (border-0),\n // spacing de 4px desde trigger (mt-1), sin shadow prominente\n const baseMenuClasses = `\n absolute\n z-50\n w-full\n min-w-[200px]\n max-h-40\n overflow-y-auto\n p-1\n rounded-md\n border-0\n transition-all\n duration-150\n `;\n\n // ===== CLASES DE POSICIÓN DEL MENU =====\n // Figma muestra 4px de separación, usando mt-1 en lugar de mt-2\n const menuPositionClasses = menuPosition === 'top' ? 'bottom-full mb-1' : 'top-full mt-1';\n\n // ===== CLASES DE COLOR DEL MENU =====\n // Background secundario según Figma, sin borde prominente\n const menuColorClasses = `\n bg-background-secondary\n dark:bg-dark-bg-primary\n `;\n\n // ===== CLASES DE VISIBILIDAD DEL MENU =====\n const menuVisibilityClasses = isOpen ? 'opacity-100 visible' : 'opacity-0 invisible';\n\n // ===== COMBINAR CLASES DEL MENU =====\n const finalMenuClasses = [\n baseMenuClasses,\n menuPositionClasses,\n menuColorClasses,\n menuVisibilityClasses,\n menuClassName,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES BASE DEL MENU ITEM =====\n // CRÍTICO: Figma especifica text-[10px] leading-[12px] (Label XXSmall)\n // NO usar text-xs que es 12px - debe ser exactamente 10px según diseño\n const baseMenuItemClasses = `\n flex\n items-center\n cursor-pointer\n rounded-md\n transition-all\n duration-150\n pl-2\n pr-2.5\n py-0.5\n gap-0.5\n text-[10px]\n leading-[12px]\n font-bold\n `;\n\n // ===== FUNCIÓN PARA OBTENER CLASES DE MENU ITEM =====\n const getMenuItemClasses = (option: SelectOption, index: number) => {\n const isSelected = option.value === selectedValue;\n const isFocused = index === focusedIndex;\n\n // Estados de color\n const colorClasses =\n isSelected && !isFocused\n ? 'text-content-primary dark:text-dark-content-primary'\n : isFocused \|\| (isSelected && isFocused)\n ? 'bg-primary-custom-600 text-primary-inverse-content dark:bg-primary-custom-600 dark:text-primary-inverse-content'\n : 'text-content-primary dark:text-dark-content-primary';\n\n // Hover\n const hoverClasses = !option.disabled\n ? 'hover:bg-primary-custom-600 hover:text-primary-inverse-content dark:hover:bg-primary-custom-600 dark:hover:text-primary-inverse-content'\n : '';\n\n // Disabled\n const disabledClasses = option.disabled ? 'opacity-50 cursor-not-allowed' : '';\n\n return [baseMenuItemClasses, colorClasses, hoverClasses, disabledClasses]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n };\n\n // ===== CLASES DEL ICONO DEL TRIGGER =====\n const iconClasses = [\n 'shrink-0',\n 'w-4',\n 'h-4',\n 'transition-transform',\n 'duration-150',\n isOpen && 'rotate-180',\n disabled ? 'text-content-tertiary dark:text-content-tertiary' : 'text-content-secondary dark:text-content-secondary',\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DEL CHECK ICON =====\n const checkIconClasses = 'shrink-0 w-4 h-4';\n\n // ===== RENDERIZAR COMPONENTE =====\n return (\n <div className={`relative ${fullWidth ? 'w-full' : ''} ${className}`} ref={containerRef}>\n {/ Label and Description - Según Figma, van ANTES del trigger con gap-1 (4px) /}\n {(showLabel && label) \|\| (showDescription && description) ? (\n <div className=\"flex flex-col gap-1 mb-1 w-full\">\n {/ Label - Label Small (14px bold) /}\n {showLabel && label && (\n <label\n htmlFor={id}\n className=\"text-sm font-bold leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n {label}\n {required && <span className=\"ml-1 text-error-content\"></span>}\n </label>\n )}\n\n {/* Description - Paragraph Small (14px regular) /}\n {showDescription && description && (\n <p className=\"text-sm font-normal leading-5 text-content-tertiary dark:text-content-tertiary\">\n {description}\n </p>\n )}\n </div>\n ) : null}\n\n {/ Trigger Button /}\n <button\n ref={triggerRef}\n type=\"button\"\n className={finalTriggerClasses}\n onClick={toggleMenu}\n disabled={disabled}\n aria-label={ariaLabel \|\| label}\n aria-haspopup=\"listbox\"\n aria-expanded={isOpen}\n id={id}\n >\n {/ Selected value or placeholder /}\n <span\n className={\n selectedOption ? '' : 'text-content-secondary dark:text-content-secondary'\n }\n >\n {selectedOption ? selectedOption.label : placeholder}\n </span>\n\n {/ Chevron icon /}\n <ChevronUpDownIcon className={iconClasses} />\n </button>\n\n {/ Hidden input for forms /}\n {name && (\n <input\n type=\"hidden\"\n name={name}\n value={selectedValue !== undefined ? String(selectedValue) : ''}\n />\n )}\n\n {/ Menu /}\n {isOpen && (\n <div ref={menuRef} className={finalMenuClasses} role=\"listbox\">\n {/ Menu Header - Opcional según Figma /}\n {menuHeader && (\n <div className=\"flex items-center gap-0.5 px-6 py-0.5 rounded-[5px]\">\n <span className=\"text-[10px] font-bold leading-[12px] text-content-tertiary dark:text-content-tertiary\">\n {menuHeader}\n </span>\n </div>\n )}\n\n {/ Empty state /}\n {options.length === 0 && (\n <div className=\"px-2 py-1.5 text-[10px] leading-[12px] text-content-secondary dark:text-content-secondary\">\n No hay opciones disponibles\n </div>\n )}\n\n {/ Options /}\n {options.map((option, index) => (\n <div\n key={option.value}\n className={getMenuItemClasses(option, index)}\n onClick={() => handleSelect(option)}\n onMouseEnter={() => setFocusedIndex(index)}\n role=\"option\"\n aria-selected={option.value === selectedValue}\n aria-disabled={option.disabled}\n >\n {/ Check icon for selected item /}\n <div className=\"w-4 flex items-center justify-center\">\n {option.value === selectedValue && <CheckIcon className={checkIconClasses} />}\n </div>\n\n {/ Custom icon if provided /}\n {option.icon && <span className=\"shrink-0 w-4 h-4\">{option.icon}</span>}\n\n {/ Label /}\n <span className=\"flex-1 text-left\">{option.label}</span>\n </div>\n ))}\n </div>\n )}\n </div>\n );\n};\n","import React, { useState } from 'react';\nimport type {\n TableProps,\n TableHeaderProps,\n TableCellProps,\n SortDirection,\n PaginationProps,\n} from './Table.types';\n\n/\n Iconos para sort\n /\nconst ChevronUpIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"transition-transform\"\n >\n <path\n d=\"M12 10L8 6L4 10\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst ChevronDownIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"transition-transform\"\n >\n <path\n d=\"M4 6L8 10L12 6\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\n/\n Iconos para paginación\n /\nconst ArrowLeftIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14 8H2M2 8L6.5 3.5M2 8L6.5 12.5\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst ArrowRightIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2 8H14M14 8L9.5 3.5M14 8L9.5 12.5\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\n/\n TableHeader - Componente para el header de una columna\n /\nconst TableHeader = <T,>({\n column,\n sortable,\n sorted,\n sortDirection,\n onSort,\n}: TableHeaderProps<T>) => {\n // Clases base del header\n const baseClasses = `\n flex\n items-center\n gap-3\n px-6\n py-2.5\n min-h-[40px]\n border-b\n border-border-primary\n dark:border-dark-border-primary\n transition-colors\n duration-150\n `;\n\n // Clases según sortable\n const sortableClasses = sortable\n ? `\n cursor-pointer\n hover:bg-background-secondary\n dark:hover:bg-dark-bg-primary/50\n select-none\n `\n : '';\n\n // Clases de alineación\n const alignClasses = {\n left: 'justify-start',\n center: 'justify-center',\n right: 'justify-end',\n };\n\n const combinedClasses = [baseClasses, sortableClasses, alignClasses[column.align \|\| 'left']]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div\n className={combinedClasses}\n onClick={sortable ? onSort : undefined}\n role={sortable ? 'button' : undefined}\n tabIndex={sortable ? 0 : undefined}\n onKeyDown={\n sortable\n ? (e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n onSort();\n }\n }\n : undefined\n }\n style={{ width: column.width }}\n >\n {/ Texto del header /}\n <span\n className=\"\n text-sm\n font-bold\n text-content-secondary\n dark:text-content-secondary\n text-ellipsis\n overflow-hidden\n whitespace-nowrap\n \"\n >\n {column.header}\n </span>\n\n {/ Iconos de sort /}\n {sortable && (\n <span className=\"shrink-0 text-content-secondary dark:text-content-secondary\">\n {sorted && sortDirection === 'asc' && <ChevronUpIcon />}\n {sorted && sortDirection === 'desc' && <ChevronDownIcon />}\n {!sorted && (\n <div className=\"w-4 h-4\" />\n )}\n </span>\n )}\n </div>\n );\n};\n\n/\n TableCell - Componente para una celda de datos\n /\nconst TableCell: React.FC<TableCellProps & { isStriped?: boolean; rowIndex?: number }> = ({\n children,\n align = 'left',\n width,\n isStriped = false,\n rowIndex = 0,\n}) => {\n // Clases de alineación\n const alignClasses = {\n left: 'justify-start text-left',\n center: 'justify-center text-center',\n right: 'justify-end text-right',\n };\n\n // Fondo zebra striping (filas pares tienen fondo)\n const stripedBg = isStriped && rowIndex % 2 === 1\n ? 'bg-background-secondary dark:bg-dark-bg-primary/30'\n : '';\n\n return (\n <div\n className={`\n flex\n flex-col\n ${alignClasses[align]}\n px-6\n py-4\n min-h-[56px]\n border-b\n border-border-secondary\n dark:border-dark-border-primary\n ${stripedBg}\n `}\n style={{ width }}\n >\n <span\n className=\"\n text-sm\n text-content-primary\n dark:text-dark-content-primary\n text-ellipsis\n overflow-hidden\n w-full\n \"\n >\n {children}\n </span>\n </div>\n );\n};\n\n\n/\n Pagination - Componente de paginación\n /\nconst Pagination: React.FC<PaginationProps> = ({\n currentPage,\n totalPages,\n onPageChange,\n previousLabel = 'Anterior',\n nextLabel = 'Siguiente',\n}) => {\n // Generar array de números de página para mostrar\n const getPageNumbers = () => {\n const pages: (number \| string)[] = [];\n const maxVisible = 7; // Máximo de botones visibles\n\n if (totalPages <= maxVisible) {\n // Si hay pocas páginas, mostrar todas\n for (let i = 1; i <= totalPages; i++) {\n pages.push(i);\n }\n } else {\n // Lógica para mostrar: 1 2 3 ... 65 66\n pages.push(1);\n\n if (currentPage <= 3) {\n pages.push(2, 3);\n } else if (currentPage >= totalPages - 2) {\n pages.push('...');\n pages.push(totalPages - 2, totalPages - 1);\n } else {\n pages.push('...');\n pages.push(currentPage);\n pages.push('...');\n }\n\n if (totalPages > 1) {\n pages.push(totalPages);\n }\n }\n\n return pages;\n };\n\n const pageNumbers = getPageNumbers();\n\n return (\n <div className=\"flex items-center justify-between w-full h-9\">\n {/ Botón Anterior /}\n <button\n onClick={() => currentPage > 1 && onPageChange(currentPage - 1)}\n disabled={currentPage === 1}\n className=\"\n flex\n items-center\n gap-3\n px-3\n py-2\n rounded-md\n text-sm\n font-bold\n text-primary-custom-600\n dark:text-primary-custom-600\n hover:bg-blue-50\n dark:hover:bg-blue-900/20\n disabled:opacity-50\n disabled:cursor-not-allowed\n transition-colors\n duration-150\n \"\n >\n <ArrowLeftIcon />\n <span>{previousLabel}</span>\n </button>\n\n {/ Números de página /}\n <div className=\"flex items-center gap-0\">\n {pageNumbers.map((page, index) => {\n if (page === '...') {\n return (\n <div\n key={`ellipsis-${index}`}\n className=\"\n flex\n items-center\n justify-center\n px-3\n py-2\n text-sm\n font-bold\n text-primary-custom-600\n dark:text-primary-custom-600\n \"\n >\n {page}\n </div>\n );\n }\n\n const isActive = page === currentPage;\n\n return (\n <button\n key={page}\n onClick={() => onPageChange(page as number)}\n className={`\n flex\n items-center\n justify-center\n px-3\n py-2\n rounded-md\n text-sm\n font-bold\n text-primary-custom-600\n dark:text-primary-custom-600\n transition-colors\n duration-150\n ${\n isActive\n ? 'bg-blue-100 dark:bg-blue-900/30'\n : 'hover:bg-blue-50 dark:hover:bg-blue-900/20'\n }\n `}\n >\n {page}\n </button>\n );\n })}\n </div>\n\n {/ Botón Siguiente /}\n <button\n onClick={() => currentPage < totalPages && onPageChange(currentPage + 1)}\n disabled={currentPage === totalPages}\n className=\"\n flex\n items-center\n gap-3\n px-3\n py-2\n rounded-md\n text-sm\n font-bold\n text-primary-custom-600\n dark:text-primary-custom-600\n hover:bg-blue-50\n dark:hover:bg-blue-900/20\n disabled:opacity-50\n disabled:cursor-not-allowed\n transition-colors\n duration-150\n \"\n >\n <span>{nextLabel}</span>\n <ArrowRightIcon />\n </button>\n </div>\n );\n};\n\n/\n Table - Componente principal de tabla\n \n Características implementadas:\n * - Definición de columnas flexible con accessor y render custom\n * - Sorting en columnas (controlado o no controlado)\n * - Variantes: basic, fullWidth, striped, grid\n * - Dark mode completo en todos los estados\n * - Estados de loading y empty\n * - Filas clickeables\n * - Accesibilidad con roles y keyboard navigation\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto y generics\n * - Accesibilidad con ARIA labels y keyboard support\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label/Small para headers, Paragraph/Small para cells)\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras\n \n @example\n * ```tsx\n * // Uso básico\n * <Table\n * title=\"Usuarios\"\n * columns={[\n * { header: 'Nombre', accessor: 'name' },\n * { header: 'Email', accessor: 'email' },\n * { header: 'Rol', accessor: 'role', sortable: true },\n * ]}\n * data={users}\n * />\n \n // Con render custom\n * <Table\n * columns={[\n * {\n * header: 'Estado',\n * accessor: 'status',\n * render: (value) => (\n * <Badge color={value === 'active' ? 'green' : 'red'}>\n * {value}\n * </Badge>\n * ),\n * },\n * ]}\n * data={data}\n * />\n \n // Variante striped\n * <Table\n * variant=\"striped\"\n * columns={columns}\n * data={data}\n * />\n * ```\n /\nexport const Table = <T extends Record<string, any>>({\n title,\n columns,\n data,\n variant = 'basic',\n showBorder = true,\n showShadow = true,\n // onRowClick, // TODO: Implement row click functionality\n onSort,\n sortColumn: externalSortColumn,\n sortDirection: externalSortDirection,\n fullWidth = false,\n emptyMessage = 'No hay datos disponibles',\n loading = false,\n loadingRows = 5,\n pagination,\n className = '',\n id,\n}: TableProps<T>) => {\n // ===== ESTADO INTERNO DE SORT =====\n const [internalSortColumn, setInternalSortColumn] = useState<keyof T \| string \| null>(null);\n const [internalSortDirection, setInternalSortDirection] = useState<SortDirection>(null);\n\n // Usar sort externo si está controlado, sino usar interno\n const sortColumn = externalSortColumn !== undefined ? externalSortColumn : internalSortColumn;\n const sortDirection = externalSortDirection !== undefined ? externalSortDirection : internalSortDirection;\n\n // ===== MANEJAR SORT =====\n const handleSort = (columnAccessor: keyof T \| string) => {\n let newDirection: SortDirection = 'asc';\n\n // Si ya está ordenado por esta columna, cambiar dirección\n if (sortColumn === columnAccessor) {\n if (sortDirection === 'asc') {\n newDirection = 'desc';\n } else if (sortDirection === 'desc') {\n newDirection = null;\n }\n }\n\n // Si sort es controlado, llamar callback\n if (onSort) {\n onSort(columnAccessor, newDirection);\n } else {\n // Sino, actualizar estado interno\n setInternalSortColumn(newDirection ? columnAccessor : null);\n setInternalSortDirection(newDirection);\n }\n };\n\n // ===== OBTENER VALOR DE CELDA =====\n const getCellValue = (row: T, accessor: keyof T \| ((row: T) => any)) => {\n if (typeof accessor === 'function') {\n return accessor(row);\n }\n return row[accessor];\n };\n\n // ===== CLASES DEL CONTAINER =====\n const containerBaseClasses = `\n flex\n flex-col\n gap-4\n bg-white\n dark:bg-dark-bg-primary\n rounded-xl\n transition-all\n duration-150\n `;\n\n const containerBorderClasses = showBorder\n ? 'border border-border-primary dark:border-dark-border-primary'\n : '';\n\n const containerShadowClasses = showShadow ? 'shadow-base' : '';\n\n const containerPaddingClasses = 'p-8';\n\n const containerWidthClasses = fullWidth \|\| variant === 'fullWidth' ? 'w-full' : '';\n\n const containerClasses = [\n containerBaseClasses,\n containerBorderClasses,\n containerShadowClasses,\n containerPaddingClasses,\n containerWidthClasses,\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DE LA TABLA =====\n const tableGridClasses = variant === 'grid'\n ? `\n border\n border-border-primary\n dark:border-dark-border-primary\n rounded-lg\n overflow-hidden\n `\n : '';\n\n // ===== RENDER =====\n return (\n <div className={containerClasses} id={id}>\n {/ Título opcional /}\n {title && (\n <div className=\"flex items-center justify-center w-full\">\n <h3\n className=\"\n text-base\n font-bold\n text-content-primary\n dark:text-dark-content-primary\n text-ellipsis\n overflow-hidden\n whitespace-nowrap\n \"\n >\n {title}\n </h3>\n </div>\n )}\n\n {/ Tabla /}\n <div className={`flex w-full overflow-x-auto ${tableGridClasses}`}>\n {/ Columnas /}\n {columns.map((column, colIndex) => {\n const accessor = typeof column.accessor === 'function'\n ? `column_${colIndex}`\n : String(column.accessor);\n\n return (\n <div key={accessor} className=\"flex flex-col flex-1 min-w-0\">\n {/ Header de la columna /}\n <TableHeader\n column={column}\n sortable={column.sortable \|\| false}\n sorted={sortColumn === accessor}\n sortDirection={sortColumn === accessor ? sortDirection : null}\n onSort={() => handleSort(accessor)}\n />\n\n {/ Loading skeleton /}\n {loading && (\n <>\n {Array.from({ length: loadingRows }).map((_, rowIndex) => (\n <TableCell\n key={`loading-${rowIndex}`}\n align={column.align}\n width={column.width}\n isStriped={variant === 'striped'}\n rowIndex={rowIndex}\n >\n <div\n className=\"\n h-4\n bg-background-secondary\n dark:bg-dark-border-primary\n rounded\n animate-pulse\n \"\n />\n </TableCell>\n ))}\n </>\n )}\n\n {/ Datos reales /}\n {!loading && data.length > 0 && (\n <>\n {data.map((row, rowIndex) => {\n const value = getCellValue(row, column.accessor);\n const content = column.render\n ? column.render(value, row, rowIndex)\n : value;\n\n return (\n <TableCell\n key={rowIndex}\n align={column.align}\n width={column.width}\n isStriped={variant === 'striped'}\n rowIndex={rowIndex}\n >\n {content}\n </TableCell>\n );\n })}\n </>\n )}\n\n {/ Estado empty /}\n {!loading && data.length === 0 && colIndex === 0 && (\n <div\n className=\"\n flex\n items-center\n justify-center\n px-6\n py-12\n text-sm\n text-content-secondary\n dark:text-content-secondary\n \"\n style={{ gridColumn: `1 / ${columns.length + 1}` }}\n >\n {emptyMessage}\n </div>\n )}\n </div>\n );\n })}\n </div>\n\n {/ Paginación /}\n {pagination && (\n <Pagination\n currentPage={pagination.currentPage}\n totalPages={pagination.totalPages}\n onPageChange={pagination.onPageChange}\n previousLabel={pagination.previousLabel}\n nextLabel={pagination.nextLabel}\n />\n )}\n </div>\n );\n};\n","import React, { useState } from 'react';\nimport type { TabProps, TabsProps } from './Tabs.types';\n\n/\n Componente Tab individual del sistema de diseño Siesa\n \n Representa un único tab dentro de un grupo de tabs. Incluye soporte para:\n * - Estado activo/inactivo con indicador visual (línea inferior)\n * - Icono opcional a la izquierda del texto\n * - Badge de notificación con contador\n * - Estados hover, focus y disabled\n * - Dark mode completo\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Tab\n * label=\"Inicio\"\n * active={true}\n * icon={<HomeIcon />}\n * badge={3}\n * onClick={() => setActiveTab('home')}\n * />\n * ```\n /\nexport const Tab: React.FC<TabProps> = ({\n label,\n active = false,\n icon,\n badge,\n disabled = false,\n onClick,\n className = '',\n ariaLabel,\n}) => {\n // ===== CLASES BASE DEL BOTÓN =====\n // El contenedor es relativo para posicionar el indicador absoluto\n const baseClasses = `\n relative\n flex\n flex-col\n items-center\n cursor-pointer\n outline-hidden\n transition-all\n duration-150\n p-0\n border-0\n bg-transparent\n `;\n\n // ===== CLASES DE FOCUS =====\n // El focus outline se desactiva aquí, el shadow se aplica al Content div\n const focusClasses = '';\n\n // ===== CLASES DE DISABLED =====\n const disabledClasses = disabled\n ? 'opacity-50 cursor-not-allowed pointer-events-none'\n : '';\n\n // ===== CLASES DEL CONTENIDO INTERIOR =====\n // El hover y focus background se aplica aquí\n const contentBaseClasses = `\n flex\n items-center\n justify-center\n gap-1\n p-2\n rounded-lg\n overflow-hidden\n transition-all\n duration-150\n w-full\n `;\n\n // ===== CLASES DE ESTADO HOVER Y FOCUS PARA CONTENIDO =====\n // Light: bg-[rgba(0,0,0,0.03)], Dark: bg-white/5\n // Según Figma, tanto hover como focus tienen el background overlay\n // El shadow de focus también se aplica aquí (al Content div), no al botón\n const contentStateClasses = disabled\n ? ''\n : `\n group-hover:bg-[rgba(0,0,0,0.03)]\n group-focus-visible:bg-[rgba(0,0,0,0.03)]\n group-focus-visible:shadow-[0px_0px_0px_2px_#dbeefe,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#60b6fa]\n dark:group-hover:bg-white/5\n dark:group-focus-visible:bg-white/5\n dark:group-focus-visible:shadow-[0px_0px_0px_2px_#1e3a5f,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#0f6ae3]\n `;\n\n // ===== CLASES DE TEXTO =====\n // Activo: primary-custom-600 (#0e79fd), Inactivo: content-primary (#18181b)\n const textClasses = active\n ? `\n text-primary-custom-600\n dark:text-primary-custom-600\n `\n : `\n text-content-primary\n dark:text-dark-content-primary\n `;\n\n // ===== CLASES DE ICONO =====\n // El icono hereda el color del texto\n const iconClasses = `\n w-3\n h-3\n shrink-0\n `;\n\n // ===== CLASES DEL BADGE =====\n // Activo: bg-primary-custom-600 (#0e79fd), Inactivo: bg-content-primary (#18181b)\n const badgeClasses = active\n ? `\n bg-primary-custom-600\n dark:bg-primary-custom-600\n `\n : `\n bg-content-primary\n dark:bg-dark-content-primary\n `;\n\n // ===== CLASES DEL INDICADOR INFERIOR =====\n // Solo visible cuando está activo, 2px de alto, rounded-full\n // Posicionado al fondo del contenedor de Tabs (alineado con el border)\n const indicatorClasses = active\n ? `\n absolute\n -bottom-2.5\n left-0\n right-0\n h-0.5\n rounded-full\n bg-primary-custom-600\n dark:bg-primary-custom-600\n z-10\n `\n : 'hidden';\n\n // ===== COMBINAR CLASES DEL BOTÓN =====\n const finalClasses = [\n baseClasses,\n focusClasses,\n disabledClasses,\n 'group', // Para usar group-hover y group-focus-visible\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== COMBINAR CLASES DEL CONTENIDO =====\n const contentFinalClasses = [\n contentBaseClasses,\n contentStateClasses,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <button\n type=\"button\"\n role=\"tab\"\n aria-selected={active}\n aria-disabled={disabled}\n aria-label={ariaLabel \|\| label}\n tabIndex={disabled ? -1 : 0}\n className={finalClasses}\n onClick={disabled ? undefined : onClick}\n disabled={disabled}\n >\n {/ Contenido del Tab /}\n <div className={contentFinalClasses}>\n {/ Icono (opcional) /}\n {icon && (\n <span className={`${iconClasses} ${textClasses}`.trim()}>\n {icon}\n </span>\n )}\n\n {/ Texto /}\n <span\n className={`\n text-sm\n font-bold\n leading-5\n whitespace-nowrap\n ${textClasses}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n {label}\n </span>\n\n {/ Badge de notificación (opcional) /}\n {badge !== undefined && badge > 0 && (\n <span\n className={`\n flex\n items-center\n justify-center\n h-3\n min-w-[12px]\n px-0.5\n rounded-xs\n text-xs\n font-normal\n leading-4\n text-primary-inverse-content\n dark:text-dark-bg-primary\n ${badgeClasses}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n aria-label={`${badge} notificaciones`}\n >\n {badge > 99 ? '99+' : badge}\n </span>\n )}\n </div>\n\n {/ Indicador inferior (línea activa) /}\n <div className={indicatorClasses} />\n </button>\n );\n};\n\n/\n Componente Tabs contenedor del sistema de diseño Siesa\n \n Agrupa múltiples tabs permitiendo navegación entre diferentes secciones.\n * Soporta modo controlado (con activeId y onChange) y no controlado (con defaultActiveId).\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA roles y keyboard navigation\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Modo controlado\n * const [activeTab, setActiveTab] = useState('home');\n \n <Tabs\n * items={[\n * { id: 'home', label: 'Inicio', icon: <HomeIcon /> },\n * { id: 'profile', label: 'Perfil', badge: 3 },\n * { id: 'settings', label: 'Configuración' },\n * ]}\n * activeId={activeTab}\n * onChange={setActiveTab}\n * />\n \n // Modo no controlado\n * <Tabs\n * items={[...]}\n * defaultActiveId=\"home\"\n * />\n * ```\n /\nexport const Tabs: React.FC<TabsProps> = ({\n items,\n activeId,\n defaultActiveId,\n onChange,\n className = '',\n fullWidth = false,\n size = 'base',\n showBorder = true,\n}) => {\n // Estado interno para modo no controlado\n const [internalActiveId, setInternalActiveId] = useState(\n defaultActiveId \|\| (items.length > 0 ? items[0].id : '')\n );\n\n // Determinar si es controlado o no controlado\n const isControlled = activeId !== undefined;\n const currentActiveId = isControlled ? activeId : internalActiveId;\n\n // Handler para cambio de tab\n const handleTabClick = (id: string) => {\n if (!isControlled) {\n setInternalActiveId(id);\n }\n onChange?.(id);\n };\n\n // ===== CLASES DE TAMAÑO =====\n const sizeClasses = {\n sm: 'gap-0',\n base: 'gap-1',\n lg: 'gap-2',\n };\n\n // ===== CLASES DEL CONTENEDOR =====\n // El padding-bottom (pb-2.5 = 10px) deja espacio para el indicador del tab activo\n // El border-b se dibuja debajo del padding, alineándose con el indicador\n const containerClasses = `\n flex\n items-end\n pb-2.5\n ${sizeClasses[size]}\n ${fullWidth ? 'w-full' : ''}\n ${showBorder ? 'border-b border-border-primary dark:border-dark-border-primary' : ''}\n `;\n\n // ===== CLASES FULL WIDTH PARA ITEMS =====\n const itemWidthClass = fullWidth ? 'flex-1' : '';\n\n const finalClasses = [\n containerClasses,\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div\n role=\"tablist\"\n aria-label=\"Pestañas de navegación\"\n className={finalClasses}\n >\n {items.map((item) => (\n <Tab\n key={item.id}\n label={item.label}\n active={currentActiveId === item.id}\n icon={item.icon}\n badge={item.badge}\n disabled={item.disabled}\n onClick={() => handleTabClick(item.id)}\n className={itemWidthClass}\n />\n ))}\n </div>\n );\n};\n","/\n Iconos para el componente Navbar\n * Basados en Heroicons Micro (16x16px)\n /\n\nexport const ShoppingCartIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path d=\"M1.75 1.002a.75.75 0 1 0 0 1.5h1.035l1.38 5.514a2.75 2.75 0 0 0 2.658 2.048h5.355a2.75 2.75 0 0 0 2.658-2.048l.9-3.597a.75.75 0 0 0-.728-.919H4.655l-.22-.88A.75.75 0 0 0 3.71 2H1.75ZM5 13a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM11.5 13a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z\" />\n </svg>\n);\n\nexport const BellIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M12 5a4 4 0 0 0-8 0v2.379a1.5 1.5 0 0 1-.44 1.06L2.294 9.707a1 1 0 0 0-.293.707V11a1 1 0 0 0 1 1h2a3 3 0 1 0 6 0h2a1 1 0 0 0 1-1v-.586a1 1 0 0 0-.293-.707L12.44 8.44A1.5 1.5 0 0 1 12 7.38V5Zm-5.5 7a1.5 1.5 0 0 0 3 0h-3Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const MagnifyingGlassIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const ChevronDownIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const ExclamationTriangleIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M6.701 2.25c.577-1 2.02-1 2.598 0l5.196 9a1.5 1.5 0 0 1-1.299 2.25H2.804a1.5 1.5 0 0 1-1.3-2.25l5.197-9ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 7.25a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const NotificationDot = () => (\n <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"currentColor\" />\n </svg>\n);\n\nexport const ArrowLeftStartOnRectangleIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M14 4.75A2.75 2.75 0 0 0 11.25 2h-3A2.75 2.75 0 0 0 5.5 4.75v.5a.75.75 0 0 0 1.5 0v-.5c0-.69.56-1.25 1.25-1.25h3c.69 0 1.25.56 1.25 1.25v6.5c0 .69-.56 1.25-1.25 1.25h-3c-.69 0-1.25-.56-1.25-1.25v-.5a.75.75 0 0 0-1.5 0v.5A2.75 2.75 0 0 0 8.25 14h3A2.75 2.75 0 0 0 14 11.25v-6.5Zm-9.47.47a.75.75 0 0 0-1.06 0L1.22 7.47a.75.75 0 0 0 0 1.06l2.25 2.25a.75.75 0 1 0 1.06-1.06l-.97-.97h5.69a.75.75 0 0 0 0-1.5H3.56l.97-.97a.75.75 0 0 0 0-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { NavbarProps } from './Navbar.types';\nimport { Badge } from '../Badge/Badge';\nimport {\n ShoppingCartIcon,\n BellIcon,\n MagnifyingGlassIcon,\n ChevronDownIcon,\n ExclamationTriangleIcon,\n ArrowLeftStartOnRectangleIcon,\n} from './icons';\n\n/\n Componente Navbar del sistema de diseño Siesa\n * Basado en especificaciones de Figma con Tailwind CSS\n \n Barra de navegación principal con soporte completo para responsive y dark mode.\n * Incluye logo, nombre de producto, badge de ambiente, botones de acción y dropdown de usuario.\n \n Variantes de dispositivo:\n * - `responsive`: Se adapta automáticamente al viewport (por defecto)\n * - `desktop`: Versión completa (1360x64px) con todos los elementos\n * - `tablet`: Versión tablet (1024x64px) con elementos reducidos\n * - `mobile`: Versión simplificada (428x40px) con logo icono y avatar circular\n \n Elementos incluidos:\n * - Botón de navegación (solo desktop/tablet) - Usa shadow-button-inset\n * - Logo del negocio (solo desktop/tablet)\n * - Dividers verticales (solo desktop/tablet)\n * - Logo Siesa (completo en desktop/tablet, icono en mobile)\n * - Nombre del producto (solo desktop/tablet) - Heading/Tiny (20px Bold)\n * - Badge de ambiente con icono de advertencia (yellow)\n * - Botones de acción (search solo mobile, cart, notifications)\n * - Dropdown de usuario con avatar, nombre y email\n * - Logo Siesa trailing (solo desktop)\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación (NO colores hardcodeados)\n * - Focus rings adaptativos para light y dark mode\n * - Type safety con TypeScript estricto\n * - Responsive design con breakpoints md: y lg:\n * - Tipografía del sistema: Heading/Tiny, Paragraph/Small, Paragraph/Tiny\n * - Spacing del sistema (4px, 8px, 12px, 16px, 32px)\n \n @see docs/colors.md - Sistema de colores y tokens dark mode\n * @see docs/typography.md - Sistema tipográfico (Heading, Paragraph)\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras (button-inset)\n \n @example\n * ```tsx\n * <Navbar\n * productName=\"Mi Producto\"\n * environmentBadge=\"Ambiente de Pruebas\"\n * userDropdown={{\n * avatar: \"/path/to/avatar.jpg\",\n * name: \"Juan Pérez\",\n * email: \"juan@ejemplo.com\",\n * }}\n * notifications={{\n * cart: 99,\n * bell: true,\n * }}\n * onNavigationClick={() => router.back()}\n * onCartClick={() => openCart()}\n * onNotificationsClick={() => openNotifications()}\n * />\n * ```\n /\nexport const Navbar: React.FC<NavbarProps> = ({\n logo,\n productName = 'Nombre Producto',\n environmentBadge,\n userDropdown,\n actions,\n notifications,\n className = '',\n variant = 'responsive',\n hideActionButtons = false,\n leadingAction,\n siesaLogo,\n showBusinessLogo = false,\n showSiesaLogoLeading = true,\n showSiesaLogoTrailing = false,\n onNavigationClick,\n onSearchClick,\n onCartClick,\n onNotificationsClick,\n}) => {\n // ===== CLASES COMUNES PARA BOTONES DE ACCIÓN =====\n const actionButtonClasses = `\n box-border\n flex\n flex-col\n items-center\n justify-center\n p-1\n relative\n rounded-md\n shrink-0\n text-primary-custom-600\n hover:bg-background-secondary\n active:scale-95\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:text-primary-custom-600\n dark:hover:bg-dark-bg-secondary\n dark:active:scale-95\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n transition-all\n duration-150\n `;\n\n // ===== CLASES PARA BOTÓN DE NAVEGACIÓN PRIMARIO =====\n const navigationButtonClasses = `\n bg-primary-custom-600\n text-primary-inverse-content\n border\n border-primary-custom-600\n shadow-button-inset\n hover:bg-primary-custom-500\n active:scale-95\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:bg-dark-bg-inverse\n dark:text-dark-content-inverse\n dark:border-dark-bg-inverse\n dark:hover:bg-dark-bg-inverse/90\n dark:active:scale-95\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n box-border\n flex\n flex-col\n items-center\n justify-center\n p-3\n relative\n rounded-md\n shrink-0\n transition-all\n duration-150\n `;\n\n // ===== HELPER: Es mobile (variante o responsive en mobile breakpoint) =====\n const isMobile = variant === 'mobile';\n const isDesktop = variant === 'desktop';\n const isTablet = variant === 'tablet';\n const isResponsive = variant === 'responsive';\n\n // ===== BOTÓN DE NAVEGACIÓN =====\n const NavigationButton = () => {\n if (isMobile) return null;\n\n const buttonContent = (\n <div className=\"overflow-hidden relative shrink-0 w-4 h-4\">\n <ArrowLeftStartOnRectangleIcon />\n </div>\n );\n\n if (isDesktop \|\| isTablet) {\n return (\n <button\n className={navigationButtonClasses}\n aria-label=\"Volver\"\n onClick={onNavigationClick}\n >\n {buttonContent}\n </button>\n );\n }\n\n // Responsive: Solo visible en md: y superiores\n return (\n <button\n className={`hidden md:flex ${navigationButtonClasses}`}\n aria-label=\"Volver\"\n onClick={onNavigationClick}\n >\n {buttonContent}\n </button>\n );\n };\n\n // ===== BUSINESS LOGO (Logo del cliente/producto) =====\n // Solo se muestra si showBusinessLogo es true\n const BusinessLogo = () => {\n if (isMobile \|\| !showBusinessLogo) return null;\n\n const logoContent = (\n <img\n src=\"/,Business Logo.png\"\n alt=\"Business Logo\"\n className=\"w-full h-full object-contain\"\n />\n );\n\n if (isDesktop) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[168px] h-[30px]\">\n {logoContent}\n </div>\n );\n }\n\n if (isTablet) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[140px] h-[25px]\">\n {logoContent}\n </div>\n );\n }\n\n // Responsive: Visible en md: con tamaño desktop, lg: con tamaño completo\n return (\n <div className=\"hidden md:block overflow-hidden relative shrink-0 w-[140px] lg:w-[168px] h-[25px] lg:h-[30px]\">\n {logoContent}\n </div>\n );\n };\n\n // ===== SIESA LOGO (Logo de Siesa - Leading) =====\n // Se controla con showSiesaLogoLeading\n // En mobile siempre se muestra el icono de Siesa en leading\n const SiesaLogoLeading = () => {\n const logoFull = (\n <img\n src=\"/.Siesa Logo.png\"\n alt=\"Siesa\"\n className=\"w-full h-full object-contain\"\n />\n );\n\n const logoMobile = (\n <img\n src=\"/siesa_logo_mobile.png\"\n alt=\"Siesa\"\n className=\"w-full h-full object-contain\"\n />\n );\n\n // En mobile siempre se muestra el icono de Siesa\n if (isMobile) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[30px] h-[30px]\">\n {logoMobile}\n </div>\n );\n }\n\n // En desktop/tablet: Se controla con showSiesaLogoLeading\n if (!showSiesaLogoLeading) return null;\n\n if (isDesktop) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[120px] h-[30px]\">\n {logoFull}\n </div>\n );\n }\n\n if (isTablet) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[100px] h-[25px]\">\n {logoFull}\n </div>\n );\n }\n\n // Responsive\n return (\n <>\n {/ Mobile: Logo icono (30x30) - siempre visible /}\n <div className=\"md:hidden overflow-hidden relative shrink-0 w-[30px] h-[30px]\">\n {logoMobile}\n </div>\n {/ Tablet/Desktop: Se controla con showSiesaLogoLeading /}\n {showSiesaLogoLeading && (\n <>\n {/ Tablet: Logo completo (100x25) /}\n <div className=\"hidden md:block lg:hidden overflow-hidden relative shrink-0 w-[100px] h-[25px]\">\n {logoFull}\n </div>\n {/ Desktop: Logo completo (120x30) /}\n <div className=\"hidden lg:block overflow-hidden relative shrink-0 w-[120px] h-[30px]\">\n {logoFull}\n </div>\n </>\n )}\n </>\n );\n };\n\n // ===== SIESA LOGO (Trailing) =====\n // Se controla con showSiesaLogoTrailing\n const SiesaLogoTrailing = () => {\n // Se controla con showSiesaLogoTrailing\n if (!showSiesaLogoTrailing \|\| isMobile) return null;\n\n const logoFull = (\n <img\n src=\"/.Siesa Logo.png\"\n alt=\"Siesa\"\n className=\"w-full h-full object-contain\"\n />\n );\n\n if (isDesktop) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[120px] h-[30px]\">\n {logoFull}\n </div>\n );\n }\n\n if (isTablet) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[100px] h-[25px]\">\n {logoFull}\n </div>\n );\n }\n\n // Responsive: Visible en md: (tablet y desktop)\n return (\n <>\n {/ Tablet: Logo completo (100x25) /}\n <div className=\"hidden md:block lg:hidden overflow-hidden relative shrink-0 w-[100px] h-[25px]\">\n {logoFull}\n </div>\n {/ Desktop: Logo completo (120x30) /}\n <div className=\"hidden lg:block overflow-hidden relative shrink-0 w-[120px] h-[30px]\">\n {logoFull}\n </div>\n </>\n );\n };\n\n // ===== DIVIDER COMPONENT =====\n const Divider = ({ responsive = true }: { responsive?: boolean }) => {\n const dividerContent = (\n <div className=\"grow shrink-0 w-px min-h-px bg-border-primary dark:bg-dark-border-primary\" />\n );\n\n if (isMobile) return null;\n\n if (isDesktop \|\| isTablet) {\n return (\n <div className=\"flex flex-col gap-2 h-8 items-start px-0 py-1 relative shrink-0\">\n {dividerContent}\n </div>\n );\n }\n\n // Responsive\n if (responsive) {\n return (\n <div className=\"hidden md:flex flex-col gap-2 h-8 items-start px-0 py-1 relative shrink-0\">\n {dividerContent}\n </div>\n );\n }\n\n return null;\n };\n\n // ===== PRODUCT NAME =====\n const ProductName = () => {\n if (isMobile \|\| !productName) return null;\n\n const nameContent = (\n <p className=\"font-bold leading-7 text-xl text-content-primary dark:text-dark-content-primary tracking-[-0.5px] whitespace-nowrap\">\n {productName}\n </p>\n );\n\n if (isDesktop \|\| isTablet) {\n return nameContent;\n }\n\n // Responsive: Solo visible en md:\n return (\n <p className=\"hidden md:block font-bold leading-7 text-xl text-content-primary dark:text-dark-content-primary tracking-[-0.5px] whitespace-nowrap\">\n {productName}\n </p>\n );\n };\n\n // ===== ENVIRONMENT BADGE =====\n const EnvironmentBadge = () => {\n if (!environmentBadge) return null;\n\n if (isMobile) {\n return (\n <Badge\n color=\"yellow\"\n leftIcon={<ExclamationTriangleIcon />}\n label=\"Pruebas\"\n />\n );\n }\n\n if (isDesktop \|\| isTablet) {\n return (\n <Badge\n color=\"yellow\"\n leftIcon={<ExclamationTriangleIcon />}\n label={environmentBadge}\n />\n );\n }\n\n // Responsive: Mostrar badge corto en mobile, completo en desktop\n return (\n <>\n <div className=\"md:hidden\">\n <Badge\n color=\"yellow\"\n leftIcon={<ExclamationTriangleIcon />}\n label=\"Pruebas\"\n />\n </div>\n <div className=\"hidden md:block\">\n <Badge\n color=\"yellow\"\n leftIcon={<ExclamationTriangleIcon />}\n label={environmentBadge}\n />\n </div>\n </>\n );\n };\n\n // ===== SEARCH BUTTON (Solo mobile) =====\n const SearchButton = () => {\n if (hideActionButtons) return null;\n\n if (isMobile) {\n return (\n <button\n className={actionButtonClasses}\n aria-label=\"Buscar\"\n onClick={onSearchClick}\n >\n <div className=\"overflow-hidden relative shrink-0 w-4 h-4\">\n <MagnifyingGlassIcon />\n </div>\n </button>\n );\n }\n\n if (isResponsive) {\n return (\n <button\n className={`md:hidden ${actionButtonClasses}`}\n aria-label=\"Buscar\"\n onClick={onSearchClick}\n >\n <div className=\"overflow-hidden relative shrink-0 w-4 h-4\">\n <MagnifyingGlassIcon />\n </div>\n </button>\n );\n }\n\n return null;\n };\n\n // ===== CART BUTTON =====\n const CartButton = () => {\n if (hideActionButtons) return null;\n\n return (\n <div className=\"relative\">\n <button\n className={actionButtonClasses}\n aria-label=\"Carrito de compras\"\n onClick={onCartClick}\n >\n <div className=\"overflow-hidden relative shrink-0 w-4 h-4\">\n <ShoppingCartIcon />\n </div>\n </button>\n {/ Badge de notificación con número /}\n {notifications?.cart !== undefined && notifications.cart > 0 && (\n <div className=\"absolute bg-error-content dark:bg-error-content flex flex-col gap-2.5 h-4 items-center justify-center left-[calc(50%+8px)] px-1 py-0 rounded-full top-[calc(50%-8px)] -translate-x-1/2 -translate-y-1/2 pointer-events-none min-w-[16px]\">\n <p className=\"font-bold leading-3 text-[10px] text-white text-center whitespace-nowrap\">\n {notifications.cart > 99 ? '+99' : notifications.cart}\n </p>\n </div>\n )}\n </div>\n );\n };\n\n // ===== NOTIFICATIONS BUTTON =====\n const NotificationsButton = () => {\n if (hideActionButtons) return null;\n\n return (\n <div className=\"relative\">\n <button\n className={actionButtonClasses}\n aria-label=\"Notificaciones\"\n onClick={onNotificationsClick}\n >\n <div className=\"overflow-hidden relative shrink-0 w-4 h-4\">\n <BellIcon />\n </div>\n </button>\n {/ Badge de notificación dot /}\n {notifications?.bell && (\n <div className=\"absolute w-2 h-2 bg-error-content dark:bg-error-content rounded-full left-[calc(50%+4px)] top-[calc(50%-8px)] -translate-x-1/2 pointer-events-none\" />\n )}\n </div>\n );\n };\n\n // ===== USER DROPDOWN =====\n const UserDropdown = () => {\n if (!userDropdown) return null;\n\n const dropdownButtonClasses = `\n box-border\n flex\n items-center\n justify-center\n overflow-hidden\n p-0\n relative\n shrink-0\n hover:bg-background-secondary\n active:scale-95\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:hover:bg-dark-bg-secondary\n dark:active:scale-95\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n rounded-lg\n transition-all\n duration-150\n `;\n\n // Mobile: Solo avatar circular\n if (isMobile) {\n return (\n <button\n className={dropdownButtonClasses}\n onClick={userDropdown.onMenuClick}\n aria-label=\"Menú de usuario\"\n >\n <div className=\"relative rounded-full shrink-0 w-8 h-8\">\n <img\n alt={userDropdown.name}\n className=\"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-full w-full h-full\"\n src={userDropdown.avatar}\n />\n </div>\n </button>\n );\n }\n\n // Desktop/Tablet: Avatar + info + chevron\n const renderFullDropdown = () => (\n <button\n className={dropdownButtonClasses}\n onClick={userDropdown.onMenuClick}\n aria-label=\"Menú de usuario\"\n >\n <div className=\"box-border flex gap-3 items-center justify-center overflow-hidden px-3 py-2 relative rounded-lg shrink-0\">\n <div className=\"flex gap-3 items-center justify-center relative shrink-0\">\n {/ Avatar /}\n <div className=\"flex items-center justify-center relative shrink-0\">\n <div className=\"relative rounded-md shrink-0 w-10 h-10\">\n <img\n alt={userDropdown.name}\n className=\"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-md w-full h-full\"\n src={userDropdown.avatar}\n />\n </div>\n </div>\n {/ Nombre y email/rol /}\n <div className=\"flex flex-col gap-0.5 items-start justify-center relative shrink-0 w-[123px]\">\n <p className=\"leading-5 relative shrink-0 text-sm text-content-primary dark:text-dark-content-primary whitespace-nowrap font-normal\">\n {userDropdown.name}\n </p>\n {(userDropdown.email \|\| userDropdown.role) && (\n <p className=\"leading-4 min-w-full relative shrink-0 text-xs text-content-secondary dark:text-content-secondary w-min whitespace-nowrap overflow-hidden text-ellipsis\">\n {userDropdown.email \|\| userDropdown.role}\n </p>\n )}\n </div>\n </div>\n {/ Chevron down icon /}\n <div className=\"overflow-hidden relative shrink-0 w-5 h-5 text-content-secondary dark:text-content-secondary\">\n <ChevronDownIcon />\n </div>\n </div>\n </button>\n );\n\n if (isDesktop \|\| isTablet) {\n return renderFullDropdown();\n }\n\n // Responsive\n return (\n <>\n {/ Mobile: Solo avatar circular /}\n <button\n className={`md:hidden ${dropdownButtonClasses}`}\n onClick={userDropdown.onMenuClick}\n aria-label=\"Menú de usuario\"\n >\n <div className=\"relative rounded-full shrink-0 w-8 h-8\">\n <img\n alt={userDropdown.name}\n className=\"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-full w-full h-full\"\n src={userDropdown.avatar}\n />\n </div>\n </button>\n {/ Desktop/Tablet: Avatar + info + chevron /}\n <button\n className={`hidden md:flex ${dropdownButtonClasses}`}\n onClick={userDropdown.onMenuClick}\n aria-label=\"Menú de usuario\"\n >\n <div className=\"box-border flex gap-3 items-center justify-center overflow-hidden px-3 py-2 relative rounded-lg shrink-0\">\n <div className=\"flex gap-3 items-center justify-center relative shrink-0\">\n {/ Avatar /}\n <div className=\"flex items-center justify-center relative shrink-0\">\n <div className=\"relative rounded-md shrink-0 w-10 h-10\">\n <img\n alt={userDropdown.name}\n className=\"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-md w-full h-full\"\n src={userDropdown.avatar}\n />\n </div>\n </div>\n {/ Nombre y email/rol /}\n <div className=\"flex flex-col gap-0.5 items-start justify-center relative shrink-0 w-[123px]\">\n <p className=\"leading-5 relative shrink-0 text-sm text-content-primary dark:text-dark-content-primary whitespace-nowrap font-normal\">\n {userDropdown.name}\n </p>\n {(userDropdown.email \|\| userDropdown.role) && (\n <p className=\"leading-4 min-w-full relative shrink-0 text-xs text-content-secondary dark:text-content-secondary w-min whitespace-nowrap overflow-hidden text-ellipsis\">\n {userDropdown.email \|\| userDropdown.role}\n </p>\n )}\n </div>\n </div>\n {/ Chevron down icon /}\n <div className=\"overflow-hidden relative shrink-0 w-5 h-5 text-content-secondary dark:text-content-secondary\">\n <ChevronDownIcon />\n </div>\n </div>\n </button>\n </>\n );\n };\n\n // ===== CLASES BASE DEL NAVBAR =====\n const baseClasses = `\n box-border\n flex\n gap-8\n items-center\n px-4\n py-1\n relative\n w-full\n bg-background-primary\n dark:bg-dark-bg-primary\n `;\n\n // ===== CLASES PARA VARIANTES DE ALTURA =====\n const variantClasses = {\n responsive: 'h-[40px] md:h-16',\n desktop: 'h-16',\n tablet: 'h-16',\n mobile: 'h-[40px]',\n };\n\n // ===== COMBINAR CLASES =====\n const finalClasses = [baseClasses, variantClasses[variant], className]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <nav className={finalClasses}>\n {/ ===== SECCIÓN LEADING (IZQUIERDA) ===== /}\n <div className=\"flex gap-4 items-center relative shrink-0\">\n {/ Botón de navegación o acción leading personalizada (solo desktop/tablet) /}\n {!isMobile && (leadingAction \|\| <NavigationButton />)}\n\n {/ Business Logo (logo del cliente) - solo cuando showBusinessLogo=true /}\n {logo \|\| <BusinessLogo />}\n\n {/ Divider después de Business Logo - Solo cuando hay Business Logo Y hay Siesa Logo en leading /}\n {showBusinessLogo && showSiesaLogoLeading && !isMobile && <Divider />}\n\n {/ Siesa Logo en leading - Se controla con showSiesaLogoLeading /}\n {siesaLogo \|\| <SiesaLogoLeading />}\n\n {/ Divider antes del nombre - Solo cuando hay Siesa Logo en leading y nombre de producto /}\n {productName && showSiesaLogoLeading && !isMobile && <Divider />}\n\n {/ Nombre del Producto - Solo desktop/tablet /}\n <ProductName />\n </div>\n\n {/ ===== SECCIÓN TRAILING (DERECHA) ===== /}\n <div className=\"flex gap-4 items-center justify-end grow min-h-px min-w-px relative shrink-0\">\n {/ Badge de Ambiente /}\n <EnvironmentBadge />\n\n {/ Botón de búsqueda - Solo mobile /}\n <SearchButton />\n\n {/ Botón de carrito de compras /}\n <CartButton />\n\n {/ Botón de notificaciones /}\n <NotificationsButton />\n\n {/ Divider antes del dropdown - Solo desktop/tablet /}\n {userDropdown && !hideActionButtons && <Divider />}\n\n {/ Dropdown de usuario /}\n <UserDropdown />\n\n {/ Divider antes del logo Siesa trailing - Solo cuando showSiesaLogoTrailing=true /}\n {showSiesaLogoTrailing && userDropdown && !isMobile && <Divider />}\n\n {/ Logo Siesa trailing - Solo desktop /}\n <SiesaLogoTrailing />\n\n {/ Actions adicionales /}\n {actions && <div className=\"flex gap-2 items-center\">{actions}</div>}\n </div>\n </nav>\n );\n};\n","import React from 'react';\nimport type { NavigationBarProps, NavigationBarItem } from './NavigationBar.types';\n\n/\n NavigationBar del sistema de diseño Siesa\n \n Componente de navegación inferior (Bottom Navigation Bar) para móvil.\n * Permite al usuario navegar entre vistas principales de la aplicación.\n * Diseñado para contener 3-5 ítems de navegación.\n \n 🔄 Navegación Responsive:\n * El NavigationRail (navegación lateral vertical) se convierte en NavigationBar\n * (navegación inferior horizontal) cuando la pantalla es móvil. Esta es una\n * práctica recomendada de UX para aprovechar mejor el espacio en diferentes\n * dispositivos:\n * - Desktop/Tablet: Usar NavigationRail (lateral)\n * - Mobile: Usar NavigationBar (inferior)\n \n Características:\n * - Soporta hasta 5 ítems de navegación (recomendado: 3-5)\n * - Cada ítem tiene icono + label\n * - Indicador visual de ítem activo (fondo azul claro)\n * - Estados: active, hover, disabled\n * - Dark mode completo\n * - Accesibilidad con ARIA labels\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Tipografía Label XXSmall (10px Bold) según sistema de diseño\n * - Iconos de 16x16px según especificaciones de Figma\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label XXSmall)\n * @see docs/spacing.md - Sistema de espaciado\n * @see NavigationRail - Componente de navegación lateral para desktop\n \n @example\n * ```tsx\n * const items = [\n * { id: 'home', icon: <HomeIcon />, label: 'Inicio', active: true },\n * { id: 'search', icon: <SearchIcon />, label: 'Buscar' },\n * { id: 'profile', icon: <ProfileIcon />, label: 'Perfil' },\n * ];\n \n <NavigationBar\n * items={items}\n * activeItemId=\"home\"\n * onItemClick={(id) => console.log('Clicked:', id)}\n * />\n * ```\n \n @example\n * // Patrón responsive: NavigationRail en desktop, NavigationBar en mobile\n * ```tsx\n * function ResponsiveNav() {\n * return (\n * <>\n * // NavigationRail para desktop/tablet\n * <div className=\"hidden md:block\">\n * <NavigationRail items={items} />\n * </div>\n \n // NavigationBar para móvil\n * <div className=\"md:hidden fixed bottom-0 left-0 right-0 z-50\">\n * <NavigationBar items={items} />\n * </div>\n * </>\n * );\n * }\n * ```\n /\nexport const NavigationBar: React.FC<NavigationBarProps> = ({\n items,\n activeItemId,\n onItemClick,\n className = '',\n ariaLabel = 'Navegación Principal',\n}) => {\n // ===== VALIDACIÓN: Máximo 5 ítems =====\n if (items.length > 5) {\n console.warn('NavigationBar: Se recomienda un máximo de 5 ítems para mejor UX');\n }\n\n // ===== HANDLER DE CLICK =====\n const handleItemClick = (item: NavigationBarItem) => {\n if (item.disabled) return;\n\n // Llamar onClick del ítem individual si existe\n if (item.onClick) {\n item.onClick(item.id);\n }\n\n // Llamar onItemClick global si existe\n if (onItemClick) {\n onItemClick(item.id);\n }\n };\n\n // ===== RENDERIZAR ÍTEM =====\n const renderItem = (item: NavigationBarItem) => {\n const isActive = item.active \|\| item.id === activeItemId;\n\n // ===== CLASES DEL CONTENEDOR DEL ÍTEM =====\n const itemContainerClasses = `\n flex-1\n flex\n flex-col\n items-center\n gap-1\n px-0.5\n py-0\n min-w-0\n cursor-pointer\n transition-all\n duration-150\n ${item.disabled ? 'opacity-50 cursor-not-allowed pointer-events-none' : ''}\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DEL ICON CONTAINER =====\n // Fondo azul claro cuando está activo (rgb(219, 238, 254) = #dbeefe = primary-custom-100)\n // En dark mode usa el mismo color opaco según Figma\n const iconContainerClasses = `\n flex\n items-center\n justify-center\n px-4\n py-1\n rounded-full\n overflow-hidden\n transition-all\n duration-150\n ${\n isActive\n ? 'bg-primary-custom-100 dark:bg-primary-custom-100'\n : 'bg-transparent hover:bg-hover-overlay dark:hover:bg-hover-overlay-dark'\n }\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DEL LABEL =====\n // Label XXSmall: 10px Bold, line-height 12px (según typography.md y Figma)\n const labelClasses = `\n font-['SiesaBT:Bold',sans-serif]\n text-[10px]\n leading-[12px]\n font-bold\n text-center\n w-full\n min-w-0\n text-content-primary\n dark:text-dark-content-primary\n transition-colors\n duration-150\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DEL ICONO =====\n // Iconos de 16x16px según Figma\n const iconClasses = `\n w-4\n h-4\n shrink-0\n text-content-primary\n dark:text-dark-content-primary\n transition-colors\n duration-150\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <button\n key={item.id}\n type=\"button\"\n className={itemContainerClasses}\n onClick={() => handleItemClick(item)}\n disabled={item.disabled}\n aria-label={item.ariaLabel \|\| item.label}\n aria-current={isActive ? 'page' : undefined}\n >\n {/ Icon Container /}\n <div className={iconContainerClasses}>\n <span className={iconClasses}>{item.icon}</span>\n </div>\n\n {/ Label /}\n <span className={labelClasses}>{item.label}</span>\n </button>\n );\n };\n\n // ===== CLASES DEL CONTENEDOR PRINCIPAL =====\n const containerClasses = `\n bg-bg-primary\n dark:bg-dark-bg-primary\n p-4\n w-full\n transition-colors\n duration-150\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DEL MENU (Contenedor de ítems) =====\n const menuClasses = `\n flex\n items-start\n justify-center\n w-full\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DEL DESTINATIONS (Contenedor con gap) =====\n const destinationsClasses = `\n flex-1\n flex\n items-start\n gap-2\n min-h-0\n min-w-0\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <nav\n className={`${containerClasses} ${className}`.trim()}\n role=\"navigation\"\n aria-label={ariaLabel}\n >\n <div className={menuClasses}>\n <div className={destinationsClasses}>\n {items.map((item) => renderItem(item))}\n </div>\n </div>\n </nav>\n );\n};\n","import React from 'react';\n\n/\n Icono de convención para POSConvention\n \n Círculo SVG de 16x16px con colores diferentes para Light y Dark mode.\n * Basado en especificaciones de Figma:\n * - Light mode: node-id 4418-40139\n * - Dark mode: node-id 4418-40349\n \n Usa dos círculos superpuestos con clases CSS para alternar entre modos.\n \n @param lightColor - Color hexadecimal para Light mode\n * @param darkColor - Color hexadecimal para Dark mode\n * @param className - Clases CSS adicionales (opcional)\n /\nexport const ConventionIcon: React.FC<{\n lightColor: string;\n darkColor: string;\n className?: string;\n}> = ({ lightColor, darkColor, className = '' }) => (\n <svg\n className={`w-4 h-4 shrink-0 ${className}`.trim()}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n aria-hidden=\"true\"\n >\n {/ Círculo para Light mode - visible por defecto, oculto en dark /}\n <circle\n cx=\"8\"\n cy=\"8\"\n r=\"8\"\n fill={lightColor}\n className=\"dark:hidden\"\n />\n {/ Círculo para Dark mode - oculto por defecto, visible en dark /}\n <circle\n cx=\"8\"\n cy=\"8\"\n r=\"8\"\n fill={darkColor}\n className=\"hidden dark:block\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { POSConventionProps } from './POSConvention.types';\nimport { ConventionIcon } from './icons';\n\n/\n POSConvention - Componente de leyenda/convención para estados de mesas POS\n \n Muestra un indicador circular de color con su respectiva etiqueta según el diseño de Figma.\n * Se usa típicamente para crear leyendas que explican el significado de colores en el sistema POS.\n \n Colores según Figma (node-id: 4418-40139):\n \n \| Estado \| Light Mode \| Dark Mode \|\n * \|--------\|------------\|-----------\|\n * \| Available \| #0e79fd (azul) \| #93d1fd (azul claro) \|\n * \| Occupied \| #af460e (naranja) \| #f5a927 (amarillo) \|\n * \| Reserved \| #7e22ce (morado) \| #c084fc (morado claro) \|\n * \| Out of Service \| #3f3f46 (gris) \| #a1a1aa (gris claro) \|\n \n Dimensiones según Figma:\n * - Icono: 16x16px (círculo con fill)\n * - Texto: 12px (Paragraph/Tiny - text-xs)\n * - Gap: 4px (gap-1)\n * - Line-height: 16px (leading-4)\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Colores exactos de Figma para Light y Dark mode\n * - Type safety con TypeScript estricto\n * - Accesibilidad con aria-label\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Paragraph Tiny)\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Indicador de disponible\n * <POSConvention status=\"available\" />\n \n // Indicador de ocupada\n * <POSConvention status=\"occupied\" />\n \n // Leyenda completa en contenedor\n * <div className=\"p-5 rounded-lg border border-dashed border-primary-custom-300\">\n * <div className=\"flex flex-col gap-9\">\n * <POSConvention status=\"available\" />\n * <POSConvention status=\"occupied\" />\n * <POSConvention status=\"reserved\" />\n * <POSConvention status=\"outOfService\" />\n * </div>\n * </div>\n * ```\n /\nexport const POSConvention: React.FC<POSConventionProps> = ({\n status = 'available',\n className = '',\n}) => {\n // ===== CONFIGURACIÓN DE COLORES Y LABELS SEGÚN FIGMA =====\n // Colores extraídos del nodo 4418-40139 (Light) y 4418-40349 (Dark) de Figma\n // Variables de Figma: contentCustomPrimary, contentYellow, contentPurple, contentZinc\n const conventionConfig = {\n available: {\n lightColor: '#0e79fd', // Azul - contentCustomPrimary Light\n darkColor: '#93d1fd', // Azul claro - contentCustomPrimary Dark\n label: 'Disponible',\n },\n occupied: {\n lightColor: '#af460e', // Naranja - contentOrange Light\n darkColor: '#f5a927', // Amarillo - contentYellow Dark\n label: 'Ocupada',\n },\n reserved: {\n lightColor: '#7e22ce', // Morado - contentPurple Light\n darkColor: '#c084fc', // Morado claro - contentPurple Dark\n label: 'Reservada',\n },\n outOfService: {\n lightColor: '#3f3f46', // Gris - contentZinc Light (zinc-700)\n darkColor: '#a1a1aa', // Gris claro - contentZinc Dark (zinc-400)\n label: 'Fuera de Servicio',\n },\n };\n\n const config = conventionConfig[status];\n\n // ===== CLASES BASE =====\n const baseClasses = `\n inline-flex\n items-center\n gap-1\n shrink-0\n `;\n\n // ===== COMBINAR CLASES =====\n const finalClasses = [baseClasses, className]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div\n className={finalClasses}\n role=\"presentation\"\n aria-label={`Estado: ${config.label}`}\n >\n {/ Icono circular 16x16 con colores para Light y Dark mode /}\n <ConventionIcon lightColor={config.lightColor} darkColor={config.darkColor} />\n\n {/ Label de texto según Figma: Paragraph/Tiny 12px /}\n {/ Light: contentPrimary #18181b, Dark: contentPrimary #f4f4f5 /}\n <span\n className={`\n text-xs\n leading-4\n font-normal\n text-content-primary\n dark:text-dark-content-primary\n whitespace-nowrap\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n {config.label}\n </span>\n </div>\n );\n};\n","import React from 'react';\n\n/\n Icono Check (✓) para estado Available\n * Tamaño: 12x12px\n /\nexport const CheckIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path\n d=\"M10 3L4.5 8.5L2 6\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\n/\n Icono X Mark para estado Occupied\n * Tamaño: 12x12px\n /\nexport const XMarkIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path\n d=\"M9 3L3 9M3 3L9 9\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\n/\n Icono Calendar para estado Reserved\n * Tamaño: 12x12px\n /\nexport const CalendarIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path\n d=\"M10.5 5H1.5M8.5 1V3M3.5 1V3M3.25 11H8.75C9.57843 11 10.25 10.3284 10.25 9.5V3.5C10.25 2.67157 9.57843 2 8.75 2H3.25C2.42157 2 1.75 2.67157 1.75 3.5V9.5C1.75 10.3284 2.42157 11 3.25 11Z\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\n/\n Icono No Symbol (Prohibido) para estado Out of Service\n * Tamaño: 12x12px\n /\nexport const NoSymbolIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path\n d=\"M10.5 6C10.5 8.48528 8.48528 10.5 6 10.5C3.51472 10.5 1.5 8.48528 1.5 6C1.5 3.51472 3.51472 1.5 6 1.5C8.48528 1.5 10.5 3.51472 10.5 6Z\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n />\n <path\n d=\"M9.18198 2.81802L2.81802 9.18198\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n />\n </svg>\n);\n\n/\n Icono de Usuario/Personas para mostrar capacidad\n * Tamaño: 13x10px (según especificaciones de Figma)\n /\nexport const UsersIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"13\"\n height=\"10\"\n viewBox=\"0 0 13 10\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path\n d=\"M9.25 9V8C9.25 6.89543 8.35457 6 7.25 6H2.75C1.64543 6 0.75 6.89543 0.75 8V9M12.25 9V8C12.25 6.89543 11.3546 6 10.25 6H9.75M7 2.5C7 3.60457 6.10457 4.5 5 4.5C3.89543 4.5 3 3.60457 3 2.5C3 1.39543 3.89543 0.5 5 0.5C6.10457 0.5 7 1.39543 7 2.5ZM10 2C10 2.82843 9.32843 3.5 8.5 3.5C7.67157 3.5 7 2.82843 7 2C7 1.17157 7.67157 0.5 8.5 0.5C9.32843 0.5 10 1.17157 10 2Z\"\n stroke=\"currentColor\"\n strokeWidth=\"1\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { POSLocationButtonProps } from './POSLocationButton.types';\nimport { CheckIcon, XMarkIcon, CalendarIcon, NoSymbolIcon, UsersIcon } from './icons';\n\n/\n POSLocationButton del sistema de diseño Siesa\n \n Botón especializado para punto de venta (POS) que muestra el estado de disponibilidad\n * de una ubicación física (mesa, salón, terraza, etc.) con indicadores visuales claros.\n \n Estados de disponibilidad (status):\n * - `available`: Disponible (verde/lime) con icono ✓\n * - `occupied`: Ocupada (naranja/yellow) con icono ✗\n * - `reserved`: Reservada (morado/purple) con icono 📅\n * - `outOfService`: Fuera de servicio (gris/zinc) con icono 🚫\n \n Estados visuales (state):\n * - `enabled`: Estado normal con fondo blanco/dark\n * - `actived`: Estado seleccionado con fondo coloreado\n \n Características:\n * - Ancho flexible: por defecto ocupa el 100% del contenedor (fullWidth=true)\n * - Altura fija: 68px (optimizado para interfaces POS)\n * - Muestra nombre de ubicación y capacidad (ej: \"1/8 mesas\")\n * - Badge visual con icono y texto del estado\n * - Dark mode completo en todos los estados\n * - Focus ring adaptativo\n * - Transiciones suaves\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Ubicación disponible\n * <POSLocationButton\n * locationName=\"Antejardín\"\n * status=\"available\"\n * capacity={{ current: 1, total: 8 }}\n * onClick={() => console.log('Seleccionado')}\n * />\n \n // Ubicación ocupada y seleccionada\n * <POSLocationButton\n * locationName=\"Terraza\"\n * status=\"occupied\"\n * state=\"actived\"\n * capacity={{ current: 5, total: 8 }}\n * />\n \n // Ubicación reservada\n * <POSLocationButton\n * locationName=\"Salón Principal\"\n * status=\"reserved\"\n * capacity={{ current: 3, total: 12 }}\n * />\n \n // Fuera de servicio\n * <POSLocationButton\n * locationName=\"Bar\"\n * status=\"outOfService\"\n * disabled\n * />\n * ```\n /\nexport const POSLocationButton: React.FC<POSLocationButtonProps> = ({\n locationName,\n status = 'available',\n state = 'enabled',\n capacity,\n onClick,\n disabled = false,\n className = '',\n ariaLabel,\n fullWidth = true,\n}) => {\n // ===== CONFIGURACIÓN DE COLORES POR STATUS =====\n // Mapeo de colores según especificaciones de Figma (pixel-perfect)\n const statusConfig = {\n available: {\n // Azul Primary Custom (según Figma: #0e79fd)\n textColor: 'text-primary-custom-600 dark:text-primary-custom-600',\n badgeBg: 'bg-primary-custom-100 dark:bg-blue-900/30',\n badgeText: 'text-primary-custom-600 dark:text-blue-400',\n activedBg: 'bg-primary-custom-100 dark:bg-blue-900/30',\n icon: CheckIcon,\n badgeLabel: 'Disponible',\n },\n occupied: {\n // Naranja/Yellow (según Figma: #af460e para texto, #fcedc9 para fondo)\n textColor: 'text-[#af460e] dark:text-orange-400',\n badgeBg: 'bg-[#fcedc9] dark:bg-yellow-900/30',\n badgeText: 'text-[#af460e] dark:text-orange-400',\n activedBg: 'bg-[#fcedc9] dark:bg-yellow-900/30',\n icon: XMarkIcon,\n badgeLabel: 'Ocupada',\n },\n reserved: {\n // Morado/Purple (según Figma: #7e22ce para texto, #f3e8ff para fondo)\n textColor: 'text-[#7e22ce] dark:text-fuchsia-400',\n badgeBg: 'bg-[#f3e8ff] dark:bg-purple-900/30',\n badgeText: 'text-[#7e22ce] dark:text-purple-400',\n activedBg: 'bg-[#f3e8ff] dark:bg-purple-900/30',\n icon: CalendarIcon,\n badgeLabel: 'Reservada',\n },\n outOfService: {\n // Gris/Zinc (según Figma: #3f3f46 para texto, #f4f4f5 para fondo)\n textColor: 'text-[#3f3f46] dark:text-zinc-400',\n badgeBg: 'bg-[#f4f4f5] dark:bg-zinc-800/30',\n badgeText: 'text-content-tertiary dark:text-zinc-400',\n activedBg: 'bg-[#f4f4f5] dark:bg-zinc-800/30',\n icon: NoSymbolIcon,\n badgeLabel: 'F. de Servicio',\n },\n };\n\n const config = statusConfig[status];\n const StatusIcon = config.icon;\n\n // ===== CLASES DE FONDO SEGÚN STATE =====\n const backgroundClasses =\n state === 'actived'\n ? config.activedBg // Fondo coloreado cuando está activo\n : 'bg-white dark:bg-dark-bg-primary'; // Fondo blanco/dark cuando está enabled\n\n // ===== CLASES DE ANCHO =====\n const widthClasses = fullWidth ? 'w-full' : 'w-[189px]';\n\n // ===== CLASES BASE =====\n const baseClasses = `\n flex\n flex-col\n items-stretch\n justify-between\n ${widthClasses}\n h-[68px]\n p-2\n rounded-lg\n cursor-pointer\n transition-all\n duration-150\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n hover:shadow-md\n active:scale-[0.98]\n disabled:opacity-50\n disabled:cursor-not-allowed\n disabled:pointer-events-none\n `;\n\n // ===== COMBINAR CLASES =====\n const buttonClasses = [baseClasses, backgroundClasses, className]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== FORMATEAR TEXTO DE CAPACIDAD =====\n const capacityText = capacity\n ? `${capacity.current}/${capacity.total} mesas`\n : null;\n\n return (\n <button\n className={buttonClasses}\n onClick={onClick}\n disabled={disabled}\n aria-label={ariaLabel \|\| `${locationName} - ${config.badgeLabel}`}\n type=\"button\"\n >\n {/ ===== TÍTULO (Nombre de ubicación) ===== /}\n <div\n className={`\n text-base\n font-bold\n leading-6\n ${config.textColor}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n {locationName}\n </div>\n\n {/ ===== CONTENIDO (Capacidad + Badge) ===== /}\n <div className=\"flex items-center justify-between\">\n {/ Capacidad (izquierda) /}\n {capacityText && (\n <div className=\"flex items-center gap-1\">\n <UsersIcon className={config.textColor} />\n <span\n className={`\n text-[10px]\n leading-[12px]\n ${config.textColor}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n {capacityText}\n </span>\n </div>\n )}\n\n {/ Badge (derecha) /}\n <div\n className={`\n inline-flex\n items-center\n gap-1\n px-1.5\n py-1\n rounded-md\n ${config.badgeBg}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n <StatusIcon className={config.badgeText} />\n <span\n className={`\n text-xs\n leading-4\n ${config.badgeText}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n {config.badgeLabel}\n </span>\n </div>\n </div>\n </button>\n );\n};\n","import React from 'react';\nimport type { POSNumberButtonProps } from './POSNumberButton.types';\n\n/\n Componente POSNumberButton del sistema de diseño Siesa\n * Botón numérico especializado para sistemas POS (Point of Sale)\n \n Basado en especificaciones de Figma con Tailwind CSS\n \n Características principales:\n * - Diseñado para pantallas táctiles y POS\n * - Tipografía Display Tiny (48px Bold) para números grandes\n * - Tres tamaños: Small (40x40), Medium (65x65), Large (80x80)\n * - Opción de borde visible o sin borde\n * - Estados: Default, Hover, Active, Disabled\n * - Touch-friendly: active:scale-95 para feedback táctil\n \n Variantes:\n * - `border=false`: Botón sin borde, hover cambia a primary\n * - `border=true`: Botón con borde, hover resalta el borde\n \n Tamaños:\n * - `s` (40x40px): Compacto, para teclados numéricos pequeños\n * - `m` (65x65px): Mediano, tamaño intermedio\n * - `l` (80x80px): Grande, tamaño por defecto para POS\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n * - Feedback visual inmediato con active:scale-95\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Display Tiny)\n * @see docs/spacing.md - Sistema de espaciado\n * @see src/components/Button/Button.tsx - Componente Button de referencia\n \n @example\n * ```tsx\n * // Botón numérico grande (POS)\n * <POSNumberButton size=\"l\">1</POSNumberButton>\n \n // Botón con borde\n * <POSNumberButton size=\"l\" border>2</POSNumberButton>\n \n // Botón compacto\n * <POSNumberButton size=\"s\">3</POSNumberButton>\n \n // Teclado numérico completo\n * <div className=\"grid grid-cols-3 gap-2\">\n * {[1, 2, 3, 4, 5, 6, 7, 8, 9].map((num) => (\n * <POSNumberButton key={num} size=\"m\" onClick={() => handleInput(num)}>\n * {num}\n * </POSNumberButton>\n * ))}\n * </div>\n * ```\n /\nexport const POSNumberButton: React.FC<POSNumberButtonProps> = ({\n size = 'l',\n border = false,\n children,\n disabled = false,\n className = '',\n onClick,\n ariaLabel,\n htmlType = 'button',\n ...rest\n}) => {\n // ===== CLASES DE TAMAÑO =====\n // Basado en especificaciones de Figma: L=80x80, M=65x65, S=40x40\n const sizeClasses = {\n s: 'w-10 h-10', // 40x40px\n m: 'w-[65px] h-[65px]', // 65x65px\n l: 'w-20 h-20', // 80x80px\n };\n\n // ===== CLASES DE TEXTO =====\n // Display Tiny (48px Bold) según typography.md → text-5xl\n // Para tamaño small, reducimos a text-2xl (24px)\n const textSizeClasses = {\n s: 'text-2xl', // 24px para botones pequeños\n m: 'text-5xl', // 48px Display Tiny\n l: 'text-5xl', // 48px Display Tiny\n };\n\n // ===== CLASES DE ESTADO (Sin Borde) =====\n const noBorderStateClasses = `\n bg-white\n text-content-primary\n hover:bg-primary-custom-600\n hover:text-primary-inverse-content\n active:bg-primary-custom-600\n active:text-primary-inverse-content\n active:scale-95\n dark:bg-dark-bg-primary\n dark:text-dark-content-primary\n dark:hover:bg-dark-bg-inverse\n dark:hover:text-dark-content-inverse\n dark:active:bg-dark-bg-inverse\n dark:active:text-dark-content-inverse\n dark:active:scale-95\n `;\n\n // ===== CLASES DE ESTADO (Con Borde) =====\n const withBorderStateClasses = `\n bg-white\n text-content-primary\n border\n border-border-primary\n hover:bg-primary-custom-600\n hover:text-primary-inverse-content\n hover:border-primary-inverse-border\n active:bg-primary-custom-600\n active:text-primary-inverse-content\n active:border-primary-inverse-border\n active:scale-95\n dark:bg-dark-bg-primary\n dark:text-dark-content-primary\n dark:border-dark-border-primary\n dark:hover:bg-dark-bg-inverse\n dark:hover:text-dark-content-inverse\n dark:hover:border-primary-inverse-border\n dark:active:bg-dark-bg-inverse\n dark:active:text-dark-content-inverse\n dark:active:border-primary-inverse-border\n dark:active:scale-95\n `;\n\n // ===== CLASES BASE =====\n const baseClasses = `\n inline-flex\n items-center\n justify-center\n rounded-lg\n font-bold\n tracking-tighter\n whitespace-nowrap\n cursor-pointer\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n disabled:opacity-50\n disabled:cursor-not-allowed\n disabled:pointer-events-none\n transition-all\n duration-150\n `;\n\n // ===== COMBINAR TODAS LAS CLASES =====\n const buttonClasses = [\n baseClasses,\n sizeClasses[size],\n textSizeClasses[size],\n border ? withBorderStateClasses : noBorderStateClasses,\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <button\n type={htmlType}\n className={buttonClasses}\n disabled={disabled}\n onClick={onClick}\n aria-label={ariaLabel \|\| `Número ${children}`}\n {...rest}\n >\n {children}\n </button>\n );\n};\n","import React from 'react';\nimport type { POSProductButtonProps } from './POSProductButton.types';\n\n/\n Componente POSProductButton del sistema de diseño Siesa\n \n Botón especializado para sistemas POS que combina una imagen de producto\n * con un label descriptivo. Diseñado para selección rápida de productos.\n \n Estados disponibles:\n * - `default`: Estado normal con fondo blanco\n * - `active`: Estado seleccionado con fondo azul claro y texto azul\n * - `disabled`: Estado deshabilitado con opacidad reducida\n \n Características:\n * - Imagen con aspect ratio 158:80 (proporción de Figma)\n * - Label con tipografía Label Small (14px Bold)\n * - Soporte completo de dark mode\n * - Estados hover, active y focus\n * - Transiciones suaves\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Focus rings adaptativos para light y dark mode\n * - Tokens de color consistentes con la documentación\n * - Estados hover y active completos\n * - Tipografía Label Small (14px Bold) según sistema de diseño\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label)\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/border-radius.md - Border radius\n \n @example\n * ```tsx\n * // Botón de producto normal\n * <POSProductButton\n * image=\"/images/parrilla.jpg\"\n * label=\"A la parrilla\"\n * onClick={() => console.log('Producto seleccionado')}\n * />\n \n // Botón de producto activo/seleccionado\n * <POSProductButton\n * image=\"/images/parrilla.jpg\"\n * label=\"A la parrilla\"\n * active={true}\n * />\n \n // Botón de producto deshabilitado\n * <POSProductButton\n * image=\"/images/parrilla.jpg\"\n * label=\"A la parrilla\"\n * disabled={true}\n * />\n * ```\n /\nexport const POSProductButton: React.FC<POSProductButtonProps> = ({\n image,\n label,\n active = false,\n disabled = false,\n onClick,\n className = '',\n ariaLabel,\n}) => {\n // ===== CLASES BASE =====\n const baseClasses = `\n flex\n flex-col\n gap-2\n p-3\n rounded-lg\n font-bold\n text-sm\n transition-all\n duration-150\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n `;\n\n // ===== CLASES DE ESTADO =====\n const stateClasses = disabled\n ? `\n bg-white\n text-content-primary\n opacity-55\n cursor-not-allowed\n pointer-events-none\n dark:bg-dark-bg-primary\n dark:text-dark-content-primary\n `\n : active\n ? `\n bg-primary-custom-100\n text-primary-custom-600\n cursor-pointer\n hover:bg-primary-custom-100\n active:scale-95\n dark:bg-primary-custom-100/20\n dark:text-primary-custom-600\n dark:hover:bg-primary-custom-100/30\n dark:active:scale-95\n `\n : `\n bg-white\n text-content-primary\n cursor-pointer\n hover:bg-background-secondary\n active:scale-95\n dark:bg-dark-bg-primary\n dark:text-dark-content-primary\n dark:hover:bg-dark-bg-primary/80\n dark:active:scale-95\n `;\n\n // ===== COMBINAR TODAS LAS CLASES =====\n const buttonClasses = [baseClasses, stateClasses, className]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <button\n type=\"button\"\n className={buttonClasses}\n disabled={disabled}\n onClick={onClick}\n aria-label={ariaLabel \|\| label}\n aria-pressed={active}\n >\n {/ Imagen del producto /}\n <div className=\"aspect-158/80 w-full rounded-lg overflow-hidden\">\n <img\n src={image}\n alt={label}\n className=\"w-full h-full object-cover\"\n />\n </div>\n\n {/ Label del producto /}\n <div className=\"w-full text-left leading-5\">\n {label}\n </div>\n </button>\n );\n};\n","import React from 'react';\n\n/\n Icono Plus (heroicons-micro/plus)\n * Usado en el botón \"Agregar\" del POSProductCard\n * Tamaño: 16x16px según especificación de Figma\n /\nexport const PlusIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n aria-hidden=\"true\"\n >\n <path\n d=\"M8 3V13M3 8H13\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { POSProductCardProps } from './POSProductCard.types';\nimport { Button } from '../Button';\nimport { PlusIcon } from './icons';\n\n/\n Componente POSProductCard del sistema de diseño Siesa\n \n Card especializado para sistemas POS que muestra información de producto\n * con imagen, nombre, precio y botón de agregar. Diseñado para catálogos\n * de productos y selección rápida en punto de venta.\n \n Estados disponibles:\n * - `enabled`: Estado normal\n * - Light: fondo blanco (#ffffff), texto negro (#18181b)\n * - Dark: fondo oscuro (#18181b), texto claro (#f4f4f5)\n * - `active`: Estado seleccionado\n * - Light: fondo azul claro (#dbeefe), texto azul (#0e79fd)\n * - Dark: fondo azul oscuro (#112d57), texto celeste (#93d1fd)\n * - `disabled`: Estado deshabilitado con opacidad reducida\n \n Características:\n * - Imagen de producto con aspect ratio fijo y rounded-lg\n * - Nombre del producto con tipografía Label Small (14px Bold)\n * - Precio con tipografía Heading Small (24px Bold) y letter-spacing -2.5%\n * - Botón \"Agregar\" reutiliza el componente Button del sistema\n * - Soporte completo de dark mode pixel-perfect\n * - Transiciones suaves\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Focus rings adaptativos para light y dark mode\n * - Tokens de color consistentes con Figma\n * - Estados hover y active completos\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4368-31336 - Diseño Figma\n \n @example\n * ```tsx\n * // Card de producto normal\n * <POSProductCard\n * image=\"/images/caprese.jpg\"\n * productName=\"Ensalada Caprese\"\n * price=\"$ 40.000\"\n * onAddClick={() => console.log('Producto agregado')}\n * />\n \n // Card de producto activo/seleccionado\n * <POSProductCard\n * image=\"/images/caprese.jpg\"\n * productName=\"Ensalada Caprese\"\n * price=\"$ 40.000\"\n * active={true}\n * />\n \n // Card de producto deshabilitado\n * <POSProductCard\n * image=\"/images/caprese.jpg\"\n * productName=\"Ensalada Caprese\"\n * price=\"$ 40.000\"\n * disabled={true}\n * />\n * ```\n /\nexport const POSProductCard: React.FC<POSProductCardProps> = ({\n image,\n productName,\n price,\n buttonText = 'Agregar',\n active = false,\n disabled = false,\n onAddClick,\n onCardClick,\n className = '',\n ariaLabel,\n}) => {\n // ===== CLASES BASE DEL CARD =====\n const baseClasses = `\n flex\n flex-col\n gap-2\n p-3\n rounded-lg\n w-[170px]\n transition-all\n duration-150\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n `;\n\n // ===== CLASES DE ESTADO DEL CARD =====\n // Light: enabled=#ffffff, active=#dbeefe\n // Dark: enabled=#18181b, active=#112d57\n const stateClasses = disabled\n ? `\n bg-white\n opacity-55\n cursor-not-allowed\n dark:bg-dark-bg-primary\n `\n : active\n ? `\n bg-primary-custom-100\n cursor-pointer\n dark:bg-dark-bg-custom\n `\n : `\n bg-white\n cursor-pointer\n dark:bg-dark-bg-primary\n `;\n\n // ===== CLASES DE TEXTO SEGÚN ESTADO =====\n // Light: enabled=#18181b, active=#0e79fd\n // Dark: enabled=#f4f4f5, active=#93d1fd\n const textClasses = disabled\n ? `\n text-content-primary\n dark:text-dark-content-primary\n `\n : active\n ? `\n text-primary-custom-600\n dark:text-dark-content-custom\n `\n : `\n text-content-primary\n dark:text-dark-content-primary\n `;\n\n // ===== COMBINAR CLASES DEL CARD =====\n const cardClasses = [baseClasses, stateClasses, className]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== HANDLER DEL CLICK EN EL CARD =====\n const handleCardClick = (event: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) return;\n // Solo propagar si no se hizo clic en el botón\n if ((event.target as HTMLElement).closest('button')) return;\n onCardClick?.(event);\n };\n\n // ===== HANDLER DEL CLICK EN EL BOTÓN =====\n const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n if (disabled) return;\n onAddClick?.(event);\n };\n\n return (\n <div\n className={cardClasses}\n onClick={handleCardClick}\n role=\"article\"\n aria-label={ariaLabel \|\| `${productName} - ${price}`}\n tabIndex={disabled ? -1 : 0}\n >\n {/ Sección de información del producto /}\n <div className=\"flex flex-col gap-3 w-full\">\n {/ Imagen del producto /}\n <div className=\"h-[88px] w-full rounded-lg overflow-hidden\">\n <img\n src={image}\n alt={productName}\n className=\"w-full h-full object-cover\"\n />\n </div>\n\n {/ Datos del producto (nombre y precio) /}\n <div className={`flex flex-col w-full font-bold ${textClasses}`.trim().replace(/\\s+/g, ' ')}>\n {/ Nombre del producto - Label Small (14px) /}\n <div className=\"text-sm leading-5\">\n {productName}\n </div>\n\n {/ Precio - Heading Small (24px) con letter-spacing -2.5% (tracking-tighter) /}\n <div className=\"text-2xl leading-8 tracking-tighter\">\n {price}\n </div>\n </div>\n </div>\n\n {/ Botón Agregar - Reutiliza el componente Button del sistema /}\n <Button\n type=\"default\"\n size=\"sm\"\n leftIcon={<PlusIcon className=\"w-4 h-4\" />}\n onClick={handleButtonClick}\n disabled={disabled}\n fullWidth\n ariaLabel={`${buttonText} ${productName}`}\n >\n {buttonText}\n </Button>\n </div>\n );\n};\n","import React from 'react';\n\n/\n TrashIcon - Icono de papelera para eliminar items\n * Basado en Heroicons Micro (16x16px)\n /\nexport const TrashIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M5 3.25V4H2.75a.75.75 0 0 0 0 1.5h.3l.815 8.15A1.5 1.5 0 0 0 5.357 15h5.285a1.5 1.5 0 0 0 1.493-1.35l.815-8.15h.3a.75.75 0 0 0 0-1.5H11v-.75A2.25 2.25 0 0 0 8.75 1h-1.5A2.25 2.25 0 0 0 5 3.25Zm2.25-.75a.75.75 0 0 0-.75.75V4h3v-.75a.75.75 0 0 0-.75-.75h-1.5ZM6.05 6a.75.75 0 0 1 .787.713l.275 5.5a.75.75 0 0 1-1.498.075l-.275-5.5A.75.75 0 0 1 6.05 6Zm3.9 0a.75.75 0 0 1 .712.787l-.275 5.5a.75.75 0 0 1-1.498-.075l.275-5.5a.75.75 0 0 1 .786-.711Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { POSProductSidebarItemsProps } from './POSProductSidebarItems.types';\nimport { Quantity } from '../Quantity/Quantity';\nimport { TrashIcon } from './icons';\n\n/\n POSProductSidebarItems - Componente de item de producto para sidebar POS\n \n Componente pixel-perfect basado en Figma (node 4507-28013) para mostrar\n * productos en el sidebar de un sistema POS con soporte completo para dark mode.\n \n Características:\n * - Badge de categoría con 19 colores configurables\n * - Referencia del producto (text-[10px]/leading-3)\n * - Precio total (text-xs/font-bold)\n * - Nombre del producto (text-xs/font-bold)\n * - Descripción con items opcionales (fondo terciario)\n * - Control de cantidad integrado (Quantity component)\n * - Botón de eliminar con color de error\n \n Especificaciones de Figma:\n * - Ancho base: 272px\n * - Spacing: gap-1 (4px) entre elementos del producto, gap-2 (8px) entre secciones\n * - Badge: rounded-md (6px), px-1.5, py-1, text-xs/leading-4\n * - Description section: bg-background-tertiary, p-2, rounded-lg\n * - Delete icon: 24x24px, color red-700\n \n Dark Mode:\n * Los colores se adaptan automáticamente en dark mode:\n * - Textos principales: text-content-primary → dark:text-dark-content-primary\n * - Description background: bg-background-tertiary → dark:bg-zinc-700\n * - Badge colores: Mantienen contraste en ambos modos\n * - Delete button: text-red-700 → dark:text-red-500\n \n Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4507-28013 - Diseño Figma\n \n @example\n * ```tsx\n * <POSProductSidebarItems\n * categoryLabel=\"Entradas\"\n * productRef=\"00147258369\"\n * price=\"$ 40,000.00\"\n * productName=\"Nombre producto\"\n * descriptionItems={[\n * { description: \"Papas limón mediana\", price: \"$ 40,000.00\" },\n * { description: \"Papas limón mediana\", price: \"$ 40,000.00\" },\n * ]}\n * quantity={0}\n * onQuantityChange={(qty) => console.log(qty)}\n * onDelete={() => console.log('Eliminar')}\n * />\n * ```\n /\nexport const POSProductSidebarItems: React.FC<POSProductSidebarItemsProps> = ({\n categoryLabel,\n categoryColor = 'lime',\n productRef,\n price,\n productName,\n descriptionItems = [],\n showDescription = true,\n quantity = 0,\n minQuantity = 0,\n maxQuantity,\n onQuantityChange,\n onDelete,\n disabled = false,\n className = '',\n deleteIcon,\n}) => {\n // ===== MAPA DE COLORES PARA BADGES =====\n // Basado en Figma node 4507-28432: bg lime-100 (#ecfccb) y text lime-700 (#4d7c0f)\n // Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n const categoryColorClasses: Record<string, { bg: string; text: string }> = {\n lime: {\n bg: 'bg-lime-100 dark:bg-lime-900/40',\n text: 'text-lime-700 dark:text-lime-300'\n },\n red: {\n bg: 'bg-red-100 dark:bg-red-900/40',\n text: 'text-red-700 dark:text-red-300'\n },\n orange: {\n bg: 'bg-orange-100 dark:bg-orange-900/40',\n text: 'text-orange-700 dark:text-orange-300'\n },\n amber: {\n bg: 'bg-amber-100 dark:bg-amber-900/40',\n text: 'text-amber-700 dark:text-amber-300'\n },\n yellow: {\n bg: 'bg-yellow-100 dark:bg-yellow-900/40',\n text: 'text-yellow-700 dark:text-yellow-300'\n },\n green: {\n bg: 'bg-green-100 dark:bg-green-900/40',\n text: 'text-green-700 dark:text-green-300'\n },\n emerald: {\n bg: 'bg-emerald-100 dark:bg-emerald-900/40',\n text: 'text-emerald-700 dark:text-emerald-300'\n },\n teal: {\n bg: 'bg-teal-100 dark:bg-teal-900/40',\n text: 'text-teal-700 dark:text-teal-300'\n },\n cyan: {\n bg: 'bg-cyan-100 dark:bg-cyan-900/40',\n text: 'text-cyan-700 dark:text-cyan-300'\n },\n sky: {\n bg: 'bg-sky-100 dark:bg-sky-900/40',\n text: 'text-sky-700 dark:text-sky-300'\n },\n blue: {\n bg: 'bg-blue-100 dark:bg-blue-900/40',\n text: 'text-blue-700 dark:text-blue-300'\n },\n indigo: {\n bg: 'bg-indigo-100 dark:bg-indigo-900/40',\n text: 'text-indigo-700 dark:text-indigo-300'\n },\n violet: {\n bg: 'bg-violet-100 dark:bg-violet-900/40',\n text: 'text-violet-700 dark:text-violet-300'\n },\n purple: {\n bg: 'bg-purple-100 dark:bg-purple-900/40',\n text: 'text-purple-700 dark:text-purple-300'\n },\n fuchsia: {\n bg: 'bg-fuchsia-100 dark:bg-fuchsia-900/40',\n text: 'text-fuchsia-700 dark:text-fuchsia-300'\n },\n pink: {\n bg: 'bg-pink-100 dark:bg-pink-900/40',\n text: 'text-pink-700 dark:text-pink-300'\n },\n rose: {\n bg: 'bg-rose-100 dark:bg-rose-900/40',\n text: 'text-rose-700 dark:text-rose-300'\n },\n zinc: {\n bg: 'bg-zinc-100 dark:bg-zinc-800/50',\n text: 'text-zinc-600 dark:text-zinc-300'\n },\n primary: {\n bg: 'bg-primary-custom-100 dark:bg-primary-custom-600/30',\n text: 'text-primary-custom-600 dark:text-primary-custom-300'\n },\n };\n\n const colors = categoryColorClasses[categoryColor] \|\| categoryColorClasses.lime;\n\n // Handler para cambio de cantidad\n const handleQuantityChange = (newQuantity: number) => {\n if (!disabled && onQuantityChange) {\n onQuantityChange(newQuantity);\n }\n };\n\n // Handler para eliminar\n const handleDelete = () => {\n if (!disabled && onDelete) {\n onDelete();\n }\n };\n\n return (\n <div\n className={`\n flex\n flex-col\n gap-2\n w-full\n ${disabled ? 'opacity-50 pointer-events-none' : ''}\n ${className}\n `.trim().replace(/\\s+/g, ' ')}\n data-component=\"POSProductSidebarItems\"\n >\n {/ ===== BODY SECTION ===== /}\n <div className=\"flex flex-col gap-2 w-full\">\n {/ ===== PRODUCT INFO ===== /}\n <div className=\"flex flex-col gap-1 w-full\">\n {/ Row: Badge + Ref + Price - Figma node 4507:28398 /}\n <div className=\"flex items-center gap-1 w-full\">\n {/ Col: Badge + Ref - Figma node 4507:28399 /}\n <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n {/ Category Badge - Figma node 4507:28432 /}\n <div\n className={`\n inline-flex\n items-center\n px-1.5\n py-1\n rounded-md\n transition-colors\n duration-150\n ${colors.bg}\n `.trim().replace(/\\s+/g, ' ')}\n >\n <span\n className={`\n text-xs\n leading-4\n font-normal\n text-center\n whitespace-nowrap\n ${colors.text}\n `.trim().replace(/\\s+/g, ' ')}\n >\n {categoryLabel}\n </span>\n </div>\n\n {/ Product Reference - Figma node 4507:28401 - Paragraph/XXSmall 10px /}\n <span className=\"text-[10px] leading-3 font-normal text-content-primary dark:text-dark-content-primary whitespace-nowrap\">\n {productRef}\n </span>\n </div>\n\n {/ Col: Price - Figma node 4507:28450 - Label/Tiny 12px Bold /}\n <div className=\"flex items-center shrink-0\">\n <span className=\"text-xs leading-4 font-bold text-content-primary dark:text-dark-content-primary whitespace-nowrap text-right\">\n {price}\n </span>\n </div>\n </div>\n\n {/ Row: Product Name - Figma node 4507:28404 - Label/Tiny 12px Bold /}\n <div className=\"flex items-start w-full\">\n <span className=\"text-xs leading-4 font-bold text-content-primary dark:text-dark-content-primary flex-1 min-w-0\">\n {productName}\n </span>\n </div>\n </div>\n\n {/ ===== DESCRIPTION SECTION ===== /}\n {/ Figma node 4507:28405 - Background tertiary con items de descripción /}\n {showDescription && descriptionItems.length > 0 && (\n <div\n className={`\n flex\n flex-col\n gap-2\n p-2\n rounded-lg\n bg-background-secondary\n dark:bg-zinc-700\n w-full\n transition-colors\n duration-150\n `.trim().replace(/\\s+/g, ' ')}\n >\n {descriptionItems.map((item, index) => (\n <div\n key={index}\n className=\"flex items-center gap-1 w-full\"\n >\n {/ Description text - Figma Body/Small 12px Regular /}\n <span className=\"flex-1 min-w-0 text-xs leading-3 font-normal text-content-primary dark:text-dark-content-primary\">\n {item.description}\n </span>\n {/ Price - Figma Body/Small Bold 12px /}\n <span className=\"text-xs leading-3 font-bold text-content-primary dark:text-dark-content-primary whitespace-nowrap text-right shrink-0\">\n {item.price}\n </span>\n </div>\n ))}\n </div>\n )}\n </div>\n\n {/ ===== ACTIONS SECTION ===== /}\n {/ Figma node 4507:28412 - Quantity control + Delete button /}\n <div className=\"flex items-center justify-between w-full\">\n {/ Quantity Control - Figma width: 118px /}\n <div className=\"w-[118px]\">\n <Quantity\n value={quantity}\n min={minQuantity}\n max={maxQuantity}\n onChange={handleQuantityChange}\n disabled={disabled}\n />\n </div>\n\n {/ Delete Button - Figma node 4514:28258 - 24x24px, color red-700 (#b91c1c) /}\n <button\n type=\"button\"\n onClick={handleDelete}\n disabled={disabled}\n className={`\n flex\n items-center\n justify-center\n w-6\n h-6\n rounded-md\n text-red-700\n dark:text-red-500\n hover:text-red-800\n dark:hover:text-red-400\n hover:bg-red-50\n dark:hover:bg-red-900/20\n focus:outline-hidden\n focus:ring-2\n focus:ring-red-500/50\n dark:focus:ring-red-400/50\n focus:ring-offset-1\n focus:ring-offset-white\n dark:focus:ring-offset-dark-bg-primary\n active:scale-95\n transition-all\n duration-150\n ${disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'}\n `.trim().replace(/\\s+/g, ' ')}\n aria-label=\"Eliminar producto\"\n >\n {deleteIcon \|\| <TrashIcon className=\"w-[18px] h-[21px]\" />}\n </button>\n </div>\n </div>\n );\n};\n\nPOSProductSidebarItems.displayName = 'POSProductSidebarItems';\n","import React from 'react';\nimport type { POSTableProps } from './POSTable.types';\n\n/\n POSTable - Sistema de visualización de mesas de restaurante\n \n Componente para mostrar mesas de restaurante con diferentes estados\n * (disponible, ocupada, reservada) y configuraciones de sillas según diseño de Figma.\n \n ⚠️ IMPORTANTE - COLORES PERSONALIZADOS DEL CLIENTE:\n * Este componente usa colores específicos hardcodeados según el diseño del cliente.\n * Estos NO son tokens del sistema de diseño general, sino colores únicos para POSTable.\n * Esta es una EXCEPCIÓN JUSTIFICADA similar a los iconos personalizados de POSTable.\n \n ESPECIFICACIONES PIXEL-PERFECT DE FIGMA:\n \n Colores exactos (ESPECÍFICOS DEL CLIENTE):\n \n LIGHT MODE:\n * - Available (Azul): #0e79fd (border, mesa, silla, texto) - Azul primario del sistema\n * - Available Active: Bg #dbeefe + Border #bce4ff (cuando isActive=true)\n * - Busy (Naranja): #af460e (border, mesa, silla, texto)\n * - Busy Active: Bg #fed7aa + Border #fed7aa (cuando isActive=true)\n * - Reserved (Púrpura): #7e22ce (border, mesa, silla, texto)\n * - Reserved Active: Bg #e9d5ff + Border #e9d5ff (cuando isActive=true)\n \n DARK MODE (colores más brillantes para mejor visibilidad):\n * - Available (Azul claro): #93d1fd (border, mesa, silla, texto)\n * - Available Active: Bg #1e3a5f + Border #1e3a5f (cuando isActive=true)\n * - Busy (Naranja/Amarillo): #f5a927 (border, mesa, silla, texto)\n * - Busy Active: Bg #5c3a1e + Border #5c3a1e (cuando isActive=true)\n * - Reserved (Púrpura claro): #c084fc (border, mesa, silla, texto)\n * - Reserved Active: Bg #3b1f5c + Border #3b1f5c (cuando isActive=true)\n \n - Texto del label: Mismo color del estado (está FUERA de la mesa según Figma)\n \n Dimensiones exactas:\n * - Container: 160x160px, border-radius: 8px, border: 2px\n * - Inner container: 134x134px, gap: 4px\n * - Mesa Square: 64x64px, border-radius: 4px\n * - Mesa Circle: 64x64px, border-radius: 9999px\n * - Mesa Rectangle: 80x64px, border-radius: 4px\n * - Mesa Oval: 80x64px, border-radius: 24px\n * - Silla: 28x22px, border-radius: 4px\n * - Silla Respaldo (top): 28x16px (72.73% height)\n * - Silla Asiento (bottom): 24x14px (85.71% width, 63.64% height)\n * - Gap: 4px entre todos los elementos\n \n Tipografía:\n * - Label: 10px / 12px line-height, weight: 400, font: SiesaBT\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Focus rings adaptativos para light y dark mode\n * - Valores exactos de Figma con notación [px]\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <POSTable\n * tableNumber=\"12\"\n * status=\"available\"\n * shape=\"square\"\n * chairs={4}\n * onClick={() => console.log('Mesa seleccionada')}\n * />\n * ```\n /\nexport const POSTable: React.FC<POSTableProps> = ({\n tableNumber,\n status = 'available',\n shape = 'square',\n chairs = 4,\n showChairs = true,\n isActive = false,\n onClick,\n className = '',\n disabled = false,\n children,\n}) => {\n // ===== COLORES POR ESTADO (VALORES EXACTOS DE FIGMA) =====\n // ⚠️ NOTA: Estos colores son ESPECÍFICOS del cliente (excepción justificada)\n // NO son tokens del sistema general de diseño\n // Light Mode: #0e79fd (azul primario), #af460e (naranja), #7e22ce (púrpura)\n // Dark Mode: #93d1fd (azul claro), #f5a927 (naranja/amarillo), #c084fc (púrpura claro)\n const statusColors = {\n available: {\n // Enabled state - Light: #0e79fd (azul primario del sistema), Dark: #93d1fd\n border: 'border-[#0e79fd]',\n borderDark: 'dark:border-[#93d1fd]',\n bgEnabled: 'bg-transparent',\n bgEnabledDark: 'dark:bg-transparent',\n // Actived state - Light: Bg #dbeefe + Border #bce4ff según Figma\n bgActive: 'bg-primary-custom-100',\n bgActiveDark: 'dark:bg-[#1e3a5f]',\n borderActive: 'border-[#bce4ff]',\n borderActiveDark: 'dark:border-[#1e3a5f]',\n // Table and chairs - Light: #0e79fd, Dark: #93d1fd\n table: 'bg-[#0e79fd]',\n tableDark: 'dark:bg-[#93d1fd]',\n chair: 'bg-[#0e79fd]',\n chairDark: 'dark:bg-[#93d1fd]',\n // Text (mismo color del estado - label está FUERA de la mesa según Figma)\n text: 'text-[#0e79fd]',\n textDark: 'dark:text-[#93d1fd]',\n // Focus ring\n focusRing: 'focus:ring-[#93d1fd]',\n focusRingDark: 'dark:focus:ring-[#0e79fd]',\n },\n busy: {\n // Enabled state - Light: #af460e, Dark: #f5a927\n border: 'border-[#af460e]',\n borderDark: 'dark:border-[#f5a927]',\n bgEnabled: 'bg-transparent',\n bgEnabledDark: 'dark:bg-transparent',\n // Actived state\n bgActive: 'bg-[#fed7aa]',\n bgActiveDark: 'dark:bg-[#5c3a1e]',\n borderActive: 'border-[#fed7aa]',\n borderActiveDark: 'dark:border-[#5c3a1e]',\n // Table and chairs - Light: #af460e, Dark: #f5a927\n table: 'bg-[#af460e]',\n tableDark: 'dark:bg-[#f5a927]',\n chair: 'bg-[#af460e]',\n chairDark: 'dark:bg-[#f5a927]',\n // Text (mismo color del estado - label está FUERA de la mesa según Figma)\n text: 'text-[#af460e]',\n textDark: 'dark:text-[#f5a927]',\n // Focus ring\n focusRing: 'focus:ring-[#f5a927]',\n focusRingDark: 'dark:focus:ring-[#af460e]',\n },\n reserved: {\n // Enabled state - Light: #7e22ce, Dark: #c084fc\n border: 'border-[#7e22ce]',\n borderDark: 'dark:border-[#c084fc]',\n bgEnabled: 'bg-transparent',\n bgEnabledDark: 'dark:bg-transparent',\n // Actived state\n bgActive: 'bg-[#e9d5ff]',\n bgActiveDark: 'dark:bg-[#3b1f5c]',\n borderActive: 'border-[#e9d5ff]',\n borderActiveDark: 'dark:border-[#3b1f5c]',\n // Table and chairs - Light: #7e22ce, Dark: #c084fc\n table: 'bg-[#7e22ce]',\n tableDark: 'dark:bg-[#c084fc]',\n chair: 'bg-[#7e22ce]',\n chairDark: 'dark:bg-[#c084fc]',\n // Text (mismo color del estado - label está FUERA de la mesa según Figma)\n text: 'text-[#7e22ce]',\n textDark: 'dark:text-[#c084fc]',\n // Focus ring\n focusRing: 'focus:ring-[#c084fc]',\n focusRingDark: 'dark:focus:ring-[#7e22ce]',\n },\n };\n\n // ===== CLASES DE FORMA (ESPECIFICACIONES EXACTAS DE FIGMA) =====\n const shapeClasses = {\n square: {\n container: 'rounded-[4px]',\n table: 'w-[64px] h-[64px] rounded-[4px]',\n },\n circle: {\n container: 'rounded-[9999px]',\n table: 'w-[64px] h-[64px] rounded-[9999px]',\n },\n rectangle: {\n container: 'rounded-[4px]',\n table: 'w-[80px] h-[64px] rounded-[4px]',\n },\n oval: {\n container: 'rounded-3xl',\n table: 'w-[80px] h-[64px] rounded-3xl',\n },\n };\n\n // ===== COMPONENTE SILLA (ESPECIFICACIONES EXACTAS DE FIGMA) =====\n const Chair: React.FC<{ rotation: number }> = ({ rotation }) => (\n <div\n className=\"w-[28px] h-[22px]\"\n style={{ transform: `rotate(${rotation}deg)` }}\n aria-hidden=\"true\"\n >\n {/ Respaldo (parte superior) - 72.73% height /}\n <div\n className={`\n absolute\n top-0\n left-0\n right-0\n h-[16px]\n rounded-t-[4px]\n ${statusColors[status].chair}\n ${statusColors[status].chairDark}\n `}\n />\n {/ Asiento (parte inferior) - 85.71% width, 63.64% height /}\n <div\n className={`\n absolute\n bottom-0\n left-[7.14%]\n right-[7.14%]\n h-[14px]\n rounded-b-[4px]\n ${statusColors[status].chair}\n ${statusColors[status].chairDark}\n `}\n />\n </div>\n );\n\n // ===== HANDLER DE CLICK =====\n const handleClick = () => {\n if (!disabled && onClick) {\n onClick();\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n if ((e.key === 'Enter' \|\| e.key === ' ') && !disabled && onClick) {\n e.preventDefault();\n onClick();\n }\n };\n\n // ===== CLASES DEL CONTAINER (160x160px según Figma) =====\n const containerClasses = [\n // Dimensiones exactas del container\n 'w-[160px]',\n 'h-[160px]',\n 'shrink-0',\n\n // Estructura\n 'relative',\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'p-0',\n\n // Borde (2px según Figma)\n 'border-2',\n 'box-border',\n\n // Border radius (8px según Figma)\n 'rounded-[8px]',\n\n // Colores del borde y fondo según estado\n isActive ? statusColors[status].borderActive : statusColors[status].border,\n isActive ? statusColors[status].borderActiveDark : statusColors[status].borderDark,\n isActive ? statusColors[status].bgActive : statusColors[status].bgEnabled,\n isActive ? statusColors[status].bgActiveDark : statusColors[status].bgEnabledDark,\n\n // Focus rings adaptativos (siguiendo patrón de Button)\n 'focus:outline-hidden',\n 'focus:ring-2',\n statusColors[status].focusRing,\n statusColors[status].focusRingDark,\n 'focus:ring-offset-2',\n 'dark:focus:ring-offset-dark-bg-primary',\n\n // Transiciones\n 'transition-all',\n 'duration-150',\n\n // Interactividad\n onClick && !disabled ? 'cursor-pointer' : '',\n onClick && !disabled ? 'hover:scale-105' : '',\n onClick && !disabled ? 'active:scale-95' : '',\n disabled ? 'opacity-50 cursor-not-allowed' : '',\n\n // Clases adicionales\n className,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== RENDER =====\n return (\n <button\n className={containerClasses}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n type=\"button\"\n aria-label={`Mesa ${tableNumber} - ${\n status === 'available' ? 'Disponible' : status === 'busy' ? 'Ocupada' : 'Reservada'\n }`}\n >\n {/ INNER CONTAINER (134x134px según Figma) /}\n <div className=\"flex flex-col gap-[4px] items-center justify-center w-[134px] h-[134px] shrink-0\">\n {/ FILA DE SILLAS SUPERIORES /}\n {showChairs && (chairs === 2 \|\| chairs === 4 \|\| chairs === 6 \|\| chairs === 8) && (\n <div className=\"flex gap-[4px] items-center justify-center shrink-0\">\n {chairs >= 6 && (\n <>\n <Chair rotation={0} />\n <Chair rotation={0} />\n </>\n )}\n {chairs === 2 && <Chair rotation={0} />}\n {chairs === 4 && <Chair rotation={0} />}\n </div>\n )}\n\n {/ FILA CENTRAL CON MESA Y SILLAS LATERALES /}\n <div className=\"flex gap-[4px] items-center justify-center shrink-0\">\n {/ COLUMNA IZQUIERDA - SILLAS /}\n {showChairs && (chairs === 4 \|\| chairs === 6 \|\| chairs === 8) && (\n <div className=\"flex flex-col gap-[4px] items-start justify-center shrink-0\">\n {chairs >= 8 && (\n <>\n <Chair rotation={270} />\n <Chair rotation={270} />\n </>\n )}\n {(chairs === 4 \|\| chairs === 6) && <Chair rotation={270} />}\n </div>\n )}\n\n {/ MESA (sin label - el label va fuera según Figma) /}\n <div className=\"flex flex-col gap-[4px] items-start justify-center shrink-0\">\n <div className=\"flex items-center shrink-0\">\n <div\n className={`\n ${shapeClasses[shape].table}\n ${statusColors[status].table}\n ${statusColors[status].tableDark}\n shrink-0\n `}\n />\n </div>\n </div>\n\n {/ COLUMNA DERECHA - SILLAS /}\n {showChairs && (chairs === 4 \|\| chairs === 6 \|\| chairs === 8) && (\n <div className=\"flex flex-col gap-[4px] items-start justify-center shrink-0\">\n {chairs >= 8 && (\n <>\n <Chair rotation={90} />\n <Chair rotation={90} />\n </>\n )}\n {(chairs === 4 \|\| chairs === 6) && <Chair rotation={90} />}\n </div>\n )}\n </div>\n\n {/ FILA DE SILLAS INFERIORES /}\n {showChairs && (chairs === 2 \|\| chairs === 4 \|\| chairs === 6 \|\| chairs === 8) && (\n <div className=\"flex gap-[4px] items-center justify-center shrink-0\">\n {chairs >= 6 && (\n <>\n <Chair rotation={180} />\n <Chair rotation={180} />\n </>\n )}\n {chairs === 2 && <Chair rotation={180} />}\n {chairs === 4 && <Chair rotation={180} />}\n </div>\n )}\n </div>\n\n {/ LABEL DE NÚMERO DE MESA - Debajo del conjunto mesa+sillas según Figma /}\n <div\n className={`\n flex\n flex-col\n justify-center\n leading-0\n not-italic\n text-ellipsis\n overflow-hidden\n min-w-full\n text-center\n whitespace-nowrap\n shrink-0\n text-[10px]\n font-normal\n ${statusColors[status].text}\n ${statusColors[status].textDark}\n `}\n >\n <p className=\"leading-[12px] text-ellipsis overflow-hidden\">\n Mesa {tableNumber}\n </p>\n {children}\n </div>\n </button>\n );\n};\n","import React, { createContext, useContext, useEffect, useState } from 'react';\n\nexport type Theme = 'light' \| 'dark';\n\ninterface ThemeContextType {\n theme: Theme;\n toggleTheme: () => void;\n setTheme: (theme: Theme) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextType \| undefined>(undefined);\n\ninterface ThemeProviderProps {\n children: React.ReactNode;\n defaultTheme?: Theme;\n}\n\n/\n ThemeProvider - Proveedor de contexto para el tema de la aplicación\n \n Maneja el estado del tema (light/dark) y lo persiste en localStorage.\n * Aplica la clase 'dark' al elemento HTML root cuando el tema es dark.\n \n @example\n * ```tsx\n * <ThemeProvider defaultTheme=\"light\">\n * <App />\n * </ThemeProvider>\n * ```\n /\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n children,\n defaultTheme = 'light'\n}) => {\n const [theme, setThemeState] = useState<Theme>(() => {\n // Intenta obtener el tema del localStorage\n if (typeof window !== 'undefined') {\n const savedTheme = localStorage.getItem('siesa-ui-theme') as Theme;\n return savedTheme \|\| defaultTheme;\n }\n return defaultTheme;\n });\n\n useEffect(() => {\n // Aplica o remueve la clase 'dark' del elemento root\n const root = window.document.documentElement;\n\n if (theme === 'dark') {\n root.classList.add('dark');\n } else {\n root.classList.remove('dark');\n }\n\n // Guarda el tema en localStorage\n localStorage.setItem('siesa-ui-theme', theme);\n }, [theme]);\n\n const toggleTheme = () => {\n setThemeState((prev) => (prev === 'light' ? 'dark' : 'light'));\n };\n\n const setTheme = (newTheme: Theme) => {\n setThemeState(newTheme);\n };\n\n return (\n <ThemeContext.Provider value={{ theme, toggleTheme, setTheme }}>\n {children}\n </ThemeContext.Provider>\n );\n};\n\n/\n useTheme - Hook para acceder al contexto del tema\n \n @returns {ThemeContextType} Objeto con el tema actual y funciones para modificarlo\n \n @example\n * ```tsx\n * function MyComponent() {\n * const { theme, toggleTheme } = useTheme();\n \n return (\n * <button onClick={toggleTheme}>\n * Tema actual: {theme}\n * </button>\n * );\n * }\n * ```\n */\nexport const useTheme = (): ThemeContextType => {\n const context = useContext(ThemeContext);\n\n if (context === undefined) {\n throw new Error('useTheme debe ser usado dentro de un ThemeProvider');\n }\n\n return context;\n};\n"],"names":["Button","type","size","iconOnly","leftIcon","rightIcon","children","disabled","className","onClick","htmlType","fullWidth","ariaLabel","badge","badgeCount","badgeColor","rest","sizeClasses","iconSizeClasses","textSizeClasses","typeClasses","baseClasses","widthClass","buttonClasses","renderIcon","icon","jsx","renderContent","jsxs","Fragment","badgeColorClasses","badgeColors","renderBadge","Input","forwardRef","label","labelSecondary","helperText","error","errorMessage","id","props","ref","inputId","baseInputClasses","interactiveClasses","errorClasses","containerClasses","existingClassName","cloneElement","Textarea","description","resize","rows","textareaId","baseTextareaClasses","resizeClasses","Checkbox","checked","indeterminate","onChange","inputRef","useRef","combinedRef","checkboxId","useEffect","checkboxClasses","Radio","value","name","radioId","baseRadioClasses","checkedClasses","Switch","labelPosition","switchId","baseTrackClasses","getTrackStateClasses","getButtonClasses","baseButtonClasses","positionClass","trackClasses","LabelContent","SwitchInput","Avatar","src","alt","initials","containerSizeClasses","Divider","finalClasses","DescriptionList","term","details","columnClasses","Alert","title","actions","onCancel","onConfirm","cancelText","confirmText","actionButtons","Badge","color","count","colors","Quantity","controlledValue","defaultValue","min","max","linkText","onLinkClick","internalValue","setInternalValue","useState","isControlled","currentValue","handleValueChange","newValue","clampedValue","handleDecrement","handleIncrement","isDecrementDisabled","isIncrementDisabled","MinusIcon","PlusIcon","borderClass","hoverClass","focusClass","ChevronDownIcon","Dropdown","variant","items","controlledOpen","onOpenChange","menuClassName","placeholder","internalOpen","setInternalOpen","menuPosition","setMenuPosition","dropdownRef","menuRef","isOpen","calculateMenuPosition","useCallback","triggerRect","viewportWidth","viewportHeight","menuWidth","menuHeight","spaceBelow","spaceAbove","spaceRight","spaceLeft","openAbove","openLeft","handleToggle","newOpen","handleClickOutside","event","handleEscape","handleItemClick","item","triggerClasses","menuClasses","index","DropdownDivider","DropdownHeading","DropdownItem","shortcut","selected","itemClasses","headingClasses","dividerClasses","Notification","colorClasses","dynamicAriaLabel","displayCount","ArrowLeftIcon","ArrowRightIcon","Pagination","currentPage","totalPages","onPageChange","backText","nextText","siblingCount","showBackButton","showNextButton","paginationRange","useMemo","totalBlocks","_","i","leftSiblingIndex","rightSiblingIndex","shouldShowLeftDots","shouldShowRightDots","firstPageIndex","lastPageIndex","leftItemCount","rightItemCount","rightRange","middleRange","handlePageChange","page","PageButton","isActive","buttonAriaLabel","isDots","ChevronUpDownIcon","CheckIcon","Select","options","showLabel","showDescription","menuHeader","triggerClassName","required","setIsOpen","selectedValue","setSelectedValue","focusedIndex","setFocusedIndex","containerRef","triggerRef","handleKeyDown","prev","handleSelect","selectedOption","opt","toggleMenu","option","finalTriggerClasses","finalMenuClasses","baseMenuItemClasses","getMenuItemClasses","isSelected","isFocused","hoverClasses","disabledClasses","iconClasses","checkIconClasses","ChevronUpIcon","TableHeader","column","sortable","sorted","sortDirection","onSort","combinedClasses","e","TableCell","align","width","isStriped","rowIndex","alignClasses","stripedBg","previousLabel","nextLabel","pageNumbers","pages","Table","columns","data","showBorder","showShadow","externalSortColumn","externalSortDirection","emptyMessage","loading","loadingRows","pagination","internalSortColumn","setInternalSortColumn","internalSortDirection","setInternalSortDirection","sortColumn","handleSort","columnAccessor","newDirection","getCellValue","row","accessor","colIndex","content","Tab","active","contentBaseClasses","contentStateClasses","textClasses","badgeClasses","indicatorClasses","contentFinalClasses","Tabs","activeId","defaultActiveId","internalActiveId","setInternalActiveId","currentActiveId","handleTabClick","itemWidthClass","ShoppingCartIcon","BellIcon","MagnifyingGlassIcon","ExclamationTriangleIcon","ArrowLeftStartOnRectangleIcon","Navbar","logo","productName","environmentBadge","userDropdown","notifications","hideActionButtons","leadingAction","siesaLogo","showBusinessLogo","showSiesaLogoLeading","showSiesaLogoTrailing","onNavigationClick","onSearchClick","onCartClick","onNotificationsClick","actionButtonClasses","navigationButtonClasses","isMobile","isDesktop","isTablet","isResponsive","NavigationButton","buttonContent","BusinessLogo","logoContent","SiesaLogoLeading","logoFull","logoMobile","SiesaLogoTrailing","responsive","dividerContent","ProductName","nameContent","EnvironmentBadge","SearchButton","CartButton","NotificationsButton","UserDropdown","dropdownButtonClasses","renderFullDropdown","NavigationBar","activeItemId","onItemClick","renderItem","itemContainerClasses","iconContainerClasses","labelClasses","destinationsClasses","ConventionIcon","lightColor","darkColor","POSConvention","status","config","XMarkIcon","CalendarIcon","NoSymbolIcon","UsersIcon","POSLocationButton","locationName","state","capacity","StatusIcon","backgroundClasses","capacityText","POSNumberButton","border","POSProductButton","image","POSProductCard","price","buttonText","onAddClick","onCardClick","stateClasses","cardClasses","handleCardClick","handleButtonClick","TrashIcon","POSProductSidebarItems","categoryLabel","categoryColor","productRef","descriptionItems","quantity","minQuantity","maxQuantity","onQuantityChange","onDelete","deleteIcon","categoryColorClasses","handleQuantityChange","newQuantity","handleDelete","POSTable","tableNumber","shape","chairs","showChairs","statusColors","shapeClasses","Chair","rotation","handleClick","ThemeContext","createContext","ThemeProvider","defaultTheme","theme","setThemeState","root","toggleTheme","setTheme","newTheme","useTheme","context","useContext"],"mappings":"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"}
1	+ {"version":3,"file":"siesa-ui-kit.mjs","sources":["../src/components/Button/Button.tsx","../src/components/Input/Input.tsx","../src/components/Textarea/Textarea.tsx","../src/components/Checkbox/Checkbox.tsx","../src/components/Radio/Radio.tsx","../src/components/Switch/Switch.tsx","../src/components/Avatar/Avatar.tsx","../src/components/Divider/Divider.tsx","../src/components/DescriptionList/DescriptionList.tsx","../src/components/Alert/Alert.tsx","../src/components/Badge/Badge.tsx","../src/components/Quantity/Quantity.tsx","../src/components/NavigationRailItem/NavigationRailItem.tsx","../src/components/Dropdown/icons.tsx","../src/components/Dropdown/Dropdown.tsx","../src/components/DropdownItemCollapsible/icons.tsx","../src/components/DropdownItemCollapsible/DropdownItemCollapsible.tsx","../src/components/DropdownItemHeading/icons.tsx","../src/components/DropdownItemHeading/DropdownItemHeading.tsx","../src/components/Notification/Notification.tsx","../src/components/Pagination/icons.tsx","../src/components/Pagination/Pagination.tsx","../node_modules/@heroicons/react/24/outline/esm/CheckIcon.js","../node_modules/@heroicons/react/24/outline/esm/ChevronUpDownIcon.js","../node_modules/@heroicons/react/24/outline/esm/ClockIcon.js","../src/components/Select/icons.tsx","../src/components/Select/Select.tsx","../src/components/NavigationRail/NavigationRail.tsx","../src/components/NavigationRailPanel/NavigationRailPanel.tsx","../node_modules/@heroicons/react/20/solid/esm/ChevronLeftIcon.js","../node_modules/@heroicons/react/20/solid/esm/ChevronRightIcon.js","../node_modules/@heroicons/react/20/solid/esm/MagnifyingGlassIcon.js","../src/components/NavigationRailTypes/icons.tsx","../src/components/NavigationRailTypes/NavigationRailTypes.tsx","../src/components/NavigationRailGroup/icons.tsx","../src/components/NavigationRailGroup/NavigationRailGroup.tsx","../src/components/Table/Table.tsx","../src/components/Tabs/Tabs.tsx","../src/components/Navbar/icons.tsx","../src/components/Navbar/Navbar.tsx","../src/components/NavigationBar/NavigationBar.tsx","../src/components/POSConvention/icons.tsx","../src/components/POSConvention/POSConvention.tsx","../src/components/POSLocationButton/icons.tsx","../src/components/POSLocationButton/POSLocationButton.tsx","../src/components/POSNumberButton/POSNumberButton.tsx","../src/components/POSProductButton/POSProductButton.tsx","../src/components/POSProductCard/icons.tsx","../src/components/POSProductCard/POSProductCard.tsx","../src/components/POSProductSidebarItems/icons.tsx","../src/components/POSProductSidebarItems/POSProductSidebarItems.tsx","../src/components/POSTable/POSTable.tsx","../src/components/LoginView/icons.tsx","../src/components/LoginView/LoginView.tsx","../src/components/SignUpView/icons.tsx","../src/components/SignUpView/SignUpView.tsx","../node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/lucide-react/dist/esm/Icon.js","../node_modules/lucide-react/dist/esm/createLucideIcon.js","../node_modules/lucide-react/dist/esm/icons/chevron-down.js","../node_modules/lucide-react/dist/esm/icons/loader-circle.js","../node_modules/lucide-react/dist/esm/icons/search.js","../node_modules/lucide-react/dist/esm/icons/x.js","../node_modules/clsx/dist/clsx.mjs","../node_modules/tailwind-merge/dist/bundle-mjs.mjs","../src/components/LookupField/utils/cn.ts","../src/components/LookupField/utils/templateInterpolation.ts","../src/components/LookupField/utils/filterBuilder.ts","../src/components/LookupField/hooks/useDebouncedSearch.ts","../src/components/LookupField/hooks/useKeyboardNavigation.ts","../node_modules/react-i18next/dist/es/utils.js","../node_modules/react-i18next/dist/es/unescape.js","../node_modules/react-i18next/dist/es/defaults.js","../node_modules/react-i18next/dist/es/i18nInstance.js","../node_modules/react-i18next/dist/es/context.js","../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js","../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js","../node_modules/use-sync-external-store/shim/index.js","../node_modules/react-i18next/dist/es/useTranslation.js","../src/components/LookupField/hooks/useTranslationSafe.ts","../src/components/LookupField/hooks/useClickOutside.ts","../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs","../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs","../node_modules/@floating-ui/react/dist/floating-ui.react.utils.mjs","../node_modules/@floating-ui/core/dist/floating-ui.core.mjs","../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs","../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs","../node_modules/@floating-ui/react/dist/floating-ui.react.mjs","../src/components/LookupField/hooks/useFloatingDropdown.ts","../node_modules/@tanstack/virtual-core/dist/esm/utils.js","../node_modules/@tanstack/virtual-core/dist/esm/index.js","../node_modules/@tanstack/react-virtual/dist/esm/index.js","../src/components/LookupField/hooks/useVirtualList.ts","../src/components/LookupField/parts/SearchInput.tsx","../src/components/LookupField/parts/LiveRegion.tsx","../src/components/LookupField/LookupField.tsx","../src/components/LookupField/services/api.types.ts","../src/components/LookupField/services/api.ts","../src/views/LayoutBase/LayoutBase.tsx","../src/views/ListView/icons.tsx","../src/views/ListView/ListView.tsx","../src/views/LoginView/icons.tsx","../src/views/LoginView/LoginView.tsx","../src/views/ProductsView/icons.tsx","../src/views/ProductsView/ProductsView.tsx","../src/views/RecoverPasswordView/icons.tsx","../src/views/RecoverPasswordView/RecoverPasswordView.tsx","../src/views/SignUpView/icons.tsx","../src/views/SignUpView/SignUpView.tsx","../src/views/TableLayoutView/icons.tsx","../src/views/TableLayoutView/TableLayoutView.tsx","../src/context/ThemeContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { ButtonProps, ButtonType } from './Button.types';\n\n/*\n Componente Button del sistema de diseño Siesa\n \n Implementación pixel-perfect basada en Figma (node 4001-17240)\n * con soporte completo para todos los estados, tamaños y variantes.\n \n Variantes (type):\n * - `default`: Botón primario con fondo sólido (#0e79fd) y borde (#3c9bf6)\n * - Sombra interna para efecto de profundidad\n * - Usar para acciones principales (Guardar, Enviar, Confirmar)\n * - `outline-solid`: Botón secundario con borde (#93d1fd) y shadow-xs\n * - Usar para acciones secundarias (Cancelar, Volver)\n * - `plain`: Botón terciario sin borde visible\n * - Hover overlay sutil\n * - Usar para acciones sutiles (Cerrar, Ver más, Links)\n \n Tamaños (size):\n * - `xs` (24px): Espacios muy compactos, inline actions. Padding: 8px h, 4px v\n * - `sm` (28px): Barras de herramientas, acciones secundarias. Padding: 8px h, 4px v\n * - `base` (32px): Tamaño estándar para la mayoría de casos. Padding: 10px h, 6px v\n * - `l` (36px): Botones destacados, CTAs. Padding: 12px h, 8px v\n * - `xl` (40px): Heroes, landing pages. Padding: 16px h, 8px v\n \n Estados:\n * - `default`: Estado normal con colores base\n * - `hover`: Overlay visual sutil (bg-primary-custom-500 para default)\n * - `focus`: Focus ring de 4px (#60b6fa) con offset de 2px (#dbeefe)\n * - `active`: Scale animation (scale-95) para feedback táctil\n * - `disabled`: Opacity 50% con pointer-events-none\n \n Badges de notificación:\n * - `badge`: Muestra un dot de notificación en la esquina superior derecha\n * - `badgeCount`: Muestra un badge con número (99+ para >99)\n * - `badgeColor`: Color del badge (por defecto: red - #b91c1c)\n \n Especificaciones de Figma:\n * - Border radius: 6px (rounded-md)\n * - Tipografía: Label Small (14px Bold) para sm/base/l/xl, Label Tiny (12px Bold) para xs\n * - Iconos: 16x16px en todos los tamaños\n * - Gap entre elementos: 8px (xs/sm/base), 12px (l/xl)\n \n Dark Mode:\n * Los botones invierten colores en dark mode:\n * - Default: fondo celeste claro (#bfe2fe), texto azul (#0e79fd), borde celeste (#93d1fd)\n * - Outline: texto celeste (#93d1fd), borde azul (#0f6ae3)\n * - Plain: texto celeste (#93d1fd), hover overlay blanco 20%\n * - Focus ring adaptativo con offset oscuro\n \n @see docs/colors.md - Sistema de colores\n * @see docs/shadows.md - Sistema de sombras (shadow-button-inset, shadow-sm)\n * @see docs/typography.md - Sistema tipográfico (Label Small/Tiny)\n * @see docs/spacing.md - Sistema de espaciado\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4001-17240 - Diseño Figma\n \n @example\n * ```tsx\n * // Botón primario con icono\n * <Button type=\"default\" size=\"base\" leftIcon={<SaveIcon />}>\n * Guardar\n * </Button>\n \n // Botón secundario\n * <Button type=\"outline\" size=\"base\">\n * Cancelar\n * </Button>\n \n // Botón solo icono para barra de herramientas\n * <Button type=\"plain\" size=\"sm\" iconOnly leftIcon={<CloseIcon />} ariaLabel=\"Cerrar\" />\n \n // Botón con badge de notificación (dot)\n * <Button type=\"default\" size=\"base\" badge>\n * Notificaciones\n * </Button>\n \n // Botón con badge contador\n * <Button type=\"default\" size=\"base\" badgeCount={5} badgeColor=\"red\">\n * Mensajes\n * </Button>\n * ```\n /\nexport const Button: React.FC<ButtonProps> = ({\n type = 'default',\n size = 'base',\n iconOnly = false,\n leftIcon,\n rightIcon,\n children,\n disabled = false,\n className = '',\n onClick,\n htmlType = 'button',\n fullWidth = false,\n ariaLabel,\n badge = false,\n badgeCount,\n badgeColor = 'red',\n ...rest\n}) => {\n // ===== CLASES DE TAMAÑO =====\n const sizeClasses = {\n xs: iconOnly ? 'h-6 w-6 p-1' : 'h-6 py-1 px-2 gap-2',\n sm: iconOnly ? 'h-7 w-7 p-1.5' : 'h-7 py-1 px-2 gap-2',\n base: iconOnly ? 'h-8 w-8 p-2' : 'h-8 py-1.5 px-2.5 gap-2',\n l: iconOnly ? 'h-9 w-9 p-2.5' : 'h-9 py-2 px-3 gap-3',\n xl: iconOnly ? 'h-10 w-10 p-3' : 'h-10 py-2 px-4 gap-3',\n };\n\n // ===== CLASES DE TAMAÑO DE ICONO =====\n const iconSizeClasses = {\n xs: 'w-4 h-4',\n sm: 'w-4 h-4',\n base: 'w-4 h-4',\n l: 'w-4 h-4',\n xl: 'w-4 h-4',\n };\n\n // ===== CLASES DE TAMAÑO DE TEXTO =====\n // Usando el sistema de tipografía Label del design system (typography.md)\n const textSizeClasses = {\n xs: 'text-xs', // Label Tiny - 12px\n sm: 'text-sm', // Label Small - 14px\n base: 'text-sm', // Label Small - 14px (default para base)\n l: 'text-sm', // Label Small - 14px (corregido según Figma)\n xl: 'text-sm', // Label Small - 14px (corregido según Figma)\n };\n\n // ===== CLASES DE TIPO (Default, Outline, Plain) =====\n // Especificaciones de Figma node 4001-17240\n // Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n // Dark mode: Los botones invierten colores (fondo claro, texto oscuro)\n // - Light: fondo #0e79fd (azul), texto #eff8ff (blanco)\n // - Dark: fondo #bfe2fe (celeste claro), texto #0e79fd (azul)\n const typeClasses: Record<ButtonType, string> = {\n default: `\n bg-primary-custom-600\n text-primary-inverse-content\n border\n border-primary-inverse-border\n shadow-button-inset\n hover:bg-primary-custom-500\n active:scale-95\n transition-all\n duration-150\n dark:bg-dark-bg-inverse\n dark:text-dark-content-inverse\n dark:border-dark-border-inverse\n dark:hover:bg-dark-bg-inverse/90\n `,\n outline: `\n bg-transparent\n text-primary-custom-600\n border\n border-primary-custom-300\n shadow-xs\n hover:bg-primary-custom-100\n active:scale-95\n transition-all\n duration-150\n dark:text-dark-content-custom\n dark:border-dark-border-custom\n dark:hover:bg-dark-bg-custom/20\n `,\n 'outline-solid': `\n bg-transparent\n text-primary-custom-600\n border\n border-primary-custom-300\n shadow-xs\n hover:bg-primary-custom-100\n active:scale-95\n transition-all\n duration-150\n dark:text-dark-content-custom\n dark:border-dark-border-custom\n dark:hover:bg-dark-bg-custom/20\n `,\n plain: `\n bg-transparent\n text-primary-custom-600\n border\n border-transparent\n hover:bg-hover-overlay\n active:scale-95\n transition-all\n duration-150\n dark:text-dark-content-custom\n dark:hover:bg-hover-overlay-dark\n `,\n };\n\n // ===== CLASES BASE =====\n // Especificaciones de Figma: Focus ring = 4px spread primary-custom-400 + 2px offset primary-custom-100\n // Dark mode: Focus ring adaptativo con offset oscuro\n const baseClasses = `\n inline-flex\n items-center\n justify-center\n rounded-md\n font-bold\n whitespace-nowrap\n focus:outline-hidden\n focus:ring-4\n focus:ring-primary-custom-400\n focus:ring-offset-2\n focus:ring-offset-primary-custom-100\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n disabled:opacity-50\n disabled:cursor-not-allowed\n disabled:pointer-events-none\n `;\n\n // ===== CLASE FULL WIDTH =====\n const widthClass = fullWidth ? 'w-full' : '';\n\n // ===== COMBINAR TODAS LAS CLASES =====\n const buttonClasses = [\n baseClasses,\n sizeClasses[size],\n typeClasses[type],\n widthClass,\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== RENDERIZAR ICONO =====\n const renderIcon = (icon: React.ReactNode) => {\n if (!icon) return null;\n return (\n <span className={`inline-flex items-center justify-center ${iconSizeClasses[size]}`}>\n {icon}\n </span>\n );\n };\n\n // ===== RENDERIZAR CONTENIDO =====\n const renderContent = () => {\n // Si es iconOnly, solo mostrar leftIcon\n if (iconOnly) {\n return renderIcon(leftIcon);\n }\n\n // Si tiene texto y/o iconos\n return (\n <>\n {leftIcon && renderIcon(leftIcon)}\n {children && <span className={textSizeClasses[size]}>{children}</span>}\n {rightIcon && renderIcon(rightIcon)}\n </>\n );\n };\n\n // ===== MAPA DE COLORES DE BADGE =====\n // Basado en el componente Badge existente\n const badgeColorClasses: Record<string, { bg: string; text: string }> = {\n zinc: { bg: 'bg-zinc-600', text: 'text-white' },\n red: { bg: 'bg-red-700', text: 'text-white' },\n orange: { bg: 'bg-orange-700', text: 'text-white' },\n amber: { bg: 'bg-amber-700', text: 'text-white' },\n yellow: { bg: 'bg-yellow-700', text: 'text-white' },\n lime: { bg: 'bg-lime-700', text: 'text-white' },\n green: { bg: 'bg-green-700', text: 'text-white' },\n emerald: { bg: 'bg-emerald-700', text: 'text-white' },\n teal: { bg: 'bg-teal-700', text: 'text-white' },\n cyan: { bg: 'bg-cyan-700', text: 'text-white' },\n sky: { bg: 'bg-sky-700', text: 'text-white' },\n blue: { bg: 'bg-blue-700', text: 'text-white' },\n indigo: { bg: 'bg-indigo-700', text: 'text-white' },\n violet: { bg: 'bg-violet-700', text: 'text-white' },\n purple: { bg: 'bg-purple-700', text: 'text-white' },\n fuchsia: { bg: 'bg-fuchsia-700', text: 'text-white' },\n pink: { bg: 'bg-pink-700', text: 'text-white' },\n rose: { bg: 'bg-rose-700', text: 'text-white' },\n primary: { bg: 'bg-primary-custom-600', text: 'text-white' },\n secondary: { bg: 'bg-zinc-600', text: 'text-white' },\n tertiary: { bg: 'bg-zinc-600', text: 'text-white' },\n };\n\n const badgeColors = badgeColorClasses[badgeColor] \|\| badgeColorClasses.red;\n\n // ===== RENDERIZAR BADGE =====\n const renderBadge = () => {\n // Si no hay badge ni badgeCount, no renderizar nada\n if (!badge && badgeCount === undefined) return null;\n\n // Si hay badgeCount, renderizar badge con número\n if (badgeCount !== undefined) {\n return (\n <span\n className={`\n absolute\n -top-1\n -right-1\n flex\n items-center\n justify-center\n min-w-[16px]\n h-4\n px-1\n rounded-full\n text-[10px]\n font-bold\n leading-none\n ${badgeColors.bg}\n ${badgeColors.text}\n pointer-events-none\n `.trim().replace(/\\s+/g, ' ')}\n aria-label={`${badgeCount} notificaciones`}\n >\n {badgeCount > 99 ? '99+' : badgeCount}\n </span>\n );\n }\n\n // Si solo hay badge (sin número), renderizar dot\n return (\n <span\n className={`\n absolute\n -top-1\n -right-1\n w-2\n h-2\n rounded-full\n ${badgeColors.bg}\n pointer-events-none\n `.trim().replace(/\\s+/g, ' ')}\n aria-label=\"Notificación\"\n />\n );\n };\n\n return (\n <button\n type={htmlType}\n className={`${buttonClasses} ${(badge \|\| badgeCount !== undefined) ? 'relative' : ''}`}\n disabled={disabled}\n onClick={onClick}\n aria-label={ariaLabel}\n {...rest}\n >\n {renderContent()}\n {renderBadge()}\n </button>\n );\n};\n","import React, { forwardRef, cloneElement } from 'react';\nimport type { InputProps } from './Input.types';\n\n/\n Input - Componente de campo de entrada del sistema de diseño Siesa\n * Basado en especificaciones de Figma con Tailwind CSS\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Focus rings adaptativos para light y dark mode\n * - Tokens de color consistentes con la documentación\n * - Sombra base para inputs con focus\n * - Estados hover, focus, disabled y error completos\n * - Typography: Paragraph Regular para texto, Label Bold para labels\n \n Campo de entrada de texto con soporte para:\n * - Estados: default, hover, focus, filled, disabled\n * - Validación con mensajes de error\n * - Iconos izquierdo y derecho\n * - Label y helper text\n * - Dark mode completo\n * - Accesibilidad completa\n \n @see docs/colors.md - Sistema de colores\n * @see docs/shadows.md - Sistema de sombras\n * @see docs/typography.md - Sistema tipográfico (Paragraph, Label)\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Input\n * label=\"Email\"\n * placeholder=\"tu@email.com\"\n * leftIcon={<EnvelopeIcon />}\n * helperText=\"Ingresa tu correo electrónico\"\n * />\n * ```\n /\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n label,\n labelSecondary,\n helperText,\n error = false,\n errorMessage,\n leftIcon,\n rightIcon,\n fullWidth = false,\n className = '',\n disabled = false,\n id,\n ...props\n },\n ref\n ) => {\n // Generar ID único si no se proporciona\n const inputId = id \|\| `input-${Math.random().toString(36).substr(2, 9)}`;\n\n // ===== CLASES BASE DEL INPUT =====\n // Usando el sistema tipográfico Paragraph Regular (14px = text-sm)\n // Border radius rounded-md (6px) consistente con Button\n const baseInputClasses = `\n w-full\n px-3\n py-1.5\n text-sm\n leading-6\n font-normal\n text-content-primary\n bg-bg-primary\n border\n border-border-primary\n rounded-md\n outline-hidden\n transition-all\n duration-150\n placeholder:text-content-tertiary\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n dark:text-dark-content-primary\n dark:placeholder:text-dark-content-tertiary\n `;\n\n // ===== CLASES PARA ESTADOS INTERACTIVOS =====\n // Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n // Focus rings adaptativos siguiendo el patrón de Button\n const interactiveClasses = !disabled\n ? `\n hover:border-primary-custom-600\n focus:border-primary-custom-600\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:hover:border-dark-border-custom\n dark:focus:border-dark-border-custom\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n `\n : `\n opacity-50\n cursor-not-allowed\n bg-bg-secondary\n dark:bg-dark-bg-secondary\n `;\n\n // ===== CLASES PARA ESTADO DE ERROR =====\n // Los colores de error son los mismos en light y dark mode\n const errorClasses = error\n ? `\n border-error-border!\n focus:ring-error-border/30!\n focus:ring-offset-2!\n dark:border-error-border!\n dark:focus:ring-error-border/30!\n dark:focus:ring-offset-dark-bg-primary!\n `\n : '';\n\n // ===== CLASES DEL CONTENEDOR =====\n const containerClasses = fullWidth ? 'w-full' : 'w-[265px]';\n\n // ===== RENDERIZAR ICONOS =====\n // Clonar iconos con estilos apropiados y dark mode completo\n const renderIcon = (icon: React.ReactElement \| undefined) => {\n if (!icon) return null;\n const existingClassName = (icon.props as any).className \|\| '';\n return cloneElement(icon as React.ReactElement<any>, {\n className: `w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary ${existingClassName}`,\n });\n };\n\n return (\n <div className={`flex flex-col gap-2 ${containerClasses} ${className}`}>\n {/ Label /}\n {label && (\n <label\n htmlFor={inputId}\n className=\"flex items-center w-full font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n <span className=\"flex-1\">{label}</span>\n {labelSecondary && (\n <span className=\"text-xs leading-4 text-primary-custom-600 dark:text-primary-custom-600\">\n {labelSecondary}\n </span>\n )}\n </label>\n )}\n\n {/ Input Container /}\n <div className=\"relative flex items-center\">\n {/ Left Icon /}\n {leftIcon && (\n <div className=\"absolute left-3 pointer-events-none\">\n {renderIcon(leftIcon)}\n </div>\n )}\n\n {/ Input Field /}\n <input\n ref={ref}\n id={inputId}\n disabled={disabled}\n className={`\n ${baseInputClasses}\n ${interactiveClasses}\n ${errorClasses}\n ${leftIcon ? 'pl-9' : ''}\n ${rightIcon ? 'pr-9' : ''}\n `.trim().replace(/\\s+/g, ' ')}\n {...props}\n />\n\n {/ Right Icon /}\n {rightIcon && (\n <div className=\"absolute right-3 pointer-events-none\">\n {renderIcon(rightIcon)}\n </div>\n )}\n </div>\n\n {/ Helper Text or Error Message /}\n {(helperText \|\| errorMessage) && (\n <p\n className={`\n text-xs\n leading-5\n ${\n error\n ? 'text-error-content dark:text-error-content'\n : 'text-content-tertiary dark:text-dark-content-tertiary'\n }\n `.trim().replace(/\\s+/g, ' ')}\n >\n {error && errorMessage ? errorMessage : helperText}\n </p>\n )}\n </div>\n );\n }\n);\n\nInput.displayName = 'Input';\n","import { forwardRef } from 'react';\nimport type { TextareaProps } from './Textarea.types';\n\n/\n Textarea - Componente de área de texto del sistema de diseño Siesa\n * Basado en especificaciones de Figma con Tailwind CSS\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Focus rings adaptativos para light y dark mode\n * - Tokens de color consistentes con la documentación\n * - Estados hover, focus, disabled y error completos\n * - Typography: Paragraph Base (16px) para texto\n \n Campo de entrada de texto multi-línea con soporte para:\n * - Estados: default, hover, focus, filled, disabled\n * - Validación con mensajes de error\n * - Label, description y helper text\n * - Resize vertical, horizontal, both o none\n * - Dark mode completo\n * - Accesibilidad completa\n \n @see docs/colors.md - Sistema de colores\n * @see docs/shadows.md - Sistema de sombras\n * @see docs/typography.md - Sistema tipográfico (Paragraph, Label)\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Textarea\n * label=\"About\"\n * description=\"Tell us about yourself\"\n * placeholder=\"Write a few sentences...\"\n * helperText=\"Minimum 50 characters\"\n * />\n * ```\n /\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n (\n {\n label,\n description,\n helperText,\n error = false,\n errorMessage,\n fullWidth = false,\n resize = 'vertical',\n className = '',\n disabled = false,\n id,\n rows = 4,\n ...props\n },\n ref\n ) => {\n // Generar ID único si no se proporciona\n const textareaId = id \|\| `textarea-${Math.random().toString(36).substr(2, 9)}`;\n\n // ===== CLASES BASE DEL TEXTAREA =====\n // Usando el sistema tipográfico Paragraph Base (16px = text-base)\n // Border radius rounded-lg (8px) según especificaciones de Figma\n // Padding: px-3 (12px) izquierda, pr-1.5 (6px) derecha para el indicador de resize\n const baseTextareaClasses = `\n w-full\n px-3\n pr-1.5\n py-1.5\n text-base\n leading-6\n font-normal\n bg-bg-primary\n border\n border-border-primary\n rounded-lg\n outline-hidden\n transition-all\n duration-150\n placeholder:text-content-tertiary\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n dark:text-dark-content-primary\n dark:placeholder:text-dark-content-tertiary\n `;\n\n // ===== CLASES PARA ESTADOS INTERACTIVOS =====\n // Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n // Hover: borde más opaco (zinc-400) según especificaciones de Figma\n // Focus: solo border-2 sin ring, según especificaciones de Figma\n const interactiveClasses = !disabled\n ? `\n hover:border-zinc-400\n focus:border-2\n focus:border-primary-custom-600\n dark:hover:border-zinc-500\n dark:focus:border-2\n dark:focus:border-dark-border-custom\n `\n : `\n opacity-50\n cursor-not-allowed\n bg-bg-secondary\n dark:bg-dark-bg-secondary\n `;\n\n // ===== CLASES PARA ESTADO DE ERROR =====\n // Los colores de error son los mismos en light y dark mode\n // Focus en error: solo border-2 sin ring, según especificaciones de Figma\n const errorClasses = error\n ? `\n border-error-border!\n focus:border-2!\n focus:border-error-border!\n dark:border-error-border!\n dark:focus:border-2!\n dark:focus:border-error-border!\n `\n : '';\n\n // ===== CLASES DE RESIZE =====\n const resizeClasses =\n resize === 'none'\n ? 'resize-none'\n : resize === 'vertical'\n ? 'resize-y'\n : resize === 'horizontal'\n ? 'resize-x'\n : 'resize';\n\n // ===== CLASES DEL CONTENEDOR =====\n // Ancho por defecto: 312px (según especificaciones de Figma)\n const containerClasses = fullWidth ? 'w-full' : 'w-[312px]';\n\n return (\n <div className={`flex flex-col gap-2 ${containerClasses} ${className}`}>\n {/ Label and Description /}\n {(label \|\| description) && (\n <div className=\"flex flex-col gap-1 w-full\">\n {label && (\n <label\n htmlFor={textareaId}\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n {label}\n </label>\n )}\n {description && (\n <p className=\"text-sm leading-5 text-content-secondary dark:text-dark-content-secondary\">\n {description}\n </p>\n )}\n </div>\n )}\n\n {/ Textarea Field /}\n <textarea\n ref={ref}\n id={textareaId}\n disabled={disabled}\n rows={rows}\n className={`\n ${baseTextareaClasses}\n ${interactiveClasses}\n ${errorClasses}\n ${resizeClasses}\n `.trim().replace(/\\s+/g, ' ')}\n {...props}\n />\n\n {/ Helper Text or Error Message /}\n {(helperText \|\| errorMessage) && (\n <p\n className={`\n text-sm\n leading-5\n text-content-tertiary\n dark:text-dark-content-tertiary\n `.trim().replace(/\\s+/g, ' ')}\n >\n {error && errorMessage ? errorMessage : helperText}\n </p>\n )}\n </div>\n );\n }\n);\n\nTextarea.displayName = 'Textarea';\n","import { forwardRef, useEffect, useRef } from 'react';\nimport type { CheckboxProps } from './Checkbox.types';\n\n/\n Checkbox del sistema de diseño Siesa\n \n Componente de checkbox con soporte completo para estados interactivos,\n * indeterminate, y dark mode pixel-perfect según especificaciones de Figma.\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Sombra button-inset para estado checked\n * - Type safety con TypeScript estricto\n * - Accesibilidad con input nativo y ARIA\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label/Paragraph)\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Checkbox\n * label=\"Show on Events Page\"\n * description=\"Make this event visible on your profile\"\n * checked={true}\n * onChange={(e) => console.log(e.target.checked)}\n * />\n * ```\n /\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n (\n {\n label,\n description,\n checked = false,\n indeterminate = false,\n disabled = false,\n className = '',\n id,\n onChange,\n ...props\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const combinedRef = (ref as any) \|\| inputRef;\n\n // Generar ID único si no se proporciona\n const checkboxId = id \|\| `checkbox-${Math.random().toString(36).substr(2, 9)}`;\n\n // Manejar el estado indeterminate\n useEffect(() => {\n if (combinedRef.current) {\n combinedRef.current.indeterminate = indeterminate;\n }\n }, [indeterminate, combinedRef]);\n\n // ===== CLASES BASE DEL CHECKBOX =====\n const baseCheckboxClasses = `\n w-4\n h-4\n rounded\n border\n border-border-primary\n bg-bg-primary\n transition-all\n duration-150\n flex\n items-center\n justify-center\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n `;\n\n // ===== CLASES PARA ESTADOS INTERACTIVOS =====\n const interactiveClasses = !disabled\n ? (checked \|\| indeterminate)\n ? `\n peer-hover:border-[#50a5f7]\n peer-focus:ring-2\n peer-focus:ring-primary-custom-400/20\n peer-focus:border-primary-custom-600\n dark:peer-hover:border-[#50a5f7]\n dark:peer-focus:border-dark-border-custom\n dark:peer-focus:ring-dark-border-custom/20\n `\n : `\n peer-hover:border-[#b6b6b9]\n peer-focus:ring-2\n peer-focus:ring-primary-custom-400/20\n peer-focus:border-primary-custom-600\n dark:peer-hover:border-[#b6b6b9]\n dark:peer-focus:border-dark-border-custom\n dark:peer-focus:ring-dark-border-custom/20\n `\n : `\n opacity-50\n cursor-not-allowed\n `;\n\n // ===== CLASES PARA ESTADO CHECKED/INDETERMINATE =====\n // Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n const checkedClasses = checked \|\| indeterminate\n ? `\n bg-primary-custom-600!\n border-primary-custom-500!\n shadow-button-inset\n dark:bg-dark-bg-inverse!\n dark:border-dark-bg-inverse!\n `\n : '';\n\n // ===== COMBINAR TODAS LAS CLASES DEL CHECKBOX =====\n const checkboxClasses = [\n baseCheckboxClasses,\n interactiveClasses,\n checkedClasses,\n disabled ? 'cursor-not-allowed' : 'cursor-pointer',\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div className={`inline-flex gap-3 items-start ${className}`}>\n {/ Checkbox Input Container /}\n <div className=\"flex items-center justify-center h-5 w-4 shrink-0\">\n {/ Native Input (hidden but accessible) /}\n <input\n ref={combinedRef}\n type=\"checkbox\"\n id={checkboxId}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n className=\"peer sr-only\"\n {...props}\n />\n\n {/ Custom Checkbox Visual /}\n <label htmlFor={checkboxId} className={checkboxClasses}>\n {/ Check Icon - Usar primary-inverse-content para consistencia /}\n {checked && !indeterminate && (\n <svg\n className=\"w-3 h-3 text-primary-inverse-content pointer-events-none\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M10 3L4.5 8.5L2 6\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n\n {/ Indeterminate Icon (minus) - Usar primary-inverse-content /}\n {indeterminate && (\n <svg\n className=\"w-3 h-3 text-primary-inverse-content pointer-events-none\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2 6H10\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n />\n </svg>\n )}\n </label>\n </div>\n\n {/ Label and Description /}\n {(label \|\| description) && (\n <label\n htmlFor={checkboxId}\n className={`flex-1 flex flex-col gap-1 text-sm leading-5 ${\n disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'\n }`}\n >\n {/ Label - Label/Small (14px, Bold) /}\n {label && (\n <span className=\"font-bold text-content-primary dark:text-dark-content-primary\">\n {label}\n </span>\n )}\n {/ Description - Paragraph/Small (14px, Regular) /}\n {description && (\n <span className=\"font-normal text-content-secondary dark:text-content-secondary\">\n {description}\n </span>\n )}\n </label>\n )}\n </div>\n );\n }\n);\n\nCheckbox.displayName = 'Checkbox';\n","import { forwardRef } from 'react';\nimport type { RadioProps } from './Radio.types';\n\n/\n Radio - Componente de radio button del sistema de diseño Siesa\n \n Campo de selección única diseñado para cumplir con las especificaciones\n * de Figma con soporte completo para dark mode y accesibilidad.\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con keyboard navigation y ARIA\n * - Inner shadow en estado checked según especificaciones Figma\n \n Estados soportados:\n * - Default, Hover, Focus, Disabled\n * - Checked / Unchecked\n * - Label y description opcionales\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Radio simple\n * <Radio\n * label=\"Allow tickets to be resold\"\n * description=\"Customers can resell or transfer their tickets\"\n * value=\"resell\"\n * name=\"ticketOptions\"\n * checked={true}\n * onChange={(e) => console.log(e.target.checked)}\n * />\n \n // Radio group\n * <div>\n * <Radio label=\"Option 1\" name=\"group\" value=\"1\" checked={selected === \"1\"} onChange={handleChange} />\n * <Radio label=\"Option 2\" name=\"group\" value=\"2\" checked={selected === \"2\"} onChange={handleChange} />\n * </div>\n * ```\n /\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n (\n {\n label,\n description,\n checked = false,\n disabled = false,\n className = '',\n id,\n onChange,\n value,\n name,\n ...props\n },\n ref\n ) => {\n // Generar ID único si no se proporciona\n const radioId = id \|\| `radio-${Math.random().toString(36).substr(2, 9)}`;\n\n // ===== CLASES BASE DEL RADIO BUTTON =====\n const baseRadioClasses = `\n w-4\n h-4\n rounded-full\n border\n border-border-primary\n bg-bg-primary\n transition-all\n duration-150\n flex\n items-center\n justify-center\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n `;\n\n // ===== CLASES PARA ESTADOS INTERACTIVOS =====\n const interactiveClasses = !disabled\n ? `\n peer-hover:border-primary-custom-600\n peer-focus:ring-2\n peer-focus:ring-primary-custom-400\n peer-focus:border-primary-custom-600\n dark:peer-hover:border-dark-border-custom\n dark:peer-focus:ring-dark-border-custom\n dark:peer-focus:border-dark-border-custom\n `\n : `\n opacity-50\n cursor-not-allowed\n `;\n\n // ===== CLASES PARA CHECKED STATE =====\n // Según Figma: bg #0e79fd, border #3c9bf6, inner shadow\n const checkedClasses = checked\n ? `\n bg-primary-custom-600!\n border-primary-inverse-border!\n shadow-button-inset\n dark:bg-dark-bg-inverse!\n dark:border-dark-bg-inverse!\n `\n : '';\n\n return (\n <div className={`flex gap-3 items-start ${className}`}>\n {/ Radio Input Container /}\n <div className=\"flex items-center justify-center h-5 w-4 shrink-0\">\n {/ Native Input (hidden but accessible) /}\n <input\n ref={ref}\n type=\"radio\"\n id={radioId}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n value={value}\n name={name}\n className=\"peer sr-only\"\n {...props}\n />\n\n {/ Custom Radio Visual /}\n <label\n htmlFor={radioId}\n className={`\n ${baseRadioClasses}\n ${interactiveClasses}\n ${checkedClasses}\n ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'}\n `.trim().replace(/\\s+/g, ' ')}\n >\n {/ Inner Circle (checked state) - 6px white dot según Figma /}\n {checked && (\n <div className=\"w-1.5 h-1.5 bg-white rounded-full dark:bg-dark-content-inverse\" />\n )}\n </label>\n </div>\n\n {/ Label and Description /}\n {(label \|\| description) && (\n <label\n htmlFor={radioId}\n className={`flex-1 flex flex-col gap-1 text-sm leading-5 ${\n disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'\n }`}\n >\n {label && (\n <span className=\"font-bold text-content-primary dark:text-dark-content-primary\">\n {label}\n </span>\n )}\n {description && (\n <span className=\"font-normal text-content-secondary dark:text-content-secondary\">\n {description}\n </span>\n )}\n </label>\n )}\n </div>\n );\n }\n);\n\nRadio.displayName = 'Radio';\n","import { forwardRef } from 'react';\nimport type { SwitchProps } from './Switch.types';\n\n/\n Switch - Componente de switch del sistema de diseño Siesa\n \n Campo de activación/desactivación con soporte para:\n * - Estados: default, hover, focus, disabled\n * - On, off\n * - Label y description opcionales\n * - Posición del label: leading (izquierda) o trailing (derecha)\n * - Animación suave de transición\n * - Dark mode completo\n * - Accesibilidad completa\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Focus ring con shadow especial según Figma\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Label a la izquierda (default)\n * <Switch\n * label=\"Permitir inserción\"\n * description=\"Permite que otros inserten los detalles de tu evento.\"\n * checked={true}\n * onChange={(e) => console.log(e.target.checked)}\n * />\n \n // Label a la derecha\n * <Switch\n * label=\"Activar notificaciones\"\n * labelPosition=\"trailing\"\n * checked={false}\n * onChange={(e) => console.log(e.target.checked)}\n * />\n * ```\n /\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n (\n {\n label,\n description,\n labelPosition = 'leading',\n checked = false,\n disabled = false,\n className = '',\n id,\n onChange,\n ariaLabel,\n ...props\n },\n ref\n ) => {\n // Generar ID único si no se proporciona\n const switchId = id \|\| `switch-${Math.random().toString(36).substr(2, 9)}`;\n\n // ===== CLASES BASE DEL TRACK =====\n const baseTrackClasses = `\n w-8\n h-5\n rounded-xl\n border\n overflow-hidden\n relative\n transition-all\n duration-200\n `;\n\n // ===== CLASES DE ESTADO DEL TRACK =====\n const getTrackStateClasses = () => {\n if (disabled) {\n return checked\n ? `\n bg-primary-custom-600\n border-primary-inverse-border\n opacity-50\n cursor-not-allowed\n dark:bg-primary-custom-600\n dark:border-primary-inverse-border\n `\n : `\n bg-[#fafafa]\n border-border-primary\n opacity-50\n cursor-not-allowed\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n `;\n }\n\n return checked\n ? `\n bg-primary-custom-600\n border-primary-inverse-border\n cursor-pointer\n peer-hover:border-[#307cc5]\n peer-focus:shadow-lg\n dark:bg-primary-custom-600\n dark:border-primary-inverse-border\n dark:peer-hover:border-[#307cc5]\n dark:peer-focus:shadow-lg\n `\n : `\n bg-[#fafafa]\n border-border-primary\n cursor-pointer\n peer-hover:border-[#b6b6b9]\n peer-focus:shadow-lg\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n dark:peer-hover:border-[#b6b6b9]\n dark:peer-focus:shadow-lg\n `;\n };\n\n // ===== CLASES DEL BOTÓN (CÍRCULO) =====\n const getButtonClasses = () => {\n const baseButtonClasses = `\n absolute\n w-4\n h-4\n bg-white\n rounded-[10px]\n border\n top-1/2\n -translate-y-1/2\n transition-all\n duration-200\n `;\n\n // Posición: OFF = left-px (1px), ON = left-[13px]\n const positionClass = checked ? 'left-[13px]' : 'left-px';\n\n if (disabled) {\n const borderClass = checked\n ? 'border-primary-inverse-border dark:border-primary-inverse-border'\n : 'border-border-primary dark:border-dark-border-primary';\n return `${baseButtonClasses} ${positionClass} ${borderClass}`;\n }\n\n const borderClass = checked\n ? `\n border-primary-inverse-border\n peer-hover:border-[#307cc5]\n dark:border-primary-inverse-border\n dark:peer-hover:border-[#307cc5]\n `\n : `\n border-border-primary\n peer-hover:border-[#b6b6b9]\n dark:border-dark-border-primary\n dark:peer-hover:border-[#b6b6b9]\n `;\n\n return `${baseButtonClasses} ${positionClass} ${borderClass}`;\n };\n\n // ===== COMBINAR CLASES =====\n const trackClasses = [\n baseTrackClasses,\n getTrackStateClasses(),\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n const buttonClasses = getButtonClasses()\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== COMPONENTES REUTILIZABLES =====\n const LabelContent = (label \|\| description) ? (\n <label\n htmlFor={switchId}\n className={`flex-1 flex flex-col gap-1 text-sm leading-5 ${\n disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'\n }`}\n >\n {label && (\n <span className=\"font-bold text-content-primary dark:text-dark-content-primary\">\n {label}\n </span>\n )}\n {description && (\n <span className=\"font-normal text-content-secondary dark:text-content-secondary\">\n {description}\n </span>\n )}\n </label>\n ) : null;\n\n const SwitchInput = (\n <div className=\"flex items-center justify-center shrink-0\">\n {/ Native Input (hidden but accessible) /}\n <input\n ref={ref}\n type=\"checkbox\"\n id={switchId}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n className=\"peer sr-only\"\n aria-label={ariaLabel \|\| label}\n {...props}\n />\n\n {/ Custom Switch Visual /}\n <label\n htmlFor={switchId}\n className={trackClasses}\n aria-hidden=\"true\"\n >\n {/ Button (sliding circle) /}\n <div className={buttonClasses} />\n </label>\n </div>\n );\n\n return (\n <div className={`flex gap-2 items-center w-[344px] ${className}`}>\n {labelPosition === 'leading' ? (\n <>\n {LabelContent}\n {SwitchInput}\n </>\n ) : (\n <>\n {SwitchInput}\n {LabelContent}\n </>\n )}\n </div>\n );\n }\n);\n\nSwitch.displayName = 'Switch';\n","import { forwardRef } from 'react';\nimport type { AvatarProps } from './Avatar.types';\n\n/\n Avatar - Componente de avatar del sistema de diseño Siesa\n \n Componente para mostrar imágenes de usuario o iniciales con soporte para:\n * - Tamaños: 4 (20px), 6 (24px), 8 (32px), 10 (40px)\n * - Tipos: circular (completamente redondo) y rounded (esquinas redondeadas)\n * - Imagen o iniciales\n * - Dark mode completo\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Tipografía adaptativa según tamaño\n * - Type safety con TypeScript estricto\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Con imagen\n * <Avatar\n * src=\"/path/to/image.jpg\"\n * alt=\"John Doe\"\n * size=\"10\"\n * type=\"circular\"\n * />\n \n // Con iniciales\n * <Avatar\n * initials=\"JD\"\n * size=\"10\"\n * type=\"circular\"\n * />\n * ```\n /\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(\n (\n {\n size = '10',\n type = 'circular',\n src,\n alt = '',\n initials,\n className = '',\n ...props\n },\n ref\n ) => {\n // ===== CLASES DE TAMAÑO =====\n // Tamaño del contenedor del avatar\n const containerSizeClasses = {\n '4': 'w-5 h-5',\n '6': 'w-6 h-6',\n '8': 'w-8 h-8',\n '10': 'w-10 h-10',\n };\n\n // ===== CLASES DE TEXTO =====\n // Tamaño de texto para iniciales (basado en sistema tipográfico)\n const textSizeClasses = {\n '4': 'text-xs', // 12px - Paragraph Tiny\n '6': 'text-xs', // 12px - Paragraph Tiny\n '8': 'text-sm', // 14px - Paragraph Small\n '10': 'text-base', // 16px - Paragraph Base\n };\n\n // ===== CLASES DE TIPO (Forma) =====\n const typeClasses = {\n circular: 'rounded-full',\n rounded: 'rounded-md',\n };\n\n // ===== CLASES BASE =====\n const baseClasses = `\n relative\n inline-flex\n items-center\n justify-center\n overflow-hidden\n ${containerSizeClasses[size]}\n ${typeClasses[type]}\n `;\n\n // Si hay imagen, mostrarla\n if (src) {\n return (\n <div\n ref={ref}\n className={`${baseClasses} ${className}`.trim().replace(/\\s+/g, ' ')}\n >\n <img\n src={src}\n alt={alt}\n className=\"w-full h-full object-cover\"\n {...(props as any)}\n />\n </div>\n );\n }\n\n // Si hay iniciales, mostrarlas\n if (initials) {\n return (\n <div\n ref={ref}\n className={`\n ${baseClasses}\n ${textSizeClasses[size]}\n bg-content-primary\n text-white\n font-normal\n dark:bg-dark-bg-inverse\n dark:text-dark-content-inverse\n ${className}\n `.trim().replace(/\\s+/g, ' ')}\n >\n <span className=\"leading-none\">{initials}</span>\n </div>\n );\n }\n\n // Fallback: avatar vacío\n return (\n <div\n ref={ref}\n className={`\n ${baseClasses}\n bg-background-secondary\n dark:bg-dark-bg-primary\n ${className}\n `.trim().replace(/\\s+/g, ' ')}\n />\n );\n }\n);\n\nAvatar.displayName = 'Avatar';\n","import { forwardRef } from 'react';\nimport type { DividerProps } from './Divider.types';\n\n/\n Divider del sistema de diseño Siesa\n \n Línea horizontal de 1px para separar contenido visual o semánticamente.\n * Implementa dos variantes con soporte completo de dark mode.\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Componente semántico usando elemento <hr>\n \n @see docs/colors.md - Sistema de colores (border-primary, border-secondary)\n * @see docs/spacing.md - Sistema de espaciado (altura de 1px)\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4096-8445 - Especificaciones Figma\n \n @example\n * ```tsx\n * // Default divider (más visible)\n * <Divider />\n * <Divider type=\"default\" />\n \n // Soft divider (más sutil)\n * <Divider type=\"soft\" />\n \n // Con clases personalizadas\n * <Divider className=\"my-6\" />\n * ```\n /\nexport const Divider = forwardRef<HTMLHRElement, DividerProps>(\n (\n {\n type = 'default',\n className = '',\n ...props\n },\n ref\n ) => {\n // ===== CLASES DE TIPO =====\n // Orden de modificadores: {dark}:{utility}\n const typeClasses = {\n // Default: Línea más visible para separaciones claras\n // Light: border-primary (#e4e4e7)\n // Dark: dark-border-primary (#71717a)\n default: 'bg-border-primary dark:bg-dark-border-primary',\n\n // Soft: Línea más sutil para separaciones suaves\n // Light: border-secondary (#f4f4f5 - muy claro)\n // Dark: gray-700 (#374151 - gris medio-oscuro, más sutil que dark-border-primary)\n soft: 'bg-border-secondary dark:bg-gray-700',\n };\n\n // ===== CLASES BASE =====\n const baseClasses = 'w-full h-px border-0';\n\n // ===== COMBINAR CLASES =====\n const finalClasses = [\n baseClasses,\n typeClasses[type],\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <hr\n ref={ref}\n className={finalClasses}\n {...props}\n />\n );\n }\n);\n\nDivider.displayName = 'Divider';\n","import { forwardRef } from 'react';\nimport type { DescriptionListProps } from './DescriptionList.types';\n\n/\n DescriptionList del sistema de diseño Siesa\n \n Componente para mostrar información estructurada en formato clave-valor (term/details).\n * Layout de dos columnas con separador inferior entre items.\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Layout flexible y responsive\n * - Tipografía del sistema (Paragraph/Small - 14px)\n \n @see docs/colors.md - Sistema de colores (content-primary, content-secondary)\n * @see docs/typography.md - Sistema tipográfico (Paragraph/Small)\n * @see docs/spacing.md - Sistema de espaciado (padding, gaps)\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4103-8449 - Especificaciones Figma\n \n @example\n * ```tsx\n * // Item básico\n * <DescriptionList\n * term=\"Customer\"\n * details=\"Jhonatan Diaz\"\n * />\n \n // Lista completa\n * <div>\n * <DescriptionList term=\"Event\" details=\"Bear Hug: Live in Concert\" />\n * <DescriptionList term=\"Amount\" details=\"$120,000 COP\" />\n * <DescriptionList term=\"Fee\" details=\"$20,000 COP\" />\n * </div>\n * ```\n /\nexport const DescriptionList = forwardRef<HTMLDivElement, DescriptionListProps>(\n (\n {\n term,\n details,\n className = '',\n ...props\n },\n ref\n ) => {\n // ===== CLASES BASE =====\n const baseClasses = `\n flex\n flex-wrap\n gap-1\n items-start\n py-2.5\n border-b\n border-border-secondary\n dark:border-gray-700\n `;\n\n // ===== CLASES DE COLUMNA =====\n // Cada columna ocupa el 50% del espacio disponible (flex-1)\n // con un ancho mínimo de 180px para mantener legibilidad\n const columnClasses = 'flex-1 min-w-[180px]';\n\n // ===== COMBINAR CLASES =====\n const finalClasses = [baseClasses, className]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div ref={ref} className={finalClasses} {...props}>\n {/ Term Column (izquierda) /}\n {/ Light: content-secondary (#a1a1aa) /}\n {/ Dark: gray-400 (#9ca3af - gris medio claro para mantener contraste) /}\n <div className={columnClasses}>\n <p className=\"text-sm leading-5 text-content-secondary dark:text-gray-400 font-normal\">\n {term}\n </p>\n </div>\n\n {/ Details Column (derecha) /}\n {/ Light: content-primary (#18181b) /}\n {/ Dark: dark-content-primary (#ffffff) /}\n <div className={columnClasses}>\n <p className=\"text-sm leading-5 text-content-primary dark:text-dark-content-primary font-normal\">\n {details}\n </p>\n </div>\n </div>\n );\n }\n);\n\nDescriptionList.displayName = 'DescriptionList';\n","import { forwardRef } from 'react';\nimport type { AlertProps } from './Alert.types';\nimport { Button } from '../Button/Button';\n\n/\n Alert - Componente de alerta/diálogo del sistema de diseño Siesa\n \n Componente modal para confirmaciones con soporte para:\n * - Título y descripción\n * - Contenido personalizado (children)\n * - Botones de acción personalizados o por defecto\n * - Dark mode\n \n @example\n * ```tsx\n * <Alert\n * title=\"Are you sure you want to refund this payment?\"\n * description=\"The refund will be reflected in 2 to 3 business days.\"\n * onCancel={() => console.log('Cancelled')}\n * onConfirm={() => console.log('Confirmed')}\n * confirmText=\"Refund\"\n * />\n * ```\n /\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(\n (\n {\n title,\n description,\n children,\n actions,\n onCancel,\n onConfirm,\n cancelText = 'Cancelar',\n confirmText = 'Confirmar',\n className = '',\n ...props\n },\n ref\n ) => {\n // Si se proveen actions personalizadas, usarlas. Si no, usar botones por defecto\n const actionButtons = actions \|\| (\n <>\n {onCancel && (\n <Button type=\"plain\" size=\"base\" onClick={onCancel}>\n {cancelText}\n </Button>\n )}\n {onConfirm && (\n <Button type=\"default\" size=\"base\" onClick={onConfirm}>\n {confirmText}\n </Button>\n )}\n </>\n );\n\n return (\n <div\n ref={ref}\n className={`\n w-[512px]\n bg-white\n dark:bg-dark-bg-primary\n border\n border-border-primary\n dark:border-dark-border-primary\n rounded-xl\n ${className}\n `.trim().replace(/\\s+/g, ' ')}\n {...props}\n >\n {/ Content Container /}\n <div className=\"p-6 flex flex-col gap-4\">\n {/ Text Section /}\n <div className=\"flex flex-col gap-3\">\n {/ Title /}\n <p className=\"text-sm leading-5 font-bold text-content-primary dark:text-dark-content-primary\">\n {title}\n </p>\n\n {/ Description (optional) /}\n {description && (\n <p className=\"text-sm leading-5 font-normal text-content-tertiary dark:text-content-tertiary\">\n {description}\n </p>\n )}\n </div>\n\n {/ Body Content (optional) /}\n {children && (\n <div className=\"flex flex-col gap-3\">\n {children}\n </div>\n )}\n\n {/ Actions /}\n <div className=\"flex flex-wrap gap-3 items-center justify-end\">\n {actionButtons}\n </div>\n </div>\n </div>\n );\n }\n);\n\nAlert.displayName = 'Alert';\n","import { forwardRef, cloneElement } from 'react';\nimport type { BadgeProps, BadgeColor } from './Badge.types';\n\n/\n Badge del sistema de diseño Siesa\n \n Componente para mostrar etiquetas con múltiples variantes de color.\n * Los badges mantienen sus colores vibrantes en light y dark mode para\n * garantizar visibilidad y consistencia visual.\n \n Características implementadas:\n * - 21 variantes de color (zinc, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose, primary, secondary, tertiary)\n * - Icono opcional a la izquierda (12x12px)\n * - Contador/notification badge opcional\n * - Estados hover con transiciones suaves\n * - Los colores se mantienen vibrantes en dark mode (según diseño Figma)\n * - Tipografía: Label Tiny (12px Bold)\n \n Mejores prácticas implementadas:\n * - Tokens de color de Tailwind estándar para badges\n * - Font-family explícita (SiesaBT via font-sans)\n * - Transiciones suaves (duration-200)\n * - Estructura clara y mantenible\n \n @see docs/typography.md - Sistema tipográfico (Label Tiny)\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4130-9382\n \n @example\n * ```tsx\n * // Badge simple\n * <Badge color=\"blue\" label=\"Label\" />\n \n // Badge con icono\n * <Badge color=\"green\" label=\"Success\" leftIcon={<CheckIcon />} />\n \n // Badge con contador\n * <Badge color=\"red\" label=\"Errors\" count={5} />\n \n // Badge completo\n * <Badge color=\"primary\" label=\"Messages\" leftIcon={<MailIcon />} count={12} />\n * ```\n /\nexport const Badge = forwardRef<HTMLDivElement, BadgeProps>(\n (\n {\n color = 'zinc',\n leftIcon,\n label,\n count,\n className = '',\n ...props\n },\n ref\n ) => {\n // Map de colores - En dark mode mantienen los mismos colores vibrantes según Figma\n const colorClasses: Record<BadgeColor, { bg: string; text: string; hover: string; notificationBg: string; notificationText: string }> = {\n zinc: {\n bg: 'bg-zinc-100',\n text: 'text-zinc-600',\n hover: 'hover:bg-zinc-200',\n notificationBg: 'bg-zinc-600',\n notificationText: 'text-zinc-100',\n },\n red: {\n bg: 'bg-red-100',\n text: 'text-red-700',\n hover: 'hover:bg-red-200',\n notificationBg: 'bg-red-700',\n notificationText: 'text-red-100',\n },\n orange: {\n bg: 'bg-orange-100',\n text: 'text-orange-700',\n hover: 'hover:bg-orange-200',\n notificationBg: 'bg-orange-700',\n notificationText: 'text-orange-100',\n },\n amber: {\n bg: 'bg-amber-100',\n text: 'text-amber-700',\n hover: 'hover:bg-amber-200',\n notificationBg: 'bg-amber-700',\n notificationText: 'text-amber-100',\n },\n yellow: {\n bg: 'bg-yellow-100',\n text: 'text-yellow-700',\n hover: 'hover:bg-yellow-200',\n notificationBg: 'bg-yellow-700',\n notificationText: 'text-yellow-100',\n },\n lime: {\n bg: 'bg-lime-100',\n text: 'text-lime-700',\n hover: 'hover:bg-lime-200',\n notificationBg: 'bg-lime-700',\n notificationText: 'text-lime-100',\n },\n green: {\n bg: 'bg-green-100',\n text: 'text-green-700',\n hover: 'hover:bg-green-200',\n notificationBg: 'bg-green-700',\n notificationText: 'text-green-100',\n },\n emerald: {\n bg: 'bg-emerald-100',\n text: 'text-emerald-700',\n hover: 'hover:bg-emerald-200',\n notificationBg: 'bg-emerald-700',\n notificationText: 'text-emerald-100',\n },\n teal: {\n bg: 'bg-teal-100',\n text: 'text-teal-700',\n hover: 'hover:bg-teal-200',\n notificationBg: 'bg-teal-700',\n notificationText: 'text-teal-100',\n },\n cyan: {\n bg: 'bg-cyan-100',\n text: 'text-cyan-700',\n hover: 'hover:bg-cyan-200',\n notificationBg: 'bg-cyan-700',\n notificationText: 'text-cyan-100',\n },\n sky: {\n bg: 'bg-sky-100',\n text: 'text-sky-700',\n hover: 'hover:bg-sky-200',\n notificationBg: 'bg-sky-700',\n notificationText: 'text-sky-100',\n },\n blue: {\n bg: 'bg-blue-100',\n text: 'text-blue-700',\n hover: 'hover:bg-blue-200',\n notificationBg: 'bg-blue-700',\n notificationText: 'text-blue-100',\n },\n indigo: {\n bg: 'bg-indigo-100',\n text: 'text-indigo-700',\n hover: 'hover:bg-indigo-200',\n notificationBg: 'bg-indigo-700',\n notificationText: 'text-indigo-100',\n },\n violet: {\n bg: 'bg-violet-100',\n text: 'text-violet-700',\n hover: 'hover:bg-violet-200',\n notificationBg: 'bg-violet-700',\n notificationText: 'text-violet-100',\n },\n purple: {\n bg: 'bg-purple-100',\n text: 'text-purple-700',\n hover: 'hover:bg-purple-200',\n notificationBg: 'bg-purple-700',\n notificationText: 'text-purple-100',\n },\n fuchsia: {\n bg: 'bg-fuchsia-100',\n text: 'text-fuchsia-700',\n hover: 'hover:bg-fuchsia-200',\n notificationBg: 'bg-fuchsia-700',\n notificationText: 'text-fuchsia-100',\n },\n pink: {\n bg: 'bg-pink-100',\n text: 'text-pink-700',\n hover: 'hover:bg-pink-200',\n notificationBg: 'bg-pink-700',\n notificationText: 'text-pink-100',\n },\n rose: {\n bg: 'bg-rose-100',\n text: 'text-rose-700',\n hover: 'hover:bg-rose-200',\n notificationBg: 'bg-rose-700',\n notificationText: 'text-rose-100',\n },\n primary: {\n bg: 'bg-primary-custom-100',\n text: 'text-primary-custom-600',\n hover: 'hover:bg-primary-custom-200',\n notificationBg: 'bg-primary-custom-600',\n notificationText: 'text-primary-custom-100',\n },\n secondary: {\n bg: 'bg-zinc-100',\n text: 'text-zinc-600',\n hover: 'hover:bg-zinc-200',\n notificationBg: 'bg-zinc-600',\n notificationText: 'text-zinc-100',\n },\n tertiary: {\n bg: 'bg-zinc-100',\n text: 'text-zinc-600',\n hover: 'hover:bg-zinc-200',\n notificationBg: 'bg-zinc-600',\n notificationText: 'text-zinc-100',\n },\n };\n\n const colors = colorClasses[color];\n\n // Renderizar icono con tamaño correcto (12x12)\n const renderIcon = (icon: React.ReactElement) => {\n const existingClassName = (icon.props as any).className \|\| '';\n return cloneElement(icon as React.ReactElement<any>, {\n className: `w-3 h-3 ${existingClassName}`.trim(),\n });\n };\n\n // ===== COMBINAR CLASES =====\n const finalClasses = [\n 'inline-flex',\n 'items-center',\n 'gap-1',\n 'px-1.5',\n 'py-1',\n 'rounded-md',\n 'font-sans',\n colors.bg,\n colors.hover,\n 'transition-colors',\n 'duration-200',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div\n ref={ref}\n className={finalClasses}\n {...props}\n >\n {/ Icono izquierdo /}\n {leftIcon && (\n <div className={`flex items-center justify-center ${colors.text}`}>\n {renderIcon(leftIcon)}\n </div>\n )}\n\n {/ Label del badge /}\n <span className={`font-sans text-xs leading-4 ${colors.text}`}>\n {label}\n </span>\n\n {/ Notification badge (contador) /}\n {count !== undefined && (\n <div\n className={`\n h-3\n flex\n items-center\n justify-center\n px-0.5\n rounded-xs\n min-w-[12px]\n ${colors.notificationBg}\n `.trim().replace(/\\s+/g, ' ')}\n >\n <span className={`font-sans text-xs leading-4 ${colors.notificationText}`}>\n {count}\n </span>\n </div>\n )}\n </div>\n );\n }\n);\n\nBadge.displayName = 'Badge';\n","import { forwardRef, useState, useEffect } from 'react';\nimport type { QuantityProps } from './Quantity.types';\n\n/\n Quantity - Componente de cantidad del sistema de diseño Siesa\n \n Componente para seleccionar cantidades con soporte para:\n * - Botones de incremento/decremento\n * - Valores mínimo y máximo\n * - Label opcional con link\n * - Texto de ayuda opcional\n * - Estado de error\n * - Estado deshabilitado\n * - Dark mode completo\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Focus rings adaptativos para light y dark mode\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Quantity\n * label=\"Cantidad\"\n * value={5}\n * min={0}\n * max={10}\n * onChange={(value) => console.log(value)}\n * />\n * ```\n /\nexport const Quantity = forwardRef<HTMLDivElement, QuantityProps>(\n (\n {\n value: controlledValue,\n defaultValue = 0,\n onChange,\n min = 0,\n max,\n label,\n linkText,\n onLinkClick,\n helperText,\n error = false,\n disabled = false,\n className = '',\n ...props\n },\n ref\n ) => {\n // Estado interno para valor no controlado\n const [internalValue, setInternalValue] = useState(defaultValue);\n const isControlled = controlledValue !== undefined;\n const currentValue = isControlled ? controlledValue : internalValue;\n\n // Sincronizar valor interno con defaultValue cuando cambia\n useEffect(() => {\n if (!isControlled) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue, isControlled]);\n\n // Handler para cambio de valor\n const handleValueChange = (newValue: number) => {\n // Aplicar restricciones de min/max\n let clampedValue = newValue;\n if (min !== undefined && clampedValue < min) {\n clampedValue = min;\n }\n if (max !== undefined && clampedValue > max) {\n clampedValue = max;\n }\n\n // Actualizar estado interno si no está controlado\n if (!isControlled) {\n setInternalValue(clampedValue);\n }\n\n // Llamar onChange si existe\n onChange?.(clampedValue);\n };\n\n // Handlers para botones\n const handleDecrement = () => {\n if (disabled) return;\n handleValueChange(currentValue - 1);\n };\n\n const handleIncrement = () => {\n if (disabled) return;\n handleValueChange(currentValue + 1);\n };\n\n // Verificar si los botones deben estar deshabilitados\n const isDecrementDisabled = disabled \|\| (min !== undefined && currentValue <= min);\n const isIncrementDisabled = disabled \|\| (max !== undefined && currentValue >= max);\n\n // Iconos SVG inline\n const MinusIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3 8H13\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n\n const PlusIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 3V13M3 8H13\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n\n // Clases para el estado (usando especificaciones exactas de Figma)\n const borderClass = error\n ? 'border-error-border dark:border-error-border'\n : 'border-border-primary dark:border-dark-border-primary';\n\n const hoverClass = !disabled && !error\n ? 'hover:border-[#f9f9f9] dark:hover:border-[#f9f9f9]'\n : '';\n\n const focusClass = !disabled && !error\n ? 'focus-within:border-2 focus-within:border-[#329cff] dark:focus-within:border-[#329cff]'\n : '';\n\n return (\n <div\n ref={ref}\n className={`flex flex-col gap-2 ${className}`.trim()}\n {...props}\n >\n {/ Label con link opcional /}\n {label && (\n <div className=\"flex items-center justify-between\">\n <label className=\"text-sm leading-5 font-bold text-content-primary dark:text-dark-content-primary\">\n {label}\n </label>\n {linkText && (\n <button\n type=\"button\"\n onClick={onLinkClick}\n disabled={disabled}\n className={`\n text-xs leading-4\n text-primary-custom-600\n hover:underline\n dark:text-primary-custom-600\n ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}\n transition-colors\n duration-200\n `.trim().replace(/\\s+/g, ' ')}\n >\n {linkText}\n </button>\n )}\n </div>\n )}\n\n {/ Input con botones /}\n <div\n className={`\n flex\n items-center\n gap-2\n px-3\n py-1.5\n bg-white\n dark:bg-dark-bg-primary\n border\n ${borderClass}\n ${hoverClass}\n ${focusClass}\n rounded-lg\n transition-colors\n duration-200\n ${disabled ? 'opacity-50 cursor-not-allowed' : ''}\n `.trim().replace(/\\s+/g, ' ')}\n >\n {/ Botón decrementar /}\n <button\n type=\"button\"\n onClick={handleDecrement}\n disabled={isDecrementDisabled}\n className={`\n flex\n items-center\n justify-center\n w-4\n h-4\n ${isDecrementDisabled\n ? 'text-content-tertiary dark:text-content-tertiary cursor-not-allowed'\n : 'text-content-primary dark:text-dark-content-primary hover:text-content-secondary dark:hover:text-content-secondary cursor-pointer'\n }\n transition-colors\n duration-200\n `.trim().replace(/\\s+/g, ' ')}\n aria-label=\"Decrementar\"\n >\n <MinusIcon />\n </button>\n\n {/ Valor actual /}\n <div className=\"flex-1 text-center\">\n <span\n className={`\n text-base leading-6\n ${currentValue === 0\n ? 'text-content-tertiary dark:text-content-tertiary'\n : 'text-content-primary dark:text-dark-content-primary'\n }\n `.trim().replace(/\\s+/g, ' ')}\n >\n {currentValue}\n </span>\n </div>\n\n {/ Botón incrementar /}\n <button\n type=\"button\"\n onClick={handleIncrement}\n disabled={isIncrementDisabled}\n className={`\n flex\n items-center\n justify-center\n w-4\n h-4\n ${isIncrementDisabled\n ? 'text-content-tertiary dark:text-content-tertiary cursor-not-allowed'\n : 'text-content-primary dark:text-dark-content-primary hover:text-content-secondary dark:hover:text-content-secondary cursor-pointer'\n }\n transition-colors\n duration-200\n `.trim().replace(/\\s+/g, ' ')}\n aria-label=\"Incrementar\"\n >\n <PlusIcon />\n </button>\n </div>\n\n {/ Helper text /}\n {helperText && (\n <p\n className={`\n text-sm leading-5\n ${error\n ? 'text-error-content dark:text-error-content'\n : 'text-content-tertiary dark:text-content-tertiary'\n }\n `.trim().replace(/\\s+/g, ' ')}\n >\n {helperText}\n </p>\n )}\n </div>\n );\n }\n);\n\nQuantity.displayName = 'Quantity';\n","import React from 'react';\nimport type { NavigationRailItemProps } from './NavigationRailItem.types';\n\n/\n NavigationRailItem - Componente independiente para items de NavigationRail\n \n Item individual de navegación vertical (rail) para aplicaciones. Proporciona\n * un punto de acceso a destinos mediante un icono, label opcional y badges.\n \n Características principales:\n * - Ancho fijo de 56px según Figma\n * - Estados completos: normal, hover, selected, focus, disabled\n * - Badges de notificación con contador opcional\n * - Tipografía Label XXSmall (10px Bold) según sistema de diseño\n * - Dark mode completo con estrategia 'class'\n * - Focus rings adaptativos para accesibilidad\n * - Soporte para iconos 16x16px\n \n Especificaciones de Figma (node 4294-22931):\n * - Ancho: 56px (w-14)\n * - Icon container: 32px altura, px-4 py-1, rounded-full\n * - Label: 10px Bold, leading 12px (Label XXSmall)\n * - Gap: 4px (gap-1)\n * - Badge: 13x13px, posición absolute\n \n Estados visuales (según Figma):\n * - Enabled: Icon transparent, label text-content-primary\n * - Hover: Icon container bg-primary-custom-100 (#dbeefe), icon text-primary-custom-600\n * - Selected: Icon container bg-primary-custom-100 con overlay, icon text-primary-custom-600\n * - Focus: Focus ring 2px (#60b6fa) con offset 2px (#dbeefe), sombras combinadas\n * - Disabled: Opacity 55%, no interactivo\n \n Dark Mode:\n * - Background: dark-bg-primary\n * - Hover icon container: dark-bg-primary/20\n * - Selected icon container: dark-primary-custom-600/30\n * - Icon colors: dark-content-primary, dark-white on selected\n * - Focus ring: dark-border-custom\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Tokens de color consistentes con documentación\n * - Accesibilidad ARIA completa\n * - Focus visible para keyboard navigation\n * - Badge positioning absoluto para no afectar layout\n \n @see docs/colors.md - Sistema de colores (primary-custom, dark-, content-)\n * @see docs/typography.md - Tipografía (Label XXSmall)\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras y focus rings\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4294-22931\n \n @example\n * ```tsx\n * // Item básico\n * <NavigationRailItem\n * id=\"home\"\n * icon={<HomeIcon />}\n * label=\"Inicio\"\n * selected={true}\n * onClick={() => navigate('/')}\n * />\n \n // Con badge de notificación\n * <NavigationRailItem\n * id=\"notifications\"\n * icon={<BellIcon />}\n * label=\"Notificaciones\"\n * badgeCount={5}\n * onClick={() => navigate('/notifications')}\n * />\n \n // Item deshabilitado\n * <NavigationRailItem\n * id=\"premium\"\n * icon={<StarIcon />}\n * label=\"Premium\"\n * disabled={true}\n * />\n \n // Solo icono (sin label)\n * <NavigationRailItem\n * id=\"home\"\n * icon={<HomeIcon />}\n * label=\"Inicio\"\n * showLabelText={false}\n * />\n * ```\n /\nexport const NavigationRailItem: React.FC<NavigationRailItemProps> = ({\n icon,\n label,\n selected = false,\n disabled = false,\n badge = false,\n badgeCount,\n onClick,\n onMouseEnter,\n onMouseLeave,\n ariaLabel,\n id,\n showLabelText = true,\n showIcon = true,\n className = '',\n}) => {\n // ===== CLASES DEL ICON CONTAINER =====\n // Según Figma node 4294-22931, el icon container tiene comportamiento diferente\n // según el estado:\n // - Enabled: bg-transparent, hover:bg-primary-custom-100\n // - Hover: bg-primary-custom-100\n // - Selected: bg-primary-custom-100 con overlay (rgba(0,0,0,0.024))\n // - Focus: bg-primary-custom-100 con focus ring y sombras\n // - Disabled: opacidad 55%\n const iconContainerClasses = [\n // Base layout\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'px-4', // 16px horizontal según Figma\n 'py-1', // 4px vertical según Figma\n 'rounded-full',\n 'overflow-hidden',\n 'shrink-0',\n\n // Estados - Background\n selected\n ? // Selected: bg-primary-custom-100 con overlay\n 'bg-primary-custom-100 dark:bg-primary-custom-600/30'\n : // Default/Hover: transparent → hover:bg-primary-custom-100\n 'bg-transparent hover:bg-primary-custom-100 dark:hover:bg-primary-custom-600/20',\n\n // Transiciones\n 'transition-colors',\n 'duration-150',\n ].join(' ');\n\n // ===== CLASES DEL ICONO =====\n // Tamaño fijo 16x16px según Figma\n // Colores según estado:\n // - Default: text-content-primary\n // - Hover: text-primary-custom-600\n // - Selected: text-primary-custom-600\n // - Disabled: text-content-tertiary\n // Dark mode: invierte colores\n const iconClasses = [\n 'w-4', // 16px\n 'h-4', // 16px\n 'shrink-0',\n\n // Colores según estado\n selected\n ? // Selected: primary-custom-600 (azul oscuro)\n 'text-primary-custom-600 dark:text-white'\n : disabled\n ? // Disabled: content-tertiary\n 'text-content-tertiary dark:text-content-tertiary'\n : // Default/Hover: content-primary → hover:primary-custom-600\n 'text-content-primary hover:text-primary-custom-600 dark:text-dark-content-primary dark:hover:text-white',\n\n 'transition-colors',\n 'duration-150',\n ].join(' ');\n\n // ===== CLASES DEL LABEL =====\n // Tipografía: Label XXSmall (10px Bold, leading 12px) según Figma\n // Color: text-content-primary, dark:text-dark-content-primary\n const labelClasses = [\n // Tipografía: Label XXSmall (10px Bold)\n 'text-xs', // 12px en lugar de text-[10px]\n 'leading-3', // 12px\n 'font-bold',\n 'text-center',\n 'w-full',\n 'min-w-full',\n\n // Colores\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n\n // Para multiline labels, agregar truncate o text-nowrap si es necesario\n 'wrap-break-word',\n ].join(' ');\n\n // ===== CLASES DEL CONTENEDOR PRINCIPAL =====\n // Según Figma: ancho 56px, flex-col, gap-1, items-center\n const containerClasses = [\n 'relative',\n 'flex',\n 'flex-col',\n 'items-center',\n 'gap-1', // 4px según Figma\n 'px-0.5', // 2px horizontal según Figma\n 'py-0',\n 'w-14', // 56px según Figma\n 'shrink-0',\n\n // Interactividad\n disabled\n ? 'cursor-not-allowed opacity-55 pointer-events-none'\n : 'cursor-pointer',\n\n // Focus visible (accesibilidad)\n 'focus:outline-hidden',\n 'focus-visible:ring-2',\n 'focus-visible:ring-primary-custom-400', // 4px ring\n 'focus-visible:ring-offset-2',\n 'focus-visible:ring-offset-primary-custom-100', // offset #dbeefe según Figma\n 'dark:focus-visible:ring-dark-border-custom',\n 'dark:focus-visible:ring-offset-dark-bg-primary',\n\n // Focus sombras adicionales según Figma:\n 'focus-visible:shadow-lg',\n 'dark:focus-visible:shadow-2xl',\n\n 'rounded-lg',\n\n // Clases personalizadas\n className,\n ].join(' ');\n\n // ===== RENDERIZAR BADGE =====\n const renderBadge = () => {\n if (!badge && badgeCount === undefined) return null;\n\n // Badge con número\n if (badgeCount !== undefined) {\n return (\n <span\n className=\"\n absolute\n -top-0.5\n left-8\n flex\n items-center\n justify-center\n min-w-3\n h-3\n px-1\n rounded-full\n text-xs\n font-bold\n leading-none\n bg-red-700\n text-white\n dark:bg-red-700\n dark:text-white\n pointer-events-none\n select-none\n \"\n aria-label={`${badgeCount} notificaciones`}\n data-badge\n >\n {badgeCount > 99 ? '99+' : badgeCount}\n </span>\n );\n }\n\n // Badge dot simple\n return (\n <span\n className=\"\n absolute\n -top-0.5\n left-8\n w-3\n h-3\n rounded-full\n bg-red-700\n dark:bg-red-700\n pointer-events-none\n select-none\n \"\n aria-label=\"Notificación\"\n data-badge\n />\n );\n };\n\n return (\n <button\n type=\"button\"\n className={containerClasses}\n disabled={disabled}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n aria-label={ariaLabel \|\| label}\n aria-current={selected ? 'page' : undefined}\n aria-disabled={disabled}\n data-item-id={id}\n data-testid={`navigation-rail-item-${id}`}\n >\n {/ Icon Container /}\n {showIcon && (\n <div className={iconContainerClasses}>\n <span className={iconClasses}>\n {icon}\n </span>\n </div>\n )}\n\n {/ Label /}\n {showLabelText && (\n <p className={labelClasses}>\n {label}\n </p>\n )}\n\n {/ Badge /}\n {renderBadge()}\n </button>\n );\n};\n\nNavigationRailItem.displayName = 'NavigationRailItem';\n","/\n Iconos para el componente Dropdown\n * Usando heroicons-micro según especificaciones de Figma\n /\n\nexport const ChevronDownIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const CogIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M6.455 1.45A.5.5 0 0 1 6.952 1h2.096a.5.5 0 0 1 .497.45l.186 1.858a4.996 4.996 0 0 1 1.466.848l1.703-.769a.5.5 0 0 1 .639.206l1.047 1.814a.5.5 0 0 1-.14.656l-1.517 1.09a5.026 5.026 0 0 1 0 1.694l1.516 1.09a.5.5 0 0 1 .141.656l-1.047 1.814a.5.5 0 0 1-.639.206l-1.703-.768c-.433.36-.928.649-1.466.847l-.186 1.858a.5.5 0 0 1-.497.45H6.952a.5.5 0 0 1-.497-.45l-.186-1.858a4.993 4.993 0 0 1-1.466-.848l-1.703.769a.5.5 0 0 1-.639-.206l-1.047-1.814a.5.5 0 0 1 .14-.656l1.517-1.09a5.033 5.033 0 0 1 0-1.694l-1.516-1.09a.5.5 0 0 1-.141-.656L2.461 3.39a.5.5 0 0 1 .639-.206l1.703.768c.433-.36.928-.649 1.466-.847l.186-1.858ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const UserIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path d=\"M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z\" />\n </svg>\n);\n\nexport const BellIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M12 5a4 4 0 0 0-8 0v2.379a1.5 1.5 0 0 1-.44 1.06L2.294 9.707a1 1 0 0 0-.293.707V11a1 1 0 0 0 1 1h2a3 3 0 1 0 6 0h2a1 1 0 0 0 1-1v-.586a1 1 0 0 0-.293-.707L12.44 8.44A1.5 1.5 0 0 1 12 7.38V5Zm-5.5 7a1.5 1.5 0 0 0 3 0h-3Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const CreditCardIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path d=\"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z\" />\n <path d=\"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z\" />\n </svg>\n);\n\nexport const MoonIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M9.598 1.591a.749.749 0 0 1 .785-.175 7.001 7.001 0 1 1-8.967 8.967.75.75 0 0 1 .961-.96 5.5 5.5 0 0 0 7.046-7.046.75.75 0 0 1 .175-.786Zm1.616 1.945a7 7 0 0 1-7.678 7.678 5.499 5.499 0 1 0 7.678-7.678Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const DocumentTextIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4 2a1.5 1.5 0 0 0-1.5 1.5v9A1.5 1.5 0 0 0 4 14h8a1.5 1.5 0 0 0 1.5-1.5V6.621a1.5 1.5 0 0 0-.44-1.06L9.94 2.439A1.5 1.5 0 0 0 8.878 2H4Zm4 9.5a.75.75 0 0 1-.75-.75V9.5a.75.75 0 0 1 1.5 0v1.25a.75.75 0 0 1-.75.75Zm-2.5-4.5A.75.75 0 0 0 5 7v.25a.75.75 0 0 0 1.5 0V7Zm4 0a.75.75 0 0 0-.5.75v.25a.75.75 0 0 0 1.5 0V7.5a.75.75 0 0 0-.5-.75Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const ArrowRightStartOnRectangleIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4 2a1.5 1.5 0 0 0-1.5 1.5v9A1.5 1.5 0 0 0 4 14h3a.5.5 0 0 0 0-1H4a.5.5 0 0 1-.5-.5v-9A.5.5 0 0 1 4 3h3a.5.5 0 0 0 0-1H4Zm7.53 4.22a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 1 1-1.06-1.06l.72-.72H8.5a.75.75 0 0 1 0-1.5h3.75l-.72-.72a.75.75 0 0 1 0-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n","import React, { useState, useRef, useEffect, useCallback } from 'react';\nimport type {\n DropdownProps,\n DropdownItemProps,\n DropdownHeadingProps,\n DropdownDividerProps,\n} from './Dropdown.types';\nimport { ChevronDownIcon } from './icons';\n\ntype MenuPosition = 'bottom-left' \| 'bottom-right' \| 'top-left' \| 'top-right';\n\n/\n Componente Dropdown del sistema de diseño Siesa\n \n Menú desplegable implementado pixel-perfect según especificaciones de Figma (node 4194-15135).\n * Soporta múltiples tipos de items: básicos, con iconos, con descripciones, con shortcuts, con headings y dividers.\n \n Especificaciones de Figma:\n * - Trigger button: bg-white, border-border-primary, rounded-lg (8px), gap-2 (8px)\n * - Menu: bg-background-secondary (#f4f4f5), shadow-lg, rounded-lg (8px), padding 4px, min-width 182px\n * - Items: padding 16px horizontal, 8px vertical, rounded-lg, gap-3 (12px)\n * - Typography: Label/Small (14px Bold) para trigger, Paragraph/Small (14px Regular) para items\n * - Typography: Paragraph/Tiny (12px Regular) para headings y descripciones\n \n Variantes:\n * - `default`: Botón con texto + icono chevron\n * - `icon-only`: Solo icono chevron (36x36px) - ideal para espacios reducidos\n \n Estados del trigger:\n * - Default: bg-white, text-content-secondary, border-border-primary\n * - Hover: bg-background-secondary (#fafafa)\n * - Focus: ring-2 ring-primary-custom-400 con offset-2\n * - Disabled: opacity-50 con pointer-events-none\n \n Estados de items:\n * - Default: text-content-primary\n * - Hover: bg-background-secondary (#fafafa)\n * - Selected: bg-primary-custom-100 (light) / bg-primary-custom-600/20 (dark)\n \n Dark Mode:\n * - Trigger: dark:bg-dark-bg-primary, dark:hover:bg-gray-800\n * - Menu: bg-background-secondary → dark:bg-dark-bg-primary\n * - Items hover: dark:hover:bg-gray-800\n * - Shadow: shadow-lg funciona en ambos modos\n \n Funcionalidad:\n * - Cierre automático al hacer click fuera del dropdown\n * - Cierre con tecla Escape\n * - Modo controlado/no controlado (prop `open` + `onOpenChange`)\n * - Callback `onClick` por item individual\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels (aria-haspopup, aria-expanded)\n * - Keyboard navigation (Escape para cerrar)\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label/Small, Paragraph/Small, Paragraph/Tiny)\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras (shadow-lg)\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4194-15135 - Diseño Figma\n \n @example\n * ```tsx\n * // Dropdown básico\n * <Dropdown\n * placeholder=\"Opciones\"\n * items={[\n * { children: 'Cuenta', icon: <UserIcon /> },\n * { children: 'Configuración', icon: <CogIcon /> },\n * { isDivider: true },\n * { children: 'Cerrar sesión' },\n * ]}\n * />\n \n // Dropdown con headings y descripciones\n * <Dropdown\n * placeholder=\"Menú\"\n * items={[\n * { isHeading: true, children: 'Cuenta' },\n * { children: 'Perfil', icon: <UserIcon />, description: 'Administra tu perfil' },\n * { isDivider: true },\n * { children: 'Deshacer', shortcut: '⌘ Z' },\n * ]}\n * />\n \n // Dropdown solo icono\n * <Dropdown variant=\"icon-only\" items={[...]} />\n \n // Dropdown controlado\n * <Dropdown\n * open={isOpen}\n * onOpenChange={setIsOpen}\n * items={[...]}\n * />\n * ```\n /\nexport const Dropdown: React.FC<DropdownProps> = ({\n variant = 'default',\n children,\n items,\n open: controlledOpen,\n onOpenChange,\n disabled = false,\n className = '',\n menuClassName = '',\n ariaLabel,\n placeholder = 'Options',\n renderTrigger,\n}) => {\n const [internalOpen, setInternalOpen] = useState(false);\n const [menuPosition, setMenuPosition] = useState<MenuPosition>('bottom-left');\n const dropdownRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n\n // Determinar si es controlado o no controlado\n const isControlled = controlledOpen !== undefined;\n const isOpen = isControlled ? controlledOpen : internalOpen;\n\n // Calcular la posición óptima del menú basándose en el espacio disponible\n const calculateMenuPosition = useCallback(() => {\n if (!dropdownRef.current) return;\n\n const triggerRect = dropdownRef.current.getBoundingClientRect();\n const viewportWidth = window.innerWidth;\n const viewportHeight = window.innerHeight;\n\n // Estimación del tamaño del menú (min-width: 182px, altura aproximada)\n const menuWidth = 200;\n const menuHeight = 250;\n\n // Verificar espacio disponible\n const spaceBelow = viewportHeight - triggerRect.bottom;\n const spaceAbove = triggerRect.top;\n const spaceRight = viewportWidth - triggerRect.left;\n const spaceLeft = triggerRect.right;\n\n // Determinar posición vertical\n const openAbove = spaceBelow < menuHeight && spaceAbove > spaceBelow;\n\n // Determinar posición horizontal\n const openLeft = spaceRight < menuWidth && spaceLeft > spaceRight;\n\n if (openAbove && openLeft) {\n setMenuPosition('top-right');\n } else if (openAbove) {\n setMenuPosition('top-left');\n } else if (openLeft) {\n setMenuPosition('bottom-right');\n } else {\n setMenuPosition('bottom-left');\n }\n }, []);\n\n // Función para cambiar el estado\n const handleToggle = () => {\n if (disabled) return;\n\n const newOpen = !isOpen;\n\n // Calcular posición antes de abrir\n if (newOpen) {\n calculateMenuPosition();\n }\n\n if (!isControlled) {\n setInternalOpen(newOpen);\n }\n\n onOpenChange?.(newOpen);\n };\n\n // Cerrar al hacer click fuera\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n if (!isControlled) {\n setInternalOpen(false);\n }\n onOpenChange?.(false);\n }\n };\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }\n }, [isOpen, isControlled, onOpenChange]);\n\n // Cerrar al presionar Escape\n useEffect(() => {\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && isOpen) {\n if (!isControlled) {\n setInternalOpen(false);\n }\n onOpenChange?.(false);\n }\n };\n\n if (isOpen) {\n document.addEventListener('keydown', handleEscape);\n return () => {\n document.removeEventListener('keydown', handleEscape);\n };\n }\n }, [isOpen, isControlled, onOpenChange]);\n\n // Handler para item click\n const handleItemClick = (item: DropdownItemProps) => {\n if (item.disabled \|\| item.isDivider \|\| item.isHeading) return;\n\n // Ejecutar el onClick del item\n if (item.onClick) {\n item.onClick({} as React.MouseEvent<HTMLButtonElement>);\n }\n\n // Cerrar el dropdown\n if (!isControlled) {\n setInternalOpen(false);\n }\n onOpenChange?.(false);\n };\n\n // ===== CLASES DEL TRIGGER BUTTON =====\n const triggerClasses = [\n // Base\n 'inline-flex',\n 'items-center',\n 'justify-center',\n 'rounded-lg',\n 'font-bold',\n 'text-sm',\n 'whitespace-nowrap',\n 'transition-all',\n 'duration-150',\n\n // Variant-specific sizing\n variant === 'icon-only' ? 'w-9 h-9' : 'gap-2 px-3 py-2',\n\n // Colores y estados (Light Mode)\n 'bg-white',\n 'text-content-secondary',\n 'border',\n 'border-border-primary',\n 'hover:bg-background-secondary',\n\n // Dark Mode\n 'dark:bg-dark-bg-primary',\n 'dark:text-dark-content-primary',\n 'dark:border-dark-border-primary',\n 'dark:hover:bg-dark-bg-secondary',\n\n // Focus ring\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'focus:ring-offset-2',\n 'dark:focus:ring-dark-border-custom',\n 'dark:focus:ring-offset-dark-bg-primary',\n\n // Disabled\n disabled && 'opacity-50',\n disabled && 'cursor-not-allowed',\n disabled && 'pointer-events-none',\n\n // Custom classes\n className,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // Clases de posición basadas en el cálculo\n const positionClasses: Record<MenuPosition, string> = {\n 'bottom-left': 'top-full left-0 mt-2',\n 'bottom-right': 'top-full right-0 mt-2',\n 'top-left': 'bottom-full left-0 mb-2',\n 'top-right': 'bottom-full right-0 mb-2',\n };\n\n // ===== CLASES DEL MENU =====\n const menuClasses = [\n // Base\n 'absolute',\n positionClasses[menuPosition],\n 'min-w-[182px]',\n 'rounded-lg',\n 'p-1',\n 'border',\n 'z-50',\n\n // Colores (Light Mode)\n 'bg-background-secondary',\n 'border-border-primary',\n\n // Dark Mode\n 'dark:bg-dark-bg-primary',\n 'dark:border-dark-border-primary',\n\n // Shadow\n 'shadow-lg',\n\n // Custom classes\n menuClassName,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div ref={dropdownRef} className=\"relative inline-block\">\n {/ Trigger Button /}\n {renderTrigger ? (\n // Custom trigger renderizado por el usuario\n <div onClick={handleToggle} role=\"button\" tabIndex={disabled ? -1 : 0}>\n {renderTrigger(isOpen)}\n </div>\n ) : (\n // Trigger por defecto\n <button\n type=\"button\"\n className={triggerClasses}\n onClick={handleToggle}\n disabled={disabled}\n aria-label={ariaLabel \|\| (variant === 'icon-only' ? 'Abrir menú' : undefined)}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n >\n {variant === 'default' && <span>{children \|\| placeholder}</span>}\n <ChevronDownIcon />\n </button>\n )}\n\n {/ Dropdown Menu /}\n {isOpen && (\n <div ref={menuRef} className={menuClasses}>\n {items.map((item, index) => {\n if (item.isDivider) {\n return <DropdownDivider key={index} className={item.className} />;\n }\n\n if (item.isHeading) {\n return (\n <DropdownHeading key={index} className={item.className}>\n {item.children}\n </DropdownHeading>\n );\n }\n\n return (\n <DropdownItem\n key={index}\n {...item}\n onClick={() => handleItemClick(item)}\n />\n );\n })}\n </div>\n )}\n </div>\n );\n};\n\n/\n Componente DropdownItem\n * Item individual dentro del menú dropdown\n \n @example\n * ```tsx\n * <DropdownItem icon={<UserIcon />} shortcut=\"⌘ P\">\n * Profile\n * </DropdownItem>\n * ```\n /\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n children,\n icon,\n description,\n shortcut,\n disabled = false,\n selected = false,\n onClick,\n className = '',\n}) => {\n // ===== CLASES DEL ITEM =====\n const itemClasses = [\n // Base\n 'flex',\n 'items-center',\n 'gap-3',\n 'px-4',\n 'py-2',\n 'rounded-lg',\n 'text-sm',\n 'font-normal',\n 'w-full',\n 'text-left',\n\n // Colores y estados (Light Mode)\n 'text-content-primary',\n !disabled && 'hover:bg-bg-primary',\n selected && 'bg-bg-primary',\n\n // Dark Mode\n 'dark:text-dark-content-primary',\n !disabled && 'dark:hover:bg-dark-bg-secondary',\n selected && 'dark:bg-dark-bg-secondary',\n\n // Disabled\n disabled && 'opacity-50',\n disabled && 'cursor-not-allowed',\n !disabled && 'cursor-pointer',\n\n // Custom classes\n className,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <button\n type=\"button\"\n className={itemClasses}\n onClick={onClick}\n disabled={disabled}\n >\n {/ Icon /}\n {icon && (\n <span className=\"inline-flex items-center justify-center w-4 h-4 text-content-secondary dark:text-dark-content-secondary\">\n {icon}\n </span>\n )}\n\n {/ Content /}\n <div className=\"flex-1 min-w-0\">\n {/ Label /}\n <div className=\"text-content-primary dark:text-dark-content-primary\">\n {children}\n </div>\n\n {/ Description /}\n {description && (\n <div className=\"text-xs text-content-secondary dark:text-dark-content-secondary mt-0.5\">\n {description}\n </div>\n )}\n </div>\n\n {/ Shortcut /}\n {shortcut && (\n <span className=\"text-xs text-content-secondary dark:text-dark-content-secondary ml-auto whitespace-nowrap\">\n {shortcut}\n </span>\n )}\n </button>\n );\n};\n\n/\n Componente DropdownHeading\n * Encabezado de sección dentro del menú dropdown\n \n @example\n * ```tsx\n * <DropdownHeading>My events</DropdownHeading>\n * ```\n /\nexport const DropdownHeading: React.FC<DropdownHeadingProps> = ({\n children,\n className = '',\n}) => {\n // ===== CLASES DEL HEADING =====\n const headingClasses = [\n // Base\n 'px-4',\n 'py-1',\n 'text-xs',\n 'font-normal',\n\n // Colores\n 'text-content-tertiary',\n\n // Dark Mode\n 'dark:text-dark-content-tertiary',\n\n // Custom classes\n className,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return <div className={headingClasses}>{children}</div>;\n};\n\n/\n Componente DropdownDivider\n * Separador visual entre items del menú dropdown\n \n @example\n * ```tsx\n * <DropdownDivider />\n * ```\n /\nexport const DropdownDivider: React.FC<DropdownDividerProps> = ({\n className = '',\n}) => {\n // ===== CLASES DEL DIVIDER =====\n const dividerClasses = [\n // Base\n 'px-4',\n 'py-1',\n\n // Custom classes\n className,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div className={dividerClasses}>\n <div className=\"h-px bg-border-primary dark:bg-dark-border-primary\" />\n </div>\n );\n};\n","import React from 'react';\n\n/\n Icono ChevronDown para el toggle del colapsable\n * Diseño basado en heroicons-micro/chevron-down\n * Tamaño: 16x16px\n \n @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-34374\n /\nexport const ChevronDownIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path\n d=\"M4 6L8 10L12 6\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\n/\n Icono de usuario placeholder para ejemplos en stories\n * Tamaño: 16x16px\n /\nexport const UserIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path\n d=\"M8 8C9.10457 8 10 7.10457 10 6C10 4.89543 9.10457 4 8 4C6.89543 4 6 4.89543 6 6C6 7.10457 6.89543 8 8 8Z\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M4.5 13C4.5 11.3431 6.13401 10 8 10C9.86599 10 11.5 11.3431 11.5 13\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n","import React, { useState } from 'react';\nimport type {\n DropdownItemCollapsibleProps,\n DropdownItemCollapsibleChildProps,\n} from './DropdownItemCollapsible.types';\nimport { ChevronDownIcon } from './icons';\nimport { Badge } from '../Badge/Badge';\n\n/\n Componente DropdownItemCollapsible del sistema de diseño Siesa\n \n Item colapsable para uso dentro de Dropdowns que permite agrupar\n * items relacionados en secciones expandibles.\n \n Características:\n * - Soporte completo para expandir/colapsar\n * - Iconos personalizables en header y children\n * - Items anidados indentados automáticamente\n * - Dark mode completo con inversión de colores\n * - Estados: default, hover, active, disabled\n * - Focus rings adaptativos\n * - Animación suave de rotación del chevron\n \n Estados visuales:\n * - `collapsed`: Muestra solo el header con chevron apuntando down\n * - `expanded`: Muestra header y lista de items anidados\n * - `disabled`: Opacidad 50%, sin interacción\n * - `hover`: Fondo de hover sutil, color primario del icono\n * - `active`: Item anidado seleccionado con fondo custom-primary\n \n Espaciado según Figma:\n * - Header padding: px-4 py-2 (16px horizontal, 8px vertical)\n * - Item anidado padding: pl-6 pr-4 py-2 (24px left, 16px right, 8px vertical)\n * - Gap entre elementos: gap-3 (12px)\n * - Gap interno (icon + text): gap-3 (12px)\n * - Indent entre niveles: 8px adicional por nivel\n * - Divisor: borde top de 1px con spacing-0.5 (2px) arriba\n * - Sección heading: pt-3 pb-1 px-0 (12px top, 4px bottom, sin horizontal)\n \n Tipografía:\n * - Header: Paragraph/Small (14px, Regular, line-height 20px) - text-content-primary\n * - Items anidados: Paragraph/Small (14px, Regular, line-height 20px) - text-content-primary\n * - Heading: Paragraph/Tiny (12px, Regular, line-height 16px) - text-content-tertiary\n \n Colores (Light Mode):\n * - Header text: content-primary (#18181b)\n * - Header icon: content-secondary (#a1a1aa)\n * - Header hover: bg-background-custom-primary (#dbeefe)\n * - Header text hover: content-custom-primary (#0e79fd)\n * - Item text: content-primary (#18181b)\n * - Item hover: bg-transparent (sin fondo)\n * - Divider: border-border-primary (#e4e4e7)\n * - Heading text: content-tertiary (#71717a)\n \n Colores (Dark Mode):\n * - Header text: content-primary/dark (#fafafa)\n * - Header icon: content-secondary/dark (#a1a1aa)\n * - Header hover: bg-background-custom-primary/dark (#0e5ab0)\n * - Header text hover: content-custom-primary/dark (#bfe2fe)\n * - Item text: content-primary/dark (#fafafa)\n * - Divider: border-border-primary/dark (#3f3f46)\n * - Heading text: content-tertiary/dark (#a1a1aa)\n \n Border radius:\n * - Todos los items: rounded-lg (8px)\n \n Sombras:\n * - Ninguna (usado dentro de dropdowns)\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-34374\n \n @example\n * ```tsx\n * // Item colapsable simple\n * <DropdownItemCollapsible\n * label=\"Users\"\n * icon={<UserIcon />}\n * children={[\n * { label: \"Active Users\", icon: <CheckIcon /> },\n * { label: \"Inactive Users\", icon: <CloseIcon /> },\n * ]}\n * />\n \n // Con encabezado de sección\n * <DropdownItemCollapsible\n * label=\"Customers\"\n * icon={<BuildingIcon />}\n * showHeading={true}\n * headingLabel=\"SECTION 1\"\n * children={[...]}\n * />\n \n // Item no colapsable (actúa como botón normal)\n * <DropdownItemCollapsible\n * label=\"Single Item\"\n * icon={<StarIcon />}\n * isCollapsible={false}\n * onClick={() => console.log('clicked')}\n * />\n * ```\n /\nexport const DropdownItemCollapsible: React.FC<DropdownItemCollapsibleProps> = ({\n label,\n icon,\n children = [],\n defaultOpen = false,\n disabled = false,\n onOpenChange,\n onClick,\n isCollapsible = children.length > 0,\n showHeading = false,\n headingLabel,\n showDivider = true,\n selected = false,\n badge = false,\n badgeCount,\n badgeColor = 'red',\n className = '',\n}) => {\n const [isOpen, setIsOpen] = useState(defaultOpen);\n\n const handleToggle = () => {\n if (disabled \|\| !isCollapsible) return;\n\n const newOpen = !isOpen;\n setIsOpen(newOpen);\n onOpenChange?.(newOpen);\n };\n\n const handleHeaderClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n if (disabled) return;\n\n if (isCollapsible) {\n handleToggle();\n } else {\n onClick?.(e);\n }\n };\n\n const handleChildClick = (child: DropdownItemCollapsibleChildProps) => (\n e: React.MouseEvent<HTMLDivElement>,\n ) => {\n if (child.disabled) return;\n child.onClick?.(e);\n };\n\n return (\n <div className={`flex flex-col gap-0.5 w-full ${className}`}>\n {/ Section Heading /}\n {showHeading && headingLabel && (\n <div className=\"flex flex-col gap-0 items-start pb-1 pt-3 px-0 w-full\">\n <p className=\"font-['Inter:Regular',sans-serif] font-normal leading-4 not-italic text-xs text-content-tertiary dark:text-content-tertiary w-full\">\n {headingLabel}\n </p>\n </div>\n )}\n\n {/ Header Button /}\n <button\n onClick={handleHeaderClick}\n disabled={disabled}\n className={[\n // Base\n 'flex items-center gap-3 px-4 py-2 w-full',\n 'rounded-lg cursor-pointer',\n 'transition-all duration-150',\n\n // Colores y estados (Light Mode)\n selected && !disabled && 'bg-primary-custom-100 text-primary-custom-600',\n !selected && !disabled && 'text-content-primary',\n !disabled && 'hover:bg-primary-custom-100',\n !disabled && 'hover:text-primary-custom-600',\n\n // Dark Mode\n selected && !disabled && 'dark:bg-dark-bg-custom dark:text-dark-content-custom',\n !selected && !disabled && 'dark:text-content-primary',\n !disabled && 'dark:hover:bg-dark-bg-custom',\n !disabled && 'dark:hover:text-dark-content-custom',\n\n // Focus ring\n !disabled && 'focus:outline-hidden',\n !disabled && 'focus:ring-2',\n !disabled && 'focus:ring-offset-2',\n !disabled && 'focus:ring-primary-custom-400',\n !disabled && 'focus:ring-offset-bg-primary',\n !disabled && 'dark:focus:ring-offset-dark-bg-primary',\n\n // Disabled\n disabled && 'opacity-50',\n disabled && 'cursor-not-allowed',\n ]\n .filter(Boolean)\n .join(' ')}\n aria-expanded={isOpen && isCollapsible}\n aria-disabled={disabled}\n >\n {/ Icon Wrapper /}\n {icon && (\n <div className=\"flex items-center justify-center w-4 h-4 shrink-0 text-content-secondary dark:text-content-secondary\">\n {icon}\n </div>\n )}\n\n {/ Content Wrapper /}\n <div className=\"flex flex-1 flex-col items-start justify-center gap-0.5\">\n <p className=\"font-['Inter:Regular',sans-serif] font-normal leading-5 not-italic text-sm text-left\">\n {label}\n </p>\n </div>\n\n {/ Badge /}\n {(badge \|\| badgeCount) && (\n <div className=\"flex items-center justify-center shrink-0\">\n {badgeCount ? (\n <div className=\"flex items-center justify-center px-1.5 py-0.5 rounded-full bg-red-500 dark:bg-red-600 text-white text-xs font-bold min-w-6 h-6\">\n {badgeCount > 99 ? '99+' : badgeCount}\n </div>\n ) : (\n <div className=\"w-2 h-2 rounded-full bg-red-500 dark:bg-red-600 shrink-0\" />\n )}\n </div>\n )}\n\n {/ Chevron (solo visible si es colapsable) /}\n {isCollapsible && (\n <div\n className={[\n 'flex items-center justify-center w-4 h-4 shrink-0',\n 'text-content-secondary dark:text-content-secondary',\n 'transition-transform duration-200',\n isOpen ? 'rotate-180' : 'rotate-0',\n ].join(' ')}\n >\n <ChevronDownIcon className=\"w-4 h-4\" />\n </div>\n )}\n </button>\n\n {/ Divider /}\n {showDivider && <div className=\"w-full h-px bg-border-primary dark:bg-dark-border-primary\" />}\n\n {/ Children Container (expanded) /}\n {isOpen && isCollapsible && children.length > 0 && (\n <div className=\"flex flex-col gap-0.5 w-full py-2 px-0\">\n {children.map((child, index) => (\n <div\n key={index}\n onClick={handleChildClick(child)}\n className={[\n // Base\n 'flex gap-3 items-center pl-6 pr-4 py-2 w-full',\n 'rounded-lg cursor-pointer',\n 'transition-all duration-150',\n\n // Colores y estados (Light Mode)\n !child.disabled && 'text-content-primary',\n !child.disabled && 'hover:bg-primary-custom-100',\n !child.disabled && 'hover:text-primary-custom-600',\n\n // Dark Mode\n !child.disabled && 'dark:text-content-primary',\n !child.disabled && 'dark:hover:bg-dark-bg-custom',\n !child.disabled && 'dark:hover:text-dark-content-custom',\n\n // Focus ring\n !child.disabled && 'focus:outline-hidden',\n !child.disabled && 'focus:ring-2',\n !child.disabled && 'focus:ring-offset-2',\n !child.disabled && 'focus:ring-primary-custom-400',\n !child.disabled && 'focus:ring-offset-bg-primary',\n !child.disabled && 'dark:focus:ring-offset-dark-bg-primary',\n\n // Disabled\n child.disabled && 'opacity-50',\n child.disabled && 'cursor-not-allowed',\n\n // Custom classes\n child.className,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {/ Child Icon Wrapper /}\n {child.icon && (\n <div className=\"flex items-center justify-center w-4 h-4 shrink-0 text-content-secondary dark:text-content-secondary\">\n {child.icon}\n </div>\n )}\n\n {/ Child Content Wrapper /}\n <div className=\"flex flex-1 flex-col items-start justify-center gap-0.5\">\n <p className=\"font-['Inter:Regular',sans-serif] font-normal leading-5 not-italic text-sm text-left\">\n {child.label}\n </p>\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n );\n};\n\nexport default DropdownItemCollapsible;\n","/\n Iconos para el componente DropdownItemHeading\n * Usando heroicons-micro según especificaciones de Figma\n * \n * Los iconos se pueden pasar como strings al componente:\n * - 'cog-6-tooth': Icono de engranaje\n * - 'check': Icono de check\n * - 'x': Icono de cerrar\n * - 'chevron-down': Icono de chevron hacia abajo\n * \n * @see DropdownItemHeading.tsx para ver cómo se usan\n /\n\nimport React from 'react';\n\ninterface IconProps {\n className?: string;\n}\n\n/\n Icono Cog (heroicons-micro/cog-6-tooth)\n * Usado como icono por defecto en DropdownItemHeading\n * Tamaño: 16x16px\n /\nexport const CogIcon = ({ className = 'w-4 h-4' }: IconProps) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className={className}\n >\n <path\n fillRule=\"evenodd\"\n d=\"M6.455 1.45A.5.5 0 0 1 6.952 1h2.096a.5.5 0 0 1 .497.45l.186 1.858a4.996 4.996 0 0 1 1.466.848l1.703-.769a.5.5 0 0 1 .639.206l1.047 1.814a.5.5 0 0 1-.14.656l-1.517 1.09a5.026 5.026 0 0 1 0 1.694l1.516 1.09a.5.5 0 0 1 .141.656l-1.047 1.814a.5.5 0 0 1-.639.206l-1.703-.768c-.433.36-.928.649-1.466.847l-.186 1.858a.5.5 0 0 1-.497.45H6.952a.5.5 0 0 1-.497-.45l-.186-1.858a4.993 4.993 0 0 1-1.466-.848l-1.703.769a.5.5 0 0 1-.639-.206l-1.047-1.814a.5.5 0 0 1 .14-.656l1.517-1.09a5.033 5.033 0 0 1 0-1.694l-1.516-1.09a.5.5 0 0 1-.141-.656L2.461 3.39a.5.5 0 0 1 .639-.206l1.703.768c.433-.36.928-.649 1.466-.847l.186-1.858ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n/\n Icono Check (heroicons-micro/check)\n /\nexport const CheckIcon = ({ className = 'w-4 h-4' }: IconProps) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className={className}\n >\n <path\n fillRule=\"evenodd\"\n d=\"M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 1 1-1.06-1.06L12.69 4.22a.75.75 0 0 1 1.06 0Z\"\n clipRule=\"evenodd\"\n />\n <path\n fillRule=\"evenodd\"\n d=\"M2.22 9.28a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n/\n Icono X (heroicons-micro/x-mark)\n /\nexport const XIcon = ({ className = 'w-4 h-4' }: IconProps) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className={className}\n >\n <path d=\"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z\" />\n </svg>\n);\n\n/\n Icono ChevronDown (heroicons-micro/chevron-down)\n /\nexport const ChevronDownIcon = ({ className = 'w-4 h-4' }: IconProps) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className={className}\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n/\n Mapeo de nombres de iconos a componentes\n * Permite usar strings para referenciar iconos\n /\nexport const iconMap: Record<string, React.FC<IconProps>> = {\n 'cog-6-tooth': CogIcon,\n 'check': CheckIcon,\n 'x': XIcon,\n 'chevron-down': ChevronDownIcon,\n};\n\n/\n Obtener un icono por su nombre\n * @param iconName - Nombre del icono (ej: 'cog-6-tooth', 'check', 'x', 'chevron-down')\n * @param className - Clases CSS adicionales\n * @returns Componente del icono o null si no existe\n /\nexport const getIcon = (\n iconName: string \| null \| undefined,\n className?: string\n): React.ReactNode => {\n if (!iconName) return null;\n\n const IconComponent = iconMap[iconName];\n if (!IconComponent) {\n console.warn(`Icon \"${iconName}\" not found in iconMap`);\n return null;\n }\n\n return <IconComponent className={className} />;\n};\n","import React from 'react';\nimport type { DropdownItemHeadingProps } from './DropdownItemHeading.types';\nimport { getIcon } from './icons';\n\n/\n Componente DropdownItemHeading del sistema de diseño Siesa\n \n Implementación pixel-perfect basada en Figma (node 6135:32539)\n * para encabezados en menús dropdown con icono, label, descripción y acción.\n \n Estructura:\n * - Icon Wrapper: Opcional, icono de 16x16px\n * - Content Wrapper: Label + Description (flexible)\n * - Action Wrapper: Opcional, texto de acción en la derecha\n \n Dimensiones:\n * - Altura flexible (contenido vertical)\n * - Width mínimo: 224px\n * - Padding: 8px vertical, 16px horizontal\n * - Border radius: 8px (rounded-lg)\n \n Tipografía:\n * - Label: Label/Small (14px Bold) - content-primary\n * - Description: Paragraph/Tiny (12px Regular) - content-secondary\n * - Action: Paragraph/XXSmall (10px Regular) - content-secondary\n \n Dark Mode:\n * - Label: #18181b (light) → #bfe2fe (dark)\n * - Description: #a1a1aa (light) → #93d1fd (dark)\n * - Icon: #0e79fd (light) → #bfe2fe (dark)\n * - Action: #a1a1aa (light) → #93d1fd (dark)\n \n Estados:\n * - Default: Sin hover/focus\n * - Hover: Overlay sutil (managed by parent Dropdown)\n * - Disabled: Opacity 50% (managed by parent Dropdown)\n \n Especificaciones de Figma:\n * - Gap entre elementos: 12px\n * - Gap entre label y description: 2px\n * - Rounded: 8px (rounded-lg)\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label/Small, Paragraph/Tiny)\n * @see docs/spacing.md - Sistema de espaciado\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-32539 - Diseño Figma\n \n @example\n * ```tsx\n * // Con icono, label, descripción y acción\n * <DropdownItemHeading\n * label=\"Settings\"\n * description=\"Configure your preferences\"\n * showDescription={true}\n * icon={<SettingsIcon />}\n * showIcon={true}\n * actionLabel=\"Clear\"\n * showAction={true}\n * onActionClick={handleClear}\n * />\n \n // Solo label y descripción (sin icono ni acción)\n * <DropdownItemHeading\n * label=\"My Account\"\n * description=\"user@example.com\"\n * showDescription={true}\n * />\n \n // Solo label\n * <DropdownItemHeading\n * label=\"Quick Actions\"\n * showDescription={false}\n * />\n * ```\n /\nexport const DropdownItemHeading: React.FC<DropdownItemHeadingProps> = ({\n label = 'Label',\n description,\n showDescription = true,\n iconName = 'cog-6-tooth',\n showIcon = true,\n actionLabel,\n showAction = false,\n onActionClick,\n className = '',\n ...rest\n}) => {\n\n return (\n <div\n className={`\n flex\n gap-3\n items-center\n px-4\n py-2\n rounded-lg\n w-56\n ${className}\n `}\n data-testid=\"dropdown-item-heading\"\n {...rest}\n >\n {/ ===== ICON WRAPPER ===== /}\n {showIcon && iconName && (\n <div\n className=\"\n flex\n items-center\n justify-center\n shrink-0\n w-4\n h-4\n \"\n data-testid=\"icon-wrapper\"\n >\n <div className=\"text-primary-custom-600 dark:text-dark-content-inverse\">\n {getIcon(iconName, 'w-4 h-4')}\n </div>\n </div>\n )}\n\n {/ ===== CONTENT WRAPPER ===== /}\n <div\n className=\"\n flex\n flex-1\n flex-col\n gap-0.5\n items-start\n justify-center\n min-w-0\n \"\n data-testid=\"content-wrapper\"\n >\n {/ Label /}\n <p\n className=\"\n font-bold\n text-sm\n leading-5\n text-content-primary\n dark:text-dark-content-inverse\n whitespace-nowrap\n overflow-hidden\n text-ellipsis\n \"\n data-testid=\"label\"\n >\n {label}\n </p>\n\n {/ Description /}\n {showDescription && description && (\n <p\n className=\"\n font-normal\n text-xs\n leading-4\n text-content-secondary\n dark:text-dark-border-inverse\n w-full\n whitespace-pre-wrap\n overflow-hidden\n text-ellipsis\n \"\n data-testid=\"description\"\n >\n {description}\n </p>\n )}\n </div>\n\n {/ ===== ACTION WRAPPER ===== /}\n {showAction && actionLabel && (\n <div\n className=\"\n flex\n items-center\n justify-center\n shrink-0\n cursor-pointer\n hover:opacity-80\n transition-opacity\n duration-150\n \"\n data-testid=\"action-wrapper\"\n onClick={onActionClick}\n role=\"button\"\n tabIndex={0}\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n onActionClick?.(e as any);\n }\n }}\n >\n <p\n className=\"\n font-normal\n text-xs\n leading-3\n text-content-secondary\n dark:text-dark-border-inverse\n whitespace-nowrap\n \"\n data-testid=\"action-label\"\n >\n {actionLabel}\n </p>\n </div>\n )}\n </div>\n );\n};\n\nDropdownItemHeading.displayName = 'DropdownItemHeading';\n","import React from 'react';\nimport type { NotificationProps } from './Notification.types';\n\n/\n Componente Notification del sistema de diseño Siesa\n \n Badge de notificación para indicar alertas, mensajes o notificaciones pendientes.\n * Puede mostrar un punto simple o un contador numérico con límite automático a 99+.\n \n Especificaciones de Figma:\n * - Badge con número: 27px × 13px (aprox), Label/XXSmall (10px Bold, line-height 12px)\n * - Badge simple (dot): 13px × 13px\n * - Color: `content-extensions-red` (#b91c1c) por defecto\n * - Border radius: Pill (rounded-full)\n * - Padding: 4px horizontal\n \n Variantes:\n * - Sin count: Muestra punto circular (dot)\n * - Con count: Muestra badge con número (máximo 99+)\n \n Uso típico:\n * - Como overlay en iconos o botones\n * - En elementos de menú o navegación\n * - Standalone para indicar estado\n \n @see docs/colors.md - Sistema de colores (token content-extensions-red)\n * @see docs/typography.md - Sistema tipográfico (Label/XXSmall)\n * @see src/components/Button/Button.tsx - Referencia de badges en botones\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4310-22651\n \n @example\n * ```tsx\n * // Badge simple (punto)\n * <Notification />\n \n // Badge con número\n * <Notification count={5} />\n \n // Badge con muchos (muestra 99+)\n * <Notification count={150} />\n \n // Con color personalizado\n * <Notification count={3} color=\"green\" />\n \n // Como overlay en botón\n * <button className=\"relative\">\n * <BellIcon />\n * <Notification count={5} className=\"absolute -top-1 -right-1\" />\n * </button>\n * ```\n /\nexport const Notification: React.FC<NotificationProps> = ({\n count,\n color = 'red',\n className = '',\n ariaLabel,\n}) => {\n // ===== MAPA DE COLORES =====\n // Sistema de colores consistente con Button y Badge\n const colorClasses: Record<string, { bg: string; text: string }> = {\n zinc: { bg: 'bg-zinc-600', text: 'text-white' },\n red: { bg: 'bg-content-extensions-red', text: 'text-white' },\n orange: { bg: 'bg-orange-700', text: 'text-white' },\n amber: { bg: 'bg-amber-700', text: 'text-white' },\n yellow: { bg: 'bg-yellow-700', text: 'text-white' },\n lime: { bg: 'bg-lime-700', text: 'text-white' },\n green: { bg: 'bg-green-700', text: 'text-white' },\n emerald: { bg: 'bg-emerald-700', text: 'text-white' },\n teal: { bg: 'bg-teal-700', text: 'text-white' },\n cyan: { bg: 'bg-cyan-700', text: 'text-white' },\n sky: { bg: 'bg-sky-700', text: 'text-white' },\n blue: { bg: 'bg-blue-700', text: 'text-white' },\n indigo: { bg: 'bg-indigo-700', text: 'text-white' },\n violet: { bg: 'bg-violet-700', text: 'text-white' },\n purple: { bg: 'bg-purple-700', text: 'text-white' },\n fuchsia: { bg: 'bg-fuchsia-700', text: 'text-white' },\n pink: { bg: 'bg-pink-700', text: 'text-white' },\n rose: { bg: 'bg-rose-700', text: 'text-white' },\n primary: { bg: 'bg-primary-custom-600', text: 'text-white' },\n secondary: { bg: 'bg-zinc-600', text: 'text-white' },\n tertiary: { bg: 'bg-zinc-600', text: 'text-white' },\n };\n\n const colors = colorClasses[color] \|\| colorClasses.red;\n\n // ===== ARIA LABEL DINÁMICO =====\n const dynamicAriaLabel = ariaLabel \|\|\n (count !== undefined && count > 0\n ? `${count} notificaci${count === 1 ? 'ón' : 'ones'}`\n : 'Notificación pendiente');\n\n // ===== BADGE CON NÚMERO =====\n if (count !== undefined && count > 0) {\n const displayCount = count > 99 ? '99+' : count.toString();\n\n return (\n <span\n className={`\n inline-flex\n items-center\n justify-center\n min-w-[16px]\n h-4\n px-1\n rounded-full\n text-[10px]\n font-bold\n leading-none\n ${colors.bg}\n ${colors.text}\n pointer-events-none\n dark:${colors.bg}\n dark:${colors.text}\n ${className}\n `\n .trim()\n .replace(/\\s+/g, ' ')}\n role=\"status\"\n aria-label={dynamicAriaLabel}\n >\n {displayCount}\n </span>\n );\n }\n\n // ===== BADGE SIMPLE (DOT) =====\n return (\n <span\n className={`\n inline-block\n w-2\n h-2\n rounded-full\n ${colors.bg}\n pointer-events-none\n dark:${colors.bg}\n ${className}\n `\n .trim()\n .replace(/\\s+/g, ' ')}\n role=\"status\"\n aria-label={dynamicAriaLabel}\n />\n );\n};\n","import React from 'react';\n\n/\n Icono de flecha izquierda (ChevronLeft)\n * Usado en el botón \"Back\"\n * Heroicons Micro (16x16px)\n /\nexport const ArrowLeftIcon: React.FC<{ className?: string }> = ({ className = '' }) => {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M9.78 4.22a.75.75 0 0 1 0 1.06L7.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L5.47 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n};\n\n/\n Icono de flecha derecha (ChevronRight)\n * Usado en el botón \"Next\"\n * Heroicons Micro (16x16px)\n /\nexport const ArrowRightIcon: React.FC<{ className?: string }> = ({ className = '' }) => {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n};\n","import React, { useMemo } from 'react';\nimport type { PaginationProps, PageButtonProps } from './Pagination.types';\nimport { ArrowLeftIcon, ArrowRightIcon } from './icons';\n\n/\n Componente Pagination del sistema de diseño Siesa\n * Basado en especificaciones de Figma con Tailwind CSS\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n * - Algoritmo de paginación inteligente\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label Small)\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Pagination\n * currentPage={1}\n * totalPages={66}\n * onPageChange={(page) => console.log(page)}\n * />\n * ```\n /\nexport const Pagination: React.FC<PaginationProps> = ({\n currentPage = 1,\n totalPages,\n onPageChange,\n backText = 'Atrás',\n nextText = 'Siguiente',\n siblingCount = 1,\n showBackButton = true,\n showNextButton = true,\n className = '',\n ariaLabel = 'Paginación',\n}) => {\n /\n Genera el array de páginas a mostrar\n * Algoritmo: [1] ... [currentPage-1] [currentPage] [currentPage+1] ... [totalPages]\n /\n const paginationRange = useMemo(() => {\n const totalNumbers = siblingCount 2 + 3; // Página actual + siblings + primera + última\n const totalBlocks = totalNumbers + 2; // + 2 separadores \"...\"\n\n // Si el total de páginas es menor que el total de bloques, mostrar todas\n if (totalPages <= totalBlocks) {\n return Array.from({ length: totalPages }, (_, i) => i + 1);\n }\n\n const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n\n const shouldShowLeftDots = leftSiblingIndex > 2;\n const shouldShowRightDots = rightSiblingIndex < totalPages - 1;\n\n const firstPageIndex = 1;\n const lastPageIndex = totalPages;\n\n // No mostrar dots a la izquierda\n if (!shouldShowLeftDots && shouldShowRightDots) {\n const leftItemCount = 3 + 2 * siblingCount;\n const leftRange = Array.from({ length: leftItemCount }, (_, i) => i + 1);\n return [...leftRange, '...', totalPages];\n }\n\n // No mostrar dots a la derecha\n if (shouldShowLeftDots && !shouldShowRightDots) {\n const rightItemCount = 3 + 2 * siblingCount;\n const rightRange = Array.from(\n { length: rightItemCount },\n (_, i) => totalPages - rightItemCount + i + 1\n );\n return [firstPageIndex, '...', ...rightRange];\n }\n\n // Mostrar ambos dots\n if (shouldShowLeftDots && shouldShowRightDots) {\n const middleRange = Array.from(\n { length: rightSiblingIndex - leftSiblingIndex + 1 },\n (_, i) => leftSiblingIndex + i\n );\n return [firstPageIndex, '...', ...middleRange, '...', lastPageIndex];\n }\n\n return [];\n }, [currentPage, totalPages, siblingCount]);\n\n /*\n Handler para cambio de página\n /\n const handlePageChange = (page: number) => {\n if (page >= 1 && page <= totalPages && page !== currentPage) {\n onPageChange?.(page);\n }\n };\n\n /\n Componente interno: Botón de página\n /\n const PageButton: React.FC<PageButtonProps> = ({\n page,\n isActive = false,\n disabled = false,\n onClick,\n ariaLabel: buttonAriaLabel,\n }) => {\n const isDots = page === '...';\n\n // ===== CLASES BASE =====\n const baseClasses = `\n inline-flex\n items-center\n justify-center\n gap-3\n px-3\n py-2\n rounded-md\n font-bold\n text-sm\n whitespace-nowrap\n transition-all\n duration-150\n `;\n\n // ===== CLASES DE ESTADO =====\n const stateClasses = isDots\n ? `\n text-primary-custom-600\n dark:text-primary-custom-600\n cursor-default\n pointer-events-none\n `\n : isActive\n ? `\n bg-primary-custom-100\n text-primary-custom-600\n dark:bg-primary-custom-100\n dark:text-primary-custom-600\n `\n : `\n text-primary-custom-600\n hover:bg-primary-custom-100\n active:scale-95\n dark:text-primary-custom-600\n dark:hover:bg-primary-custom-100\n dark:active:scale-95\n `;\n\n // ===== CLASES DE DISABLED =====\n const disabledClasses = disabled\n ? `\n opacity-50\n cursor-not-allowed\n pointer-events-none\n `\n : '';\n\n // ===== COMBINAR CLASES =====\n const buttonClasses = [baseClasses, stateClasses, disabledClasses]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <button\n type=\"button\"\n className={buttonClasses}\n onClick={onClick}\n disabled={disabled \|\| isDots}\n aria-label={buttonAriaLabel}\n aria-current={isActive ? 'page' : undefined}\n >\n {page}\n </button>\n );\n };\n\n // ===== CLASES DEL CONTAINER =====\n const containerClasses = `\n inline-flex\n items-center\n justify-between\n gap-0\n ${className}\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <nav className={containerClasses} aria-label={ariaLabel} role=\"navigation\">\n {/ ===== BOTÓN BACK ===== /}\n {showBackButton && (\n <button\n type=\"button\"\n className={`\n inline-flex\n items-center\n justify-center\n gap-3\n px-3\n py-2\n rounded-md\n font-bold\n text-sm\n text-primary-custom-600\n hover:bg-primary-custom-100\n active:scale-95\n dark:text-primary-custom-600\n dark:hover:bg-primary-custom-100\n dark:active:scale-95\n transition-all\n duration-150\n ${currentPage === 1 ? 'opacity-50 cursor-not-allowed pointer-events-none' : ''}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n onClick={() => handlePageChange(currentPage - 1)}\n disabled={currentPage === 1}\n aria-label={`${backText} page`}\n >\n <ArrowLeftIcon className=\"w-4 h-4\" />\n {backText}\n </button>\n )}\n\n {/ ===== NÚMEROS DE PÁGINA ===== /}\n <div className=\"inline-flex items-center\">\n {paginationRange.map((page, index) => (\n <PageButton\n key={`${page}-${index}`}\n page={page}\n isActive={page === currentPage}\n onClick={() => typeof page === 'number' && handlePageChange(page)}\n ariaLabel={\n typeof page === 'number' ? `Go to page ${page}` : `Page ${page}`\n }\n />\n ))}\n </div>\n\n {/ ===== BOTÓN NEXT ===== /}\n {showNextButton && (\n <button\n type=\"button\"\n className={`\n inline-flex\n items-center\n justify-center\n gap-3\n px-3\n py-2\n rounded-md\n font-bold\n text-sm\n text-primary-custom-600\n hover:bg-primary-custom-100\n active:scale-95\n dark:text-primary-custom-600\n dark:hover:bg-primary-custom-100\n dark:active:scale-95\n transition-all\n duration-150\n ${\n currentPage === totalPages\n ? 'opacity-50 cursor-not-allowed pointer-events-none'\n : ''\n }\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n onClick={() => handlePageChange(currentPage + 1)}\n disabled={currentPage === totalPages}\n aria-label={`${nextText} page`}\n >\n {nextText}\n <ArrowRightIcon className=\"w-4 h-4\" />\n </button>\n )}\n </nav>\n );\n};\n","import as React from \"react\";\nfunction CheckIcon({\n title,\n titleId,\n ...props\n}, svgRef) {\n return /#__PURE__/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 1.5,\n stroke: \"currentColor\",\n \"aria-hidden\": \"true\",\n \"data-slot\": \"icon\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /#__PURE__/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /#__PURE__/React.createElement(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"m4.5 12.75 6 6 9-13.5\"\n }));\n}\nconst ForwardRef = /#__PURE__/ React.forwardRef(CheckIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction ChevronUpDownIcon({\n title,\n titleId,\n ...props\n}, svgRef) {\n return /#__PURE__/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 1.5,\n stroke: \"currentColor\",\n \"aria-hidden\": \"true\",\n \"data-slot\": \"icon\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /#__PURE__/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /#__PURE__/React.createElement(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9\"\n }));\n}\nconst ForwardRef = /#__PURE__/ React.forwardRef(ChevronUpDownIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction ClockIcon({\n title,\n titleId,\n ...props\n}, svgRef) {\n return /#__PURE__/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 1.5,\n stroke: \"currentColor\",\n \"aria-hidden\": \"true\",\n \"data-slot\": \"icon\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /#__PURE__/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /#__PURE__/React.createElement(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"\n }));\n}\nconst ForwardRef = /#__PURE__/ React.forwardRef(ClockIcon);\nexport default ForwardRef;","import React from 'react';\nimport {\n ChevronUpDownIcon as HeroChevronUpDown,\n CheckIcon as HeroCheck\n} from '@heroicons/react/24/outline';\n\n/*\n Icono ChevronUpDown para el trigger del Select\n * Basado en Heroicons 24/outline (24x24px)\n \n @see https://heroicons.com/\n /\nexport const ChevronUpDownIcon: React.FC<{ className?: string }> = ({ className = 'size-5' }) => (\n <HeroChevronUpDown className={className} aria-hidden=\"true\" />\n);\n\n/\n Icono Check para los items seleccionados del menu\n * Basado en Heroicons 24/outline (24x24px)\n \n @see https://heroicons.com/\n /\nexport const CheckIcon: React.FC<{ className?: string }> = ({ className = 'size-4' }) => (\n <HeroCheck className={className} aria-hidden=\"true\" />\n);\n","import React, { useState, useRef, useEffect } from 'react';\nimport type { SelectProps, SelectOption } from './Select.types';\nimport { ChevronUpDownIcon, CheckIcon } from './icons';\n\n/\n Select - Componente de selección (dropdown) del sistema de diseño Siesa\n \n Componente Select personalizado con menú desplegable para seleccionar opciones\n * de una lista. Incluye navegación por teclado, click outside y dark mode completo.\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels y keyboard navigation\n * - Click outside para cerrar el menú\n * - Soporte de teclado (Enter, Escape, Arrow Up/Down)\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Select\n * options={[\n * { value: '1', label: 'Option 1' },\n * { value: '2', label: 'Option 2' },\n * ]}\n * value={selectedValue}\n * onChange={setSelectedValue}\n * placeholder=\"Select an option\"\n * label=\"Choose one\"\n * />\n * ```\n /\nexport const Select: React.FC<SelectProps> = ({\n options = [],\n value,\n defaultValue,\n placeholder = 'Seleccionar...',\n disabled = false,\n error = false,\n label,\n description,\n showLabel = true,\n showDescription = true,\n menuHeader,\n onChange,\n className = '',\n triggerClassName = '',\n menuClassName = '',\n ariaLabel,\n id,\n name,\n required = false,\n menuPosition = 'bottom',\n fullWidth = false,\n}) => {\n // ===== ESTADO Y REFS =====\n const [isOpen, setIsOpen] = useState(false);\n const [selectedValue, setSelectedValue] = useState<string \| number \| undefined>(\n value !== undefined ? value : defaultValue\n );\n const [focusedIndex, setFocusedIndex] = useState(-1);\n\n const containerRef = useRef<HTMLDivElement>(null);\n const triggerRef = useRef<HTMLButtonElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n\n // ===== SINCRONIZAR VALOR CONTROLADO =====\n useEffect(() => {\n if (value !== undefined) {\n setSelectedValue(value);\n }\n }, [value]);\n\n // ===== CERRAR AL HACER CLICK FUERA =====\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }\n }, [isOpen]);\n\n // ===== KEYBOARD NAVIGATION =====\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (!isOpen) return;\n\n switch (event.key) {\n case 'Escape':\n setIsOpen(false);\n triggerRef.current?.focus();\n break;\n case 'ArrowDown':\n event.preventDefault();\n setFocusedIndex((prev) => (prev < options.length - 1 ? prev + 1 : 0));\n break;\n case 'ArrowUp':\n event.preventDefault();\n setFocusedIndex((prev) => (prev > 0 ? prev - 1 : options.length - 1));\n break;\n case 'Enter':\n event.preventDefault();\n if (focusedIndex >= 0 && focusedIndex < options.length) {\n handleSelect(options[focusedIndex]);\n }\n break;\n }\n };\n\n if (isOpen) {\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }\n }, [isOpen, focusedIndex, options]);\n\n // ===== HELPERS =====\n const selectedOption = options.find((opt) => opt.value === selectedValue);\n\n const toggleMenu = () => {\n if (!disabled) {\n setIsOpen(!isOpen);\n setFocusedIndex(-1);\n }\n };\n\n const handleSelect = (option: SelectOption) => {\n if (option.disabled) return;\n\n setSelectedValue(option.value);\n setIsOpen(false);\n onChange?.(option.value);\n\n setTimeout(() => {\n triggerRef.current?.focus();\n }, 0);\n };\n\n // ===== CLASES BASE DEL TRIGGER =====\n // Usando el sistema tipográfico Paragraph Regular (14px = text-sm)\n // Border radius rounded-lg (8px) consistente con especificaciones\n // Gap de 12px (gap-3) entre texto e icono según Figma\n const baseTriggerClasses = `\n inline-flex\n items-center\n justify-between\n gap-3\n w-full\n px-3\n py-2\n text-sm\n font-normal\n leading-5\n rounded-lg\n border\n transition-all\n duration-150\n `;\n\n // ===== CLASES DE WIDTH =====\n const widthClasses = fullWidth ? 'w-full' : 'min-w-[200px]';\n\n // ===== CLASES PARA ESTADOS DEL TRIGGER =====\n // Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n const triggerStateClasses = error\n ? `\n border-error-border\n bg-error-bg\n text-content-primary\n dark:border-error-border\n dark:bg-error-bg\n dark:text-dark-content-primary\n `\n : `\n bg-bg-primary\n border-border-primary\n text-content-primary\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n dark:text-dark-content-primary\n `;\n\n // ===== CLASES PARA HOVER DEL TRIGGER =====\n // Hover: border más claro según Figma (#f9f9f9)\n const triggerHoverClasses =\n !disabled && !error\n ? `\n hover:border-[#f9f9f9]\n dark:hover:border-[#3a3a3f]\n `\n : '';\n\n // ===== CLASES PARA FOCUS DEL TRIGGER =====\n // Focus: border-2 con color específico #329cff según Figma\n const triggerFocusClasses = !disabled\n ? `\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n `\n : '';\n\n // ===== CLASES PARA DISABLED DEL TRIGGER =====\n const triggerDisabledClasses = disabled\n ? `\n opacity-50\n cursor-not-allowed\n `\n : '';\n\n // ===== COMBINAR CLASES DEL TRIGGER =====\n const finalTriggerClasses = [\n baseTriggerClasses,\n widthClasses,\n triggerStateClasses,\n triggerHoverClasses,\n triggerFocusClasses,\n triggerDisabledClasses,\n triggerClassName,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES BASE DEL MENU =====\n // Según Figma: altura fija 160px (h-40), border secundario,\n // spacing de 4px desde trigger (mt-1), shadow-lg para elevación\n const baseMenuClasses = `\n absolute\n z-50\n w-full\n min-w-[200px]\n max-h-40\n overflow-y-auto\n p-1\n rounded-md\n border\n shadow-lg\n transition-all\n duration-150\n `;\n\n // ===== CLASES DE POSICIÓN DEL MENU =====\n // Figma muestra 4px de separación, usando mt-1 en lugar de mt-2\n const menuPositionClasses = menuPosition === 'top' ? 'bottom-full mb-1' : 'top-full mt-1';\n\n // ===== CLASES DE COLOR DEL MENU =====\n // Background secundario según Figma con border secundario\n const menuColorClasses = `\n bg-background-secondary\n border-border-secondary\n dark:bg-dark-bg-primary\n dark:border-dark-border-primary\n `;\n\n // ===== CLASES DE VISIBILIDAD DEL MENU =====\n const menuVisibilityClasses = isOpen ? 'opacity-100 visible' : 'opacity-0 invisible';\n\n // ===== COMBINAR CLASES DEL MENU =====\n const finalMenuClasses = [\n baseMenuClasses,\n menuPositionClasses,\n menuColorClasses,\n menuVisibilityClasses,\n menuClassName,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES BASE DEL MENU ITEM =====\n // CRÍTICO: Figma especifica text-[10px] leading-[12px] (Label XXSmall)\n // Gap de 2px (gap-0.5) entre elementos según Figma\n const baseMenuItemClasses = `\n flex\n items-center\n cursor-pointer\n rounded-md\n transition-all\n duration-150\n pl-2\n pr-2.5\n py-0.5\n gap-0.5\n text-[10px]\n leading-[12px]\n font-bold\n `;\n\n // ===== FUNCIÓN PARA OBTENER CLASES DE MENU ITEM =====\n const getMenuItemClasses = (option: SelectOption, index: number) => {\n const isSelected = option.value === selectedValue;\n const isFocused = index === focusedIndex;\n\n // Estados de color según Figma:\n // - Default: text-content-primary\n // - Hover: bg-primary-custom-600 + text-primary-inverse-content\n // - Selected: muestra check icon, mismo text color que default\n const colorClasses =\n isFocused \|\| (isSelected && isFocused)\n ? 'bg-primary-custom-600 text-primary-inverse-content dark:bg-primary-custom-600 dark:text-primary-inverse-content'\n : 'text-content-primary dark:text-dark-content-primary';\n\n // Hover: fondo azul primario con texto blanco\n const hoverClasses = !option.disabled\n ? 'hover:bg-primary-custom-600 hover:text-primary-inverse-content dark:hover:bg-primary-custom-600 dark:hover:text-primary-inverse-content'\n : '';\n\n // Disabled\n const disabledClasses = option.disabled ? 'opacity-50 cursor-not-allowed' : '';\n\n return [baseMenuItemClasses, colorClasses, hoverClasses, disabledClasses]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n };\n\n // ===== CLASES DEL ICONO DEL TRIGGER =====\n // Chevron icon 20x20px (size-5) según sistema Heroicons\n const iconClasses = [\n 'shrink-0',\n 'w-4',\n 'h-4',\n 'transition-transform',\n 'duration-150',\n isOpen && 'rotate-180',\n disabled ? 'text-content-tertiary dark:text-content-tertiary' : 'text-content-secondary dark:text-content-secondary',\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DEL CHECK ICON =====\n const checkIconClasses = 'shrink-0 w-4 h-4';\n\n // ===== RENDERIZAR COMPONENTE =====\n return (\n <div className={`relative ${fullWidth ? 'w-full' : ''} ${className}`} ref={containerRef}>\n {/ Label and Description - Según Figma, van ANTES del trigger con gap-1 (4px) /}\n {(showLabel && label) \|\| (showDescription && description) ? (\n <div className=\"flex flex-col gap-1 mb-1 w-full\">\n {/ Label - Label Small (14px bold) /}\n {showLabel && label && (\n <label\n htmlFor={id}\n className=\"text-sm font-bold leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n {label}\n {required && <span className=\"ml-1 text-error-content\"></span>}\n </label>\n )}\n\n {/* Description - Paragraph Small (14px regular) /}\n {showDescription && description && (\n <p className=\"text-sm font-normal leading-5 text-content-tertiary dark:text-content-tertiary\">\n {description}\n </p>\n )}\n </div>\n ) : null}\n\n {/ Trigger Button /}\n <button\n ref={triggerRef}\n type=\"button\"\n className={finalTriggerClasses}\n onClick={toggleMenu}\n disabled={disabled}\n aria-label={ariaLabel \|\| label}\n aria-haspopup=\"listbox\"\n aria-expanded={isOpen}\n id={id}\n >\n {/ Selected value or placeholder /}\n <span\n className={\n selectedOption ? '' : 'text-content-secondary dark:text-content-secondary'\n }\n >\n {selectedOption ? selectedOption.label : placeholder}\n </span>\n\n {/ Chevron icon /}\n <ChevronUpDownIcon className={iconClasses} />\n </button>\n\n {/ Hidden input for forms /}\n {name && (\n <input\n type=\"hidden\"\n name={name}\n value={selectedValue !== undefined ? String(selectedValue) : ''}\n />\n )}\n\n {/ Menu /}\n {isOpen && (\n <div ref={menuRef} className={finalMenuClasses} role=\"listbox\">\n {/ Menu Header - Opcional según Figma /}\n {menuHeader && (\n <div className=\"flex items-center gap-0.5 px-6 py-0.5 rounded-[5px]\">\n <span className=\"text-[10px] font-bold leading-[12px] text-content-tertiary dark:text-content-tertiary\">\n {menuHeader}\n </span>\n </div>\n )}\n\n {/ Empty state /}\n {options.length === 0 && (\n <div className=\"px-2 py-1.5 text-[10px] leading-[12px] text-content-secondary dark:text-content-secondary\">\n No hay opciones disponibles\n </div>\n )}\n\n {/ Options /}\n {options.map((option, index) => (\n <div\n key={option.value}\n className={getMenuItemClasses(option, index)}\n onClick={() => handleSelect(option)}\n onMouseEnter={() => setFocusedIndex(index)}\n role=\"option\"\n aria-selected={option.value === selectedValue}\n aria-disabled={option.disabled}\n >\n {/ Check icon for selected item /}\n <div className=\"w-4 flex items-center justify-center\">\n {option.value === selectedValue && <CheckIcon className={checkIconClasses} />}\n </div>\n\n {/ Custom icon if provided /}\n {option.icon && <span className=\"shrink-0 w-4 h-4\">{option.icon}</span>}\n\n {/ Label /}\n <span className=\"flex-1 text-left\">{option.label}</span>\n </div>\n ))}\n </div>\n )}\n </div>\n );\n};\n","import React from 'react';\nimport type { NavigationRailProps, NavigationRailItemProps } from './NavigationRail.types';\n\n/\n NavigationRail del sistema de diseño Siesa\n \n Componente de navegación vertical (rail) para aplicaciones. Proporciona acceso\n * rápido a destinos principales mediante iconos y labels opcionales.\n \n Características:\n * - Ancho fijo de 80px para navegación compacta\n * - Soporte para FAB (Floating Action Button) en la parte superior\n * - Estados: normal, hover, selected, disabled\n * - Badges de notificación con contador opcional\n * - Alineación flexible: top, center, bottom\n * - Dark mode completo\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Tipografía Label XXSmall (10px Bold) según sistema de diseño\n * - Estados interactivos completos (hover, focus, active)\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label XXSmall)\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Navigation Rail básico\n * <NavigationRail\n * items={[\n * { id: 'home', icon: <HomeIcon />, label: 'Inicio', selected: true },\n * { id: 'search', icon: <SearchIcon />, label: 'Buscar' },\n * { id: 'notifications', icon: <BellIcon />, label: 'Notificaciones', badgeCount: 5 },\n * ]}\n * alignment=\"top\"\n * />\n \n // Con FAB button\n * <NavigationRail\n * showFab\n * fabIcon={<PlusIcon />}\n * onFabClick={() => console.log('Create new')}\n * items={[...]}\n * />\n * ```\n /\n\n/\n NavigationRailItem - Componente interno para items individuales\n /\nconst NavigationRailItem: React.FC<NavigationRailItemProps> = ({\n icon,\n label,\n selected = false,\n disabled = false,\n badge = false,\n badgeCount,\n onClick,\n ariaLabel,\n id,\n}) => {\n // ===== CLASES DEL ICON CONTAINER =====\n // Estado selected usa background con overlay según Figma\n const iconContainerClasses = [\n // Base\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'px-4',\n 'py-1',\n 'rounded-full',\n 'overflow-hidden',\n 'shrink-0',\n\n // Estados\n selected\n ? // Selected: bg-primary-custom-100 con overlay de rgba(0,0,0,0.024)\n 'bg-primary-custom-100 dark:bg-primary-custom-600/30'\n : // Default/Hover: transparent → hover:bg-primary-custom-100\n 'bg-transparent hover:bg-primary-custom-100 dark:hover:bg-primary-custom-600/20',\n\n // Transiciones\n 'transition-colors',\n 'duration-150',\n ].join(' ');\n\n // ===== CLASES DEL ICONO =====\n const iconClasses = [\n 'w-4',\n 'h-4',\n 'shrink-0',\n\n // Colores según estado\n selected \|\| !disabled\n ? // Selected o habilitado con hover: content-primary → hover:primary-custom-600\n selected\n ? 'text-primary-custom-600 dark:text-white'\n : 'text-content-primary hover:text-primary-custom-600 dark:text-dark-content-primary dark:hover:text-white'\n : // Disabled\n 'text-content-tertiary dark:text-content-tertiary',\n\n 'transition-colors',\n 'duration-150',\n ].join(' ');\n\n // ===== CLASES DEL LABEL =====\n const labelClasses = [\n // Tipografía: Label XXSmall (10px Bold, leading 12px)\n 'text-[10px]',\n 'leading-3',\n 'font-bold',\n 'text-center',\n 'w-full',\n 'min-w-full',\n\n // Colores\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ');\n\n // ===== CLASES DEL CONTENEDOR PRINCIPAL =====\n const containerClasses = [\n 'relative',\n 'flex',\n 'flex-col',\n 'items-center',\n 'gap-1',\n 'px-0.5',\n 'py-0',\n 'w-14', // 56px según Figma\n 'shrink-0',\n\n // Interactividad\n disabled\n ? 'cursor-not-allowed opacity-50 pointer-events-none'\n : 'cursor-pointer',\n\n // Focus\n 'focus:outline-hidden',\n 'focus-visible:ring-2',\n 'focus-visible:ring-primary-custom-400',\n 'focus-visible:ring-offset-2',\n 'dark:focus-visible:ring-dark-border-custom',\n 'dark:focus-visible:ring-offset-dark-bg-primary',\n 'rounded-lg',\n ].join(' ');\n\n // ===== RENDERIZAR BADGE =====\n const renderBadge = () => {\n if (!badge && badgeCount === undefined) return null;\n\n // Badge con número\n if (badgeCount !== undefined) {\n return (\n <span\n className=\"\n absolute\n -top-0.5\n left-[34px]\n flex\n items-center\n justify-center\n min-w-[13px]\n h-[13px]\n px-1\n rounded-full\n text-[10px]\n font-bold\n leading-none\n bg-red-700\n text-white\n dark:bg-red-700\n dark:text-white\n pointer-events-none\n \"\n aria-label={`${badgeCount} notificaciones`}\n >\n {badgeCount > 99 ? '99+' : badgeCount}\n </span>\n );\n }\n\n // Badge dot simple\n return (\n <span\n className=\"\n absolute\n -top-0.5\n left-[34px]\n w-[13px]\n h-[13px]\n rounded-full\n bg-red-700\n dark:bg-red-700\n pointer-events-none\n \"\n aria-label=\"Notificación\"\n />\n );\n };\n\n return (\n <button\n type=\"button\"\n className={containerClasses}\n disabled={disabled}\n onClick={onClick}\n aria-label={ariaLabel \|\| label}\n aria-current={selected ? 'page' : undefined}\n data-item-id={id}\n >\n {/ Icon Container /}\n <div className={iconContainerClasses}>\n <span className={iconClasses}>\n {icon}\n </span>\n </div>\n\n {/ Label /}\n <p className={labelClasses}>\n {label}\n </p>\n\n {/ Badge /}\n {renderBadge()}\n </button>\n );\n};\n\n/\n NavigationRail - Componente principal\n /\nexport const NavigationRail: React.FC<NavigationRailProps> = ({\n items,\n alignment = 'top',\n showFab = false,\n fabIcon,\n onFabClick,\n fabAriaLabel = 'Crear nuevo',\n className = '',\n selectedId,\n onItemSelect,\n}) => {\n // ===== CLASES DEL CONTENEDOR PRINCIPAL =====\n const containerClasses = [\n // Layout\n 'flex',\n 'flex-col',\n 'items-center',\n 'relative',\n\n // Tamaño fijo según Figma\n 'w-20', // 80px\n 'h-full',\n\n // Fondo y bordes\n 'bg-white',\n 'dark:bg-dark-bg-primary',\n 'border-r',\n 'border-border-primary',\n 'dark:border-dark-border-primary',\n\n className,\n ].join(' ');\n\n // ===== CLASES DEL WRAPPER CON PADDING =====\n // Según Figma, cada alineación funciona diferente:\n // - top: flujo normal desde arriba\n // - center: wrapper con grow y items absolutamente centrados\n // - bottom: wrapper con grow y items con justify-end\n const wrapperClasses = [\n 'flex',\n 'flex-col',\n 'items-center',\n 'gap-10', // 40px entre FAB y items según Figma\n 'w-20', // 80px\n 'pb-10', // 40px padding bottom según Figma\n 'pt-2', // 8px padding top según Figma\n\n // Para center y bottom, el wrapper debe crecer para ocupar espacio\n alignment !== 'top' && 'grow',\n alignment !== 'top' && 'basis-0',\n alignment !== 'top' && 'min-h-0',\n ].filter(Boolean).join(' ');\n\n // ===== CLASES DEL CONTENEDOR DE ITEMS =====\n // Para cada alineación, los items se posicionan diferente\n const getItemsContainerClasses = () => {\n const baseClasses = [\n 'flex',\n 'flex-col',\n 'items-center',\n 'gap-3', // 12px según Figma\n 'w-20', // 80px\n ];\n\n if (alignment === 'top') {\n return [...baseClasses, 'shrink-0'].join(' ');\n }\n\n if (alignment === 'center') {\n // Items absolutamente centrados según Figma\n return [\n ...baseClasses,\n 'absolute',\n 'left-1/2',\n 'top-1/2',\n '-translate-x-1/2',\n '-translate-y-1/2',\n ].join(' ');\n }\n\n if (alignment === 'bottom') {\n // Items al final con grow y justify-end según Figma\n return [\n ...baseClasses,\n 'grow',\n 'basis-0',\n 'min-h-0',\n 'justify-end',\n 'shrink-0',\n ].join(' ');\n }\n\n return baseClasses.join(' ');\n };\n\n const itemsContainerClasses = getItemsContainerClasses();\n\n // ===== CLASES DEL FAB BUTTON =====\n const fabClasses = [\n // Layout\n 'flex',\n 'items-center',\n 'justify-center',\n 'p-3', // 12px padding según Figma\n 'shrink-0',\n\n // Estilo\n 'rounded-md',\n 'bg-primary-custom-600',\n 'text-primary-inverse-content',\n 'border',\n 'border-primary-custom-600',\n 'shadow-button-inset',\n\n // Estados\n 'hover:bg-primary-custom-500',\n 'active:scale-95',\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'focus:ring-offset-2',\n\n // Dark mode\n 'dark:bg-dark-bg-inverse',\n 'dark:text-dark-content-inverse',\n 'dark:border-dark-bg-inverse',\n 'dark:hover:bg-dark-bg-inverse/90',\n 'dark:focus:ring-dark-border-custom',\n 'dark:focus:ring-offset-dark-bg-primary',\n\n // Transiciones\n 'transition-all',\n 'duration-150',\n ].join(' ');\n\n // ===== MANEJAR SELECCIÓN DE ITEM =====\n const handleItemClick = (item: NavigationRailItemProps) => {\n if (item.disabled) return;\n\n if (item.onClick) {\n item.onClick();\n }\n\n if (onItemSelect && item.id) {\n onItemSelect(item.id);\n }\n };\n\n return (\n <nav className={containerClasses} aria-label=\"Navegación principal\">\n <div className={wrapperClasses}>\n {/ FAB Button (opcional) /}\n {showFab && (\n <div className=\"flex items-start gap-2.5 shrink-0\">\n <button\n type=\"button\"\n className={fabClasses}\n onClick={onFabClick}\n aria-label={fabAriaLabel}\n >\n <span className=\"w-4 h-4 flex items-center justify-center\">\n {fabIcon}\n </span>\n </button>\n </div>\n )}\n\n {/ Navigation Items /}\n <div className={itemsContainerClasses}>\n {items.map((item, index) => (\n <NavigationRailItem\n key={item.id \|\| index}\n {...item}\n selected={item.selected \|\| (selectedId !== undefined && item.id === selectedId)}\n onClick={() => handleItemClick(item)}\n />\n ))}\n </div>\n </div>\n </nav>\n );\n};\n","import React, { useState } from 'react';\nimport type { NavigationRailPanelProps } from './NavigationRailPanel.types';\nimport { DropdownItemHeading } from '../DropdownItemHeading';\nimport { DropdownItemCollapsible } from '../DropdownItemCollapsible';\nimport { Input } from '../Input';\nimport { Divider } from '../Divider/Divider';\n\n/\n Componente NavigationRailPanel del sistema de diseño Siesa\n \n Panel de navegación vertical (rail) que puede contener múltiples secciones\n * de items, búsqueda y encabezados. Se usa típicamente en aplicaciones con\n * navegación compleja que requieren una estructura jerárquica.\n \n Estructura principal:\n * 1. Encabezado (DropdownItemHeading) - Opcional\n * 2. Input de búsqueda - Opcional\n * 3. Divisor - Siempre presente después de búsqueda/encabezado\n * 4. Body con secciones de items:\n * - Heading de sección (Paragraph/Tiny, content-tertiary)\n * - Items colapsables (DropdownItemCollapsible) o simples\n * - Divisor entre secciones\n \n Dimensiones según Figma:\n * - Altura: Variable (por defecto 900px)\n * - Ancho del panel: 248px (con padding 12px)\n * - Ancho de contenido: 224px\n * - Padding del panel: 12px\n * - Padding del body: 12px\n * - Border: 1px left (border-primary)\n * - Border radius: 0px (es un panel recto)\n \n Tipografía:\n * - Heading (DropdownItemHeading): Label/Small (14px Bold)\n * - Section heading: Paragraph/Tiny (12px Regular) - content-tertiary\n * - Items: Paragraph/Small (14px Regular)\n \n Colores (Light Mode):\n * - Background: #ffffff (white)\n * - Border: #e4e4e7 (border-primary)\n * - Heading text: #18181b (content-primary)\n * - Section heading: #71717a (content-tertiary)\n * - Item text: #18181b (content-primary)\n * - Icon color: #a1a1aa (content-secondary)\n \n Colores (Dark Mode):\n * - Background: #18181b (dark bg)\n * - Border: #3f3f46 (border-primary/dark)\n * - Heading text: #fafafa (content-primary/dark)\n * - Section heading: #a1a1aa (content-tertiary/dark)\n * - Item text: #fafafa (content-primary/dark)\n * - Icon color: #a1a1aa (content-secondary/dark)\n \n Estados:\n * - Default: Sin interacción\n * - Hover: Items con hover overlay sutil\n * - Focus: Focus ring adaptativo\n * - Disabled: Opacidad 50%\n * - Active (items colapsables): Expanded state\n \n Espaciado interno:\n * - Gap entre section heading e items: 0.5 (2px)\n * - Gap entre items: 0.5 (2px)\n * - Gap entre elemento y contenido: 3 (12px)\n * - Padding vertical section heading: pt-3 pb-1 (12px top, 4px bottom)\n * - Padding items: py-2 px-4 (8px vertical, 16px horizontal)\n \n Scroll:\n * - El body es scrolleable verticalmente (overflow-y-auto)\n * - El encabezado y búsqueda se mantienen fijos en el tope\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras\n * @see ../DropdownItemHeading - Componente reutilizado para encabezado\n * @see ../DropdownItemCollapsible - Componente reutilizado para items colapsables\n * @see ../Input - Componente reutilizado para búsqueda\n * @see ../Divider - Componente reutilizado para separadores\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6134-34415 - Diseño Figma\n \n @example\n * ```tsx\n * // Ejemplo simple con secciones\n * <NavigationRailPanel\n * height={900}\n * showHeading={true}\n * heading={{\n * label: 'Settings',\n * description: 'Configure your preferences',\n * iconName: 'cog-6-tooth',\n * actionLabel: 'Clear',\n * showAction: true,\n * }}\n * showSearch={true}\n * search={{\n * placeholder: 'Buscar módulo',\n * }}\n * sections={[\n * {\n * heading: 'Section 1',\n * items: [\n * { label: 'Item 1', isCollapsible: true, children: [...] },\n * { label: 'Item 2', isCollapsible: false },\n * ],\n * },\n * {\n * heading: 'Section 2',\n * items: [\n * { label: 'Item 3' },\n * ],\n * },\n * ]}\n * />\n \n // Ejemplo con items simples sin secciones\n * <NavigationRailPanel\n * showHeading={false}\n * showSearch={true}\n * items={[\n * { label: 'Dashboard', icon: <DashboardIcon /> },\n * { label: 'Users', icon: <UserIcon /> },\n * { label: 'Settings', icon: <SettingsIcon /> },\n * ]}\n * />\n * ```\n /\nexport const NavigationRailPanel: React.FC<NavigationRailPanelProps> = ({\n height = 900,\n width = 248,\n showHeading = true,\n heading,\n showSearch = true,\n search,\n sections,\n items,\n className = '',\n panelClassName = '',\n}) => {\n const [searchValue, setSearchValue] = useState(search?.value \|\| '');\n\n const handleSearchChange = (value: string) => {\n setSearchValue(value);\n search?.onChange?.(value);\n };\n\n // Construir clase de altura dinámicamente\n const containerStyle = {\n height: typeof height === 'number' ? `${height}px` : height,\n };\n\n const panelStyle = {\n width: typeof width === 'number' ? `${width}px` : width,\n };\n\n return (\n <div\n className={`flex items-start relative ${className}`}\n style={containerStyle}\n data-testid=\"navigation-rail-panel-container\"\n >\n <div\n className={`bg-bg-primary dark:bg-dark-bg-primary border-border-primary dark:border-dark-border-primary border-b-0 border-l border-r border-solid border-t-0 flex flex-col h-full items-start overflow-clip relative shrink-0 ${panelClassName}`}\n style={panelStyle}\n data-testid=\"navigation-rail-panel\"\n >\n {/ Encabezado (DropdownItemHeading) /}\n {showHeading && heading && (\n <div className=\"flex flex-col items-start p-3 relative shrink-0 w-full\">\n <DropdownItemHeading\n label={heading.label}\n description={heading.description}\n showDescription={heading.showDescription !== false}\n iconName={heading.iconName}\n showIcon={true}\n actionLabel={heading.actionLabel}\n showAction={heading.showAction}\n onActionClick={heading.onActionClick}\n className=\"w-full\"\n />\n </div>\n )}\n\n {/ Input de búsqueda /}\n {showSearch && (\n <div\n className=\"flex flex-col items-start p-3 relative shrink-0 w-full\"\n data-testid=\"navigation-rail-search\"\n >\n <Input\n placeholder={search?.placeholder \|\| 'Buscar módulo'}\n value={searchValue}\n onChange={(e) => handleSearchChange(e.target.value)}\n className=\"w-full\"\n />\n </div>\n )}\n\n {/ Divisor /}\n <Divider className=\"w-full\" />\n\n {/ Body con items /}\n <div\n className=\"flex flex-1 flex-col gap-0.5 items-start min-h-px min-w-px p-3 relative shrink-0 overflow-y-auto w-full\"\n data-testid=\"navigation-rail-body\"\n >\n {/ Renderizar secciones /}\n {sections && sections.length > 0\n ? sections.map((section, sectionIndex) => (\n <div key={`section-${sectionIndex}`} className=\"w-full\">\n {/ Section Heading /}\n {section.heading && (\n <div\n className=\"flex flex-col gap-0 items-start pb-1 pt-3 px-0 relative shrink-0 w-full\"\n data-testid={`section-heading-${sectionIndex}`}\n >\n <p className=\"font-['Inter:Regular',sans-serif] font-normal text-xs leading-4 not-italic relative shrink-0 text-content-tertiary dark:text-content-tertiary w-full whitespace-pre-wrap\">\n {section.heading}\n </p>\n </div>\n )}\n\n {/ Section Items /}\n <div\n className=\"flex flex-col gap-0.5 items-start relative shrink-0 w-full\"\n data-testid={`section-items-${sectionIndex}`}\n >\n {section.items.map((item, itemIndex) => (\n <NavigationRailPanelItem\n key={`item-${sectionIndex}-${itemIndex}`}\n item={item}\n />\n ))}\n </div>\n\n {/ Section Divider /}\n {section.showDivider !== false && sectionIndex < sections.length - 1 && (\n <Divider className=\"mt-3 w-full\" />\n )}\n </div>\n ))\n : null}\n\n {/ Renderizar items simples (sin secciones) /}\n {items && items.length > 0 && !sections\n ? items.map((item, itemIndex) => (\n <NavigationRailPanelItem\n key={`item-${itemIndex}`}\n item={item}\n />\n ))\n : null}\n </div>\n </div>\n </div>\n );\n};\n\n/\n Componente interno para renderizar un item del NavigationRailPanel\n * Puede ser un item simple o colapsable\n /\ninterface NavigationRailPanelItemComponentProps {\n item: NonNullable<NavigationRailPanelProps['items']>[0];\n}\n\nconst NavigationRailPanelItem: React.FC<NavigationRailPanelItemComponentProps> = ({ item }) => {\n if (item.isCollapsible) {\n return (\n <DropdownItemCollapsible\n label={item.label}\n icon={item.icon}\n children={item.children}\n defaultOpen={item.defaultOpen}\n disabled={item.disabled}\n onClick={item.onClick}\n onOpenChange={item.onOpenChange}\n className={item.className}\n showDivider={false}\n showHeading={false}\n />\n );\n }\n\n return (\n <button\n onClick={item.onClick}\n disabled={item.disabled}\n className={[\n // Base\n 'flex items-center gap-3 px-4 py-2 w-full',\n 'rounded-lg cursor-pointer',\n 'transition-colors duration-150',\n\n // Colores y estados (Light Mode)\n !item.disabled && 'text-content-primary',\n !item.disabled && 'hover:bg-primary-custom-100',\n\n // Dark Mode\n !item.disabled && 'dark:text-content-primary',\n !item.disabled && 'dark:hover:bg-dark-bg-custom',\n\n // Focus ring\n !item.disabled && 'focus:outline-hidden',\n !item.disabled && 'focus:ring-2',\n !item.disabled && 'focus:ring-offset-2',\n !item.disabled && 'focus:ring-primary-custom-400',\n !item.disabled && 'focus:ring-offset-bg-primary',\n !item.disabled && 'dark:focus:ring-offset-dark-bg-primary',\n\n // Disabled\n item.disabled && 'opacity-50',\n item.disabled && 'cursor-not-allowed',\n\n item.className,\n ]\n .filter(Boolean)\n .join(' ')}\n data-testid={`navigation-rail-item-${item.label}`}\n aria-disabled={item.disabled}\n >\n {item.icon && (\n <div className=\"flex items-center justify-center w-4 h-4 shrink-0 text-content-secondary dark:text-content-secondary\">\n {item.icon}\n </div>\n )}\n <p className=\"font-['Inter:Regular',sans-serif] text-sm font-normal leading-5 not-italic relative shrink-0 text-left\">\n {item.label}\n </p>\n </button>\n );\n};\n","import as React from \"react\";\nfunction ChevronLeftIcon({\n title,\n titleId,\n ...props\n}, svgRef) {\n return /#__PURE__/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 20 20\",\n fill: \"currentColor\",\n \"aria-hidden\": \"true\",\n \"data-slot\": \"icon\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /#__PURE__/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /#__PURE__/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z\",\n clipRule: \"evenodd\"\n }));\n}\nconst ForwardRef = /#__PURE__/ React.forwardRef(ChevronLeftIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction ChevronRightIcon({\n title,\n titleId,\n ...props\n}, svgRef) {\n return /#__PURE__/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 20 20\",\n fill: \"currentColor\",\n \"aria-hidden\": \"true\",\n \"data-slot\": \"icon\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /#__PURE__/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /#__PURE__/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z\",\n clipRule: \"evenodd\"\n }));\n}\nconst ForwardRef = /#__PURE__/ React.forwardRef(ChevronRightIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction MagnifyingGlassIcon({\n title,\n titleId,\n ...props\n}, svgRef) {\n return /#__PURE__/React.createElement(\"svg\", Object.assign({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 20 20\",\n fill: \"currentColor\",\n \"aria-hidden\": \"true\",\n \"data-slot\": \"icon\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /#__PURE__/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /#__PURE__/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n d: \"M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9Z\",\n clipRule: \"evenodd\"\n }));\n}\nconst ForwardRef = /#__PURE__/ React.forwardRef(MagnifyingGlassIcon);\nexport default ForwardRef;","import React from 'react';\n// Importamos de 24/outline solo para el ClockIcon\nimport { ClockIcon as HeroClockOutline } from '@heroicons/react/24/outline';\n\n// Importamos de 20/solid para los demás\nimport {\n ChevronRightIcon as HeroChevronRight,\n ChevronLeftIcon as HeroChevronLeft,\n MagnifyingGlassIcon as HeroSearch,\n HomeIcon as HeroHome,\n UsersIcon as HeroUsers,\n Cog6ToothIcon as HeroSettings,\n} from '@heroicons/react/20/solid';\n\n/*\n Props comunes para los iconos\n /\ninterface IconProps {\n className?: string;\n}\n\n/\n Icono Chevron Right (apunta hacia la derecha)\n * Usado en el botón de collapse\n /\nexport const ChevronRightIcon: React.FC<IconProps> = ({ className = 'size-5' }) => (\n <HeroChevronRight className={className} aria-hidden=\"true\" />\n);\n\n/\n Icono Chevron Left (apunta hacia la izquierda)\n * Usado en el botón de expand\n /\nexport const ChevronLeftIcon: React.FC<IconProps> = ({ className = 'size-5' }) => (\n <HeroChevronLeft className={className} aria-hidden=\"true\" />\n);\n\n/\n Icono Clock (reloj) - Estilo OUTLINE 24\n * Usado en el botón \"Recientes\"\n /\nexport const ClockIcon: React.FC<IconProps> = ({ className = 'size-5' }) => (\n <HeroClockOutline className={className} aria-hidden=\"true\" />\n);\n\n/\n Icono Magnifying Glass (búsqueda)\n * Usado en el botón de búsqueda\n /\nexport const MagnifyingGlassIcon: React.FC<IconProps> = ({ className = 'size-5' }) => (\n <HeroSearch className={className} aria-hidden=\"true\" />\n);\n\n/\n Icono Home\n * Ejemplo para items de navegación\n /\nexport const HomeIcon: React.FC<IconProps> = ({ className = 'size-5' }) => (\n <HeroHome className={className} aria-hidden=\"true\" />\n);\n\n/\n Icono Users\n * Ejemplo para items de navegación\n /\nexport const UsersIcon: React.FC<IconProps> = ({ className = 'size-5' }) => (\n <HeroUsers className={className} aria-hidden=\"true\" />\n);\n\n/\n Icono Settings\n * Ejemplo para items de navegación\n /\nexport const SettingsIcon: React.FC<IconProps> = ({ className = 'size-5' }) => (\n <HeroSettings className={className} aria-hidden=\"true\" />\n);\n","import React, { useState } from 'react';\nimport type { NavigationRailTypesProps, NavigationRailItem } from './NavigationRailTypes.types';\nimport { ChevronRightIcon, ChevronLeftIcon, ClockIcon, MagnifyingGlassIcon } from './icons';\nimport { Button } from '../Button/Button';\nimport { Divider } from '../Divider/Divider';\nimport { DropdownItemCollapsible } from '../DropdownItemCollapsible/DropdownItemCollapsible';\nimport { NavigationRailItem as NavigationRailItemComponent } from '../NavigationRailItem/NavigationRailItem';\nimport { Input } from '../Input/Input';\n\n/\n Componente NavigationRailTypes del sistema de diseño Siesa\n \n Barra de navegación lateral que permite dos modos visuales:\n * - Collapsed (Colapsado): 80px width, solo iconos con botón de búsqueda\n * - Expanded (Expandido): 215px width, con labels y búsqueda integrada\n \n Características:\n * - Dos modos: collapsed e expanded (toggle con botón \"Colapsar\")\n * - Soporta items con badges de notificación\n * - Items colapsables para agrupar navegación relacionada\n * - Botón \"Recientes\" en footer\n * - Búsqueda integrada (solo en modo expanded)\n * - Dark mode completo\n * - Focus rings adaptativos\n \n Especificaciones de Figma:\n * - Collapsed: 80px width, items con height 44px + gap 12px\n * - Expanded: 215px width, items reutilizan DropdownItemCollapsible\n * - Icono search: 16x16px, azul (#0e79fd)\n * - Borde derecho: 1px solid #e4e4e7 (collapsed)\n * - Borde izquierdo: 1px solid #e4e4e7 (expanded)\n * - Height total: 900px (scroll si necesario)\n \n Estructura:\n * 1. Header (Search en expanded) - altura variable\n * 2. Menu & Destinations - flex 1 con items scrollables\n * 3. Footer - Actions con divider y botones\n \n Estados de Items:\n * - `default`: Text color content-primary\n * - `hover`: Fondo hover-overlay, icon color content-custom-primary\n * - `active`: Fondo custom-primary, text color custom-primary\n * - `disabled`: Opacity 50%, sin interacción\n \n Colores (Light Mode):\n * - Background: background-primary (#ffffff)\n * - Borders: border-primary (#e4e4e7)\n * - Text: content-primary (#18181b)\n * - Icons: content-secondary (#a1a1aa)\n * - Icon hover: content-custom-primary (#0e79fd)\n * - Divider: border-primary (#e4e4e7)\n * - Search input: bg-primary, border-primary, placeholder: content-tertiary\n \n Colores (Dark Mode):\n * - Background: background-primary/dark (#09090b)\n * - Borders: border-primary/dark (#3f3f46)\n * - Text: content-primary/dark (#fafafa)\n * - Icons: content-secondary/dark (#a1a1aa)\n * - Icon hover: content-custom-primary/dark (#bfe2fe)\n * - Divider: border-primary/dark (#3f3f46)\n \n Tipografía:\n * - Items labels: Paragraph/Small (14px, Regular, line-height 20px)\n * - Heading: Paragraph/Tiny (12px, Regular, line-height 16px) - si aplica\n * - Button labels: Label Small (14px, Bold)\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado (gap-3, px-4, py-2, etc)\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6135-36219\n \n @example\n * ```tsx\n * const navItems: NavigationRailItem[] = [\n * {\n * id: 'home',\n * label: 'Home',\n * icon: <HomeIcon />,\n * active: true,\n * onClick: () => navigate('/home'),\n * },\n * {\n * id: 'users',\n * label: 'Users',\n * icon: <UsersIcon />,\n * badge: true,\n * onClick: () => navigate('/users'),\n * },\n * ];\n \n const [isCollapsed, setIsCollapsed] = useState(true);\n \n <NavigationRailTypes\n * collapsed={isCollapsed}\n * items={navItems}\n * showRecentButton={true}\n * onCollapsedChange={setIsCollapsed}\n * onItemClick={(index, item) => console.log('Selected:', item.id)}\n * />\n * ```\n \n @see NavigationRailTypes.types.ts - Props e interfaces\n /\nexport const NavigationRailTypes = React.forwardRef<\n HTMLDivElement,\n NavigationRailTypesProps\n>(\n (\n {\n collapsed = true,\n items = [],\n showRecentButton = true,\n showSearchButton = true,\n onCollapsedChange,\n onItemClick,\n onItemHover,\n className,\n labels = {},\n },\n ref\n ) => {\n const [searchQuery, setSearchQuery] = useState('');\n\n // Labels con valores por defecto\n const finalLabels = {\n searchButton: labels.searchButton ?? 'Search',\n searchPlaceholder: labels.searchPlaceholder ?? 'Buscar módulo',\n recentButton: labels.recentButton ?? 'Recientes',\n collapseButton: labels.collapseButton ?? 'Colapsar',\n expandButton: labels.expandButton ?? 'Expandir',\n };\n\n const handleCollapsedToggle = () => {\n onCollapsedChange?.(!collapsed);\n };\n\n const handleItemClick = (index: number, item: NavigationRailItem) => {\n item.onClick?.(new Event('click') as any);\n onItemClick?.(index, item);\n };\n\n const handleItemHover = (index: number, item: NavigationRailItem) => {\n onItemHover?.(index, item);\n };\n\n return (\n <div\n ref={ref}\n className={`\n ${collapsed ? 'w-[80px]' : 'w-[215px]'}\n h-full\n bg-background-primary dark:bg-background-primary\n ${collapsed ? 'border-r border-border-primary dark:border-border-primary' : 'border-l border-r border-border-primary dark:border-border-primary'}\n border-solid\n flex flex-col\n items-center\n relative\n transition-all duration-300\n ${className \|\| ''}\n `}\n >\n {/ Sección de búsqueda - solo en modo expandido /}\n {!collapsed && (\n <div className=\"w-full flex flex-col gap-3 px-3 py-3 relative shrink-0\">\n <Input\n placeholder={finalLabels.searchPlaceholder}\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n leftIcon={<MagnifyingGlassIcon className=\"size-4 text-content-secondary dark:text-content-secondary\" />}\n fullWidth\n />\n <Divider className=\"w-full\" />\n </div>\n )}\n\n {/ Main content - Menu & Destinations /}\n <div\n className={`\n flex-1 flex flex-col\n items-center min-h-px min-w-px\n relative shrink-0\n px-0\n ${collapsed\n ? 'gap-7 py-2 w-[80px]'\n : 'gap-0.5 p-3 w-full bg-background-primary dark:bg-background-primary border-l dark:border-border-primary border-border-primary border-solid'\n }\n `}\n >\n {/ Botón Search en collapsed /}\n {collapsed && showSearchButton && (\n <Button\n type=\"default\"\n size=\"xl\"\n iconOnly\n leftIcon={<MagnifyingGlassIcon className=\"overflow-clip relative shrink-0 size-4 text-primary-inverse-content dark:text-primary-inverse-content\" />}\n ariaLabel={finalLabels.searchButton}\n />\n )}\n\n {/ Items container /}\n <div\n className={`\n flex flex-col items-center min-h-px min-w-px\n relative shrink-0\n flex-1\n overflow-hidden\n ${collapsed\n ? 'gap-3 leading-none w-[80px]'\n : 'gap-0.5 p-3 w-full'\n }\n `}\n >\n {items.length === 0 ? (\n // Items de demo/ejemplo\n <>\n {collapsed &&\n Array.from({ length: 4 }).map((_, idx) => (\n <NavigationRailItemComponent\n key={`demo-collapsed-${idx}`}\n id={`demo-collapsed-${idx}`}\n label=\"Item\"\n icon={\n <svg\n className=\"size-4\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M3 12a9 9 0 1118 0 9 9 0 01-18 0z\"\n />\n </svg>\n }\n showLabelText={false}\n />\n ))}\n\n {!collapsed &&\n Array.from({ length: 6 }).map((_, idx) => (\n <DropdownItemCollapsible\n key={`demo-expanded-${idx}`}\n label=\"Item\"\n showDivider={false}\n showHeading={false}\n />\n ))}\n </>\n ) : collapsed ? (\n // Items reales - collapsed mode\n <>\n {items.map((item, idx) => (\n <NavigationRailItemComponent\n key={item.id}\n id={item.id}\n label={item.label}\n icon={item.icon}\n selected={item.active}\n disabled={item.disabled}\n badge={item.badge}\n badgeCount={item.badgeCount}\n ariaLabel={item.ariaLabel}\n showLabelText={false}\n onClick={() => handleItemClick(idx, item)}\n onMouseEnter={() => handleItemHover(idx, item)}\n onMouseLeave={item.onMouseLeave}\n />\n ))}\n </>\n ) : (\n // Items reales - expanded mode\n <>\n {items.map((item, idx) => {\n const isCollapsible = (item as any).children && (item as any).children.length > 0;\n return (\n <div key={item.id} className=\"w-full\">\n <DropdownItemCollapsible\n label={item.label}\n icon={item.icon}\n selected={item.active}\n disabled={item.disabled}\n badge={item.badge}\n badgeCount={item.badgeCount}\n badgeColor={item.badgeColor as any}\n showDivider={false}\n showHeading={false}\n isCollapsible={isCollapsible}\n defaultOpen={(item as any).defaultOpen}\n children={isCollapsible ? (item as any).children : undefined}\n onClick={() => handleItemClick(idx, item)}\n />\n </div>\n );\n })}\n </>\n )}\n </div>\n\n {/ Footer - Actions /}\n <div className={`w-full flex flex-col gap-3 items-center relative shrink-0 ${!collapsed ? 'px-3' : ''}`}>\n <Divider className=\"w-full\" />\n\n <div\n className={`\n flex flex-col gap-3 relative shrink-0 w-full\n ${collapsed ? 'items-stretch px-3' : 'items-stretch'}\n `}\n >\n {/ Botón Recientes /}\n {showRecentButton && collapsed && (\n <Button\n type=\"outline\"\n size=\"base\"\n fullWidth\n leftIcon={<ClockIcon className=\"size-4 text-primary-custom-600 dark:text-primary-custom-600\" />}\n ariaLabel={finalLabels.recentButton}\n />\n )}\n\n {showRecentButton && !collapsed && (\n <Button\n type=\"outline\"\n size=\"base\"\n leftIcon={<ClockIcon className=\"size-4 text-primary-custom-600 dark:text-primary-custom-600\" />}\n fullWidth\n >\n {finalLabels.recentButton}\n </Button>\n )}\n\n {/ Botón Colapsar/Expandir /}\n {collapsed ? (\n <Button\n type=\"plain\"\n size=\"base\"\n fullWidth\n leftIcon={<ChevronRightIcon className=\"overflow-clip relative shrink-0 size-4 text-background-inverse-custom-primary dark:text-background-inverse-custom-primary\" />}\n onClick={handleCollapsedToggle}\n ariaLabel={finalLabels.expandButton}\n />\n ) : (\n <Button\n type=\"outline\"\n size=\"base\"\n leftIcon={<ChevronLeftIcon className=\"overflow-clip relative shrink-0 size-4 text-content-custom-primary dark:text-content-custom-primary\" />}\n onClick={handleCollapsedToggle}\n fullWidth\n >\n {finalLabels.collapseButton}\n </Button>\n )}\n </div>\n </div>\n </div>\n </div>\n );\n }\n);\n\nNavigationRailTypes.displayName = 'NavigationRailTypes';\n\nexport default NavigationRailTypes;\n","import React from 'react';\n// Importamos de 24/outline solo para el ClockIcon\nimport { ClockIcon as HeroClockOutline } from '@heroicons/react/24/outline';\n\n// Importamos de 20/solid para los demás iconos\nimport {\n MagnifyingGlassIcon as HeroMagnifyingGlass,\n ChevronRightIcon as HeroChevronRight,\n ChevronLeftIcon as HeroChevronLeft,\n Cog6ToothIcon as HeroCog6Tooth,\n ShoppingCartIcon as HeroShoppingCart,\n CubeIcon as HeroCube,\n DocumentIcon as HeroDocument,\n} from '@heroicons/react/20/solid';\n\n/\n Iconos estándar para NavigationRailGroup\n * Basados en Heroicons 20x20 solid (excepto ClockIcon que es 24x24 outline)\n * Consistente con NavigationRailTypes\n \n @see docs/icons.md - Sistema de iconos del proyecto\n /\n\nexport const MagnifyingGlassIcon: React.FC<{ className?: string }> = ({ className = 'size-4' }) => (\n <HeroMagnifyingGlass className={className} aria-hidden=\"true\" />\n);\n\nexport const ChevronRightIcon: React.FC<{ className?: string }> = ({ className = 'size-4' }) => (\n <HeroChevronRight className={className} aria-hidden=\"true\" />\n);\n\nexport const ChevronLeftIcon: React.FC<{ className?: string }> = ({ className = 'size-4' }) => (\n <HeroChevronLeft className={className} aria-hidden=\"true\" />\n);\n\nexport const Cog6ToothIcon: React.FC<{ className?: string }> = ({ className = 'size-4' }) => (\n <HeroCog6Tooth className={className} aria-hidden=\"true\" />\n);\n\nexport const ShoppingCartIcon: React.FC<{ className?: string }> = ({ className = 'size-4' }) => (\n <HeroShoppingCart className={className} aria-hidden=\"true\" />\n);\n\nexport const CubeIcon: React.FC<{ className?: string }> = ({ className = 'size-4' }) => (\n <HeroCube className={className} aria-hidden=\"true\" />\n);\n\nexport const DocumentIcon: React.FC<{ className?: string }> = ({ className = 'size-4' }) => (\n <HeroDocument className={className} aria-hidden=\"true\" />\n);\n\nexport const ClockIcon: React.FC<{ className?: string }> = ({ className = 'size-4' }) => (\n <HeroClockOutline className={className} aria-hidden=\"true\" />\n);\n","import React, { useState, useRef, useEffect } from 'react';\nimport type {\n NavigationRailGroupProps,\n NavigationRailGroupMenuItem,\n} from './NavigationRailGroup.types';\nimport { NavigationRailTypes } from '../NavigationRailTypes/NavigationRailTypes';\nimport { NavigationRailPanel } from '../NavigationRailPanel/NavigationRailPanel';\nimport { MagnifyingGlassIcon } from './icons';\n\n/\n NavigationRailGroup del sistema de diseño Siesa\n \n Componente de navegación lateral agrupado que combina NavigationRailTypes\n * y NavigationRailPanel para crear una experiencia de navegación completa\n * con múltiples estados:\n \n - Collapsed: Barra compacta de 80px con solo iconos\n * - Expanded: Barra expandida de 215px con labels\n * - Hover: Panel lateral con submenú del item (se muestra al hacer hover)\n * - Searcher: Panel lateral con búsqueda y recientes\n \n Características:\n * - Reutiliza NavigationRailTypes para la barra lateral principal\n * - Reutiliza NavigationRailPanel para los paneles de hover y búsqueda\n * - Gestión de estado integrada (collapsed, expanded, hover, searcher)\n * - Dark mode completo en todos los elementos\n * - Focus rings adaptativos\n * - Transiciones suaves entre estados\n \n Especificaciones de Figma:\n * - NavigationRailTypes: 80px (collapsed) / 215px (expanded)\n * - NavigationRailPanel: 248px width, altura variable\n * - Posición panel: left 80px desde el rail\n * - Transiciones: 300ms ease-in-out\n \n Estructura:\n * ```\n * ┌────────────────────────────────────┐\n * │ NavigationRailGroup │\n * │ ┌──────────┬─────────────────┐ │\n * │ │ Rail │ Panel │ │\n * │ │ Types │ (hover/search) │ │\n * │ │ (base) │ (opcional) │ │\n * │ └──────────┴─────────────────┘ │\n * └────────────────────────────────────┘\n * ```\n \n Estados de Items:\n * - `default`: Sin interacción\n * - `hover`: Muestra panel con submenú (si tiene children)\n * - `active`: Item seleccionado, fondo custom-primary\n * - `disabled`: Opacity 50%, sin interacción\n \n Colores (Light Mode):\n * - Background rail: #ffffff (bg-primary)\n * - Background panel: #ffffff (bg-primary)\n * - Borders: #e4e4e7 (border-primary)\n * - Text: #18181b (content-primary)\n * - Icons: #a1a1aa (content-secondary)\n * - Search button: #0e79fd (primary-custom-600)\n \n Colores (Dark Mode):\n * - Background rail: #18181b (dark-bg-primary)\n * - Background panel: #18181b (dark-bg-primary)\n * - Borders: #71717a (dark-border-primary)\n * - Text: #f4f4f5 (dark-content-primary)\n * - Icons: #a1a1aa (content-secondary)\n \n Tipografía:\n * - Items: Paragraph/Small (14px Regular, line-height 20px)\n * - Panel heading: Label/Small (14px Bold)\n * - Section headings: Paragraph/Tiny (12px Regular)\n \n Implementación de Estados:\n * - `collapsed` + hover en item → state='hover' + muestra panel\n * - `collapsed` + click en search → state='searcher' + muestra panel búsqueda\n * - `expanded` → NavigationRailTypes expandido con Input integrado\n * - Click en \"Colapsar\" → vuelve a collapsed\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see ../NavigationRailTypes - Componente reutilizado para barra lateral\n * @see ../NavigationRailPanel - Componente reutilizado para paneles\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=6146-34487\n \n @example\n * ```tsx\n * // Uso básico en modo collapsed\n * const items = [\n * {\n * id: 'admin',\n * label: 'Administración',\n * icon: <Cog6ToothIcon />,\n * isCollapsible: true,\n * children: [\n * { id: 'users', label: 'Usuarios' },\n * { id: 'roles', label: 'Roles' },\n * ],\n * },\n * {\n * id: 'sales',\n * label: 'Ventas',\n * icon: <ShoppingCartIcon />,\n * },\n * ];\n \n <NavigationRailGroup\n * state=\"collapsed\"\n * items={items}\n * onItemClick={(item) => console.log('Clicked:', item.label)}\n * onItemHover={(item) => console.log('Hover:', item.label)}\n * />\n \n // Uso con control de estado externo\n * const [state, setState] = useState('collapsed');\n \n <NavigationRailGroup\n * state={state}\n * items={items}\n * onStateChange={setState}\n * />\n * ```\n \n @see NavigationRailGroup.types.ts - Props e interfaces\n /\nexport const NavigationRailGroup = React.forwardRef<\n HTMLDivElement,\n NavigationRailGroupProps\n>(\n (\n {\n state = 'collapsed',\n items = [],\n onStateChange,\n onItemClick,\n onItemHover,\n labels = {},\n className,\n showSearchButton = true,\n },\n ref\n ) => {\n // Estado local para controlar el panel\n const [showPanel, setShowPanel] = useState(false);\n const [panelType, setPanelType] = useState<'hover' \| 'searcher'>('hover');\n const [hoveredItem, setHoveredItem] = useState<NavigationRailGroupMenuItem \| null>(null);\n \n // Ref para manejar el timeout de ocultación del panel\n const hideTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n\n // Labels con valores por defecto\n const finalLabels = {\n searchPlaceholder: labels.searchPlaceholder ?? 'Buscar módulo',\n collapseButton: labels.collapseButton ?? 'Colapsar',\n recentSection: labels.recentSection ?? 'Recientes',\n frequentSection: labels.frequentSection ?? 'Opciones frecuentes',\n };\n\n // Controlar el estado collapsed/expanded\n const isCollapsed = state === 'collapsed' \|\| state === 'hover' \|\| state === 'searcher';\n\n // Cleanup del timeout al desmontar el componente\n useEffect(() => {\n return () => {\n if (hideTimeoutRef.current) {\n clearTimeout(hideTimeoutRef.current);\n }\n };\n }, []);\n\n // Manejar cambio de estado collapsed/expanded\n const handleCollapsedChange = (collapsed: boolean) => {\n const newState = collapsed ? 'collapsed' : 'expanded';\n onStateChange?.(newState);\n };\n\n // Manejar click en item\n const handleItemClick = (index: number) => {\n const commercialItem = items[index];\n if (commercialItem) {\n onItemClick?.(commercialItem);\n }\n };\n\n // Manejar hover en item desde NavigationRailTypes\n const handleItemHoverFromRail = (index: number) => {\n const commercialItem = items[index];\n if (commercialItem && isCollapsed) {\n handleItemHover(commercialItem);\n }\n };\n\n // Manejar hover en item (solo en modo collapsed)\n const handleItemHover = (item: NavigationRailGroupMenuItem) => {\n if (isCollapsed && item.isCollapsible && item.children) {\n // Cancelar cualquier timeout pendiente\n if (hideTimeoutRef.current) {\n clearTimeout(hideTimeoutRef.current);\n hideTimeoutRef.current = null;\n }\n \n setHoveredItem(item);\n setPanelType('hover');\n setShowPanel(true);\n onItemHover?.(item);\n }\n };\n\n // Manejar cuando el cursor sale de un item\n const handleItemMouseLeave = () => {\n // Programar ocultación del panel con delay para permitir transición al panel\n if (isCollapsed && panelType === 'hover') {\n hideTimeoutRef.current = setTimeout(() => {\n setShowPanel(false);\n setHoveredItem(null);\n }, 150); // Delay de 150ms para permitir transición suave\n }\n };\n\n // Manejar cuando el cursor entra al panel\n const handlePanelMouseEnter = () => {\n // Cancelar la ocultación programada\n if (hideTimeoutRef.current) {\n clearTimeout(hideTimeoutRef.current);\n hideTimeoutRef.current = null;\n }\n };\n\n // Manejar cuando el cursor sale del panel\n const handlePanelMouseLeave = () => {\n if (isCollapsed && panelType === 'hover') {\n setShowPanel(false);\n setHoveredItem(null);\n }\n };\n\n // Manejar click en botón de búsqueda\n\n\n // Convertir items a formato NavigationRailTypes\n const railItems = items.map((item) => ({\n id: item.id,\n label: item.label,\n icon: item.icon,\n active: item.active,\n disabled: item.disabled,\n badge: item.badge,\n badgeCount: item.badgeCount,\n children: item.children,\n defaultOpen: item.defaultOpen,\n onClick: () => {\n item.onClick?.();\n },\n onMouseLeave: () => handleItemMouseLeave(), // Corregir la llamada\n }));\n\n return (\n <div\n ref={ref}\n className={`relative flex items-start h-full ${className \|\| ''}`}\n data-testid=\"navigation-rail-group\"\n >\n {/ NavigationRailTypes - Barra lateral principal /}\n <NavigationRailTypes\n collapsed={isCollapsed}\n items={railItems}\n showRecentButton={false}\n showSearchButton={showSearchButton}\n onCollapsedChange={handleCollapsedChange}\n onItemClick={handleItemClick}\n onItemHover={handleItemHoverFromRail}\n labels={{\n searchButton: finalLabels.searchPlaceholder,\n searchPlaceholder: finalLabels.searchPlaceholder,\n collapseButton: finalLabels.collapseButton,\n }}\n />\n\n {/ NavigationRailPanel - Panel lateral (hover o searcher) /}\n {showPanel && isCollapsed && (\n <div \n className=\"absolute left-[80px] top-0 z-10 h-full\"\n onMouseEnter={handlePanelMouseEnter}\n onMouseLeave={handlePanelMouseLeave}\n >\n <NavigationRailPanel\n height=\"100%\"\n width={248}\n showHeading={panelType === 'hover' && hoveredItem !== null}\n heading={\n panelType === 'hover' && hoveredItem\n ? {\n label: hoveredItem.label,\n iconName: 'cog-6-tooth',\n showDescription: false,\n showAction: false,\n }\n : undefined\n }\n showSearch={panelType === 'searcher'}\n search={{\n placeholder: finalLabels.searchPlaceholder,\n }}\n sections={\n panelType === 'hover' && hoveredItem?.children\n ? [\n {\n items: hoveredItem.children.map((child) => ({\n label: child.label,\n icon: child.icon,\n onClick: child.onClick,\n disabled: child.disabled,\n })),\n },\n ]\n : panelType === 'searcher'\n ? [\n {\n heading: finalLabels.recentSection,\n items: [\n {\n label: 'Configuración',\n icon: <MagnifyingGlassIcon className=\"size-4\" />,\n },\n ],\n },\n {\n heading: finalLabels.frequentSection,\n items: [\n {\n label: 'Item',\n },\n ],\n },\n ]\n : []\n }\n />\n </div>\n )}\n </div>\n );\n }\n);\n\nNavigationRailGroup.displayName = 'NavigationRailGroup';\n\nexport default NavigationRailGroup;\n","import React, { useState } from 'react';\nimport type {\n TableProps,\n TableHeaderProps,\n TableCellProps,\n SortDirection,\n PaginationProps,\n} from './Table.types';\n\n/\n Iconos para sort\n /\nconst ChevronUpIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"transition-transform\"\n >\n <path\n d=\"M12 10L8 6L4 10\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst ChevronDownIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"transition-transform\"\n >\n <path\n d=\"M4 6L8 10L12 6\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\n/\n Iconos para paginación\n /\nconst ArrowLeftIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14 8H2M2 8L6.5 3.5M2 8L6.5 12.5\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nconst ArrowRightIcon = () => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2 8H14M14 8L9.5 3.5M14 8L9.5 12.5\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\n/\n TableHeader - Componente para el header de una columna\n /\nconst TableHeader = <T,>({\n column,\n sortable,\n sorted,\n sortDirection,\n onSort,\n}: TableHeaderProps<T>) => {\n // Clases base del header\n const baseClasses = `\n flex\n items-center\n gap-3\n px-6\n py-2.5\n min-h-[40px]\n border-b\n border-border-primary\n dark:border-dark-border-primary\n transition-colors\n duration-150\n `;\n\n // Clases según sortable\n const sortableClasses = sortable\n ? `\n cursor-pointer\n hover:bg-background-secondary\n dark:hover:bg-dark-bg-primary/50\n select-none\n `\n : '';\n\n // Clases de alineación\n const alignClasses = {\n left: 'justify-start',\n center: 'justify-center',\n right: 'justify-end',\n };\n\n const combinedClasses = [baseClasses, sortableClasses, alignClasses[column.align \|\| 'left']]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div\n className={combinedClasses}\n onClick={sortable ? onSort : undefined}\n role={sortable ? 'button' : undefined}\n tabIndex={sortable ? 0 : undefined}\n onKeyDown={\n sortable\n ? (e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n onSort();\n }\n }\n : undefined\n }\n style={{ width: column.width }}\n >\n {/ Texto del header /}\n <span\n className=\"\n text-sm\n font-bold\n text-content-secondary\n dark:text-content-secondary\n text-ellipsis\n overflow-hidden\n whitespace-nowrap\n \"\n >\n {column.header}\n </span>\n\n {/ Iconos de sort /}\n {sortable && (\n <span className=\"shrink-0 text-content-secondary dark:text-content-secondary\">\n {sorted && sortDirection === 'asc' && <ChevronUpIcon />}\n {sorted && sortDirection === 'desc' && <ChevronDownIcon />}\n {!sorted && (\n <div className=\"w-4 h-4\" />\n )}\n </span>\n )}\n </div>\n );\n};\n\n/\n TableCell - Componente para una celda de datos\n /\nconst TableCell: React.FC<TableCellProps & { isStriped?: boolean; rowIndex?: number }> = ({\n children,\n align = 'left',\n width,\n isStriped = false,\n rowIndex = 0,\n}) => {\n // Clases de alineación\n const alignClasses = {\n left: 'justify-start text-left',\n center: 'justify-center text-center',\n right: 'justify-end text-right',\n };\n\n // Fondo zebra striping (filas pares tienen fondo)\n const stripedBg = isStriped && rowIndex % 2 === 1\n ? 'bg-background-secondary dark:bg-dark-bg-primary/30'\n : '';\n\n return (\n <div\n className={`\n flex\n flex-col\n ${alignClasses[align]}\n px-6\n py-4\n min-h-[56px]\n border-b\n border-border-secondary\n dark:border-dark-border-primary\n ${stripedBg}\n `}\n style={{ width }}\n >\n <span\n className=\"\n text-sm\n text-content-primary\n dark:text-dark-content-primary\n text-ellipsis\n overflow-hidden\n w-full\n \"\n >\n {children}\n </span>\n </div>\n );\n};\n\n\n/\n Pagination - Componente de paginación\n /\nconst Pagination: React.FC<PaginationProps> = ({\n currentPage,\n totalPages,\n onPageChange,\n previousLabel = 'Anterior',\n nextLabel = 'Siguiente',\n}) => {\n // Generar array de números de página para mostrar\n const getPageNumbers = () => {\n const pages: (number \| string)[] = [];\n const maxVisible = 7; // Máximo de botones visibles\n\n if (totalPages <= maxVisible) {\n // Si hay pocas páginas, mostrar todas\n for (let i = 1; i <= totalPages; i++) {\n pages.push(i);\n }\n } else {\n // Lógica para mostrar: 1 2 3 ... 65 66\n pages.push(1);\n\n if (currentPage <= 3) {\n pages.push(2, 3);\n } else if (currentPage >= totalPages - 2) {\n pages.push('...');\n pages.push(totalPages - 2, totalPages - 1);\n } else {\n pages.push('...');\n pages.push(currentPage);\n pages.push('...');\n }\n\n if (totalPages > 1) {\n pages.push(totalPages);\n }\n }\n\n return pages;\n };\n\n const pageNumbers = getPageNumbers();\n\n return (\n <div className=\"flex items-center justify-between w-full h-9\">\n {/ Botón Anterior /}\n <button\n onClick={() => currentPage > 1 && onPageChange(currentPage - 1)}\n disabled={currentPage === 1}\n className=\"\n flex\n items-center\n gap-3\n px-3\n py-2\n rounded-md\n text-sm\n font-bold\n text-primary-custom-600\n dark:text-primary-custom-600\n hover:bg-blue-50\n dark:hover:bg-blue-900/20\n disabled:opacity-50\n disabled:cursor-not-allowed\n transition-colors\n duration-150\n \"\n >\n <ArrowLeftIcon />\n <span>{previousLabel}</span>\n </button>\n\n {/ Números de página /}\n <div className=\"flex items-center gap-0\">\n {pageNumbers.map((page, index) => {\n if (page === '...') {\n return (\n <div\n key={`ellipsis-${index}`}\n className=\"\n flex\n items-center\n justify-center\n px-3\n py-2\n text-sm\n font-bold\n text-primary-custom-600\n dark:text-primary-custom-600\n \"\n >\n {page}\n </div>\n );\n }\n\n const isActive = page === currentPage;\n\n return (\n <button\n key={page}\n onClick={() => onPageChange(page as number)}\n className={`\n flex\n items-center\n justify-center\n px-3\n py-2\n rounded-md\n text-sm\n font-bold\n text-primary-custom-600\n dark:text-primary-custom-600\n transition-colors\n duration-150\n ${\n isActive\n ? 'bg-blue-100 dark:bg-blue-900/30'\n : 'hover:bg-blue-50 dark:hover:bg-blue-900/20'\n }\n `}\n >\n {page}\n </button>\n );\n })}\n </div>\n\n {/ Botón Siguiente /}\n <button\n onClick={() => currentPage < totalPages && onPageChange(currentPage + 1)}\n disabled={currentPage === totalPages}\n className=\"\n flex\n items-center\n gap-3\n px-3\n py-2\n rounded-md\n text-sm\n font-bold\n text-primary-custom-600\n dark:text-primary-custom-600\n hover:bg-blue-50\n dark:hover:bg-blue-900/20\n disabled:opacity-50\n disabled:cursor-not-allowed\n transition-colors\n duration-150\n \"\n >\n <span>{nextLabel}</span>\n <ArrowRightIcon />\n </button>\n </div>\n );\n};\n\n/\n Table - Componente principal de tabla\n \n Características implementadas:\n * - Definición de columnas flexible con accessor y render custom\n * - Sorting en columnas (controlado o no controlado)\n * - Variantes: basic, fullWidth, striped, grid\n * - Dark mode completo en todos los estados\n * - Estados de loading y empty\n * - Filas clickeables\n * - Accesibilidad con roles y keyboard navigation\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto y generics\n * - Accesibilidad con ARIA labels y keyboard support\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label/Small para headers, Paragraph/Small para cells)\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras\n \n @example\n * ```tsx\n * // Uso básico\n * <Table\n * title=\"Usuarios\"\n * columns={[\n * { header: 'Nombre', accessor: 'name' },\n * { header: 'Email', accessor: 'email' },\n * { header: 'Rol', accessor: 'role', sortable: true },\n * ]}\n * data={users}\n * />\n \n // Con render custom\n * <Table\n * columns={[\n * {\n * header: 'Estado',\n * accessor: 'status',\n * render: (value) => (\n * <Badge color={value === 'active' ? 'green' : 'red'}>\n * {value}\n * </Badge>\n * ),\n * },\n * ]}\n * data={data}\n * />\n \n // Variante striped\n * <Table\n * variant=\"striped\"\n * columns={columns}\n * data={data}\n * />\n * ```\n /\nexport const Table = <T extends Record<string, any>>({\n title,\n columns,\n data,\n variant = 'basic',\n showBorder = true,\n showShadow = true,\n // onRowClick, // TODO: Implement row click functionality\n onSort,\n sortColumn: externalSortColumn,\n sortDirection: externalSortDirection,\n fullWidth = false,\n emptyMessage = 'No hay datos disponibles',\n loading = false,\n loadingRows = 5,\n pagination,\n className = '',\n id,\n}: TableProps<T>) => {\n // ===== ESTADO INTERNO DE SORT =====\n const [internalSortColumn, setInternalSortColumn] = useState<keyof T \| string \| null>(null);\n const [internalSortDirection, setInternalSortDirection] = useState<SortDirection>(null);\n\n // Usar sort externo si está controlado, sino usar interno\n const sortColumn = externalSortColumn !== undefined ? externalSortColumn : internalSortColumn;\n const sortDirection = externalSortDirection !== undefined ? externalSortDirection : internalSortDirection;\n\n // ===== MANEJAR SORT =====\n const handleSort = (columnAccessor: keyof T \| string) => {\n let newDirection: SortDirection = 'asc';\n\n // Si ya está ordenado por esta columna, cambiar dirección\n if (sortColumn === columnAccessor) {\n if (sortDirection === 'asc') {\n newDirection = 'desc';\n } else if (sortDirection === 'desc') {\n newDirection = null;\n }\n }\n\n // Si sort es controlado, llamar callback\n if (onSort) {\n onSort(columnAccessor, newDirection);\n } else {\n // Sino, actualizar estado interno\n setInternalSortColumn(newDirection ? columnAccessor : null);\n setInternalSortDirection(newDirection);\n }\n };\n\n // ===== OBTENER VALOR DE CELDA =====\n const getCellValue = (row: T, accessor: keyof T \| ((row: T) => any)) => {\n if (typeof accessor === 'function') {\n return accessor(row);\n }\n return row[accessor];\n };\n\n // ===== CLASES DEL CONTAINER =====\n const containerBaseClasses = `\n flex\n flex-col\n gap-4\n bg-white\n dark:bg-dark-bg-primary\n rounded-xl\n transition-all\n duration-150\n `;\n\n const containerBorderClasses = showBorder\n ? 'border border-border-primary dark:border-dark-border-primary'\n : '';\n\n const containerShadowClasses = showShadow ? 'shadow-base' : '';\n\n const containerPaddingClasses = 'p-8';\n\n const containerWidthClasses = fullWidth \|\| variant === 'fullWidth' ? 'w-full' : '';\n\n const containerClasses = [\n containerBaseClasses,\n containerBorderClasses,\n containerShadowClasses,\n containerPaddingClasses,\n containerWidthClasses,\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DE LA TABLA =====\n const tableGridClasses = variant === 'grid'\n ? `\n border\n border-border-primary\n dark:border-dark-border-primary\n rounded-lg\n overflow-hidden\n `\n : '';\n\n // ===== RENDER =====\n return (\n <div className={containerClasses} id={id}>\n {/ Título opcional /}\n {title && (\n <div className=\"flex items-center justify-center w-full\">\n <h3\n className=\"\n text-base\n font-bold\n text-content-primary\n dark:text-dark-content-primary\n text-ellipsis\n overflow-hidden\n whitespace-nowrap\n \"\n >\n {title}\n </h3>\n </div>\n )}\n\n {/ Tabla /}\n <div className={`flex w-full overflow-x-auto ${tableGridClasses}`}>\n {/ Columnas /}\n {columns.map((column, colIndex) => {\n const accessor = typeof column.accessor === 'function'\n ? `column_${colIndex}`\n : String(column.accessor);\n\n return (\n <div key={accessor} className=\"flex flex-col flex-1 min-w-0\">\n {/ Header de la columna /}\n <TableHeader\n column={column}\n sortable={column.sortable \|\| false}\n sorted={sortColumn === accessor}\n sortDirection={sortColumn === accessor ? sortDirection : null}\n onSort={() => handleSort(accessor)}\n />\n\n {/ Loading skeleton /}\n {loading && (\n <>\n {Array.from({ length: loadingRows }).map((_, rowIndex) => (\n <TableCell\n key={`loading-${rowIndex}`}\n align={column.align}\n width={column.width}\n isStriped={variant === 'striped'}\n rowIndex={rowIndex}\n >\n <div\n className=\"\n h-4\n bg-background-secondary\n dark:bg-dark-border-primary\n rounded\n animate-pulse\n \"\n />\n </TableCell>\n ))}\n </>\n )}\n\n {/ Datos reales /}\n {!loading && data.length > 0 && (\n <>\n {data.map((row, rowIndex) => {\n const value = getCellValue(row, column.accessor);\n const content = column.render\n ? column.render(value, row, rowIndex)\n : value;\n\n return (\n <TableCell\n key={rowIndex}\n align={column.align}\n width={column.width}\n isStriped={variant === 'striped'}\n rowIndex={rowIndex}\n >\n {content}\n </TableCell>\n );\n })}\n </>\n )}\n\n {/ Estado empty /}\n {!loading && data.length === 0 && colIndex === 0 && (\n <div\n className=\"\n flex\n items-center\n justify-center\n px-6\n py-12\n text-sm\n text-content-secondary\n dark:text-content-secondary\n \"\n style={{ gridColumn: `1 / ${columns.length + 1}` }}\n >\n {emptyMessage}\n </div>\n )}\n </div>\n );\n })}\n </div>\n\n {/ Paginación /}\n {pagination && (\n <Pagination\n currentPage={pagination.currentPage}\n totalPages={pagination.totalPages}\n onPageChange={pagination.onPageChange}\n previousLabel={pagination.previousLabel}\n nextLabel={pagination.nextLabel}\n />\n )}\n </div>\n );\n};\n","import React, { useState } from 'react';\nimport type { TabProps, TabsProps } from './Tabs.types';\n\n/\n Componente Tab individual del sistema de diseño Siesa\n \n Representa un único tab dentro de un grupo de tabs. Incluye soporte para:\n * - Estado activo/inactivo con indicador visual (línea inferior)\n * - Icono opcional a la izquierda del texto\n * - Badge de notificación con contador\n * - Estados hover, focus y disabled\n * - Dark mode completo\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <Tab\n * label=\"Inicio\"\n * active={true}\n * icon={<HomeIcon />}\n * badge={3}\n * onClick={() => setActiveTab('home')}\n * />\n * ```\n /\nexport const Tab: React.FC<TabProps> = ({\n label,\n active = false,\n icon,\n badge,\n disabled = false,\n onClick,\n className = '',\n ariaLabel,\n}) => {\n // ===== CLASES BASE DEL BOTÓN =====\n // El contenedor es relativo para posicionar el indicador absoluto\n const baseClasses = `\n relative\n flex\n flex-col\n items-center\n cursor-pointer\n outline-hidden\n transition-all\n duration-150\n p-0\n border-0\n bg-transparent\n `;\n\n // ===== CLASES DE FOCUS =====\n // El focus outline se desactiva aquí, el shadow se aplica al Content div\n const focusClasses = '';\n\n // ===== CLASES DE DISABLED =====\n const disabledClasses = disabled\n ? 'opacity-50 cursor-not-allowed pointer-events-none'\n : '';\n\n // ===== CLASES DEL CONTENIDO INTERIOR =====\n // El hover y focus background se aplica aquí\n const contentBaseClasses = `\n flex\n items-center\n justify-center\n gap-1\n p-2\n rounded-lg\n overflow-hidden\n transition-all\n duration-150\n w-full\n `;\n\n // ===== CLASES DE ESTADO HOVER Y FOCUS PARA CONTENIDO =====\n // Light: bg-[rgba(0,0,0,0.03)], Dark: bg-white/5\n // Según Figma, tanto hover como focus tienen el background overlay\n // El shadow de focus también se aplica aquí (al Content div), no al botón\n const contentStateClasses = disabled\n ? ''\n : `\n group-hover:bg-[rgba(0,0,0,0.03)]\n group-focus-visible:bg-[rgba(0,0,0,0.03)]\n group-focus-visible:shadow-lg\n dark:group-hover:bg-white/5\n dark:group-focus-visible:bg-white/5\n dark:group-focus-visible:shadow-2xl\n `;\n\n // ===== CLASES DE TEXTO =====\n // Activo: primary-custom-600 (#0e79fd), Inactivo: content-primary (#18181b)\n const textClasses = active\n ? `\n text-primary-custom-600\n dark:text-primary-custom-600\n `\n : `\n text-content-primary\n dark:text-dark-content-primary\n `;\n\n // ===== CLASES DE ICONO =====\n // El icono hereda el color del texto\n const iconClasses = `\n w-3\n h-3\n shrink-0\n `;\n\n // ===== CLASES DEL BADGE =====\n // Activo: bg-primary-custom-600 (#0e79fd), Inactivo: bg-content-primary (#18181b)\n const badgeClasses = active\n ? `\n bg-primary-custom-600\n dark:bg-primary-custom-600\n `\n : `\n bg-content-primary\n dark:bg-dark-content-primary\n `;\n\n // ===== CLASES DEL INDICADOR INFERIOR =====\n // Solo visible cuando está activo, 2px de alto, rounded-full\n // Posicionado al fondo del contenedor de Tabs (alineado con el border)\n const indicatorClasses = active\n ? `\n absolute\n -bottom-2.5\n left-0\n right-0\n h-0.5\n rounded-full\n bg-primary-custom-600\n dark:bg-primary-custom-600\n z-10\n `\n : 'hidden';\n\n // ===== COMBINAR CLASES DEL BOTÓN =====\n const finalClasses = [\n baseClasses,\n focusClasses,\n disabledClasses,\n 'group', // Para usar group-hover y group-focus-visible\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== COMBINAR CLASES DEL CONTENIDO =====\n const contentFinalClasses = [\n contentBaseClasses,\n contentStateClasses,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <button\n type=\"button\"\n role=\"tab\"\n aria-selected={active}\n aria-disabled={disabled}\n aria-label={ariaLabel \|\| label}\n tabIndex={disabled ? -1 : 0}\n className={finalClasses}\n onClick={disabled ? undefined : onClick}\n disabled={disabled}\n >\n {/ Contenido del Tab /}\n <div className={contentFinalClasses}>\n {/ Icono (opcional) /}\n {icon && (\n <span className={`${iconClasses} ${textClasses}`.trim()}>\n {icon}\n </span>\n )}\n\n {/ Texto /}\n <span\n className={`\n text-sm\n font-bold\n leading-5\n whitespace-nowrap\n ${textClasses}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n {label}\n </span>\n\n {/ Badge de notificación (opcional) /}\n {badge !== undefined && badge > 0 && (\n <span\n className={`\n flex\n items-center\n justify-center\n h-3\n min-w-[12px]\n px-0.5\n rounded-xs\n text-xs\n font-normal\n leading-4\n text-primary-inverse-content\n dark:text-dark-bg-primary\n ${badgeClasses}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n aria-label={`${badge} notificaciones`}\n >\n {badge > 99 ? '99+' : badge}\n </span>\n )}\n </div>\n\n {/ Indicador inferior (línea activa) /}\n <div className={indicatorClasses} />\n </button>\n );\n};\n\n/\n Componente Tabs contenedor del sistema de diseño Siesa\n \n Agrupa múltiples tabs permitiendo navegación entre diferentes secciones.\n * Soporta modo controlado (con activeId y onChange) y no controlado (con defaultActiveId).\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA roles y keyboard navigation\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Modo controlado\n * const [activeTab, setActiveTab] = useState('home');\n \n <Tabs\n * items={[\n * { id: 'home', label: 'Inicio', icon: <HomeIcon /> },\n * { id: 'profile', label: 'Perfil', badge: 3 },\n * { id: 'settings', label: 'Configuración' },\n * ]}\n * activeId={activeTab}\n * onChange={setActiveTab}\n * />\n \n // Modo no controlado\n * <Tabs\n * items={[...]}\n * defaultActiveId=\"home\"\n * />\n * ```\n /\nexport const Tabs: React.FC<TabsProps> = ({\n items,\n activeId,\n defaultActiveId,\n onChange,\n className = '',\n fullWidth = false,\n size = 'base',\n showBorder = true,\n}) => {\n // Estado interno para modo no controlado\n const [internalActiveId, setInternalActiveId] = useState(\n defaultActiveId \|\| (items.length > 0 ? items[0].id : '')\n );\n\n // Determinar si es controlado o no controlado\n const isControlled = activeId !== undefined;\n const currentActiveId = isControlled ? activeId : internalActiveId;\n\n // Handler para cambio de tab\n const handleTabClick = (id: string) => {\n if (!isControlled) {\n setInternalActiveId(id);\n }\n onChange?.(id);\n };\n\n // ===== CLASES DE TAMAÑO =====\n const sizeClasses = {\n sm: 'gap-0',\n base: 'gap-1',\n lg: 'gap-2',\n };\n\n // ===== CLASES DEL CONTENEDOR =====\n // El padding-bottom (pb-2.5 = 10px) deja espacio para el indicador del tab activo\n // El border-b se dibuja debajo del padding, alineándose con el indicador\n const containerClasses = `\n flex\n items-end\n pb-2.5\n ${sizeClasses[size]}\n ${fullWidth ? 'w-full' : ''}\n ${showBorder ? 'border-b border-border-primary dark:border-dark-border-primary' : ''}\n `;\n\n // ===== CLASES FULL WIDTH PARA ITEMS =====\n const itemWidthClass = fullWidth ? 'flex-1' : '';\n\n const finalClasses = [\n containerClasses,\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div\n role=\"tablist\"\n aria-label=\"Pestañas de navegación\"\n className={finalClasses}\n >\n {items.map((item) => (\n <Tab\n key={item.id}\n label={item.label}\n active={currentActiveId === item.id}\n icon={item.icon}\n badge={item.badge}\n disabled={item.disabled}\n onClick={() => handleTabClick(item.id)}\n className={itemWidthClass}\n />\n ))}\n </div>\n );\n};\n","/\n Iconos para el componente Navbar\n * Basados en Heroicons Micro (16x16px)\n /\n\nexport const ShoppingCartIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path d=\"M1.75 1.002a.75.75 0 1 0 0 1.5h1.035l1.38 5.514a2.75 2.75 0 0 0 2.658 2.048h5.355a2.75 2.75 0 0 0 2.658-2.048l.9-3.597a.75.75 0 0 0-.728-.919H4.655l-.22-.88A.75.75 0 0 0 3.71 2H1.75ZM5 13a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM11.5 13a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z\" />\n </svg>\n);\n\nexport const BellIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M12 5a4 4 0 0 0-8 0v2.379a1.5 1.5 0 0 1-.44 1.06L2.294 9.707a1 1 0 0 0-.293.707V11a1 1 0 0 0 1 1h2a3 3 0 1 0 6 0h2a1 1 0 0 0 1-1v-.586a1 1 0 0 0-.293-.707L12.44 8.44A1.5 1.5 0 0 1 12 7.38V5Zm-5.5 7a1.5 1.5 0 0 0 3 0h-3Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const MagnifyingGlassIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const ChevronDownIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const ExclamationTriangleIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M6.701 2.25c.577-1 2.02-1 2.598 0l5.196 9a1.5 1.5 0 0 1-1.299 2.25H2.804a1.5 1.5 0 0 1-1.3-2.25l5.197-9ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 7.25a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const NotificationDot = () => (\n <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"currentColor\" />\n </svg>\n);\n\nexport const ArrowLeftStartOnRectangleIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M14 4.75A2.75 2.75 0 0 0 11.25 2h-3A2.75 2.75 0 0 0 5.5 4.75v.5a.75.75 0 0 0 1.5 0v-.5c0-.69.56-1.25 1.25-1.25h3c.69 0 1.25.56 1.25 1.25v6.5c0 .69-.56 1.25-1.25 1.25h-3c-.69 0-1.25-.56-1.25-1.25v-.5a.75.75 0 0 0-1.5 0v.5A2.75 2.75 0 0 0 8.25 14h3A2.75 2.75 0 0 0 14 11.25v-6.5Zm-9.47.47a.75.75 0 0 0-1.06 0L1.22 7.47a.75.75 0 0 0 0 1.06l2.25 2.25a.75.75 0 1 0 1.06-1.06l-.97-.97h5.69a.75.75 0 0 0 0-1.5H3.56l.97-.97a.75.75 0 0 0 0-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { NavbarProps } from './Navbar.types';\nimport { Badge } from '../Badge/Badge';\nimport { Dropdown } from '../Dropdown/Dropdown';\nimport { Button } from '../Button/Button';\nimport {\n ShoppingCartIcon,\n BellIcon,\n MagnifyingGlassIcon,\n ChevronDownIcon,\n ExclamationTriangleIcon,\n ArrowLeftStartOnRectangleIcon,\n} from './icons';\n\n/\n Componente Navbar del sistema de diseño Siesa\n * Basado en especificaciones de Figma con Tailwind CSS\n \n Barra de navegación principal con soporte completo para responsive y dark mode.\n * Incluye logo, nombre de producto, badge de ambiente, botones de acción y dropdown de usuario.\n \n Variantes de dispositivo:\n * - `responsive`: Se adapta automáticamente al viewport (por defecto)\n * - `desktop`: Versión completa (1360x64px) con todos los elementos\n * - `tablet`: Versión tablet (1024x64px) con elementos reducidos\n * - `mobile`: Versión simplificada (428x40px) con logo icono y avatar circular\n \n Elementos incluidos:\n * - Botón de navegación (solo desktop/tablet) - Usa shadow-button-inset\n * - Logo del negocio (solo desktop/tablet)\n * - Dividers verticales (solo desktop/tablet)\n * - Logo Siesa (completo en desktop/tablet, icono en mobile)\n * - Nombre del producto (solo desktop/tablet) - Heading/Tiny (20px Bold)\n * - Badge de ambiente con icono de advertencia (yellow)\n * - Botones de acción (search solo mobile, cart, notifications)\n * - Dropdown de usuario con avatar, nombre y email\n * - Logo Siesa trailing (solo desktop)\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación (NO colores hardcodeados)\n * - Focus rings adaptativos para light y dark mode\n * - Type safety con TypeScript estricto\n * - Responsive design con breakpoints md: y lg:\n * - Tipografía del sistema: Heading/Tiny, Paragraph/Small, Paragraph/Tiny\n * - Spacing del sistema (4px, 8px, 12px, 16px, 32px)\n \n @see docs/colors.md - Sistema de colores y tokens dark mode\n * @see docs/typography.md - Sistema tipográfico (Heading, Paragraph)\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras (button-inset)\n \n @example\n * ```tsx\n * <Navbar\n * productName=\"Mi Producto\"\n * environmentBadge=\"Ambiente de Pruebas\"\n * userDropdown={{\n * avatar: \"/path/to/avatar.jpg\",\n * name: \"Juan Pérez\",\n * email: \"juan@ejemplo.com\",\n * }}\n * notifications={{\n * cart: 99,\n * bell: true,\n * }}\n * onNavigationClick={() => router.back()}\n * onCartClick={() => openCart()}\n * onNotificationsClick={() => openNotifications()}\n * />\n * ```\n /\nexport const Navbar: React.FC<NavbarProps> = ({\n logo,\n productName = 'Nombre Producto',\n environmentBadge,\n userDropdown,\n actions,\n notifications,\n className = '',\n variant = 'responsive',\n hideActionButtons = false,\n showNavigationButton = false,\n navigationButtonProps = {},\n leadingAction,\n siesaLogo,\n showBusinessLogo = false,\n showSiesaLogoLeading = true,\n showSiesaLogoTrailing = false,\n onNavigationClick,\n onSearchClick,\n onCartClick,\n onNotificationsClick,\n}) => {\n // ===== CLASES COMUNES PARA BOTONES DE ACCIÓN =====\n const actionButtonClasses = `\n box-border\n flex\n flex-col\n items-center\n justify-center\n p-1\n relative\n rounded-md\n shrink-0\n text-primary-custom-600\n hover:bg-background-secondary\n active:scale-95\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:text-primary-custom-600\n dark:hover:bg-dark-bg-secondary\n dark:active:scale-95\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n transition-all\n duration-150\n `;\n\n // ===== CLASES PARA BOTÓN DE NAVEGACIÓN PRIMARIO =====\n const navigationButtonClasses = `\n bg-primary-custom-600\n text-primary-inverse-content\n border\n border-primary-custom-600\n shadow-button-inset\n hover:bg-primary-custom-500\n active:scale-95\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:bg-dark-bg-inverse\n dark:text-dark-content-inverse\n dark:border-dark-bg-inverse\n dark:hover:bg-dark-bg-inverse/90\n dark:active:scale-95\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n box-border\n flex\n flex-col\n items-center\n justify-center\n p-3\n relative\n rounded-md\n shrink-0\n transition-all\n duration-150\n `;\n\n // ===== HELPER: Es mobile (variante o responsive en mobile breakpoint) =====\n const isMobile = variant === 'mobile';\n const isDesktop = variant === 'desktop';\n const isTablet = variant === 'tablet';\n const isResponsive = variant === 'responsive';\n\n // ===== BOTÓN DE NAVEGACIÓN =====\n const NavigationButton = () => {\n if (isMobile \|\| !showNavigationButton) return null;\n\n const defaultButtonProps = {\n type: 'default' as const,\n size: 'base' as const,\n iconOnly: true,\n leftIcon: <ArrowLeftStartOnRectangleIcon />,\n ariaLabel: 'Volver',\n onClick: onNavigationClick,\n ...navigationButtonProps, // Permite sobrescribir las props por defecto\n };\n\n if (isDesktop \|\| isTablet) {\n return <Button {...defaultButtonProps} />;\n }\n\n // Responsive: Solo visible en md: y superiores\n return (\n <div className=\"hidden md:block\">\n <Button {...defaultButtonProps} />\n </div>\n );\n };\n\n // ===== BUSINESS LOGO (Logo del cliente/producto) =====\n // Solo se muestra si showBusinessLogo es true\n const BusinessLogo = () => {\n if (isMobile \|\| !showBusinessLogo) return null;\n\n const logoContent = (\n <img\n src=\"/,Business Logo.png\"\n alt=\"Business Logo\"\n className=\"w-full h-full object-contain\"\n />\n );\n\n if (isDesktop) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[168px] h-[30px]\">\n {logoContent}\n </div>\n );\n }\n\n if (isTablet) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[140px] h-[25px]\">\n {logoContent}\n </div>\n );\n }\n\n // Responsive: Visible en md: con tamaño desktop, lg: con tamaño completo\n return (\n <div className=\"hidden md:block overflow-hidden relative shrink-0 w-[140px] lg:w-[168px] h-[25px] lg:h-[30px]\">\n {logoContent}\n </div>\n );\n };\n\n // ===== SIESA LOGO (Logo de Siesa - Leading) =====\n // Se controla con showSiesaLogoLeading\n // En mobile siempre se muestra el icono de Siesa en leading\n const SiesaLogoLeading = () => {\n const logoFull = (\n <img\n src=\"/.Siesa Logo.png\"\n alt=\"Siesa\"\n className=\"w-full h-full object-contain\"\n />\n );\n\n const logoMobile = (\n <img\n src=\"/siesa_logo_mobile.png\"\n alt=\"Siesa\"\n className=\"w-full h-full object-contain\"\n />\n );\n\n // En mobile siempre se muestra el icono de Siesa\n if (isMobile) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[30px] h-[30px]\">\n {logoMobile}\n </div>\n );\n }\n\n // En desktop/tablet: Se controla con showSiesaLogoLeading\n if (!showSiesaLogoLeading) return null;\n\n if (isDesktop) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[120px] h-[30px]\">\n {logoFull}\n </div>\n );\n }\n\n if (isTablet) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[100px] h-[25px]\">\n {logoFull}\n </div>\n );\n }\n\n // Responsive\n return (\n <>\n {/ Mobile: Logo icono (30x30) - siempre visible /}\n <div className=\"md:hidden overflow-hidden relative shrink-0 w-[30px] h-[30px]\">\n {logoMobile}\n </div>\n {/ Tablet/Desktop: Se controla con showSiesaLogoLeading /}\n {showSiesaLogoLeading && (\n <>\n {/ Tablet: Logo completo (100x25) /}\n <div className=\"hidden md:block lg:hidden overflow-hidden relative shrink-0 w-[100px] h-[25px]\">\n {logoFull}\n </div>\n {/ Desktop: Logo completo (120x30) /}\n <div className=\"hidden lg:block overflow-hidden relative shrink-0 w-[120px] h-[30px]\">\n {logoFull}\n </div>\n </>\n )}\n </>\n );\n };\n\n // ===== SIESA LOGO (Trailing) =====\n // Se controla con showSiesaLogoTrailing\n const SiesaLogoTrailing = () => {\n // Se controla con showSiesaLogoTrailing\n if (!showSiesaLogoTrailing \|\| isMobile) return null;\n\n const logoFull = (\n <img\n src=\"/.Siesa Logo.png\"\n alt=\"Siesa\"\n className=\"w-full h-full object-contain\"\n />\n );\n\n if (isDesktop) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[120px] h-[30px]\">\n {logoFull}\n </div>\n );\n }\n\n if (isTablet) {\n return (\n <div className=\"overflow-hidden relative shrink-0 w-[100px] h-[25px]\">\n {logoFull}\n </div>\n );\n }\n\n // Responsive: Visible en md: (tablet y desktop)\n return (\n <>\n {/ Tablet: Logo completo (100x25) /}\n <div className=\"hidden md:block lg:hidden overflow-hidden relative shrink-0 w-[100px] h-[25px]\">\n {logoFull}\n </div>\n {/ Desktop: Logo completo (120x30) /}\n <div className=\"hidden lg:block overflow-hidden relative shrink-0 w-[120px] h-[30px]\">\n {logoFull}\n </div>\n </>\n );\n };\n\n // ===== DIVIDER COMPONENT =====\n const Divider = ({ responsive = true }: { responsive?: boolean }) => {\n const dividerContent = (\n <div className=\"grow shrink-0 w-px min-h-px bg-border-primary dark:bg-dark-border-primary\" />\n );\n\n if (isMobile) return null;\n\n if (isDesktop \|\| isTablet) {\n return (\n <div className=\"flex flex-col gap-2 h-8 items-start px-0 py-1 relative shrink-0\">\n {dividerContent}\n </div>\n );\n }\n\n // Responsive\n if (responsive) {\n return (\n <div className=\"hidden md:flex flex-col gap-2 h-8 items-start px-0 py-1 relative shrink-0\">\n {dividerContent}\n </div>\n );\n }\n\n return null;\n };\n\n // ===== PRODUCT NAME =====\n const ProductName = () => {\n if (isMobile \|\| !productName) return null;\n\n const nameContent = (\n <p className=\"font-bold leading-7 text-xl text-content-primary dark:text-dark-content-primary tracking-[-0.5px] whitespace-nowrap\">\n {productName}\n </p>\n );\n\n if (isDesktop \|\| isTablet) {\n return nameContent;\n }\n\n // Responsive: Solo visible en md:\n return (\n <p className=\"hidden md:block font-bold leading-7 text-xl text-content-primary dark:text-dark-content-primary tracking-[-0.5px] whitespace-nowrap\">\n {productName}\n </p>\n );\n };\n\n // ===== ENVIRONMENT BADGE =====\n const EnvironmentBadge = () => {\n if (!environmentBadge) return null;\n\n if (isMobile) {\n return (\n <Badge\n color=\"yellow\"\n leftIcon={<ExclamationTriangleIcon />}\n label=\"Pruebas\"\n />\n );\n }\n\n if (isDesktop \|\| isTablet) {\n return (\n <Badge\n color=\"yellow\"\n leftIcon={<ExclamationTriangleIcon />}\n label={environmentBadge}\n />\n );\n }\n\n // Responsive: Mostrar badge corto en mobile, completo en desktop\n return (\n <>\n <div className=\"md:hidden\">\n <Badge\n color=\"yellow\"\n leftIcon={<ExclamationTriangleIcon />}\n label=\"Pruebas\"\n />\n </div>\n <div className=\"hidden md:block\">\n <Badge\n color=\"yellow\"\n leftIcon={<ExclamationTriangleIcon />}\n label={environmentBadge}\n />\n </div>\n </>\n );\n };\n\n // ===== SEARCH BUTTON (Solo mobile) =====\n const SearchButton = () => {\n if (hideActionButtons) return null;\n\n if (isMobile) {\n return (\n <button\n className={actionButtonClasses}\n aria-label=\"Buscar\"\n onClick={onSearchClick}\n >\n <div className=\"overflow-hidden relative shrink-0 w-4 h-4\">\n <MagnifyingGlassIcon />\n </div>\n </button>\n );\n }\n\n if (isResponsive) {\n return (\n <button\n className={`md:hidden ${actionButtonClasses}`}\n aria-label=\"Buscar\"\n onClick={onSearchClick}\n >\n <div className=\"overflow-hidden relative shrink-0 w-4 h-4\">\n <MagnifyingGlassIcon />\n </div>\n </button>\n );\n }\n\n return null;\n };\n\n // ===== CART BUTTON =====\n const CartButton = () => {\n if (hideActionButtons) return null;\n\n return (\n <div className=\"relative\">\n <button\n className={actionButtonClasses}\n aria-label=\"Carrito de compras\"\n onClick={onCartClick}\n >\n <div className=\"overflow-hidden relative shrink-0 w-4 h-4\">\n <ShoppingCartIcon />\n </div>\n </button>\n {/ Badge de notificación con número /}\n {notifications?.cart !== undefined && notifications.cart > 0 && (\n <div className=\"absolute bg-error-content dark:bg-error-content flex flex-col gap-2.5 h-4 items-center justify-center left-[calc(50%+8px)] px-1 py-0 rounded-full top-[calc(50%-8px)] -translate-x-1/2 -translate-y-1/2 pointer-events-none min-w-[16px]\">\n <p className=\"font-bold leading-3 text-[10px] text-white text-center whitespace-nowrap\">\n {notifications.cart > 99 ? '+99' : notifications.cart}\n </p>\n </div>\n )}\n </div>\n );\n };\n\n // ===== NOTIFICATIONS BUTTON =====\n const NotificationsButton = () => {\n if (hideActionButtons) return null;\n\n return (\n <div className=\"relative\">\n <button\n className={actionButtonClasses}\n aria-label=\"Notificaciones\"\n onClick={onNotificationsClick}\n >\n <div className=\"overflow-hidden relative shrink-0 w-4 h-4\">\n <BellIcon />\n </div>\n </button>\n {/ Badge de notificación dot /}\n {notifications?.bell && (\n <div className=\"absolute w-2 h-2 bg-error-content dark:bg-error-content rounded-full left-[calc(50%+4px)] top-[calc(50%-8px)] -translate-x-1/2 pointer-events-none\" />\n )}\n </div>\n );\n };\n\n // ===== USER DROPDOWN =====\n const UserDropdown = () => {\n if (!userDropdown) return null;\n\n // Items del menú de usuario\n const userMenuItems = userDropdown.menuItems \|\| [\n {\n children: 'Account',\n icon: (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path d=\"M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z\" />\n </svg>\n ),\n onClick: userDropdown.onAccountClick,\n },\n {\n children: 'Notifications',\n icon: (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M12 5a4 4 0 0 0-8 0v2.379a1.5 1.5 0 0 1-.44 1.06L2.294 9.707a1 1 0 0 0-.293.707V11a1 1 0 0 0 1 1h2a3 3 0 1 0 6 0h2a1 1 0 0 0 1-1v-.586a1 1 0 0 0-.293-.707L12.44 8.44A1.5 1.5 0 0 1 12 7.38V5Zm-5.5 7a1.5 1.5 0 0 0 3 0h-3Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n ),\n onClick: userDropdown.onNotificationsClick,\n },\n {\n children: 'Billing',\n icon: (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4 2a1.5 1.5 0 0 0-1.5 1.5v9A1.5 1.5 0 0 0 4 14h8a1.5 1.5 0 0 0 1.5-1.5V6.621a1.5 1.5 0 0 0-.44-1.06L9.94 2.439A1.5 1.5 0 0 0 8.878 2H4Zm4 9.5a.75.75 0 0 1-.75-.75V8.06l-.72.72a.75.75 0 0 1-1.06-1.06l2-2a.75.75 0 0 1 1.06 0l2 2a.75.75 0 1 1-1.06 1.06l-.72-.72v2.69a.75.75 0 0 1-.75.75Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n ),\n onClick: userDropdown.onBillingClick,\n },\n { isDivider: true },\n {\n children: 'Dark mode',\n icon: (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path d=\"M14.438 10.148c.19-.425-.321-.787-.748-.601A5.5 5.5 0 0 1 6.453 2.31c.186-.427-.176-.938-.6-.748a6.501 6.501 0 1 0 8.585 8.586Z\" />\n </svg>\n ),\n onClick: userDropdown.onDarkModeClick,\n },\n { isDivider: true },\n {\n children: 'Sign Out',\n icon: (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M14 4.75A2.75 2.75 0 0 0 11.25 2h-3A2.75 2.75 0 0 0 5.5 4.75v.5a.75.75 0 0 0 1.5 0v-.5c0-.69.56-1.25 1.25-1.25h3c.69 0 1.25.56 1.25 1.25v6.5c0 .69-.56 1.25-1.25 1.25h-3c-.69 0-1.25-.56-1.25-1.25v-.5a.75.75 0 0 0-1.5 0v.5A2.75 2.75 0 0 0 8.25 14h3A2.75 2.75 0 0 0 14 11.25v-6.5Zm-9.47.47a.75.75 0 0 0-1.06 0L1.22 7.47a.75.75 0 0 0 0 1.06l2.25 2.25a.75.75 0 1 0 1.06-1.06l-.97-.97h5.69a.75.75 0 0 0 0-1.5H3.56l.97-.97a.75.75 0 0 0 0-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n ),\n onClick: userDropdown.onSignOutClick,\n },\n ];\n\n // Mobile: Solo avatar circular con dropdown\n if (isMobile) {\n return (\n <Dropdown\n items={userMenuItems}\n renderTrigger={(isOpen) => (\n <button\n className={`\n box-border\n flex\n items-center\n justify-center\n overflow-hidden\n p-0\n relative\n shrink-0\n hover:bg-background-secondary\n focus:outline-none\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:hover:bg-dark-bg-secondary\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n rounded-lg\n transition-all\n duration-150\n ${isOpen ? 'bg-background-secondary dark:bg-dark-bg-secondary' : ''}\n `.trim().replace(/\\s+/g, ' ')}\n aria-label=\"Menú de usuario\"\n >\n <div className=\"relative rounded-full shrink-0 w-8 h-8\">\n <img\n alt={userDropdown.name}\n className=\"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-full w-full h-full\"\n src={userDropdown.avatar}\n />\n </div>\n </button>\n )}\n />\n );\n }\n\n // Desktop/Tablet: Avatar + info + chevron con dropdown\n const renderFullDropdown = () => (\n <Dropdown\n items={userMenuItems}\n renderTrigger={(isOpen) => (\n <button\n className={`\n box-border\n flex\n items-center\n justify-center\n overflow-hidden\n p-0\n relative\n shrink-0\n hover:bg-background-secondary\n focus:outline-none\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:hover:bg-dark-bg-secondary\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n rounded-lg\n transition-all\n duration-150\n ${isOpen ? 'bg-background-secondary dark:bg-dark-bg-secondary' : ''}\n `.trim().replace(/\\s+/g, ' ')}\n aria-label=\"Menú de usuario\"\n >\n <div className=\"box-border flex gap-3 items-center justify-center overflow-hidden px-3 py-2 relative rounded-lg shrink-0\">\n <div className=\"flex gap-3 items-center justify-center relative shrink-0\">\n {/ Avatar /}\n <div className=\"flex items-center justify-center relative shrink-0\">\n <div className=\"relative rounded-md shrink-0 w-10 h-10\">\n <img\n alt={userDropdown.name}\n className=\"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-md w-full h-full\"\n src={userDropdown.avatar}\n />\n </div>\n </div>\n {/ Nombre y email/rol /}\n <div className=\"flex flex-col gap-0.5 items-start justify-center relative shrink-0 w-[123px]\">\n <p className=\"leading-5 relative shrink-0 text-sm text-content-primary dark:text-dark-content-primary whitespace-nowrap font-normal\">\n {userDropdown.name}\n </p>\n {(userDropdown.email \|\| userDropdown.role) && (\n <p className=\"leading-4 min-w-full relative shrink-0 text-xs text-content-secondary dark:text-content-secondary w-min whitespace-nowrap overflow-hidden text-ellipsis\">\n {userDropdown.email \|\| userDropdown.role}\n </p>\n )}\n </div>\n </div>\n {/ Chevron down icon /}\n <div className=\"overflow-hidden relative shrink-0 w-5 h-5 text-content-secondary dark:text-content-secondary\">\n <ChevronDownIcon />\n </div>\n </div>\n </button>\n )}\n />\n );\n\n if (isDesktop \|\| isTablet) {\n return renderFullDropdown();\n }\n\n // Responsive\n return (\n <>\n {/ Mobile: Solo avatar circular con dropdown /}\n <div className=\"md:hidden\">\n <Dropdown\n items={userMenuItems}\n renderTrigger={(isOpen) => (\n <button\n className={`\n box-border\n flex\n items-center\n justify-center\n overflow-hidden\n p-0\n relative\n shrink-0\n hover:bg-background-secondary\n focus:outline-none\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:hover:bg-dark-bg-secondary\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n rounded-lg\n transition-all\n duration-150\n ${isOpen ? 'bg-background-secondary dark:bg-dark-bg-secondary' : ''}\n `.trim().replace(/\\s+/g, ' ')}\n aria-label=\"Menú de usuario\"\n >\n <div className=\"relative rounded-full shrink-0 w-8 h-8\">\n <img\n alt={userDropdown.name}\n className=\"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-full w-full h-full\"\n src={userDropdown.avatar}\n />\n </div>\n </button>\n )}\n />\n </div>\n {/ Desktop/Tablet: Avatar + info + chevron con dropdown /}\n <div className=\"hidden md:flex\">\n <Dropdown\n items={userMenuItems}\n renderTrigger={(isOpen) => (\n <button\n className={`\n box-border\n flex\n items-center\n justify-center\n overflow-hidden\n p-0\n relative\n shrink-0\n hover:bg-background-secondary\n focus:outline-none\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:hover:bg-dark-bg-secondary\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n rounded-lg\n transition-all\n duration-150\n ${isOpen ? 'bg-background-secondary dark:bg-dark-bg-secondary' : ''}\n `.trim().replace(/\\s+/g, ' ')}\n aria-label=\"Menú de usuario\"\n >\n <div className=\"box-border flex gap-3 items-center justify-center overflow-hidden px-3 py-2 relative rounded-lg shrink-0\">\n <div className=\"flex gap-3 items-center justify-center relative shrink-0\">\n {/ Avatar /}\n <div className=\"flex items-center justify-center relative shrink-0\">\n <div className=\"relative rounded-md shrink-0 w-10 h-10\">\n <img\n alt={userDropdown.name}\n className=\"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-md w-full h-full\"\n src={userDropdown.avatar}\n />\n </div>\n </div>\n {/ Nombre y email/rol /}\n <div className=\"flex flex-col gap-0.5 items-start justify-center relative shrink-0 w-[123px]\">\n <p className=\"leading-5 relative shrink-0 text-sm text-content-primary dark:text-dark-content-primary whitespace-nowrap font-normal\">\n {userDropdown.name}\n </p>\n {(userDropdown.email \|\| userDropdown.role) && (\n <p className=\"leading-4 min-w-full relative shrink-0 text-xs text-content-secondary dark:text-content-secondary w-min whitespace-nowrap overflow-hidden text-ellipsis\">\n {userDropdown.email \|\| userDropdown.role}\n </p>\n )}\n </div>\n </div>\n {/ Chevron down icon /}\n <div className=\"overflow-hidden relative shrink-0 w-5 h-5 text-content-secondary dark:text-content-secondary\">\n <ChevronDownIcon />\n </div>\n </div>\n </button>\n )}\n />\n </div>\n </>\n );\n };\n\n // ===== CLASES BASE DEL NAVBAR =====\n const baseClasses = `\n box-border\n flex\n gap-8\n items-center\n px-4\n py-1\n relative\n w-full\n bg-background-primary\n dark:bg-dark-bg-primary\n `;\n\n // ===== CLASES PARA VARIANTES DE ALTURA =====\n const variantClasses = {\n responsive: 'h-[40px] md:h-16',\n desktop: 'h-16',\n tablet: 'h-16',\n mobile: 'h-[40px]',\n };\n\n // ===== COMBINAR CLASES =====\n const finalClasses = [baseClasses, variantClasses[variant], className]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <nav className={finalClasses}>\n {/ ===== SECCIÓN LEADING (IZQUIERDA) ===== /}\n <div className=\"flex gap-4 items-center relative shrink-0\">\n {/ Botón de navegación o acción leading personalizada (solo desktop/tablet) /}\n {!isMobile && (leadingAction \|\| (showNavigationButton && <NavigationButton />))}\n\n {/ Business Logo (logo del cliente) - solo cuando showBusinessLogo=true /}\n {logo \|\| <BusinessLogo />}\n\n {/ Divider después de Business Logo - Solo cuando hay Business Logo Y hay Siesa Logo en leading /}\n {showBusinessLogo && showSiesaLogoLeading && !isMobile && <Divider />}\n\n {/ Siesa Logo en leading - Se controla con showSiesaLogoLeading /}\n {siesaLogo \|\| <SiesaLogoLeading />}\n\n {/ Divider antes del nombre - Solo cuando hay Siesa Logo en leading y nombre de producto /}\n {productName && showSiesaLogoLeading && !isMobile && <Divider />}\n\n {/ Nombre del Producto - Solo desktop/tablet /}\n <ProductName />\n </div>\n\n {/ ===== SECCIÓN TRAILING (DERECHA) ===== /}\n <div className=\"flex gap-4 items-center justify-end grow min-h-px min-w-px relative shrink-0\">\n {/ Badge de Ambiente /}\n <EnvironmentBadge />\n\n {/ Botón de búsqueda - Solo mobile /}\n <SearchButton />\n\n {/ Botón de carrito de compras /}\n <CartButton />\n\n {/ Botón de notificaciones /}\n <NotificationsButton />\n\n {/ Divider antes del dropdown - Solo desktop/tablet /}\n {userDropdown && !hideActionButtons && <Divider />}\n\n {/ Dropdown de usuario /}\n <UserDropdown />\n\n {/ Divider antes del logo Siesa trailing - Solo cuando showSiesaLogoTrailing=true /}\n {showSiesaLogoTrailing && userDropdown && !isMobile && <Divider />}\n\n {/ Logo Siesa trailing - Solo desktop /}\n <SiesaLogoTrailing />\n\n {/ Actions adicionales /}\n {actions && <div className=\"flex gap-2 items-center\">{actions}</div>}\n </div>\n </nav>\n );\n};\n","import React from 'react';\nimport type { NavigationBarProps, NavigationBarItem } from './NavigationBar.types';\n\n/\n NavigationBar del sistema de diseño Siesa\n \n Componente de navegación inferior (Bottom Navigation Bar) para móvil.\n * Permite al usuario navegar entre vistas principales de la aplicación.\n * Diseñado para contener 3-5 ítems de navegación.\n \n 🔄 Navegación Responsive:\n * El NavigationRail (navegación lateral vertical) se convierte en NavigationBar\n * (navegación inferior horizontal) cuando la pantalla es móvil. Esta es una\n * práctica recomendada de UX para aprovechar mejor el espacio en diferentes\n * dispositivos:\n * - Desktop/Tablet: Usar NavigationRail (lateral)\n * - Mobile: Usar NavigationBar (inferior)\n \n Características:\n * - Soporta hasta 5 ítems de navegación (recomendado: 3-5)\n * - Cada ítem tiene icono + label\n * - Indicador visual de ítem activo (fondo azul claro)\n * - Estados: active, hover, disabled\n * - Dark mode completo\n * - Accesibilidad con ARIA labels\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Tipografía Label XXSmall (10px Bold) según sistema de diseño\n * - Iconos de 16x16px según especificaciones de Figma\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label XXSmall)\n * @see docs/spacing.md - Sistema de espaciado\n * @see NavigationRail - Componente de navegación lateral para desktop\n \n @example\n * ```tsx\n * const items = [\n * { id: 'home', icon: <HomeIcon />, label: 'Inicio', active: true },\n * { id: 'search', icon: <SearchIcon />, label: 'Buscar' },\n * { id: 'profile', icon: <ProfileIcon />, label: 'Perfil' },\n * ];\n \n <NavigationBar\n * items={items}\n * activeItemId=\"home\"\n * onItemClick={(id) => console.log('Clicked:', id)}\n * />\n * ```\n \n @example\n * // Patrón responsive: NavigationRail en desktop, NavigationBar en mobile\n * ```tsx\n * function ResponsiveNav() {\n * return (\n * <>\n * // NavigationRail para desktop/tablet\n * <div className=\"hidden md:block\">\n * <NavigationRail items={items} />\n * </div>\n \n // NavigationBar para móvil\n * <div className=\"md:hidden fixed bottom-0 left-0 right-0 z-50\">\n * <NavigationBar items={items} />\n * </div>\n * </>\n * );\n * }\n * ```\n /\nexport const NavigationBar: React.FC<NavigationBarProps> = ({\n items,\n activeItemId,\n onItemClick,\n className = '',\n ariaLabel = 'Navegación Principal',\n}) => {\n // ===== VALIDACIÓN: Máximo 5 ítems =====\n if (items.length > 5) {\n console.warn('NavigationBar: Se recomienda un máximo de 5 ítems para mejor UX');\n }\n\n // ===== HANDLER DE CLICK =====\n const handleItemClick = (item: NavigationBarItem) => {\n if (item.disabled) return;\n\n // Llamar onClick del ítem individual si existe\n if (item.onClick) {\n item.onClick(item.id);\n }\n\n // Llamar onItemClick global si existe\n if (onItemClick) {\n onItemClick(item.id);\n }\n };\n\n // ===== RENDERIZAR ÍTEM =====\n const renderItem = (item: NavigationBarItem) => {\n const isActive = item.active \|\| item.id === activeItemId;\n\n // ===== CLASES DEL CONTENEDOR DEL ÍTEM =====\n const itemContainerClasses = `\n flex-1\n flex\n flex-col\n items-center\n gap-1\n px-0.5\n py-0\n min-w-0\n cursor-pointer\n transition-all\n duration-150\n ${item.disabled ? 'opacity-50 cursor-not-allowed pointer-events-none' : ''}\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DEL ICON CONTAINER =====\n // Fondo azul claro cuando está activo (rgb(219, 238, 254) = #dbeefe = primary-custom-100)\n // En dark mode usa el mismo color opaco según Figma\n const iconContainerClasses = `\n flex\n items-center\n justify-center\n px-4\n py-1\n rounded-full\n overflow-hidden\n transition-all\n duration-150\n ${\n isActive\n ? 'bg-primary-custom-100 dark:bg-primary-custom-100'\n : 'bg-transparent hover:bg-hover-overlay dark:hover:bg-hover-overlay-dark'\n }\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DEL LABEL =====\n // Label XXSmall: 10px Bold, line-height 12px (según typography.md y Figma)\n const labelClasses = `\n font-['SiesaBT:Bold',sans-serif]\n text-[10px]\n leading-[12px]\n font-bold\n text-center\n w-full\n min-w-0\n text-content-primary\n dark:text-dark-content-primary\n transition-colors\n duration-150\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DEL ICONO =====\n // Iconos de 16x16px según Figma\n const iconClasses = `\n w-4\n h-4\n shrink-0\n text-content-primary\n dark:text-dark-content-primary\n transition-colors\n duration-150\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <button\n key={item.id}\n type=\"button\"\n className={itemContainerClasses}\n onClick={() => handleItemClick(item)}\n disabled={item.disabled}\n aria-label={item.ariaLabel \|\| item.label}\n aria-current={isActive ? 'page' : undefined}\n >\n {/ Icon Container /}\n <div className={iconContainerClasses}>\n <span className={iconClasses}>{item.icon}</span>\n </div>\n\n {/ Label /}\n <span className={labelClasses}>{item.label}</span>\n </button>\n );\n };\n\n // ===== CLASES DEL CONTENEDOR PRINCIPAL =====\n const containerClasses = `\n bg-bg-primary\n dark:bg-dark-bg-primary\n p-4\n w-full\n transition-colors\n duration-150\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DEL MENU (Contenedor de ítems) =====\n const menuClasses = `\n flex\n items-start\n justify-center\n w-full\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== CLASES DEL DESTINATIONS (Contenedor con gap) =====\n const destinationsClasses = `\n flex-1\n flex\n items-start\n gap-2\n min-h-0\n min-w-0\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <nav\n className={`${containerClasses} ${className}`.trim()}\n role=\"navigation\"\n aria-label={ariaLabel}\n >\n <div className={menuClasses}>\n <div className={destinationsClasses}>\n {items.map((item) => renderItem(item))}\n </div>\n </div>\n </nav>\n );\n};\n","import React from 'react';\n\n/\n Icono de convención para POSConvention\n \n Círculo SVG de 16x16px con colores diferentes para Light y Dark mode.\n * Basado en especificaciones de Figma:\n * - Light mode: node-id 4418-40139\n * - Dark mode: node-id 4418-40349\n \n Usa dos círculos superpuestos con clases CSS para alternar entre modos.\n \n @param lightColor - Color hexadecimal para Light mode\n * @param darkColor - Color hexadecimal para Dark mode\n * @param className - Clases CSS adicionales (opcional)\n /\nexport const ConventionIcon: React.FC<{\n lightColor: string;\n darkColor: string;\n className?: string;\n}> = ({ lightColor, darkColor, className = '' }) => (\n <svg\n className={`w-4 h-4 shrink-0 ${className}`.trim()}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n aria-hidden=\"true\"\n >\n {/ Círculo para Light mode - visible por defecto, oculto en dark /}\n <circle\n cx=\"8\"\n cy=\"8\"\n r=\"8\"\n fill={lightColor}\n className=\"dark:hidden\"\n />\n {/ Círculo para Dark mode - oculto por defecto, visible en dark /}\n <circle\n cx=\"8\"\n cy=\"8\"\n r=\"8\"\n fill={darkColor}\n className=\"hidden dark:block\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { POSConventionProps } from './POSConvention.types';\nimport { ConventionIcon } from './icons';\n\n/\n POSConvention - Componente de leyenda/convención para estados de mesas POS\n \n Muestra un indicador circular de color con su respectiva etiqueta según el diseño de Figma.\n * Se usa típicamente para crear leyendas que explican el significado de colores en el sistema POS.\n \n Colores según Figma (node-id: 4418-40139):\n \n \| Estado \| Light Mode \| Dark Mode \|\n * \|--------\|------------\|-----------\|\n * \| Available \| #0e79fd (azul) \| #93d1fd (azul claro) \|\n * \| Occupied \| #af460e (naranja) \| #f5a927 (amarillo) \|\n * \| Reserved \| #7e22ce (morado) \| #c084fc (morado claro) \|\n * \| Out of Service \| #3f3f46 (gris) \| #a1a1aa (gris claro) \|\n \n Dimensiones según Figma:\n * - Icono: 16x16px (círculo con fill)\n * - Texto: 12px (Paragraph/Tiny - text-xs)\n * - Gap: 4px (gap-1)\n * - Line-height: 16px (leading-4)\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Colores exactos de Figma para Light y Dark mode\n * - Type safety con TypeScript estricto\n * - Accesibilidad con aria-label\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Paragraph Tiny)\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Indicador de disponible\n * <POSConvention status=\"available\" />\n \n // Indicador de ocupada\n * <POSConvention status=\"occupied\" />\n \n // Leyenda completa en contenedor\n * <div className=\"p-5 rounded-lg border border-dashed border-primary-custom-300\">\n * <div className=\"flex flex-col gap-9\">\n * <POSConvention status=\"available\" />\n * <POSConvention status=\"occupied\" />\n * <POSConvention status=\"reserved\" />\n * <POSConvention status=\"outOfService\" />\n * </div>\n * </div>\n * ```\n /\nexport const POSConvention: React.FC<POSConventionProps> = ({\n status = 'available',\n className = '',\n}) => {\n // ===== CONFIGURACIÓN DE COLORES Y LABELS SEGÚN FIGMA =====\n // Colores extraídos del nodo 4418-40139 (Light) y 4418-40349 (Dark) de Figma\n // Variables de Figma: contentCustomPrimary, contentYellow, contentPurple, contentZinc\n const conventionConfig = {\n available: {\n lightColor: '#0e79fd', // Azul - contentCustomPrimary Light\n darkColor: '#93d1fd', // Azul claro - contentCustomPrimary Dark\n label: 'Disponible',\n },\n occupied: {\n lightColor: '#af460e', // Naranja - contentOrange Light\n darkColor: '#f5a927', // Amarillo - contentYellow Dark\n label: 'Ocupada',\n },\n reserved: {\n lightColor: '#7e22ce', // Morado - contentPurple Light\n darkColor: '#c084fc', // Morado claro - contentPurple Dark\n label: 'Reservada',\n },\n outOfService: {\n lightColor: '#3f3f46', // Gris - contentZinc Light (zinc-700)\n darkColor: '#a1a1aa', // Gris claro - contentZinc Dark (zinc-400)\n label: 'Fuera de Servicio',\n },\n };\n\n const config = conventionConfig[status];\n\n // ===== CLASES BASE =====\n const baseClasses = `\n inline-flex\n items-center\n gap-1\n shrink-0\n `;\n\n // ===== COMBINAR CLASES =====\n const finalClasses = [baseClasses, className]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <div\n className={finalClasses}\n role=\"presentation\"\n aria-label={`Estado: ${config.label}`}\n >\n {/ Icono circular 16x16 con colores para Light y Dark mode /}\n <ConventionIcon lightColor={config.lightColor} darkColor={config.darkColor} />\n\n {/ Label de texto según Figma: Paragraph/Tiny 12px /}\n {/ Light: contentPrimary #18181b, Dark: contentPrimary #f4f4f5 /}\n <span\n className={`\n text-xs\n leading-4\n font-normal\n text-content-primary\n dark:text-dark-content-primary\n whitespace-nowrap\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n {config.label}\n </span>\n </div>\n );\n};\n","import React from 'react';\n\n/\n Icono Check (✓) para estado Available\n * Tamaño: 12x12px\n /\nexport const CheckIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path\n d=\"M10 3L4.5 8.5L2 6\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\n/\n Icono X Mark para estado Occupied\n * Tamaño: 12x12px\n /\nexport const XMarkIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path\n d=\"M9 3L3 9M3 3L9 9\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\n/\n Icono Calendar para estado Reserved\n * Tamaño: 12x12px\n /\nexport const CalendarIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path\n d=\"M10.5 5H1.5M8.5 1V3M3.5 1V3M3.25 11H8.75C9.57843 11 10.25 10.3284 10.25 9.5V3.5C10.25 2.67157 9.57843 2 8.75 2H3.25C2.42157 2 1.75 2.67157 1.75 3.5V9.5C1.75 10.3284 2.42157 11 3.25 11Z\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\n/\n Icono No Symbol (Prohibido) para estado Out of Service\n * Tamaño: 12x12px\n /\nexport const NoSymbolIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path\n d=\"M10.5 6C10.5 8.48528 8.48528 10.5 6 10.5C3.51472 10.5 1.5 8.48528 1.5 6C1.5 3.51472 3.51472 1.5 6 1.5C8.48528 1.5 10.5 3.51472 10.5 6Z\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n />\n <path\n d=\"M9.18198 2.81802L2.81802 9.18198\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n />\n </svg>\n);\n\n/\n Icono de Usuario/Personas para mostrar capacidad\n * Tamaño: 13x10px (según especificaciones de Figma)\n /\nexport const UsersIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"13\"\n height=\"10\"\n viewBox=\"0 0 13 10\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path\n d=\"M9.25 9V8C9.25 6.89543 8.35457 6 7.25 6H2.75C1.64543 6 0.75 6.89543 0.75 8V9M12.25 9V8C12.25 6.89543 11.3546 6 10.25 6H9.75M7 2.5C7 3.60457 6.10457 4.5 5 4.5C3.89543 4.5 3 3.60457 3 2.5C3 1.39543 3.89543 0.5 5 0.5C6.10457 0.5 7 1.39543 7 2.5ZM10 2C10 2.82843 9.32843 3.5 8.5 3.5C7.67157 3.5 7 2.82843 7 2C7 1.17157 7.67157 0.5 8.5 0.5C9.32843 0.5 10 1.17157 10 2Z\"\n stroke=\"currentColor\"\n strokeWidth=\"1\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { POSLocationButtonProps } from './POSLocationButton.types';\nimport { CheckIcon, XMarkIcon, CalendarIcon, NoSymbolIcon, UsersIcon } from './icons';\n\n/\n POSLocationButton del sistema de diseño Siesa\n \n Botón especializado para punto de venta (POS) que muestra el estado de disponibilidad\n * de una ubicación física (mesa, salón, terraza, etc.) con indicadores visuales claros.\n \n Estados de disponibilidad (status):\n * - `available`: Disponible (verde/lime) con icono ✓\n * - `occupied`: Ocupada (naranja/yellow) con icono ✗\n * - `reserved`: Reservada (morado/purple) con icono 📅\n * - `outOfService`: Fuera de servicio (gris/zinc) con icono 🚫\n \n Estados visuales (state):\n * - `enabled`: Estado normal con fondo blanco/dark\n * - `actived`: Estado seleccionado con fondo coloreado\n \n Características:\n * - Ancho flexible: por defecto ocupa el 100% del contenedor (fullWidth=true)\n * - Altura fija: 68px (optimizado para interfaces POS)\n * - Muestra nombre de ubicación y capacidad (ej: \"1/8 mesas\")\n * - Badge visual con icono y texto del estado\n * - Dark mode completo en todos los estados\n * - Focus ring adaptativo\n * - Transiciones suaves\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * // Ubicación disponible\n * <POSLocationButton\n * locationName=\"Antejardín\"\n * status=\"available\"\n * capacity={{ current: 1, total: 8 }}\n * onClick={() => console.log('Seleccionado')}\n * />\n \n // Ubicación ocupada y seleccionada\n * <POSLocationButton\n * locationName=\"Terraza\"\n * status=\"occupied\"\n * state=\"actived\"\n * capacity={{ current: 5, total: 8 }}\n * />\n \n // Ubicación reservada\n * <POSLocationButton\n * locationName=\"Salón Principal\"\n * status=\"reserved\"\n * capacity={{ current: 3, total: 12 }}\n * />\n \n // Fuera de servicio\n * <POSLocationButton\n * locationName=\"Bar\"\n * status=\"outOfService\"\n * disabled\n * />\n * ```\n /\nexport const POSLocationButton: React.FC<POSLocationButtonProps> = ({\n locationName,\n status = 'available',\n state = 'enabled',\n capacity,\n onClick,\n disabled = false,\n className = '',\n ariaLabel,\n fullWidth = true,\n}) => {\n // ===== CONFIGURACIÓN DE COLORES POR STATUS =====\n // Mapeo de colores según especificaciones de Figma (pixel-perfect)\n const statusConfig = {\n available: {\n // Azul Primary Custom (según Figma: #0e79fd)\n textColor: 'text-primary-custom-600 dark:text-primary-custom-600',\n badgeBg: 'bg-primary-custom-100 dark:bg-blue-900/30',\n badgeText: 'text-primary-custom-600 dark:text-blue-400',\n activedBg: 'bg-primary-custom-100 dark:bg-blue-900/30',\n icon: CheckIcon,\n badgeLabel: 'Disponible',\n },\n occupied: {\n // Naranja/Yellow (según Figma: #af460e para texto, #fcedc9 para fondo)\n textColor: 'text-[#af460e] dark:text-orange-400',\n badgeBg: 'bg-[#fcedc9] dark:bg-yellow-900/30',\n badgeText: 'text-[#af460e] dark:text-orange-400',\n activedBg: 'bg-[#fcedc9] dark:bg-yellow-900/30',\n icon: XMarkIcon,\n badgeLabel: 'Ocupada',\n },\n reserved: {\n // Morado/Purple (según Figma: #7e22ce para texto, #f3e8ff para fondo)\n textColor: 'text-[#7e22ce] dark:text-fuchsia-400',\n badgeBg: 'bg-[#f3e8ff] dark:bg-purple-900/30',\n badgeText: 'text-[#7e22ce] dark:text-purple-400',\n activedBg: 'bg-[#f3e8ff] dark:bg-purple-900/30',\n icon: CalendarIcon,\n badgeLabel: 'Reservada',\n },\n outOfService: {\n // Gris/Zinc (según Figma: #3f3f46 para texto, #f4f4f5 para fondo)\n textColor: 'text-[#3f3f46] dark:text-zinc-400',\n badgeBg: 'bg-[#f4f4f5] dark:bg-zinc-800/30',\n badgeText: 'text-content-tertiary dark:text-zinc-400',\n activedBg: 'bg-[#f4f4f5] dark:bg-zinc-800/30',\n icon: NoSymbolIcon,\n badgeLabel: 'F. de Servicio',\n },\n };\n\n const config = statusConfig[status];\n const StatusIcon = config.icon;\n\n // ===== CLASES DE FONDO SEGÚN STATE =====\n const backgroundClasses =\n state === 'actived'\n ? config.activedBg // Fondo coloreado cuando está activo\n : 'bg-white dark:bg-dark-bg-primary'; // Fondo blanco/dark cuando está enabled\n\n // ===== CLASES DE ANCHO =====\n const widthClasses = fullWidth ? 'w-full' : 'w-[189px]';\n\n // ===== CLASES BASE =====\n const baseClasses = `\n flex\n flex-col\n items-stretch\n justify-between\n ${widthClasses}\n h-[68px]\n p-2\n rounded-lg\n cursor-pointer\n transition-all\n duration-150\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n hover:shadow-md\n active:scale-[0.98]\n disabled:opacity-50\n disabled:cursor-not-allowed\n disabled:pointer-events-none\n `;\n\n // ===== COMBINAR CLASES =====\n const buttonClasses = [baseClasses, backgroundClasses, className]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== FORMATEAR TEXTO DE CAPACIDAD =====\n const capacityText = capacity\n ? `${capacity.current}/${capacity.total} mesas`\n : null;\n\n return (\n <button\n className={buttonClasses}\n onClick={onClick}\n disabled={disabled}\n aria-label={ariaLabel \|\| `${locationName} - ${config.badgeLabel}`}\n type=\"button\"\n >\n {/ ===== TÍTULO (Nombre de ubicación) ===== /}\n <div\n className={`\n text-base\n font-bold\n leading-6\n ${config.textColor}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n {locationName}\n </div>\n\n {/ ===== CONTENIDO (Capacidad + Badge) ===== /}\n <div className=\"flex items-center justify-between\">\n {/ Capacidad (izquierda) /}\n {capacityText && (\n <div className=\"flex items-center gap-1\">\n <UsersIcon className={config.textColor} />\n <span\n className={`\n text-[10px]\n leading-[12px]\n ${config.textColor}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n {capacityText}\n </span>\n </div>\n )}\n\n {/ Badge (derecha) /}\n <div\n className={`\n inline-flex\n items-center\n gap-1\n px-1.5\n py-1\n rounded-md\n ${config.badgeBg}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n <StatusIcon className={config.badgeText} />\n <span\n className={`\n text-xs\n leading-4\n ${config.badgeText}\n `\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n {config.badgeLabel}\n </span>\n </div>\n </div>\n </button>\n );\n};\n","import React from 'react';\nimport type { POSNumberButtonProps } from './POSNumberButton.types';\n\n/\n Componente POSNumberButton del sistema de diseño Siesa\n * Botón numérico especializado para sistemas POS (Point of Sale)\n \n Basado en especificaciones de Figma con Tailwind CSS\n \n Características principales:\n * - Diseñado para pantallas táctiles y POS\n * - Tipografía Display Tiny (48px Bold) para números grandes\n * - Tres tamaños: Small (40x40), Medium (65x65), Large (80x80)\n * - Opción de borde visible o sin borde\n * - Estados: Default, Hover, Active, Disabled\n * - Touch-friendly: active:scale-95 para feedback táctil\n \n Variantes:\n * - `border=false`: Botón sin borde, hover cambia a primary\n * - `border=true`: Botón con borde, hover resalta el borde\n \n Tamaños:\n * - `s` (40x40px): Compacto, para teclados numéricos pequeños\n * - `m` (65x65px): Mediano, tamaño intermedio\n * - `l` (80x80px): Grande, tamaño por defecto para POS\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n * - Feedback visual inmediato con active:scale-95\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Display Tiny)\n * @see docs/spacing.md - Sistema de espaciado\n * @see src/components/Button/Button.tsx - Componente Button de referencia\n \n @example\n * ```tsx\n * // Botón numérico grande (POS)\n * <POSNumberButton size=\"l\">1</POSNumberButton>\n \n // Botón con borde\n * <POSNumberButton size=\"l\" border>2</POSNumberButton>\n \n // Botón compacto\n * <POSNumberButton size=\"s\">3</POSNumberButton>\n \n // Teclado numérico completo\n * <div className=\"grid grid-cols-3 gap-2\">\n * {[1, 2, 3, 4, 5, 6, 7, 8, 9].map((num) => (\n * <POSNumberButton key={num} size=\"m\" onClick={() => handleInput(num)}>\n * {num}\n * </POSNumberButton>\n * ))}\n * </div>\n * ```\n /\nexport const POSNumberButton: React.FC<POSNumberButtonProps> = ({\n size = 'l',\n border = false,\n children,\n disabled = false,\n className = '',\n onClick,\n ariaLabel,\n htmlType = 'button',\n ...rest\n}) => {\n // ===== CLASES DE TAMAÑO =====\n // Basado en especificaciones de Figma: L=80x80, M=65x65, S=40x40\n const sizeClasses = {\n s: 'w-10 h-10', // 40x40px\n m: 'w-[65px] h-[65px]', // 65x65px\n l: 'w-20 h-20', // 80x80px\n };\n\n // ===== CLASES DE TEXTO =====\n // Display Tiny (48px Bold) según typography.md → text-5xl\n // Para tamaño small, reducimos a text-2xl (24px)\n const textSizeClasses = {\n s: 'text-2xl', // 24px para botones pequeños\n m: 'text-5xl', // 48px Display Tiny\n l: 'text-5xl', // 48px Display Tiny\n };\n\n // ===== CLASES DE ESTADO (Sin Borde) =====\n const noBorderStateClasses = `\n bg-white\n text-content-primary\n hover:bg-primary-custom-600\n hover:text-primary-inverse-content\n active:bg-primary-custom-600\n active:text-primary-inverse-content\n active:scale-95\n dark:bg-dark-bg-primary\n dark:text-dark-content-primary\n dark:hover:bg-dark-bg-inverse\n dark:hover:text-dark-content-inverse\n dark:active:bg-dark-bg-inverse\n dark:active:text-dark-content-inverse\n dark:active:scale-95\n `;\n\n // ===== CLASES DE ESTADO (Con Borde) =====\n const withBorderStateClasses = `\n bg-white\n text-content-primary\n border\n border-border-primary\n hover:bg-primary-custom-600\n hover:text-primary-inverse-content\n hover:border-primary-inverse-border\n active:bg-primary-custom-600\n active:text-primary-inverse-content\n active:border-primary-inverse-border\n active:scale-95\n dark:bg-dark-bg-primary\n dark:text-dark-content-primary\n dark:border-dark-border-primary\n dark:hover:bg-dark-bg-inverse\n dark:hover:text-dark-content-inverse\n dark:hover:border-primary-inverse-border\n dark:active:bg-dark-bg-inverse\n dark:active:text-dark-content-inverse\n dark:active:border-primary-inverse-border\n dark:active:scale-95\n `;\n\n // ===== CLASES BASE =====\n const baseClasses = `\n inline-flex\n items-center\n justify-center\n rounded-lg\n font-bold\n tracking-tighter\n whitespace-nowrap\n cursor-pointer\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n disabled:opacity-50\n disabled:cursor-not-allowed\n disabled:pointer-events-none\n transition-all\n duration-150\n `;\n\n // ===== COMBINAR TODAS LAS CLASES =====\n const buttonClasses = [\n baseClasses,\n sizeClasses[size],\n textSizeClasses[size],\n border ? withBorderStateClasses : noBorderStateClasses,\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <button\n type={htmlType}\n className={buttonClasses}\n disabled={disabled}\n onClick={onClick}\n aria-label={ariaLabel \|\| `Número ${children}`}\n {...rest}\n >\n {children}\n </button>\n );\n};\n","import React from 'react';\nimport type { POSProductButtonProps } from './POSProductButton.types';\n\n/\n Componente POSProductButton del sistema de diseño Siesa\n \n Botón especializado para sistemas POS que combina una imagen de producto\n * con un label descriptivo. Diseñado para selección rápida de productos.\n \n Estados disponibles:\n * - `default`: Estado normal con fondo blanco\n * - `active`: Estado seleccionado con fondo azul claro y texto azul\n * - `disabled`: Estado deshabilitado con opacidad reducida\n \n Características:\n * - Imagen con aspect ratio 158:80 (proporción de Figma)\n * - Label con tipografía Label Small (14px Bold)\n * - Soporte completo de dark mode\n * - Estados hover, active y focus\n * - Transiciones suaves\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Focus rings adaptativos para light y dark mode\n * - Tokens de color consistentes con la documentación\n * - Estados hover y active completos\n * - Tipografía Label Small (14px Bold) según sistema de diseño\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico (Label)\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/border-radius.md - Border radius\n \n @example\n * ```tsx\n * // Botón de producto normal\n * <POSProductButton\n * image=\"/images/parrilla.jpg\"\n * label=\"A la parrilla\"\n * onClick={() => console.log('Producto seleccionado')}\n * />\n \n // Botón de producto activo/seleccionado\n * <POSProductButton\n * image=\"/images/parrilla.jpg\"\n * label=\"A la parrilla\"\n * active={true}\n * />\n \n // Botón de producto deshabilitado\n * <POSProductButton\n * image=\"/images/parrilla.jpg\"\n * label=\"A la parrilla\"\n * disabled={true}\n * />\n * ```\n /\nexport const POSProductButton: React.FC<POSProductButtonProps> = ({\n image,\n label,\n active = false,\n disabled = false,\n onClick,\n className = '',\n ariaLabel,\n}) => {\n // ===== CLASES BASE =====\n const baseClasses = `\n flex\n flex-col\n gap-2\n p-3\n rounded-lg\n font-bold\n text-sm\n transition-all\n duration-150\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n `;\n\n // ===== CLASES DE ESTADO =====\n const stateClasses = disabled\n ? `\n bg-white\n text-content-primary\n opacity-55\n cursor-not-allowed\n pointer-events-none\n dark:bg-dark-bg-primary\n dark:text-dark-content-primary\n `\n : active\n ? `\n bg-primary-custom-100\n text-primary-custom-600\n cursor-pointer\n hover:bg-primary-custom-100\n active:scale-95\n dark:bg-primary-custom-100/20\n dark:text-primary-custom-600\n dark:hover:bg-primary-custom-100/30\n dark:active:scale-95\n `\n : `\n bg-white\n text-content-primary\n cursor-pointer\n hover:bg-background-secondary\n active:scale-95\n dark:bg-dark-bg-primary\n dark:text-dark-content-primary\n dark:hover:bg-dark-bg-primary/80\n dark:active:scale-95\n `;\n\n // ===== COMBINAR TODAS LAS CLASES =====\n const buttonClasses = [baseClasses, stateClasses, className]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n return (\n <button\n type=\"button\"\n className={buttonClasses}\n disabled={disabled}\n onClick={onClick}\n aria-label={ariaLabel \|\| label}\n aria-pressed={active}\n >\n {/ Imagen del producto /}\n <div className=\"aspect-158/80 w-full rounded-lg overflow-hidden\">\n <img\n src={image}\n alt={label}\n className=\"w-full h-full object-cover\"\n />\n </div>\n\n {/ Label del producto /}\n <div className=\"w-full text-left leading-5\">\n {label}\n </div>\n </button>\n );\n};\n","import React from 'react';\n\n/\n Icono Plus (heroicons-micro/plus)\n * Usado en el botón \"Agregar\" del POSProductCard\n * Tamaño: 16x16px según especificación de Figma\n /\nexport const PlusIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n aria-hidden=\"true\"\n >\n <path\n d=\"M8 3V13M3 8H13\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { POSProductCardProps } from './POSProductCard.types';\nimport { Button } from '../Button';\nimport { PlusIcon } from './icons';\n\n/\n Componente POSProductCard del sistema de diseño Siesa\n \n Card especializado para sistemas POS que muestra información de producto\n * con imagen, nombre, precio y botón de agregar. Diseñado para catálogos\n * de productos y selección rápida en punto de venta.\n \n Estados disponibles:\n * - `enabled`: Estado normal\n * - Light: fondo blanco (#ffffff), texto negro (#18181b)\n * - Dark: fondo oscuro (#18181b), texto claro (#f4f4f5)\n * - `active`: Estado seleccionado\n * - Light: fondo azul claro (#dbeefe), texto azul (#0e79fd)\n * - Dark: fondo azul oscuro (#112d57), texto celeste (#93d1fd)\n * - `disabled`: Estado deshabilitado con opacidad reducida\n \n Características:\n * - Imagen de producto con aspect ratio fijo y rounded-lg\n * - Nombre del producto con tipografía Label Small (14px Bold)\n * - Precio con tipografía Heading Small (24px Bold) y letter-spacing -2.5%\n * - Botón \"Agregar\" reutiliza el componente Button del sistema\n * - Soporte completo de dark mode pixel-perfect\n * - Transiciones suaves\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Focus rings adaptativos para light y dark mode\n * - Tokens de color consistentes con Figma\n * - Estados hover y active completos\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4368-31336 - Diseño Figma\n \n @example\n * ```tsx\n * // Card de producto normal\n * <POSProductCard\n * image=\"/images/caprese.jpg\"\n * productName=\"Ensalada Caprese\"\n * price=\"$ 40.000\"\n * onAddClick={() => console.log('Producto agregado')}\n * />\n \n // Card de producto activo/seleccionado\n * <POSProductCard\n * image=\"/images/caprese.jpg\"\n * productName=\"Ensalada Caprese\"\n * price=\"$ 40.000\"\n * active={true}\n * />\n \n // Card de producto deshabilitado\n * <POSProductCard\n * image=\"/images/caprese.jpg\"\n * productName=\"Ensalada Caprese\"\n * price=\"$ 40.000\"\n * disabled={true}\n * />\n * ```\n /\nexport const POSProductCard: React.FC<POSProductCardProps> = ({\n image,\n productName,\n price,\n buttonText = 'Agregar',\n active = false,\n disabled = false,\n onAddClick,\n onCardClick,\n className = '',\n ariaLabel,\n}) => {\n // ===== CLASES BASE DEL CARD =====\n const baseClasses = `\n flex\n flex-col\n gap-2\n p-3\n rounded-lg\n w-[170px]\n transition-all\n duration-150\n focus:outline-hidden\n focus:ring-2\n focus:ring-primary-custom-400\n focus:ring-offset-2\n dark:focus:ring-dark-border-custom\n dark:focus:ring-offset-dark-bg-primary\n `;\n\n // ===== CLASES DE ESTADO DEL CARD =====\n // Light: enabled=#ffffff, active=#dbeefe\n // Dark: enabled=#18181b, active=#112d57\n const stateClasses = disabled\n ? `\n bg-white\n opacity-55\n cursor-not-allowed\n dark:bg-dark-bg-primary\n `\n : active\n ? `\n bg-primary-custom-100\n cursor-pointer\n dark:bg-dark-bg-custom\n `\n : `\n bg-white\n cursor-pointer\n dark:bg-dark-bg-primary\n `;\n\n // ===== CLASES DE TEXTO SEGÚN ESTADO =====\n // Light: enabled=#18181b, active=#0e79fd\n // Dark: enabled=#f4f4f5, active=#93d1fd\n const textClasses = disabled\n ? `\n text-content-primary\n dark:text-dark-content-primary\n `\n : active\n ? `\n text-primary-custom-600\n dark:text-dark-content-custom\n `\n : `\n text-content-primary\n dark:text-dark-content-primary\n `;\n\n // ===== COMBINAR CLASES DEL CARD =====\n const cardClasses = [baseClasses, stateClasses, className]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== HANDLER DEL CLICK EN EL CARD =====\n const handleCardClick = (event: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) return;\n // Solo propagar si no se hizo clic en el botón\n if ((event.target as HTMLElement).closest('button')) return;\n onCardClick?.(event);\n };\n\n // ===== HANDLER DEL CLICK EN EL BOTÓN =====\n const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n if (disabled) return;\n onAddClick?.(event);\n };\n\n return (\n <div\n className={cardClasses}\n onClick={handleCardClick}\n role=\"article\"\n aria-label={ariaLabel \|\| `${productName} - ${price}`}\n tabIndex={disabled ? -1 : 0}\n >\n {/ Sección de información del producto /}\n <div className=\"flex flex-col gap-3 w-full\">\n {/ Imagen del producto /}\n <div className=\"h-[88px] w-full rounded-lg overflow-hidden\">\n <img\n src={image}\n alt={productName}\n className=\"w-full h-full object-cover\"\n />\n </div>\n\n {/ Datos del producto (nombre y precio) /}\n <div className={`flex flex-col w-full font-bold ${textClasses}`.trim().replace(/\\s+/g, ' ')}>\n {/ Nombre del producto - Label Small (14px) /}\n <div className=\"text-sm leading-5\">\n {productName}\n </div>\n\n {/ Precio - Heading Small (24px) con letter-spacing -2.5% (tracking-tighter) /}\n <div className=\"text-2xl leading-8 tracking-tighter\">\n {price}\n </div>\n </div>\n </div>\n\n {/ Botón Agregar - Reutiliza el componente Button del sistema /}\n <Button\n type=\"default\"\n size=\"sm\"\n leftIcon={<PlusIcon className=\"w-4 h-4\" />}\n onClick={handleButtonClick}\n disabled={disabled}\n fullWidth\n ariaLabel={`${buttonText} ${productName}`}\n >\n {buttonText}\n </Button>\n </div>\n );\n};\n","import React from 'react';\n\n/\n TrashIcon - Icono de papelera para eliminar items\n * Basado en Heroicons Micro (16x16px)\n /\nexport const TrashIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M5 3.25V4H2.75a.75.75 0 0 0 0 1.5h.3l.815 8.15A1.5 1.5 0 0 0 5.357 15h5.285a1.5 1.5 0 0 0 1.493-1.35l.815-8.15h.3a.75.75 0 0 0 0-1.5H11v-.75A2.25 2.25 0 0 0 8.75 1h-1.5A2.25 2.25 0 0 0 5 3.25Zm2.25-.75a.75.75 0 0 0-.75.75V4h3v-.75a.75.75 0 0 0-.75-.75h-1.5ZM6.05 6a.75.75 0 0 1 .787.713l.275 5.5a.75.75 0 0 1-1.498.075l-.275-5.5A.75.75 0 0 1 6.05 6Zm3.9 0a.75.75 0 0 1 .712.787l-.275 5.5a.75.75 0 0 1-1.498-.075l.275-5.5a.75.75 0 0 1 .786-.711Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { POSProductSidebarItemsProps } from './POSProductSidebarItems.types';\nimport { Quantity } from '../Quantity/Quantity';\nimport { TrashIcon } from './icons';\n\n/\n POSProductSidebarItems - Componente de item de producto para sidebar POS\n \n Componente pixel-perfect basado en Figma (node 4507-28013) para mostrar\n * productos en el sidebar de un sistema POS con soporte completo para dark mode.\n \n Características:\n * - Badge de categoría con 19 colores configurables\n * - Referencia del producto (text-[10px]/leading-3)\n * - Precio total (text-xs/font-bold)\n * - Nombre del producto (text-xs/font-bold)\n * - Descripción con items opcionales (fondo terciario)\n * - Control de cantidad integrado (Quantity component)\n * - Botón de eliminar con color de error\n \n Especificaciones de Figma:\n * - Ancho base: 272px\n * - Spacing: gap-1 (4px) entre elementos del producto, gap-2 (8px) entre secciones\n * - Badge: rounded-md (6px), px-1.5, py-1, text-xs/leading-4\n * - Description section: bg-background-tertiary, p-2, rounded-lg\n * - Delete icon: 24x24px, color red-700\n \n Dark Mode:\n * Los colores se adaptan automáticamente en dark mode:\n * - Textos principales: text-content-primary → dark:text-dark-content-primary\n * - Description background: bg-background-tertiary → dark:bg-zinc-700\n * - Badge colores: Mantienen contraste en ambos modos\n * - Delete button: text-red-700 → dark:text-red-500\n \n Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see https://www.figma.com/design/5XNqf2YTxvwemxwo1LMQ6j/Siesa-UI-Kit?node-id=4507-28013 - Diseño Figma\n \n @example\n * ```tsx\n * <POSProductSidebarItems\n * categoryLabel=\"Entradas\"\n * productRef=\"00147258369\"\n * price=\"$ 40,000.00\"\n * productName=\"Nombre producto\"\n * descriptionItems={[\n * { description: \"Papas limón mediana\", price: \"$ 40,000.00\" },\n * { description: \"Papas limón mediana\", price: \"$ 40,000.00\" },\n * ]}\n * quantity={0}\n * onQuantityChange={(qty) => console.log(qty)}\n * onDelete={() => console.log('Eliminar')}\n * />\n * ```\n /\nexport const POSProductSidebarItems: React.FC<POSProductSidebarItemsProps> = ({\n categoryLabel,\n categoryColor = 'lime',\n productRef,\n price,\n productName,\n descriptionItems = [],\n showDescription = true,\n quantity = 0,\n minQuantity = 0,\n maxQuantity,\n onQuantityChange,\n onDelete,\n disabled = false,\n className = '',\n deleteIcon,\n}) => {\n // ===== MAPA DE COLORES PARA BADGES =====\n // Basado en Figma node 4507-28432: bg lime-100 (#ecfccb) y text lime-700 (#4d7c0f)\n // Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n const categoryColorClasses: Record<string, { bg: string; text: string }> = {\n lime: {\n bg: 'bg-lime-100 dark:bg-lime-900/40',\n text: 'text-lime-700 dark:text-lime-300'\n },\n red: {\n bg: 'bg-red-100 dark:bg-red-900/40',\n text: 'text-red-700 dark:text-red-300'\n },\n orange: {\n bg: 'bg-orange-100 dark:bg-orange-900/40',\n text: 'text-orange-700 dark:text-orange-300'\n },\n amber: {\n bg: 'bg-amber-100 dark:bg-amber-900/40',\n text: 'text-amber-700 dark:text-amber-300'\n },\n yellow: {\n bg: 'bg-yellow-100 dark:bg-yellow-900/40',\n text: 'text-yellow-700 dark:text-yellow-300'\n },\n green: {\n bg: 'bg-green-100 dark:bg-green-900/40',\n text: 'text-green-700 dark:text-green-300'\n },\n emerald: {\n bg: 'bg-emerald-100 dark:bg-emerald-900/40',\n text: 'text-emerald-700 dark:text-emerald-300'\n },\n teal: {\n bg: 'bg-teal-100 dark:bg-teal-900/40',\n text: 'text-teal-700 dark:text-teal-300'\n },\n cyan: {\n bg: 'bg-cyan-100 dark:bg-cyan-900/40',\n text: 'text-cyan-700 dark:text-cyan-300'\n },\n sky: {\n bg: 'bg-sky-100 dark:bg-sky-900/40',\n text: 'text-sky-700 dark:text-sky-300'\n },\n blue: {\n bg: 'bg-blue-100 dark:bg-blue-900/40',\n text: 'text-blue-700 dark:text-blue-300'\n },\n indigo: {\n bg: 'bg-indigo-100 dark:bg-indigo-900/40',\n text: 'text-indigo-700 dark:text-indigo-300'\n },\n violet: {\n bg: 'bg-violet-100 dark:bg-violet-900/40',\n text: 'text-violet-700 dark:text-violet-300'\n },\n purple: {\n bg: 'bg-purple-100 dark:bg-purple-900/40',\n text: 'text-purple-700 dark:text-purple-300'\n },\n fuchsia: {\n bg: 'bg-fuchsia-100 dark:bg-fuchsia-900/40',\n text: 'text-fuchsia-700 dark:text-fuchsia-300'\n },\n pink: {\n bg: 'bg-pink-100 dark:bg-pink-900/40',\n text: 'text-pink-700 dark:text-pink-300'\n },\n rose: {\n bg: 'bg-rose-100 dark:bg-rose-900/40',\n text: 'text-rose-700 dark:text-rose-300'\n },\n zinc: {\n bg: 'bg-zinc-100 dark:bg-zinc-800/50',\n text: 'text-zinc-600 dark:text-zinc-300'\n },\n primary: {\n bg: 'bg-primary-custom-100 dark:bg-primary-custom-600/30',\n text: 'text-primary-custom-600 dark:text-primary-custom-300'\n },\n };\n\n const colors = categoryColorClasses[categoryColor] \|\| categoryColorClasses.lime;\n\n // Handler para cambio de cantidad\n const handleQuantityChange = (newQuantity: number) => {\n if (!disabled && onQuantityChange) {\n onQuantityChange(newQuantity);\n }\n };\n\n // Handler para eliminar\n const handleDelete = () => {\n if (!disabled && onDelete) {\n onDelete();\n }\n };\n\n return (\n <div\n className={`\n flex\n flex-col\n gap-2\n w-full\n ${disabled ? 'opacity-50 pointer-events-none' : ''}\n ${className}\n `.trim().replace(/\\s+/g, ' ')}\n data-component=\"POSProductSidebarItems\"\n >\n {/ ===== BODY SECTION ===== /}\n <div className=\"flex flex-col gap-2 w-full\">\n {/ ===== PRODUCT INFO ===== /}\n <div className=\"flex flex-col gap-1 w-full\">\n {/ Row: Badge + Ref + Price - Figma node 4507:28398 /}\n <div className=\"flex items-center gap-1 w-full\">\n {/ Col: Badge + Ref - Figma node 4507:28399 /}\n <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n {/ Category Badge - Figma node 4507:28432 /}\n <div\n className={`\n inline-flex\n items-center\n px-1.5\n py-1\n rounded-md\n transition-colors\n duration-150\n ${colors.bg}\n `.trim().replace(/\\s+/g, ' ')}\n >\n <span\n className={`\n text-xs\n leading-4\n font-normal\n text-center\n whitespace-nowrap\n ${colors.text}\n `.trim().replace(/\\s+/g, ' ')}\n >\n {categoryLabel}\n </span>\n </div>\n\n {/ Product Reference - Figma node 4507:28401 - Paragraph/XXSmall 10px /}\n <span className=\"text-[10px] leading-3 font-normal text-content-primary dark:text-dark-content-primary whitespace-nowrap\">\n {productRef}\n </span>\n </div>\n\n {/ Col: Price - Figma node 4507:28450 - Label/Tiny 12px Bold /}\n <div className=\"flex items-center shrink-0\">\n <span className=\"text-xs leading-4 font-bold text-content-primary dark:text-dark-content-primary whitespace-nowrap text-right\">\n {price}\n </span>\n </div>\n </div>\n\n {/ Row: Product Name - Figma node 4507:28404 - Label/Tiny 12px Bold /}\n <div className=\"flex items-start w-full\">\n <span className=\"text-xs leading-4 font-bold text-content-primary dark:text-dark-content-primary flex-1 min-w-0\">\n {productName}\n </span>\n </div>\n </div>\n\n {/ ===== DESCRIPTION SECTION ===== /}\n {/ Figma node 4507:28405 - Background tertiary con items de descripción /}\n {showDescription && descriptionItems.length > 0 && (\n <div\n className={`\n flex\n flex-col\n gap-2\n p-2\n rounded-lg\n bg-background-secondary\n dark:bg-zinc-700\n w-full\n transition-colors\n duration-150\n `.trim().replace(/\\s+/g, ' ')}\n >\n {descriptionItems.map((item, index) => (\n <div\n key={index}\n className=\"flex items-center gap-1 w-full\"\n >\n {/ Description text - Figma Body/Small 12px Regular /}\n <span className=\"flex-1 min-w-0 text-xs leading-3 font-normal text-content-primary dark:text-dark-content-primary\">\n {item.description}\n </span>\n {/ Price - Figma Body/Small Bold 12px /}\n <span className=\"text-xs leading-3 font-bold text-content-primary dark:text-dark-content-primary whitespace-nowrap text-right shrink-0\">\n {item.price}\n </span>\n </div>\n ))}\n </div>\n )}\n </div>\n\n {/ ===== ACTIONS SECTION ===== /}\n {/ Figma node 4507:28412 - Quantity control + Delete button /}\n <div className=\"flex items-center justify-between w-full\">\n {/ Quantity Control - Figma width: 118px /}\n <div className=\"w-[118px]\">\n <Quantity\n value={quantity}\n min={minQuantity}\n max={maxQuantity}\n onChange={handleQuantityChange}\n disabled={disabled}\n />\n </div>\n\n {/ Delete Button - Figma node 4514:28258 - 24x24px, color red-700 (#b91c1c) /}\n <button\n type=\"button\"\n onClick={handleDelete}\n disabled={disabled}\n className={`\n flex\n items-center\n justify-center\n w-6\n h-6\n rounded-md\n text-red-700\n dark:text-red-500\n hover:text-red-800\n dark:hover:text-red-400\n hover:bg-red-50\n dark:hover:bg-red-900/20\n focus:outline-hidden\n focus:ring-2\n focus:ring-red-500/50\n dark:focus:ring-red-400/50\n focus:ring-offset-1\n focus:ring-offset-white\n dark:focus:ring-offset-dark-bg-primary\n active:scale-95\n transition-all\n duration-150\n ${disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'}\n `.trim().replace(/\\s+/g, ' ')}\n aria-label=\"Eliminar producto\"\n >\n {deleteIcon \|\| <TrashIcon className=\"w-[18px] h-[21px]\" />}\n </button>\n </div>\n </div>\n );\n};\n\nPOSProductSidebarItems.displayName = 'POSProductSidebarItems';\n","import React from 'react';\nimport type { POSTableProps } from './POSTable.types';\n\n/\n POSTable - Sistema de visualización de mesas de restaurante\n \n Componente para mostrar mesas de restaurante con diferentes estados\n * (disponible, ocupada, reservada) y configuraciones de sillas según diseño de Figma.\n \n ⚠️ IMPORTANTE - COLORES PERSONALIZADOS DEL CLIENTE:\n * Este componente usa colores específicos hardcodeados según el diseño del cliente.\n * Estos NO son tokens del sistema de diseño general, sino colores únicos para POSTable.\n * Esta es una EXCEPCIÓN JUSTIFICADA similar a los iconos personalizados de POSTable.\n \n ESPECIFICACIONES PIXEL-PERFECT DE FIGMA:\n \n Colores exactos (ESPECÍFICOS DEL CLIENTE):\n \n LIGHT MODE:\n * - Available (Azul): #0e79fd (border, mesa, silla, texto) - Azul primario del sistema\n * - Available Active: Bg #dbeefe + Border #bce4ff (cuando isActive=true)\n * - Busy (Naranja): #af460e (border, mesa, silla, texto)\n * - Busy Active: Bg #fed7aa + Border #fed7aa (cuando isActive=true)\n * - Reserved (Púrpura): #7e22ce (border, mesa, silla, texto)\n * - Reserved Active: Bg #e9d5ff + Border #e9d5ff (cuando isActive=true)\n \n DARK MODE (colores más brillantes para mejor visibilidad):\n * - Available (Azul claro): #93d1fd (border, mesa, silla, texto)\n * - Available Active: Bg #1e3a5f + Border #1e3a5f (cuando isActive=true)\n * - Busy (Naranja/Amarillo): #f5a927 (border, mesa, silla, texto)\n * - Busy Active: Bg #5c3a1e + Border #5c3a1e (cuando isActive=true)\n * - Reserved (Púrpura claro): #c084fc (border, mesa, silla, texto)\n * - Reserved Active: Bg #3b1f5c + Border #3b1f5c (cuando isActive=true)\n \n - Texto del label: Mismo color del estado (está FUERA de la mesa según Figma)\n \n Dimensiones exactas:\n * - Container: 160x160px, border-radius: 8px, border: 2px\n * - Inner container: 134x134px, gap: 4px\n * - Mesa Square: 64x64px, border-radius: 4px\n * - Mesa Circle: 64x64px, border-radius: 9999px\n * - Mesa Rectangle: 80x64px, border-radius: 4px\n * - Mesa Oval: 80x64px, border-radius: 24px\n * - Silla: 28x22px, border-radius: 4px\n * - Silla Respaldo (top): 28x16px (72.73% height)\n * - Silla Asiento (bottom): 24x14px (85.71% width, 63.64% height)\n * - Gap: 4px entre todos los elementos\n \n Tipografía:\n * - Label: 10px / 12px line-height, weight: 400, font: SiesaBT\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Focus rings adaptativos para light y dark mode\n * - Valores exactos de Figma con notación [px]\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n \n @example\n * ```tsx\n * <POSTable\n * tableNumber=\"12\"\n * status=\"available\"\n * shape=\"square\"\n * chairs={4}\n * onClick={() => console.log('Mesa seleccionada')}\n * />\n * ```\n /\nexport const POSTable: React.FC<POSTableProps> = ({\n tableNumber,\n status = 'available',\n shape = 'square',\n chairs = 4,\n showChairs = true,\n isActive = false,\n onClick,\n className = '',\n disabled = false,\n children,\n}) => {\n // ===== COLORES POR ESTADO (VALORES EXACTOS DE FIGMA) =====\n // ⚠️ NOTA: Estos colores son ESPECÍFICOS del cliente (excepción justificada)\n // NO son tokens del sistema general de diseño\n // Light Mode: #0e79fd (azul primario), #af460e (naranja), #7e22ce (púrpura)\n // Dark Mode: #93d1fd (azul claro), #f5a927 (naranja/amarillo), #c084fc (púrpura claro)\n const statusColors = {\n available: {\n // Enabled state - Light: #0e79fd (azul primario del sistema), Dark: #93d1fd\n border: 'border-[#0e79fd]',\n borderDark: 'dark:border-[#93d1fd]',\n bgEnabled: 'bg-transparent',\n bgEnabledDark: 'dark:bg-transparent',\n // Actived state - Light: Bg #dbeefe + Border #bce4ff según Figma\n bgActive: 'bg-primary-custom-100',\n bgActiveDark: 'dark:bg-[#1e3a5f]',\n borderActive: 'border-[#bce4ff]',\n borderActiveDark: 'dark:border-[#1e3a5f]',\n // Table and chairs - Light: #0e79fd, Dark: #93d1fd\n table: 'bg-[#0e79fd]',\n tableDark: 'dark:bg-[#93d1fd]',\n chair: 'bg-[#0e79fd]',\n chairDark: 'dark:bg-[#93d1fd]',\n // Text (mismo color del estado - label está FUERA de la mesa según Figma)\n text: 'text-[#0e79fd]',\n textDark: 'dark:text-[#93d1fd]',\n // Focus ring\n focusRing: 'focus:ring-[#93d1fd]',\n focusRingDark: 'dark:focus:ring-[#0e79fd]',\n },\n busy: {\n // Enabled state - Light: #af460e, Dark: #f5a927\n border: 'border-[#af460e]',\n borderDark: 'dark:border-[#f5a927]',\n bgEnabled: 'bg-transparent',\n bgEnabledDark: 'dark:bg-transparent',\n // Actived state\n bgActive: 'bg-[#fed7aa]',\n bgActiveDark: 'dark:bg-[#5c3a1e]',\n borderActive: 'border-[#fed7aa]',\n borderActiveDark: 'dark:border-[#5c3a1e]',\n // Table and chairs - Light: #af460e, Dark: #f5a927\n table: 'bg-[#af460e]',\n tableDark: 'dark:bg-[#f5a927]',\n chair: 'bg-[#af460e]',\n chairDark: 'dark:bg-[#f5a927]',\n // Text (mismo color del estado - label está FUERA de la mesa según Figma)\n text: 'text-[#af460e]',\n textDark: 'dark:text-[#f5a927]',\n // Focus ring\n focusRing: 'focus:ring-[#f5a927]',\n focusRingDark: 'dark:focus:ring-[#af460e]',\n },\n reserved: {\n // Enabled state - Light: #7e22ce, Dark: #c084fc\n border: 'border-[#7e22ce]',\n borderDark: 'dark:border-[#c084fc]',\n bgEnabled: 'bg-transparent',\n bgEnabledDark: 'dark:bg-transparent',\n // Actived state\n bgActive: 'bg-[#e9d5ff]',\n bgActiveDark: 'dark:bg-[#3b1f5c]',\n borderActive: 'border-[#e9d5ff]',\n borderActiveDark: 'dark:border-[#3b1f5c]',\n // Table and chairs - Light: #7e22ce, Dark: #c084fc\n table: 'bg-[#7e22ce]',\n tableDark: 'dark:bg-[#c084fc]',\n chair: 'bg-[#7e22ce]',\n chairDark: 'dark:bg-[#c084fc]',\n // Text (mismo color del estado - label está FUERA de la mesa según Figma)\n text: 'text-[#7e22ce]',\n textDark: 'dark:text-[#c084fc]',\n // Focus ring\n focusRing: 'focus:ring-[#c084fc]',\n focusRingDark: 'dark:focus:ring-[#7e22ce]',\n },\n };\n\n // ===== CLASES DE FORMA (ESPECIFICACIONES EXACTAS DE FIGMA) =====\n const shapeClasses = {\n square: {\n container: 'rounded-[4px]',\n table: 'w-[64px] h-[64px] rounded-[4px]',\n },\n circle: {\n container: 'rounded-[9999px]',\n table: 'w-[64px] h-[64px] rounded-[9999px]',\n },\n rectangle: {\n container: 'rounded-[4px]',\n table: 'w-[80px] h-[64px] rounded-[4px]',\n },\n oval: {\n container: 'rounded-3xl',\n table: 'w-[80px] h-[64px] rounded-3xl',\n },\n };\n\n // ===== COMPONENTE SILLA (ESPECIFICACIONES EXACTAS DE FIGMA) =====\n const Chair: React.FC<{ rotation: number }> = ({ rotation }) => (\n <div\n className=\"w-[28px] h-[22px]\"\n style={{ transform: `rotate(${rotation}deg)` }}\n aria-hidden=\"true\"\n >\n {/ Respaldo (parte superior) - 72.73% height /}\n <div\n className={`\n absolute\n top-0\n left-0\n right-0\n h-[16px]\n rounded-t-[4px]\n ${statusColors[status].chair}\n ${statusColors[status].chairDark}\n `}\n />\n {/ Asiento (parte inferior) - 85.71% width, 63.64% height /}\n <div\n className={`\n absolute\n bottom-0\n left-[7.14%]\n right-[7.14%]\n h-[14px]\n rounded-b-[4px]\n ${statusColors[status].chair}\n ${statusColors[status].chairDark}\n `}\n />\n </div>\n );\n\n // ===== HANDLER DE CLICK =====\n const handleClick = () => {\n if (!disabled && onClick) {\n onClick();\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n if ((e.key === 'Enter' \|\| e.key === ' ') && !disabled && onClick) {\n e.preventDefault();\n onClick();\n }\n };\n\n // ===== CLASES DEL CONTAINER (160x160px según Figma) =====\n const containerClasses = [\n // Dimensiones exactas del container\n 'w-[160px]',\n 'h-[160px]',\n 'shrink-0',\n\n // Estructura\n 'relative',\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'p-0',\n\n // Borde (2px según Figma)\n 'border-2',\n 'box-border',\n\n // Border radius (8px según Figma)\n 'rounded-[8px]',\n\n // Colores del borde y fondo según estado\n isActive ? statusColors[status].borderActive : statusColors[status].border,\n isActive ? statusColors[status].borderActiveDark : statusColors[status].borderDark,\n isActive ? statusColors[status].bgActive : statusColors[status].bgEnabled,\n isActive ? statusColors[status].bgActiveDark : statusColors[status].bgEnabledDark,\n\n // Focus rings adaptativos (siguiendo patrón de Button)\n 'focus:outline-hidden',\n 'focus:ring-2',\n statusColors[status].focusRing,\n statusColors[status].focusRingDark,\n 'focus:ring-offset-2',\n 'dark:focus:ring-offset-dark-bg-primary',\n\n // Transiciones\n 'transition-all',\n 'duration-150',\n\n // Interactividad\n onClick && !disabled ? 'cursor-pointer' : '',\n onClick && !disabled ? 'hover:scale-105' : '',\n onClick && !disabled ? 'active:scale-95' : '',\n disabled ? 'opacity-50 cursor-not-allowed' : '',\n\n // Clases adicionales\n className,\n ]\n .filter(Boolean)\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // ===== RENDER =====\n return (\n <button\n className={containerClasses}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n type=\"button\"\n aria-label={`Mesa ${tableNumber} - ${\n status === 'available' ? 'Disponible' : status === 'busy' ? 'Ocupada' : 'Reservada'\n }`}\n >\n {/ INNER CONTAINER (134x134px según Figma) /}\n <div className=\"flex flex-col gap-[4px] items-center justify-center w-[134px] h-[134px] shrink-0\">\n {/ FILA DE SILLAS SUPERIORES /}\n {showChairs && (chairs === 2 \|\| chairs === 4 \|\| chairs === 6 \|\| chairs === 8) && (\n <div className=\"flex gap-[4px] items-center justify-center shrink-0\">\n {chairs >= 6 && (\n <>\n <Chair rotation={0} />\n <Chair rotation={0} />\n </>\n )}\n {chairs === 2 && <Chair rotation={0} />}\n {chairs === 4 && <Chair rotation={0} />}\n </div>\n )}\n\n {/ FILA CENTRAL CON MESA Y SILLAS LATERALES /}\n <div className=\"flex gap-[4px] items-center justify-center shrink-0\">\n {/ COLUMNA IZQUIERDA - SILLAS /}\n {showChairs && (chairs === 4 \|\| chairs === 6 \|\| chairs === 8) && (\n <div className=\"flex flex-col gap-[4px] items-start justify-center shrink-0\">\n {chairs >= 8 && (\n <>\n <Chair rotation={270} />\n <Chair rotation={270} />\n </>\n )}\n {(chairs === 4 \|\| chairs === 6) && <Chair rotation={270} />}\n </div>\n )}\n\n {/ MESA (sin label - el label va fuera según Figma) /}\n <div className=\"flex flex-col gap-[4px] items-start justify-center shrink-0\">\n <div className=\"flex items-center shrink-0\">\n <div\n className={`\n ${shapeClasses[shape].table}\n ${statusColors[status].table}\n ${statusColors[status].tableDark}\n shrink-0\n `}\n />\n </div>\n </div>\n\n {/ COLUMNA DERECHA - SILLAS /}\n {showChairs && (chairs === 4 \|\| chairs === 6 \|\| chairs === 8) && (\n <div className=\"flex flex-col gap-[4px] items-start justify-center shrink-0\">\n {chairs >= 8 && (\n <>\n <Chair rotation={90} />\n <Chair rotation={90} />\n </>\n )}\n {(chairs === 4 \|\| chairs === 6) && <Chair rotation={90} />}\n </div>\n )}\n </div>\n\n {/ FILA DE SILLAS INFERIORES /}\n {showChairs && (chairs === 2 \|\| chairs === 4 \|\| chairs === 6 \|\| chairs === 8) && (\n <div className=\"flex gap-[4px] items-center justify-center shrink-0\">\n {chairs >= 6 && (\n <>\n <Chair rotation={180} />\n <Chair rotation={180} />\n </>\n )}\n {chairs === 2 && <Chair rotation={180} />}\n {chairs === 4 && <Chair rotation={180} />}\n </div>\n )}\n </div>\n\n {/ LABEL DE NÚMERO DE MESA - Debajo del conjunto mesa+sillas según Figma /}\n <div\n className={`\n flex\n flex-col\n justify-center\n leading-0\n not-italic\n text-ellipsis\n overflow-hidden\n min-w-full\n text-center\n whitespace-nowrap\n shrink-0\n text-[10px]\n font-normal\n ${statusColors[status].text}\n ${statusColors[status].textDark}\n `}\n >\n <p className=\"leading-[12px] text-ellipsis overflow-hidden\">\n Mesa {tableNumber}\n </p>\n {children}\n </div>\n </button>\n );\n};\n","import React from 'react';\n\n/\n Icono de sobre (envelope) para el input de email\n /\nexport const EnvelopeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z\" />\n <path d=\"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z\" />\n </svg>\n);\n\n/\n Icono de candado cerrado (lock) para el input de contraseña\n /\nexport const LockClosedIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n d=\"M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n/\n Icono de ojo (eye) para mostrar/ocultar contraseña\n /\nexport const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\" />\n <path\n fillRule=\"evenodd\"\n d=\"M1.38 8.28a.87.87 0 0 1 0-.566 7.003 7.003 0 0 1 13.238.006.87.87 0 0 1 0 .56A7.003 7.003 0 0 1 1.379 8.28ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n/\n Logo de Siesa\n /\nexport const SiesaLogo: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"200\"\n height=\"50\"\n viewBox=\"0 0 200 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n {/ Símbolo de Siesa (cuadrados azules) /}\n <rect x=\"0\" y=\"0\" width=\"15\" height=\"20\" fill=\"#0e79fd\" />\n <rect x=\"0\" y=\"30\" width=\"10\" height=\"20\" fill=\"#0e79fd\" />\n <rect x=\"20\" y=\"0\" width=\"15\" height=\"20\" fill=\"#0e79fd\" />\n <rect x=\"30\" y=\"30\" width=\"10\" height=\"20\" fill=\"#0e79fd\" />\n\n {/ Texto \"Siesa\" /}\n <text\n x=\"68\"\n y=\"35\"\n fontFamily=\"SiesaBT, sans-serif\"\n fontSize=\"32\"\n fontWeight=\"400\"\n fill=\"#0e79fd\"\n >\n Siesa\n </text>\n </svg>\n);\n","import React, { useState } from 'react';\nimport type { FormEvent } from 'react';\nimport type { LoginViewProps } from './LoginView.types';\nimport { EnvelopeIcon, LockClosedIcon, EyeIcon } from './icons';\n\n/\n LoginView - Vista de inicio de sesión del sistema Siesa\n \n Vista completa de login con formulario de autenticación que incluye:\n * - Logo de Siesa\n * - Campos de email y contraseña\n * - Opción de \"olvidé mi contraseña\"\n * - Link para crear cuenta nueva\n * - Fondo decorativo opcional\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels y manejo de formulario semántico\n * - Validación de email básica\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras\n \n @example\n * ```tsx\n * <LoginView\n * onSubmit={(email, password) => console.log('Login', email, password)}\n * onForgotPassword={() => console.log('Forgot password')}\n * onSignUp={() => console.log('Sign up')}\n * />\n * ```\n /\nexport const LoginView: React.FC<LoginViewProps> = ({\n onSubmit,\n onForgotPassword,\n onSignUp,\n isLoading = false,\n errorMessage,\n className = '',\n showBackground = true,\n variant = 'responsive',\n}) => {\n // ===== ESTADO LOCAL =====\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const [showPassword, setShowPassword] = useState(false);\n const [emailError, setEmailError] = useState('');\n\n // ===== HANDLERS =====\n const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n\n // Validación básica de email\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (!emailRegex.test(email)) {\n setEmailError('Por favor ingresa un email válido');\n return;\n }\n\n setEmailError('');\n onSubmit?.(email, password);\n };\n\n const handleEmailChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setEmail(e.target.value);\n if (emailError) setEmailError('');\n };\n\n const togglePasswordVisibility = () => {\n setShowPassword(!showPassword);\n };\n\n return (\n <div\n className={[\n 'relative',\n 'min-h-screen',\n 'w-full',\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'box-border',\n // Mobile: sin padding en el wrapper (el padding está en el contenedor)\n 'p-0',\n // Desktop: padding para centrar el card\n 'md:p-4',\n className,\n ].join(' ')}\n >\n {/ ===== FONDO DECORATIVO ===== /}\n {showBackground && (\n <div className=\"absolute inset-0 pointer-events-none\" aria-hidden=\"true\">\n <div className=\"absolute inset-0 bg-primary-custom-100 dark:bg-dark-bg-custom\" />\n <img\n src=\"/bg_siesa.png\"\n alt=\"\"\n className=\"absolute inset-0 w-full h-full object-cover opacity-10\"\n />\n </div>\n )}\n\n {/ ===== CONTENEDOR PRINCIPAL ===== /}\n <div\n className={[\n // Clases base comunes\n 'relative',\n 'box-border',\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'gap-4',\n 'p-16',\n 'shrink-0',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n\n // Clases específicas según variant\n ...(variant === 'mobile' ? [\n // Forzar mobile: sin efectos de card\n 'w-full',\n 'h-full',\n 'shadow-none',\n 'rounded-none',\n 'border-0',\n ] : variant === 'desktop' ? [\n // Forzar desktop: con efectos de card\n 'w-[400px]',\n 'h-auto',\n 'rounded-2xl',\n 'shadow-lg',\n 'dark:shadow-2xl',\n 'overflow-clip',\n 'border',\n 'border-transparent',\n 'dark:border-dark-border-primary',\n ] : [\n // Responsive: cambia según viewport\n 'w-full',\n 'h-full',\n 'shadow-none',\n 'rounded-none',\n 'border-0',\n 'md:w-[400px]',\n 'md:h-auto',\n 'md:rounded-2xl',\n 'md:shadow-lg',\n 'md:dark:shadow-2xl',\n 'md:overflow-clip',\n 'md:border',\n 'md:border-transparent',\n 'md:dark:border-dark-border-primary',\n ]),\n ].join(' ')}\n >\n {/ ===== LOGO ===== /}\n <div className=\"w-full flex flex-col items-center pb-4\">\n <img\n src=\"/.Siesa Logo.png\"\n alt=\"Siesa\"\n className=\"w-[200px] h-[50px] object-contain\"\n />\n </div>\n\n {/ ===== HEADING ===== /}\n <div className=\"w-full text-center\">\n <h1\n className={[\n 'text-[20px]',\n 'leading-[28px]',\n 'font-bold',\n 'tracking-[-0.5px]',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Iniciar Sesión\n </h1>\n <p\n className={[\n 'text-[12px]',\n 'leading-[16px]',\n 'font-normal',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Inicia sesión ingresando con tu correo electrónico y contraseña.\n </p>\n </div>\n\n {/ ===== MENSAJE DE ERROR GENERAL ===== /}\n {errorMessage && (\n <div\n className={[\n 'w-full',\n 'p-3',\n 'bg-error-bg',\n 'dark:bg-error-bg',\n 'border',\n 'border-error-border',\n 'dark:border-error-border',\n 'rounded-md',\n 'text-error-content',\n 'dark:text-error-content',\n 'text-sm',\n ].join(' ')}\n role=\"alert\"\n >\n {errorMessage}\n </div>\n )}\n\n {/ ===== FORMULARIO ===== /}\n <form onSubmit={handleSubmit} className=\"w-full flex flex-col gap-2\">\n {/ Email Input /}\n <div className=\"flex flex-col gap-2 w-full\">\n <label\n htmlFor=\"email-input\"\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n Correo Electrónico <span className=\"text-red-600\"></span>\n </label>\n <div className=\"relative\">\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\">\n <EnvelopeIcon className=\"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary\" />\n </div>\n <input\n id=\"email-input\"\n type=\"email\"\n placeholder=\"ejemplo@miempresa.com\"\n value={email}\n onChange={handleEmailChange}\n disabled={isLoading}\n required\n autoComplete=\"email\"\n className={[\n 'w-full',\n 'pl-9',\n 'pr-3',\n 'py-1.5',\n 'text-base',\n 'leading-6',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n 'border',\n 'border-border-primary',\n 'dark:border-dark-border-primary',\n 'rounded-lg',\n 'placeholder:text-content-tertiary',\n 'dark:placeholder:text-dark-content-tertiary',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n 'focus:outline-hidden',\n 'focus:border-primary-custom-600',\n 'dark:focus:border-dark-border-custom',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-dark-border-custom',\n 'transition-all',\n 'duration-150',\n emailError ? 'border-error-border!' : '',\n ].filter(Boolean).join(' ')}\n />\n </div>\n {emailError && (\n <p className=\"text-xs text-error-content dark:text-error-content\">\n {emailError}\n </p>\n )}\n </div>\n\n {/* Password Input /}\n <div className=\"flex flex-col gap-2 w-full\">\n <div className=\"flex items-center justify-between\">\n <label\n htmlFor=\"password-input\"\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n Contraseña <span className=\"text-red-600\"></span>\n </label>\n <button\n type=\"button\"\n onClick={onForgotPassword}\n className=\"text-[12px] leading-4 font-bold text-primary-custom-600 dark:text-[#93d1fd] hover:underline transition-all duration-150 focus:outline-hidden focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-[#93d1fd] rounded-sm px-1\"\n >\n Olvidé mi Contraseña\n </button>\n </div>\n <div className=\"relative\">\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\">\n <LockClosedIcon className=\"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary\" />\n </div>\n <input\n id=\"password-input\"\n type={showPassword ? 'text' : 'password'}\n placeholder=\"••••••••\"\n value={password}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => setPassword(e.target.value)}\n disabled={isLoading}\n required\n autoComplete=\"current-password\"\n className={[\n 'w-full',\n 'pl-9',\n 'pr-10',\n 'py-1.5',\n 'text-base',\n 'leading-6',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n 'border',\n 'border-border-primary',\n 'dark:border-dark-border-primary',\n 'rounded-lg',\n 'placeholder:text-content-tertiary',\n 'dark:placeholder:text-dark-content-tertiary',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n 'focus:outline-hidden',\n 'focus:border-primary-custom-600',\n 'dark:focus:border-dark-border-custom',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-dark-border-custom',\n 'transition-all',\n 'duration-150',\n ].join(' ')}\n />\n <button\n type=\"button\"\n onClick={togglePasswordVisibility}\n className=\"absolute right-3 top-1/2 -translate-y-1/2 opacity-50 hover:opacity-100 text-content-tertiary dark:text-dark-content-tertiary transition-opacity duration-150 focus:outline-hidden focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-dark-border-custom rounded-sm p-1\"\n aria-label={showPassword ? 'Ocultar contraseña' : 'Mostrar contraseña'}\n >\n <EyeIcon className=\"w-4 h-4\" />\n </button>\n </div>\n </div>\n\n {/* Submit Button /}\n <button\n type=\"submit\"\n disabled={isLoading \|\| !email \|\| !password}\n className={[\n 'relative',\n 'w-full',\n 'px-2.5',\n 'py-1.5',\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'font-bold',\n 'text-sm',\n 'leading-5',\n 'text-primary-inverse-content',\n 'dark:text-[#0e79fd]',\n 'bg-[#0e79fd]',\n 'dark:bg-dark-bg-inverse',\n 'border',\n 'border-[#3c9bf6]',\n 'dark:border-[#93d1fd]',\n 'rounded-md',\n 'shadow-button-inset',\n 'hover:bg-primary-custom-500',\n 'dark:hover:bg-[#93d1fd]',\n 'active:scale-95',\n 'transition-all',\n 'duration-150',\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-[#93d1fd]',\n 'focus:ring-offset-2',\n 'dark:focus:ring-offset-[#3f3f46]',\n 'disabled:opacity-50',\n 'disabled:cursor-not-allowed',\n ].join(' ')}\n >\n {isLoading ? 'Iniciando sesión...' : 'Iniciar Sesión'}\n </button>\n </form>\n\n {/ ===== SIGN UP LINK ===== /}\n <button\n type=\"button\"\n onClick={onSignUp}\n className={[\n 'w-full',\n 'px-2.5',\n 'py-1.5',\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'font-bold',\n 'text-sm',\n 'leading-5',\n 'text-[#0e79fd]',\n 'dark:text-[#93d1fd]',\n 'hover:bg-primary-custom-100',\n 'dark:hover:bg-[#93d1fd]/10',\n 'rounded-md',\n 'transition-all',\n 'duration-150',\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-[#93d1fd]',\n 'focus:ring-offset-2',\n 'dark:focus:ring-offset-[#3f3f46]',\n ].join(' ')}\n >\n ¿No tienes una cuenta?\n </button>\n </div>\n </div>\n );\n};\n","import React from 'react';\n\n/\n Icono de círculo de usuario para el input de nombre\n /\nexport const UserCircleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n d=\"M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-5-2a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 9c-1.825 0-3.422.977-4.295 2.437A5.49 5.49 0 0 0 8 13.5a5.49 5.49 0 0 0 4.294-2.063A4.997 4.997 0 0 0 8 9Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n/\n Icono de sobre (envelope) para el input de email\n /\nexport const EnvelopeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z\" />\n <path d=\"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z\" />\n </svg>\n);\n\n/\n Icono de candado cerrado (lock) para el input de contraseña\n /\nexport const LockClosedIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n d=\"M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n/\n Icono de ojo (eye) para mostrar/ocultar contraseña\n /\nexport const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\" />\n <path\n fillRule=\"evenodd\"\n d=\"M1.38 8.28a.87.87 0 0 1 0-.566 7.003 7.003 0 0 1 13.238.006.87.87 0 0 1 0 .56A7.003 7.003 0 0 1 1.379 8.28ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n","import React, { useState } from 'react';\nimport type { FormEvent } from 'react';\nimport type { SignUpViewProps } from './SignUpView.types';\nimport { UserCircleIcon, EnvelopeIcon, LockClosedIcon, EyeIcon } from './icons';\n\n/\n SignUpView - Vista de registro del sistema Siesa\n \n Vista completa de registro con formulario que incluye:\n * - Logo de Siesa\n * - Campos de nombre, email y contraseña\n * - Botón de registro\n * - Link para iniciar sesión\n * - Texto de términos y condiciones\n * - Fondo decorativo opcional\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels y manejo de formulario semántico\n * - Validación de email básica\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras\n \n @example\n * ```tsx\n * <SignUpView\n * onSubmit={(name, email, password) => console.log('Sign up', name, email, password)}\n * onSignIn={() => console.log('Go to sign in')}\n * onTermsClick={() => console.log('View terms')}\n * onPrivacyClick={() => console.log('View privacy')}\n * />\n * ```\n /\nexport const SignUpView: React.FC<SignUpViewProps> = ({\n onSubmit,\n onSignIn,\n onTermsClick,\n onPrivacyClick,\n isLoading = false,\n errorMessage,\n className = '',\n showBackground = true,\n variant = 'responsive',\n}) => {\n // ===== ESTADO LOCAL =====\n const [name, setName] = useState('');\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const [showPassword, setShowPassword] = useState(false);\n const [emailError, setEmailError] = useState('');\n\n // ===== HANDLERS =====\n const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n\n // Validación básica de email\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (!emailRegex.test(email)) {\n setEmailError('Por favor ingresa un email válido');\n return;\n }\n\n setEmailError('');\n onSubmit?.(name, email, password);\n };\n\n const handleEmailChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setEmail(e.target.value);\n if (emailError) setEmailError('');\n };\n\n const togglePasswordVisibility = () => {\n setShowPassword(!showPassword);\n };\n\n return (\n <div\n className={[\n 'relative',\n 'min-h-screen',\n 'w-full',\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'box-border',\n // Mobile: sin padding en el wrapper\n 'p-0',\n // Desktop: padding para centrar el card\n 'md:p-4',\n className,\n ].join(' ')}\n >\n {/ ===== FONDO DECORATIVO ===== /}\n {showBackground && (\n <div className=\"absolute inset-0 pointer-events-none\" aria-hidden=\"true\">\n <div className=\"absolute inset-0 bg-primary-custom-100 dark:bg-dark-bg-custom\" />\n <img\n src=\"/bg_siesa.png\"\n alt=\"\"\n className=\"absolute inset-0 w-full h-full object-cover opacity-10\"\n />\n </div>\n )}\n\n {/ ===== CONTENEDOR PRINCIPAL ===== /}\n <div\n className={[\n // Clases base comunes\n 'relative',\n 'box-border',\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'gap-4',\n 'p-16',\n 'shrink-0',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n\n // Clases específicas según variant\n ...(variant === 'mobile' ? [\n // Forzar mobile: sin efectos de card\n 'w-full',\n 'h-full',\n 'shadow-none',\n 'rounded-none',\n 'border-0',\n ] : variant === 'desktop' ? [\n // Forzar desktop: con efectos de card\n 'w-[400px]',\n 'h-auto',\n 'rounded-2xl',\n 'shadow-lg',\n 'dark:shadow-2xl',\n 'overflow-clip',\n 'border',\n 'border-transparent',\n 'dark:border-dark-border-primary',\n ] : [\n // Responsive: cambia según viewport\n 'w-full',\n 'h-full',\n 'shadow-none',\n 'rounded-none',\n 'border-0',\n 'md:w-[400px]',\n 'md:h-auto',\n 'md:rounded-2xl',\n 'md:shadow-lg',\n 'md:dark:shadow-2xl',\n 'md:overflow-clip',\n 'md:border',\n 'md:border-transparent',\n 'md:dark:border-dark-border-primary',\n ]),\n ].join(' ')}\n >\n {/ ===== LOGO ===== /}\n <div className=\"w-full flex flex-col items-center pb-4\">\n <img\n src=\"/.Siesa Logo.png\"\n alt=\"Siesa\"\n className=\"w-[200px] h-[50px] object-contain\"\n />\n </div>\n\n {/ ===== HEADING ===== /}\n <div className=\"w-full text-center\">\n <h1\n className={[\n 'text-[20px]',\n 'leading-[28px]',\n 'font-bold',\n 'tracking-[-0.5px]',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Crear Cuenta\n </h1>\n <p\n className={[\n 'text-[12px]',\n 'leading-[16px]',\n 'font-normal',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Ingresa todos los datos para crear tu cuenta.\n </p>\n </div>\n\n {/ ===== MENSAJE DE ERROR GENERAL ===== /}\n {errorMessage && (\n <div\n className={[\n 'w-full',\n 'p-3',\n 'bg-error-bg',\n 'dark:bg-error-bg',\n 'border',\n 'border-error-border',\n 'dark:border-error-border',\n 'rounded-md',\n 'text-error-content',\n 'dark:text-error-content',\n 'text-sm',\n ].join(' ')}\n role=\"alert\"\n >\n {errorMessage}\n </div>\n )}\n\n {/ ===== FORMULARIO ===== /}\n <form onSubmit={handleSubmit} className=\"w-full flex flex-col gap-2\">\n {/ Name Input /}\n <div className=\"flex flex-col gap-2 w-full\">\n <label\n htmlFor=\"name-input\"\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n Nombre <span className=\"text-red-600\"></span>\n </label>\n <div className=\"relative\">\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\">\n <UserCircleIcon className=\"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary\" />\n </div>\n <input\n id=\"name-input\"\n type=\"text\"\n placeholder=\"Juan Pérez\"\n value={name}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => setName(e.target.value)}\n disabled={isLoading}\n required\n autoComplete=\"name\"\n className={[\n 'w-full',\n 'pl-9',\n 'pr-3',\n 'py-1.5',\n 'text-base',\n 'leading-6',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n 'border',\n 'border-border-primary',\n 'dark:border-dark-border-primary',\n 'rounded-lg',\n 'placeholder:text-content-tertiary',\n 'dark:placeholder:text-dark-content-tertiary',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n 'focus:outline-hidden',\n 'focus:border-primary-custom-600',\n 'dark:focus:border-dark-border-custom',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-dark-border-custom',\n 'transition-all',\n 'duration-150',\n ].join(' ')}\n />\n </div>\n </div>\n\n {/* Email Input /}\n <div className=\"flex flex-col gap-2 w-full\">\n <label\n htmlFor=\"email-input\"\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n Correo Electrónico <span className=\"text-red-600\"></span>\n </label>\n <div className=\"relative\">\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\">\n <EnvelopeIcon className=\"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary\" />\n </div>\n <input\n id=\"email-input\"\n type=\"email\"\n placeholder=\"ejemplo@miempresa.com\"\n value={email}\n onChange={handleEmailChange}\n disabled={isLoading}\n required\n autoComplete=\"email\"\n className={[\n 'w-full',\n 'pl-9',\n 'pr-3',\n 'py-1.5',\n 'text-base',\n 'leading-6',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n 'border',\n 'border-border-primary',\n 'dark:border-dark-border-primary',\n 'rounded-lg',\n 'placeholder:text-content-tertiary',\n 'dark:placeholder:text-dark-content-tertiary',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n 'focus:outline-hidden',\n 'focus:border-primary-custom-600',\n 'dark:focus:border-dark-border-custom',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-dark-border-custom',\n 'transition-all',\n 'duration-150',\n emailError ? 'border-error-border!' : '',\n ].filter(Boolean).join(' ')}\n />\n </div>\n {emailError && (\n <p className=\"text-xs text-error-content dark:text-error-content\">\n {emailError}\n </p>\n )}\n </div>\n\n {/* Password Input /}\n <div className=\"flex flex-col gap-2 w-full\">\n <label\n htmlFor=\"password-input\"\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n Contraseña <span className=\"text-red-600\"></span>\n </label>\n <div className=\"relative\">\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\">\n <LockClosedIcon className=\"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary\" />\n </div>\n <input\n id=\"password-input\"\n type={showPassword ? 'text' : 'password'}\n placeholder=\"••••••••\"\n value={password}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => setPassword(e.target.value)}\n disabled={isLoading}\n required\n autoComplete=\"new-password\"\n className={[\n 'w-full',\n 'pl-9',\n 'pr-10',\n 'py-1.5',\n 'text-base',\n 'leading-6',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n 'border',\n 'border-border-primary',\n 'dark:border-dark-border-primary',\n 'rounded-lg',\n 'placeholder:text-content-tertiary',\n 'dark:placeholder:text-dark-content-tertiary',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n 'focus:outline-hidden',\n 'focus:border-primary-custom-600',\n 'dark:focus:border-dark-border-custom',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-dark-border-custom',\n 'transition-all',\n 'duration-150',\n ].join(' ')}\n />\n <button\n type=\"button\"\n onClick={togglePasswordVisibility}\n className=\"absolute right-3 top-1/2 -translate-y-1/2 opacity-50 hover:opacity-100 text-content-tertiary dark:text-dark-content-tertiary transition-opacity duration-150 focus:outline-hidden focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-dark-border-custom rounded-sm p-1\"\n aria-label={showPassword ? 'Ocultar contraseña' : 'Mostrar contraseña'}\n >\n <EyeIcon className=\"w-4 h-4\" />\n </button>\n </div>\n </div>\n\n {/* Submit Button /}\n <button\n type=\"submit\"\n disabled={isLoading \|\| !name \|\| !email \|\| !password}\n className={[\n 'relative',\n 'w-full',\n 'px-2.5',\n 'py-1.5',\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'font-bold',\n 'text-sm',\n 'leading-5',\n 'text-primary-inverse-content',\n 'dark:text-[#0e79fd]',\n 'bg-[#0e79fd]',\n 'dark:bg-dark-bg-inverse',\n 'border',\n 'border-[#3c9bf6]',\n 'dark:border-[#93d1fd]',\n 'rounded-md',\n 'shadow-button-inset',\n 'hover:bg-primary-custom-500',\n 'dark:hover:bg-[#93d1fd]',\n 'active:scale-95',\n 'transition-all',\n 'duration-150',\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-[#93d1fd]',\n 'focus:ring-offset-2',\n 'dark:focus:ring-offset-[#3f3f46]',\n 'disabled:opacity-50',\n 'disabled:cursor-not-allowed',\n ].join(' ')}\n >\n {isLoading ? 'Registrando...' : 'Registrarse'}\n </button>\n </form>\n\n {/ ===== SIGN IN LINK ===== /}\n <button\n type=\"button\"\n onClick={onSignIn}\n className={[\n 'w-full',\n 'px-2.5',\n 'py-1.5',\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'font-bold',\n 'text-sm',\n 'leading-5',\n 'text-[#0e79fd]',\n 'dark:text-[#93d1fd]',\n 'hover:bg-primary-custom-100',\n 'dark:hover:bg-[#93d1fd]/10',\n 'rounded-md',\n 'transition-all',\n 'duration-150',\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-[#93d1fd]',\n 'focus:ring-offset-2',\n 'dark:focus:ring-offset-[#3f3f46]',\n ].join(' ')}\n >\n Ya tengo una cuenta\n </button>\n\n {/ ===== TÉRMINOS Y CONDICIONES ===== /}\n <div className=\"w-full text-center\">\n <p\n className={[\n 'text-[12px]',\n 'leading-[16px]',\n 'font-normal',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Al registrarse, estás aceptando nuestras{' '}\n <button\n type=\"button\"\n onClick={onTermsClick}\n className=\"text-[#0e79fd] dark:text-[#93d1fd] underline hover:no-underline focus:outline-hidden focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-[#93d1fd] rounded-sm\"\n >\n Condiciones de Uso\n </button>\n {' '}y nuestras{' '}\n <button\n type=\"button\"\n onClick={onPrivacyClick}\n className=\"text-[#0e79fd] dark:text-[#93d1fd] underline hover:no-underline focus:outline-hidden focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-[#93d1fd] rounded-sm\"\n >\n Políticas de Privacidad\n </button>\n .\n </p>\n </div>\n </div>\n </div>\n );\n};\n","/\n @license lucide-react v0.562.0 - ISC\n \n This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n /\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n /^([A-Z])\|[\\s-_]+(\\w)/g,\n (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n const camelCase = toCamelCase(string);\n return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n for (const prop in props) {\n if (prop.startsWith(\"aria-\") \|\| prop === \"role\" \|\| prop === \"title\") {\n return true;\n }\n }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/\n @license lucide-react v0.562.0 - ISC\n \n This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n /\n\nvar defaultAttributes = {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/\n @license lucide-react v0.562.0 - ISC\n \n This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n /\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n ({\n color = \"currentColor\",\n size = 24,\n strokeWidth = 2,\n absoluteStrokeWidth,\n className = \"\",\n children,\n iconNode,\n ...rest\n }, ref) => createElement(\n \"svg\",\n {\n ref,\n ...defaultAttributes,\n width: size,\n height: size,\n stroke: color,\n strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) 24 / Number(size) : strokeWidth,\n className: mergeClasses(\"lucide\", className),\n ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n ...rest\n },\n [\n ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n ...Array.isArray(children) ? children : [children]\n ]\n )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/*\n @license lucide-react v0.562.0 - ISC\n \n This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n /\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n const Component = forwardRef(\n ({ className, ...props }, ref) => createElement(Icon, {\n ref,\n iconNode,\n className: mergeClasses(\n `lucide-${toKebabCase(toPascalCase(iconName))}`,\n `lucide-${iconName}`,\n className\n ),\n ...props\n })\n );\n Component.displayName = toPascalCase(iconName);\n return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n","/\n @license lucide-react v0.562.0 - ISC\n \n This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n /\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"m6 9 6 6 6-6\", key: \"qrunsl\" }]];\nconst ChevronDown = createLucideIcon(\"chevron-down\", __iconNode);\n\nexport { __iconNode, ChevronDown as default };\n//# sourceMappingURL=chevron-down.js.map\n","/\n @license lucide-react v0.562.0 - ISC\n \n This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n /\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"M21 12a9 9 0 1 1-6.219-8.56\", key: \"13zald\" }]];\nconst LoaderCircle = createLucideIcon(\"loader-circle\", __iconNode);\n\nexport { __iconNode, LoaderCircle as default };\n//# sourceMappingURL=loader-circle.js.map\n","/\n @license lucide-react v0.562.0 - ISC\n \n This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n /\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"m21 21-4.34-4.34\", key: \"14j7rj\" }],\n [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }]\n];\nconst Search = createLucideIcon(\"search\", __iconNode);\n\nexport { __iconNode, Search as default };\n//# sourceMappingURL=search.js.map\n","/\n @license lucide-react v0.562.0 - ISC\n \n This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n /\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M18 6 6 18\", key: \"1bl5f8\" }],\n [\"path\", { d: \"m6 6 12 12\", key: \"d8bk6v\" }]\n];\nconst X = createLucideIcon(\"x\", __iconNode);\n\nexport { __iconNode, X as default };\n//# sourceMappingURL=x.js.map\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e\|\|\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/\n Concatenates two arrays faster than the array spread operator.\n /\nconst concatArrays = (array1, array2) => {\n // Pre-allocate for better V8 optimization\n const combinedArray = new Array(array1.length + array2.length);\n for (let i = 0; i < array1.length; i++) {\n combinedArray[i] = array1[i];\n }\n for (let i = 0; i < array2.length; i++) {\n combinedArray[array1.length + i] = array2[i];\n }\n return combinedArray;\n};\n\n// Factory function ensures consistent object shapes\nconst createClassValidatorObject = (classGroupId, validator) => ({\n classGroupId,\n validator\n});\n// Factory ensures consistent ClassPartObject shape\nconst createClassPartObject = (nextPart = new Map(), validators = null, classGroupId) => ({\n nextPart,\n validators,\n classGroupId\n});\nconst CLASS_PART_SEPARATOR = '-';\nconst EMPTY_CONFLICTS = [];\n// I use two dots here because one dot is used as prefix for class groups in plugins\nconst ARBITRARY_PROPERTY_PREFIX = 'arbitrary..';\nconst createClassGroupUtils = config => {\n const classMap = createClassMap(config);\n const {\n conflictingClassGroups,\n conflictingClassGroupModifiers\n } = config;\n const getClassGroupId = className => {\n if (className.startsWith('[') && className.endsWith(']')) {\n return getGroupIdForArbitraryProperty(className);\n }\n const classParts = className.split(CLASS_PART_SEPARATOR);\n // Classes like `-inset-1` produce an empty string as first classPart. We assume that classes for negative values are used correctly and skip it.\n const startIndex = classParts[0] === '' && classParts.length > 1 ? 1 : 0;\n return getGroupRecursive(classParts, startIndex, classMap);\n };\n const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {\n if (hasPostfixModifier) {\n const modifierConflicts = conflictingClassGroupModifiers[classGroupId];\n const baseConflicts = conflictingClassGroups[classGroupId];\n if (modifierConflicts) {\n if (baseConflicts) {\n // Merge base conflicts with modifier conflicts\n return concatArrays(baseConflicts, modifierConflicts);\n }\n // Only modifier conflicts\n return modifierConflicts;\n }\n // Fall back to without postfix if no modifier conflicts\n return baseConflicts \|\| EMPTY_CONFLICTS;\n }\n return conflictingClassGroups[classGroupId] \|\| EMPTY_CONFLICTS;\n };\n return {\n getClassGroupId,\n getConflictingClassGroupIds\n };\n};\nconst getGroupRecursive = (classParts, startIndex, classPartObject) => {\n const classPathsLength = classParts.length - startIndex;\n if (classPathsLength === 0) {\n return classPartObject.classGroupId;\n }\n const currentClassPart = classParts[startIndex];\n const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);\n if (nextClassPartObject) {\n const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);\n if (result) return result;\n }\n const validators = classPartObject.validators;\n if (validators === null) {\n return undefined;\n }\n // Build classRest string efficiently by joining from startIndex onwards\n const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);\n const validatorsLength = validators.length;\n for (let i = 0; i < validatorsLength; i++) {\n const validatorObj = validators[i];\n if (validatorObj.validator(classRest)) {\n return validatorObj.classGroupId;\n }\n }\n return undefined;\n};\n/\n Get the class group ID for an arbitrary property.\n \n @param className - The class name to get the group ID for. Is expected to be string starting with `[` and ending with `]`.\n /\nconst getGroupIdForArbitraryProperty = className => className.slice(1, -1).indexOf(':') === -1 ? undefined : (() => {\n const content = className.slice(1, -1);\n const colonIndex = content.indexOf(':');\n const property = content.slice(0, colonIndex);\n return property ? ARBITRARY_PROPERTY_PREFIX + property : undefined;\n})();\n/\n Exported for testing only\n /\nconst createClassMap = config => {\n const {\n theme,\n classGroups\n } = config;\n return processClassGroups(classGroups, theme);\n};\n// Split into separate functions to maintain monomorphic call sites\nconst processClassGroups = (classGroups, theme) => {\n const classMap = createClassPartObject();\n for (const classGroupId in classGroups) {\n const group = classGroups[classGroupId];\n processClassesRecursively(group, classMap, classGroupId, theme);\n }\n return classMap;\n};\nconst processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {\n const len = classGroup.length;\n for (let i = 0; i < len; i++) {\n const classDefinition = classGroup[i];\n processClassDefinition(classDefinition, classPartObject, classGroupId, theme);\n }\n};\n// Split into separate functions for each type to maintain monomorphic call sites\nconst processClassDefinition = (classDefinition, classPartObject, classGroupId, theme) => {\n if (typeof classDefinition === 'string') {\n processStringDefinition(classDefinition, classPartObject, classGroupId);\n return;\n }\n if (typeof classDefinition === 'function') {\n processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme);\n return;\n }\n processObjectDefinition(classDefinition, classPartObject, classGroupId, theme);\n};\nconst processStringDefinition = (classDefinition, classPartObject, classGroupId) => {\n const classPartObjectToEdit = classDefinition === '' ? classPartObject : getPart(classPartObject, classDefinition);\n classPartObjectToEdit.classGroupId = classGroupId;\n};\nconst processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme) => {\n if (isThemeGetter(classDefinition)) {\n processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);\n return;\n }\n if (classPartObject.validators === null) {\n classPartObject.validators = [];\n }\n classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));\n};\nconst processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme) => {\n const entries = Object.entries(classDefinition);\n const len = entries.length;\n for (let i = 0; i < len; i++) {\n const [key, value] = entries[i];\n processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme);\n }\n};\nconst getPart = (classPartObject, path) => {\n let current = classPartObject;\n const parts = path.split(CLASS_PART_SEPARATOR);\n const len = parts.length;\n for (let i = 0; i < len; i++) {\n const part = parts[i];\n let next = current.nextPart.get(part);\n if (!next) {\n next = createClassPartObject();\n current.nextPart.set(part, next);\n }\n current = next;\n }\n return current;\n};\n// Type guard maintains monomorphic check\nconst isThemeGetter = func => 'isThemeGetter' in func && func.isThemeGetter === true;\n\n// LRU cache implementation using plain objects for simplicity\nconst createLruCache = maxCacheSize => {\n if (maxCacheSize < 1) {\n return {\n get: () => undefined,\n set: () => {}\n };\n }\n let cacheSize = 0;\n let cache = Object.create(null);\n let previousCache = Object.create(null);\n const update = (key, value) => {\n cache[key] = value;\n cacheSize++;\n if (cacheSize > maxCacheSize) {\n cacheSize = 0;\n previousCache = cache;\n cache = Object.create(null);\n }\n };\n return {\n get(key) {\n let value = cache[key];\n if (value !== undefined) {\n return value;\n }\n if ((value = previousCache[key]) !== undefined) {\n update(key, value);\n return value;\n }\n },\n set(key, value) {\n if (key in cache) {\n cache[key] = value;\n } else {\n update(key, value);\n }\n }\n };\n};\nconst IMPORTANT_MODIFIER = '!';\nconst MODIFIER_SEPARATOR = ':';\nconst EMPTY_MODIFIERS = [];\n// Pre-allocated result object shape for consistency\nconst createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({\n modifiers,\n hasImportantModifier,\n baseClassName,\n maybePostfixModifierPosition,\n isExternal\n});\nconst createParseClassName = config => {\n const {\n prefix,\n experimentalParseClassName\n } = config;\n /\n Parse class name into parts.\n \n Inspired by `splitAtTopLevelOnly` used in Tailwind CSS\n * @see https://github.com/tailwindlabs/tailwindcss/blob/v3.2.2/src/util/splitAtTopLevelOnly.js\n /\n let parseClassName = className => {\n // Use simple array with push for better performance\n const modifiers = [];\n let bracketDepth = 0;\n let parenDepth = 0;\n let modifierStart = 0;\n let postfixModifierPosition;\n const len = className.length;\n for (let index = 0; index < len; index++) {\n const currentCharacter = className[index];\n if (bracketDepth === 0 && parenDepth === 0) {\n if (currentCharacter === MODIFIER_SEPARATOR) {\n modifiers.push(className.slice(modifierStart, index));\n modifierStart = index + 1;\n continue;\n }\n if (currentCharacter === '/') {\n postfixModifierPosition = index;\n continue;\n }\n }\n if (currentCharacter === '[') bracketDepth++;else if (currentCharacter === ']') bracketDepth--;else if (currentCharacter === '(') parenDepth++;else if (currentCharacter === ')') parenDepth--;\n }\n const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.slice(modifierStart);\n // Inline important modifier check\n let baseClassName = baseClassNameWithImportantModifier;\n let hasImportantModifier = false;\n if (baseClassNameWithImportantModifier.endsWith(IMPORTANT_MODIFIER)) {\n baseClassName = baseClassNameWithImportantModifier.slice(0, -1);\n hasImportantModifier = true;\n } else if (\n /\n In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.\n * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864\n /\n baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER)) {\n baseClassName = baseClassNameWithImportantModifier.slice(1);\n hasImportantModifier = true;\n }\n const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : undefined;\n return createResultObject(modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition);\n };\n if (prefix) {\n const fullPrefix = prefix + MODIFIER_SEPARATOR;\n const parseClassNameOriginal = parseClassName;\n parseClassName = className => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className, undefined, true);\n }\n if (experimentalParseClassName) {\n const parseClassNameOriginal = parseClassName;\n parseClassName = className => experimentalParseClassName({\n className,\n parseClassName: parseClassNameOriginal\n });\n }\n return parseClassName;\n};\n\n/\n Sorts modifiers according to following schema:\n * - Predefined modifiers are sorted alphabetically\n * - When an arbitrary variant appears, it must be preserved which modifiers are before and after it\n /\nconst createSortModifiers = config => {\n // Pre-compute weights for all known modifiers for O(1) comparison\n const modifierWeights = new Map();\n // Assign weights to sensitive modifiers (highest priority, but preserve order)\n config.orderSensitiveModifiers.forEach((mod, index) => {\n modifierWeights.set(mod, 1000000 + index); // High weights for sensitive mods\n });\n return modifiers => {\n const result = [];\n let currentSegment = [];\n // Process modifiers in one pass\n for (let i = 0; i < modifiers.length; i++) {\n const modifier = modifiers[i];\n // Check if modifier is sensitive (starts with '[' or in orderSensitiveModifiers)\n const isArbitrary = modifier[0] === '[';\n const isOrderSensitive = modifierWeights.has(modifier);\n if (isArbitrary \|\| isOrderSensitive) {\n // Sort and flush current segment alphabetically\n if (currentSegment.length > 0) {\n currentSegment.sort();\n result.push(...currentSegment);\n currentSegment = [];\n }\n result.push(modifier);\n } else {\n // Regular modifier - add to current segment for batch sorting\n currentSegment.push(modifier);\n }\n }\n // Sort and add any remaining segment items\n if (currentSegment.length > 0) {\n currentSegment.sort();\n result.push(...currentSegment);\n }\n return result;\n };\n};\nconst createConfigUtils = config => ({\n cache: createLruCache(config.cacheSize),\n parseClassName: createParseClassName(config),\n sortModifiers: createSortModifiers(config),\n ...createClassGroupUtils(config)\n});\nconst SPLIT_CLASSES_REGEX = /\\s+/;\nconst mergeClassList = (classList, configUtils) => {\n const {\n parseClassName,\n getClassGroupId,\n getConflictingClassGroupIds,\n sortModifiers\n } = configUtils;\n /\n Set of classGroupIds in following format:\n * `{importantModifier}{variantModifiers}{classGroupId}`\n * @example 'float'\n * @example 'hover:focus:bg-color'\n * @example 'md:!pr'\n /\n const classGroupsInConflict = [];\n const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);\n let result = '';\n for (let index = classNames.length - 1; index >= 0; index -= 1) {\n const originalClassName = classNames[index];\n const {\n isExternal,\n modifiers,\n hasImportantModifier,\n baseClassName,\n maybePostfixModifierPosition\n } = parseClassName(originalClassName);\n if (isExternal) {\n result = originalClassName + (result.length > 0 ? ' ' + result : result);\n continue;\n }\n let hasPostfixModifier = !!maybePostfixModifierPosition;\n let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);\n if (!classGroupId) {\n if (!hasPostfixModifier) {\n // Not a Tailwind class\n result = originalClassName + (result.length > 0 ? ' ' + result : result);\n continue;\n }\n classGroupId = getClassGroupId(baseClassName);\n if (!classGroupId) {\n // Not a Tailwind class\n result = originalClassName + (result.length > 0 ? ' ' + result : result);\n continue;\n }\n hasPostfixModifier = false;\n }\n // Fast path: skip sorting for empty or single modifier\n const variantModifier = modifiers.length === 0 ? '' : modifiers.length === 1 ? modifiers[0] : sortModifiers(modifiers).join(':');\n const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;\n const classId = modifierId + classGroupId;\n if (classGroupsInConflict.indexOf(classId) > -1) {\n // Tailwind class omitted due to conflict\n continue;\n }\n classGroupsInConflict.push(classId);\n const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);\n for (let i = 0; i < conflictGroups.length; ++i) {\n const group = conflictGroups[i];\n classGroupsInConflict.push(modifierId + group);\n }\n // Tailwind class not in conflict\n result = originalClassName + (result.length > 0 ? ' ' + result : result);\n }\n return result;\n};\n\n/\n The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better.\n \n Specifically:\n * - Runtime code from https://github.com/lukeed/clsx/blob/v1.2.1/src/index.js\n * - TypeScript types from https://github.com/lukeed/clsx/blob/v1.2.1/clsx.d.ts\n \n Original code has MIT license: Copyright (c) Luke Edwards <luke.edwards05@gmail.com> (lukeed.com)\n /\nconst twJoin = (...classLists) => {\n let index = 0;\n let argument;\n let resolvedValue;\n let string = '';\n while (index < classLists.length) {\n if (argument = classLists[index++]) {\n if (resolvedValue = toValue(argument)) {\n string && (string += ' ');\n string += resolvedValue;\n }\n }\n }\n return string;\n};\nconst toValue = mix => {\n // Fast path for strings\n if (typeof mix === 'string') {\n return mix;\n }\n let resolvedValue;\n let string = '';\n for (let k = 0; k < mix.length; k++) {\n if (mix[k]) {\n if (resolvedValue = toValue(mix[k])) {\n string && (string += ' ');\n string += resolvedValue;\n }\n }\n }\n return string;\n};\nconst createTailwindMerge = (createConfigFirst, ...createConfigRest) => {\n let configUtils;\n let cacheGet;\n let cacheSet;\n let functionToCall;\n const initTailwindMerge = classList => {\n const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());\n configUtils = createConfigUtils(config);\n cacheGet = configUtils.cache.get;\n cacheSet = configUtils.cache.set;\n functionToCall = tailwindMerge;\n return tailwindMerge(classList);\n };\n const tailwindMerge = classList => {\n const cachedResult = cacheGet(classList);\n if (cachedResult) {\n return cachedResult;\n }\n const result = mergeClassList(classList, configUtils);\n cacheSet(classList, result);\n return result;\n };\n functionToCall = initTailwindMerge;\n return (...args) => functionToCall(twJoin(...args));\n};\nconst fallbackThemeArr = [];\nconst fromTheme = key => {\n const themeGetter = theme => theme[key] \|\| fallbackThemeArr;\n themeGetter.isThemeGetter = true;\n return themeGetter;\n};\nconst arbitraryValueRegex = /^\\[(?:(\\w[\\w-]):)?(.+)\\]$/i;\nconst arbitraryVariableRegex = /^\$(?:(\\w[\\w-]):)?(.+)\$$/i;\nconst fractionRegex = /^\\d+\\/\\d+$/;\nconst tshirtUnitRegex = /^(\\d+(\\.\\d+)?)?(xs\|sm\|md\|lg\|xl)$/;\nconst lengthUnitRegex = /\\d+(%\|px\|r?em\|[sdl]?v([hwib]\|min\|max)\|pt\|pc\|in\|cm\|mm\|cap\|ch\|ex\|r?lh\|cq(w\|h\|i\|b\|min\|max))\|\\b(calc\|min\|max\|clamp)\$.+\$\|^0$/;\nconst colorFunctionRegex = /^(rgba?\|hsla?\|hwb\|(ok)?(lab\|lch)\|color-mix)\$.+\$$/;\n// Shadow always begins with x and y offset separated by underscore optionally prepended by inset\nconst shadowRegex = /^(inset_)?-?((\\d+)?\\.?(\\d+)[a-z]+\|0)_-?((\\d+)?\\.?(\\d+)[a-z]+\|0)/;\nconst imageRegex = /^(url\|image\|image-set\|cross-fade\|element\|(repeating-)?(linear\|radial\|conic)-gradient)\$.+\$$/;\nconst isFraction = value => fractionRegex.test(value);\nconst isNumber = value => !!value && !Number.isNaN(Number(value));\nconst isInteger = value => !!value && Number.isInteger(Number(value));\nconst isPercent = value => value.endsWith('%') && isNumber(value.slice(0, -1));\nconst isTshirtSize = value => tshirtUnitRegex.test(value);\nconst isAny = () => true;\nconst isLengthOnly = value =>\n// `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.\n// For example, `hsl(0 0% 0%)` would be classified as a length without this check.\n// I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.\nlengthUnitRegex.test(value) && !colorFunctionRegex.test(value);\nconst isNever = () => false;\nconst isShadow = value => shadowRegex.test(value);\nconst isImage = value => imageRegex.test(value);\nconst isAnyNonArbitrary = value => !isArbitraryValue(value) && !isArbitraryVariable(value);\nconst isArbitrarySize = value => getIsArbitraryValue(value, isLabelSize, isNever);\nconst isArbitraryValue = value => arbitraryValueRegex.test(value);\nconst isArbitraryLength = value => getIsArbitraryValue(value, isLabelLength, isLengthOnly);\nconst isArbitraryNumber = value => getIsArbitraryValue(value, isLabelNumber, isNumber);\nconst isArbitraryPosition = value => getIsArbitraryValue(value, isLabelPosition, isNever);\nconst isArbitraryImage = value => getIsArbitraryValue(value, isLabelImage, isImage);\nconst isArbitraryShadow = value => getIsArbitraryValue(value, isLabelShadow, isShadow);\nconst isArbitraryVariable = value => arbitraryVariableRegex.test(value);\nconst isArbitraryVariableLength = value => getIsArbitraryVariable(value, isLabelLength);\nconst isArbitraryVariableFamilyName = value => getIsArbitraryVariable(value, isLabelFamilyName);\nconst isArbitraryVariablePosition = value => getIsArbitraryVariable(value, isLabelPosition);\nconst isArbitraryVariableSize = value => getIsArbitraryVariable(value, isLabelSize);\nconst isArbitraryVariableImage = value => getIsArbitraryVariable(value, isLabelImage);\nconst isArbitraryVariableShadow = value => getIsArbitraryVariable(value, isLabelShadow, true);\n// Helpers\nconst getIsArbitraryValue = (value, testLabel, testValue) => {\n const result = arbitraryValueRegex.exec(value);\n if (result) {\n if (result[1]) {\n return testLabel(result[1]);\n }\n return testValue(result[2]);\n }\n return false;\n};\nconst getIsArbitraryVariable = (value, testLabel, shouldMatchNoLabel = false) => {\n const result = arbitraryVariableRegex.exec(value);\n if (result) {\n if (result[1]) {\n return testLabel(result[1]);\n }\n return shouldMatchNoLabel;\n }\n return false;\n};\n// Labels\nconst isLabelPosition = label => label === 'position' \|\| label === 'percentage';\nconst isLabelImage = label => label === 'image' \|\| label === 'url';\nconst isLabelSize = label => label === 'length' \|\| label === 'size' \|\| label === 'bg-size';\nconst isLabelLength = label => label === 'length';\nconst isLabelNumber = label => label === 'number';\nconst isLabelFamilyName = label => label === 'family-name';\nconst isLabelShadow = label => label === 'shadow';\nconst validators = /#__PURE__/Object.defineProperty({\n __proto__: null,\n isAny,\n isAnyNonArbitrary,\n isArbitraryImage,\n isArbitraryLength,\n isArbitraryNumber,\n isArbitraryPosition,\n isArbitraryShadow,\n isArbitrarySize,\n isArbitraryValue,\n isArbitraryVariable,\n isArbitraryVariableFamilyName,\n isArbitraryVariableImage,\n isArbitraryVariableLength,\n isArbitraryVariablePosition,\n isArbitraryVariableShadow,\n isArbitraryVariableSize,\n isFraction,\n isInteger,\n isNumber,\n isPercent,\n isTshirtSize\n}, Symbol.toStringTag, {\n value: 'Module'\n});\nconst getDefaultConfig = () => {\n /\n Theme getters for theme variable namespaces\n * @see https://tailwindcss.com/docs/theme#theme-variable-namespaces\n /\n //\n const themeColor = fromTheme('color');\n const themeFont = fromTheme('font');\n const themeText = fromTheme('text');\n const themeFontWeight = fromTheme('font-weight');\n const themeTracking = fromTheme('tracking');\n const themeLeading = fromTheme('leading');\n const themeBreakpoint = fromTheme('breakpoint');\n const themeContainer = fromTheme('container');\n const themeSpacing = fromTheme('spacing');\n const themeRadius = fromTheme('radius');\n const themeShadow = fromTheme('shadow');\n const themeInsetShadow = fromTheme('inset-shadow');\n const themeTextShadow = fromTheme('text-shadow');\n const themeDropShadow = fromTheme('drop-shadow');\n const themeBlur = fromTheme('blur');\n const themePerspective = fromTheme('perspective');\n const themeAspect = fromTheme('aspect');\n const themeEase = fromTheme('ease');\n const themeAnimate = fromTheme('animate');\n /\n * Helpers to avoid repeating the same scales\n \n We use functions that create a new array every time they're called instead of static arrays.\n * This ensures that users who modify any scale by mutating the array (e.g. with `array.push(element)`) don't accidentally mutate arrays in other parts of the config.\n /\n //\n const scaleBreak = () => ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'];\n const scalePosition = () => ['center', 'top', 'bottom', 'left', 'right', 'top-left',\n // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378\n 'left-top', 'top-right',\n // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378\n 'right-top', 'bottom-right',\n // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378\n 'right-bottom', 'bottom-left',\n // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378\n 'left-bottom'];\n const scalePositionWithArbitrary = () => [...scalePosition(), isArbitraryVariable, isArbitraryValue];\n const scaleOverflow = () => ['auto', 'hidden', 'clip', 'visible', 'scroll'];\n const scaleOverscroll = () => ['auto', 'contain', 'none'];\n const scaleUnambiguousSpacing = () => [isArbitraryVariable, isArbitraryValue, themeSpacing];\n const scaleInset = () => [isFraction, 'full', 'auto', ...scaleUnambiguousSpacing()];\n const scaleGridTemplateColsRows = () => [isInteger, 'none', 'subgrid', isArbitraryVariable, isArbitraryValue];\n const scaleGridColRowStartAndEnd = () => ['auto', {\n span: ['full', isInteger, isArbitraryVariable, isArbitraryValue]\n }, isInteger, isArbitraryVariable, isArbitraryValue];\n const scaleGridColRowStartOrEnd = () => [isInteger, 'auto', isArbitraryVariable, isArbitraryValue];\n const scaleGridAutoColsRows = () => ['auto', 'min', 'max', 'fr', isArbitraryVariable, isArbitraryValue];\n const scaleAlignPrimaryAxis = () => ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch', 'baseline', 'center-safe', 'end-safe'];\n const scaleAlignSecondaryAxis = () => ['start', 'end', 'center', 'stretch', 'center-safe', 'end-safe'];\n const scaleMargin = () => ['auto', ...scaleUnambiguousSpacing()];\n const scaleSizing = () => [isFraction, 'auto', 'full', 'dvw', 'dvh', 'lvw', 'lvh', 'svw', 'svh', 'min', 'max', 'fit', ...scaleUnambiguousSpacing()];\n const scaleColor = () => [themeColor, isArbitraryVariable, isArbitraryValue];\n const scaleBgPosition = () => [...scalePosition(), isArbitraryVariablePosition, isArbitraryPosition, {\n position: [isArbitraryVariable, isArbitraryValue]\n }];\n const scaleBgRepeat = () => ['no-repeat', {\n repeat: ['', 'x', 'y', 'space', 'round']\n }];\n const scaleBgSize = () => ['auto', 'cover', 'contain', isArbitraryVariableSize, isArbitrarySize, {\n size: [isArbitraryVariable, isArbitraryValue]\n }];\n const scaleGradientStopPosition = () => [isPercent, isArbitraryVariableLength, isArbitraryLength];\n const scaleRadius = () => [\n // Deprecated since Tailwind CSS v4.0.0\n '', 'none', 'full', themeRadius, isArbitraryVariable, isArbitraryValue];\n const scaleBorderWidth = () => ['', isNumber, isArbitraryVariableLength, isArbitraryLength];\n const scaleLineStyle = () => ['solid', 'dashed', 'dotted', 'double'];\n const scaleBlendMode = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity'];\n const scaleMaskImagePosition = () => [isNumber, isPercent, isArbitraryVariablePosition, isArbitraryPosition];\n const scaleBlur = () => [\n // Deprecated since Tailwind CSS v4.0.0\n '', 'none', themeBlur, isArbitraryVariable, isArbitraryValue];\n const scaleRotate = () => ['none', isNumber, isArbitraryVariable, isArbitraryValue];\n const scaleScale = () => ['none', isNumber, isArbitraryVariable, isArbitraryValue];\n const scaleSkew = () => [isNumber, isArbitraryVariable, isArbitraryValue];\n const scaleTranslate = () => [isFraction, 'full', ...scaleUnambiguousSpacing()];\n return {\n cacheSize: 500,\n theme: {\n animate: ['spin', 'ping', 'pulse', 'bounce'],\n aspect: ['video'],\n blur: [isTshirtSize],\n breakpoint: [isTshirtSize],\n color: [isAny],\n container: [isTshirtSize],\n 'drop-shadow': [isTshirtSize],\n ease: ['in', 'out', 'in-out'],\n font: [isAnyNonArbitrary],\n 'font-weight': ['thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black'],\n 'inset-shadow': [isTshirtSize],\n leading: ['none', 'tight', 'snug', 'normal', 'relaxed', 'loose'],\n perspective: ['dramatic', 'near', 'normal', 'midrange', 'distant', 'none'],\n radius: [isTshirtSize],\n shadow: [isTshirtSize],\n spacing: ['px', isNumber],\n text: [isTshirtSize],\n 'text-shadow': [isTshirtSize],\n tracking: ['tighter', 'tight', 'normal', 'wide', 'wider', 'widest']\n },\n classGroups: {\n // --------------\n // --- Layout ---\n // --------------\n /\n * Aspect Ratio\n * @see https://tailwindcss.com/docs/aspect-ratio\n /\n aspect: [{\n aspect: ['auto', 'square', isFraction, isArbitraryValue, isArbitraryVariable, themeAspect]\n }],\n /\n Container\n * @see https://tailwindcss.com/docs/container\n * @deprecated since Tailwind CSS v4.0.0\n /\n container: ['container'],\n /\n Columns\n * @see https://tailwindcss.com/docs/columns\n /\n columns: [{\n columns: [isNumber, isArbitraryValue, isArbitraryVariable, themeContainer]\n }],\n /\n Break After\n * @see https://tailwindcss.com/docs/break-after\n /\n 'break-after': [{\n 'break-after': scaleBreak()\n }],\n /\n Break Before\n * @see https://tailwindcss.com/docs/break-before\n /\n 'break-before': [{\n 'break-before': scaleBreak()\n }],\n /\n Break Inside\n * @see https://tailwindcss.com/docs/break-inside\n /\n 'break-inside': [{\n 'break-inside': ['auto', 'avoid', 'avoid-page', 'avoid-column']\n }],\n /\n Box Decoration Break\n * @see https://tailwindcss.com/docs/box-decoration-break\n /\n 'box-decoration': [{\n 'box-decoration': ['slice', 'clone']\n }],\n /\n Box Sizing\n * @see https://tailwindcss.com/docs/box-sizing\n /\n box: [{\n box: ['border', 'content']\n }],\n /\n Display\n * @see https://tailwindcss.com/docs/display\n /\n display: ['block', 'inline-block', 'inline', 'flex', 'inline-flex', 'table', 'inline-table', 'table-caption', 'table-cell', 'table-column', 'table-column-group', 'table-footer-group', 'table-header-group', 'table-row-group', 'table-row', 'flow-root', 'grid', 'inline-grid', 'contents', 'list-item', 'hidden'],\n /\n Screen Reader Only\n * @see https://tailwindcss.com/docs/display#screen-reader-only\n /\n sr: ['sr-only', 'not-sr-only'],\n /\n Floats\n * @see https://tailwindcss.com/docs/float\n /\n float: [{\n float: ['right', 'left', 'none', 'start', 'end']\n }],\n /\n Clear\n * @see https://tailwindcss.com/docs/clear\n /\n clear: [{\n clear: ['left', 'right', 'both', 'none', 'start', 'end']\n }],\n /\n Isolation\n * @see https://tailwindcss.com/docs/isolation\n /\n isolation: ['isolate', 'isolation-auto'],\n /\n Object Fit\n * @see https://tailwindcss.com/docs/object-fit\n /\n 'object-fit': [{\n object: ['contain', 'cover', 'fill', 'none', 'scale-down']\n }],\n /\n Object Position\n * @see https://tailwindcss.com/docs/object-position\n /\n 'object-position': [{\n object: scalePositionWithArbitrary()\n }],\n /\n Overflow\n * @see https://tailwindcss.com/docs/overflow\n /\n overflow: [{\n overflow: scaleOverflow()\n }],\n /\n Overflow X\n * @see https://tailwindcss.com/docs/overflow\n /\n 'overflow-x': [{\n 'overflow-x': scaleOverflow()\n }],\n /\n Overflow Y\n * @see https://tailwindcss.com/docs/overflow\n /\n 'overflow-y': [{\n 'overflow-y': scaleOverflow()\n }],\n /\n Overscroll Behavior\n * @see https://tailwindcss.com/docs/overscroll-behavior\n /\n overscroll: [{\n overscroll: scaleOverscroll()\n }],\n /\n Overscroll Behavior X\n * @see https://tailwindcss.com/docs/overscroll-behavior\n /\n 'overscroll-x': [{\n 'overscroll-x': scaleOverscroll()\n }],\n /\n Overscroll Behavior Y\n * @see https://tailwindcss.com/docs/overscroll-behavior\n /\n 'overscroll-y': [{\n 'overscroll-y': scaleOverscroll()\n }],\n /\n Position\n * @see https://tailwindcss.com/docs/position\n /\n position: ['static', 'fixed', 'absolute', 'relative', 'sticky'],\n /\n Top / Right / Bottom / Left\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n /\n inset: [{\n inset: scaleInset()\n }],\n /\n Right / Left\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n /\n 'inset-x': [{\n 'inset-x': scaleInset()\n }],\n /\n Top / Bottom\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n /\n 'inset-y': [{\n 'inset-y': scaleInset()\n }],\n /\n Start\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n /\n start: [{\n start: scaleInset()\n }],\n /\n End\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n /\n end: [{\n end: scaleInset()\n }],\n /\n Top\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n /\n top: [{\n top: scaleInset()\n }],\n /\n Right\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n /\n right: [{\n right: scaleInset()\n }],\n /\n Bottom\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n /\n bottom: [{\n bottom: scaleInset()\n }],\n /\n Left\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n /\n left: [{\n left: scaleInset()\n }],\n /\n Visibility\n * @see https://tailwindcss.com/docs/visibility\n /\n visibility: ['visible', 'invisible', 'collapse'],\n /\n Z-Index\n * @see https://tailwindcss.com/docs/z-index\n /\n z: [{\n z: [isInteger, 'auto', isArbitraryVariable, isArbitraryValue]\n }],\n // ------------------------\n // --- Flexbox and Grid ---\n // ------------------------\n /\n Flex Basis\n * @see https://tailwindcss.com/docs/flex-basis\n /\n basis: [{\n basis: [isFraction, 'full', 'auto', themeContainer, ...scaleUnambiguousSpacing()]\n }],\n /\n Flex Direction\n * @see https://tailwindcss.com/docs/flex-direction\n /\n 'flex-direction': [{\n flex: ['row', 'row-reverse', 'col', 'col-reverse']\n }],\n /\n Flex Wrap\n * @see https://tailwindcss.com/docs/flex-wrap\n /\n 'flex-wrap': [{\n flex: ['nowrap', 'wrap', 'wrap-reverse']\n }],\n /\n Flex\n * @see https://tailwindcss.com/docs/flex\n /\n flex: [{\n flex: [isNumber, isFraction, 'auto', 'initial', 'none', isArbitraryValue]\n }],\n /\n Flex Grow\n * @see https://tailwindcss.com/docs/flex-grow\n /\n grow: [{\n grow: ['', isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Flex Shrink\n * @see https://tailwindcss.com/docs/flex-shrink\n /\n shrink: [{\n shrink: ['', isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Order\n * @see https://tailwindcss.com/docs/order\n /\n order: [{\n order: [isInteger, 'first', 'last', 'none', isArbitraryVariable, isArbitraryValue]\n }],\n /\n Grid Template Columns\n * @see https://tailwindcss.com/docs/grid-template-columns\n /\n 'grid-cols': [{\n 'grid-cols': scaleGridTemplateColsRows()\n }],\n /\n Grid Column Start / End\n * @see https://tailwindcss.com/docs/grid-column\n /\n 'col-start-end': [{\n col: scaleGridColRowStartAndEnd()\n }],\n /\n Grid Column Start\n * @see https://tailwindcss.com/docs/grid-column\n /\n 'col-start': [{\n 'col-start': scaleGridColRowStartOrEnd()\n }],\n /\n Grid Column End\n * @see https://tailwindcss.com/docs/grid-column\n /\n 'col-end': [{\n 'col-end': scaleGridColRowStartOrEnd()\n }],\n /\n Grid Template Rows\n * @see https://tailwindcss.com/docs/grid-template-rows\n /\n 'grid-rows': [{\n 'grid-rows': scaleGridTemplateColsRows()\n }],\n /\n Grid Row Start / End\n * @see https://tailwindcss.com/docs/grid-row\n /\n 'row-start-end': [{\n row: scaleGridColRowStartAndEnd()\n }],\n /\n Grid Row Start\n * @see https://tailwindcss.com/docs/grid-row\n /\n 'row-start': [{\n 'row-start': scaleGridColRowStartOrEnd()\n }],\n /\n Grid Row End\n * @see https://tailwindcss.com/docs/grid-row\n /\n 'row-end': [{\n 'row-end': scaleGridColRowStartOrEnd()\n }],\n /\n Grid Auto Flow\n * @see https://tailwindcss.com/docs/grid-auto-flow\n /\n 'grid-flow': [{\n 'grid-flow': ['row', 'col', 'dense', 'row-dense', 'col-dense']\n }],\n /\n Grid Auto Columns\n * @see https://tailwindcss.com/docs/grid-auto-columns\n /\n 'auto-cols': [{\n 'auto-cols': scaleGridAutoColsRows()\n }],\n /\n Grid Auto Rows\n * @see https://tailwindcss.com/docs/grid-auto-rows\n /\n 'auto-rows': [{\n 'auto-rows': scaleGridAutoColsRows()\n }],\n /\n Gap\n * @see https://tailwindcss.com/docs/gap\n /\n gap: [{\n gap: scaleUnambiguousSpacing()\n }],\n /\n Gap X\n * @see https://tailwindcss.com/docs/gap\n /\n 'gap-x': [{\n 'gap-x': scaleUnambiguousSpacing()\n }],\n /\n Gap Y\n * @see https://tailwindcss.com/docs/gap\n /\n 'gap-y': [{\n 'gap-y': scaleUnambiguousSpacing()\n }],\n /\n Justify Content\n * @see https://tailwindcss.com/docs/justify-content\n /\n 'justify-content': [{\n justify: [...scaleAlignPrimaryAxis(), 'normal']\n }],\n /\n Justify Items\n * @see https://tailwindcss.com/docs/justify-items\n /\n 'justify-items': [{\n 'justify-items': [...scaleAlignSecondaryAxis(), 'normal']\n }],\n /\n Justify Self\n * @see https://tailwindcss.com/docs/justify-self\n /\n 'justify-self': [{\n 'justify-self': ['auto', ...scaleAlignSecondaryAxis()]\n }],\n /\n Align Content\n * @see https://tailwindcss.com/docs/align-content\n /\n 'align-content': [{\n content: ['normal', ...scaleAlignPrimaryAxis()]\n }],\n /\n Align Items\n * @see https://tailwindcss.com/docs/align-items\n /\n 'align-items': [{\n items: [...scaleAlignSecondaryAxis(), {\n baseline: ['', 'last']\n }]\n }],\n /\n Align Self\n * @see https://tailwindcss.com/docs/align-self\n /\n 'align-self': [{\n self: ['auto', ...scaleAlignSecondaryAxis(), {\n baseline: ['', 'last']\n }]\n }],\n /\n Place Content\n * @see https://tailwindcss.com/docs/place-content\n /\n 'place-content': [{\n 'place-content': scaleAlignPrimaryAxis()\n }],\n /\n Place Items\n * @see https://tailwindcss.com/docs/place-items\n /\n 'place-items': [{\n 'place-items': [...scaleAlignSecondaryAxis(), 'baseline']\n }],\n /\n Place Self\n * @see https://tailwindcss.com/docs/place-self\n /\n 'place-self': [{\n 'place-self': ['auto', ...scaleAlignSecondaryAxis()]\n }],\n // Spacing\n /\n Padding\n * @see https://tailwindcss.com/docs/padding\n /\n p: [{\n p: scaleUnambiguousSpacing()\n }],\n /\n Padding X\n * @see https://tailwindcss.com/docs/padding\n /\n px: [{\n px: scaleUnambiguousSpacing()\n }],\n /\n Padding Y\n * @see https://tailwindcss.com/docs/padding\n /\n py: [{\n py: scaleUnambiguousSpacing()\n }],\n /\n Padding Start\n * @see https://tailwindcss.com/docs/padding\n /\n ps: [{\n ps: scaleUnambiguousSpacing()\n }],\n /\n Padding End\n * @see https://tailwindcss.com/docs/padding\n /\n pe: [{\n pe: scaleUnambiguousSpacing()\n }],\n /\n Padding Top\n * @see https://tailwindcss.com/docs/padding\n /\n pt: [{\n pt: scaleUnambiguousSpacing()\n }],\n /\n Padding Right\n * @see https://tailwindcss.com/docs/padding\n /\n pr: [{\n pr: scaleUnambiguousSpacing()\n }],\n /\n Padding Bottom\n * @see https://tailwindcss.com/docs/padding\n /\n pb: [{\n pb: scaleUnambiguousSpacing()\n }],\n /\n Padding Left\n * @see https://tailwindcss.com/docs/padding\n /\n pl: [{\n pl: scaleUnambiguousSpacing()\n }],\n /\n Margin\n * @see https://tailwindcss.com/docs/margin\n /\n m: [{\n m: scaleMargin()\n }],\n /\n Margin X\n * @see https://tailwindcss.com/docs/margin\n /\n mx: [{\n mx: scaleMargin()\n }],\n /\n Margin Y\n * @see https://tailwindcss.com/docs/margin\n /\n my: [{\n my: scaleMargin()\n }],\n /\n Margin Start\n * @see https://tailwindcss.com/docs/margin\n /\n ms: [{\n ms: scaleMargin()\n }],\n /\n Margin End\n * @see https://tailwindcss.com/docs/margin\n /\n me: [{\n me: scaleMargin()\n }],\n /\n Margin Top\n * @see https://tailwindcss.com/docs/margin\n /\n mt: [{\n mt: scaleMargin()\n }],\n /\n Margin Right\n * @see https://tailwindcss.com/docs/margin\n /\n mr: [{\n mr: scaleMargin()\n }],\n /\n Margin Bottom\n * @see https://tailwindcss.com/docs/margin\n /\n mb: [{\n mb: scaleMargin()\n }],\n /\n Margin Left\n * @see https://tailwindcss.com/docs/margin\n /\n ml: [{\n ml: scaleMargin()\n }],\n /\n Space Between X\n * @see https://tailwindcss.com/docs/margin#adding-space-between-children\n /\n 'space-x': [{\n 'space-x': scaleUnambiguousSpacing()\n }],\n /\n Space Between X Reverse\n * @see https://tailwindcss.com/docs/margin#adding-space-between-children\n /\n 'space-x-reverse': ['space-x-reverse'],\n /\n Space Between Y\n * @see https://tailwindcss.com/docs/margin#adding-space-between-children\n /\n 'space-y': [{\n 'space-y': scaleUnambiguousSpacing()\n }],\n /\n Space Between Y Reverse\n * @see https://tailwindcss.com/docs/margin#adding-space-between-children\n /\n 'space-y-reverse': ['space-y-reverse'],\n // --------------\n // --- Sizing ---\n // --------------\n /\n Size\n * @see https://tailwindcss.com/docs/width#setting-both-width-and-height\n /\n size: [{\n size: scaleSizing()\n }],\n /\n Width\n * @see https://tailwindcss.com/docs/width\n /\n w: [{\n w: [themeContainer, 'screen', ...scaleSizing()]\n }],\n /\n Min-Width\n * @see https://tailwindcss.com/docs/min-width\n /\n 'min-w': [{\n 'min-w': [themeContainer, 'screen', /* Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 /\n 'none', ...scaleSizing()]\n }],\n /\n Max-Width\n * @see https://tailwindcss.com/docs/max-width\n /\n 'max-w': [{\n 'max-w': [themeContainer, 'screen', 'none', /* Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 /\n 'prose', /* Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 /\n {\n screen: [themeBreakpoint]\n }, ...scaleSizing()]\n }],\n /\n Height\n * @see https://tailwindcss.com/docs/height\n /\n h: [{\n h: ['screen', 'lh', ...scaleSizing()]\n }],\n /\n Min-Height\n * @see https://tailwindcss.com/docs/min-height\n /\n 'min-h': [{\n 'min-h': ['screen', 'lh', 'none', ...scaleSizing()]\n }],\n /\n Max-Height\n * @see https://tailwindcss.com/docs/max-height\n /\n 'max-h': [{\n 'max-h': ['screen', 'lh', ...scaleSizing()]\n }],\n // ------------------\n // --- Typography ---\n // ------------------\n /\n Font Size\n * @see https://tailwindcss.com/docs/font-size\n /\n 'font-size': [{\n text: ['base', themeText, isArbitraryVariableLength, isArbitraryLength]\n }],\n /\n Font Smoothing\n * @see https://tailwindcss.com/docs/font-smoothing\n /\n 'font-smoothing': ['antialiased', 'subpixel-antialiased'],\n /\n Font Style\n * @see https://tailwindcss.com/docs/font-style\n /\n 'font-style': ['italic', 'not-italic'],\n /\n Font Weight\n * @see https://tailwindcss.com/docs/font-weight\n /\n 'font-weight': [{\n font: [themeFontWeight, isArbitraryVariable, isArbitraryNumber]\n }],\n /\n Font Stretch\n * @see https://tailwindcss.com/docs/font-stretch\n /\n 'font-stretch': [{\n 'font-stretch': ['ultra-condensed', 'extra-condensed', 'condensed', 'semi-condensed', 'normal', 'semi-expanded', 'expanded', 'extra-expanded', 'ultra-expanded', isPercent, isArbitraryValue]\n }],\n /\n Font Family\n * @see https://tailwindcss.com/docs/font-family\n /\n 'font-family': [{\n font: [isArbitraryVariableFamilyName, isArbitraryValue, themeFont]\n }],\n /\n Font Variant Numeric\n * @see https://tailwindcss.com/docs/font-variant-numeric\n /\n 'fvn-normal': ['normal-nums'],\n /\n Font Variant Numeric\n * @see https://tailwindcss.com/docs/font-variant-numeric\n /\n 'fvn-ordinal': ['ordinal'],\n /\n Font Variant Numeric\n * @see https://tailwindcss.com/docs/font-variant-numeric\n /\n 'fvn-slashed-zero': ['slashed-zero'],\n /\n Font Variant Numeric\n * @see https://tailwindcss.com/docs/font-variant-numeric\n /\n 'fvn-figure': ['lining-nums', 'oldstyle-nums'],\n /\n Font Variant Numeric\n * @see https://tailwindcss.com/docs/font-variant-numeric\n /\n 'fvn-spacing': ['proportional-nums', 'tabular-nums'],\n /\n Font Variant Numeric\n * @see https://tailwindcss.com/docs/font-variant-numeric\n /\n 'fvn-fraction': ['diagonal-fractions', 'stacked-fractions'],\n /\n Letter Spacing\n * @see https://tailwindcss.com/docs/letter-spacing\n /\n tracking: [{\n tracking: [themeTracking, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Line Clamp\n * @see https://tailwindcss.com/docs/line-clamp\n /\n 'line-clamp': [{\n 'line-clamp': [isNumber, 'none', isArbitraryVariable, isArbitraryNumber]\n }],\n /\n Line Height\n * @see https://tailwindcss.com/docs/line-height\n /\n leading: [{\n leading: [/* Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 /\n themeLeading, ...scaleUnambiguousSpacing()]\n }],\n /\n List Style Image\n * @see https://tailwindcss.com/docs/list-style-image\n /\n 'list-image': [{\n 'list-image': ['none', isArbitraryVariable, isArbitraryValue]\n }],\n /\n List Style Position\n * @see https://tailwindcss.com/docs/list-style-position\n /\n 'list-style-position': [{\n list: ['inside', 'outside']\n }],\n /\n List Style Type\n * @see https://tailwindcss.com/docs/list-style-type\n /\n 'list-style-type': [{\n list: ['disc', 'decimal', 'none', isArbitraryVariable, isArbitraryValue]\n }],\n /\n Text Alignment\n * @see https://tailwindcss.com/docs/text-align\n /\n 'text-alignment': [{\n text: ['left', 'center', 'right', 'justify', 'start', 'end']\n }],\n /\n Placeholder Color\n * @deprecated since Tailwind CSS v3.0.0\n * @see https://v3.tailwindcss.com/docs/placeholder-color\n /\n 'placeholder-color': [{\n placeholder: scaleColor()\n }],\n /\n Text Color\n * @see https://tailwindcss.com/docs/text-color\n /\n 'text-color': [{\n text: scaleColor()\n }],\n /\n Text Decoration\n * @see https://tailwindcss.com/docs/text-decoration\n /\n 'text-decoration': ['underline', 'overline', 'line-through', 'no-underline'],\n /\n Text Decoration Style\n * @see https://tailwindcss.com/docs/text-decoration-style\n /\n 'text-decoration-style': [{\n decoration: [...scaleLineStyle(), 'wavy']\n }],\n /\n Text Decoration Thickness\n * @see https://tailwindcss.com/docs/text-decoration-thickness\n /\n 'text-decoration-thickness': [{\n decoration: [isNumber, 'from-font', 'auto', isArbitraryVariable, isArbitraryLength]\n }],\n /\n Text Decoration Color\n * @see https://tailwindcss.com/docs/text-decoration-color\n /\n 'text-decoration-color': [{\n decoration: scaleColor()\n }],\n /\n Text Underline Offset\n * @see https://tailwindcss.com/docs/text-underline-offset\n /\n 'underline-offset': [{\n 'underline-offset': [isNumber, 'auto', isArbitraryVariable, isArbitraryValue]\n }],\n /\n Text Transform\n * @see https://tailwindcss.com/docs/text-transform\n /\n 'text-transform': ['uppercase', 'lowercase', 'capitalize', 'normal-case'],\n /\n Text Overflow\n * @see https://tailwindcss.com/docs/text-overflow\n /\n 'text-overflow': ['truncate', 'text-ellipsis', 'text-clip'],\n /\n Text Wrap\n * @see https://tailwindcss.com/docs/text-wrap\n /\n 'text-wrap': [{\n text: ['wrap', 'nowrap', 'balance', 'pretty']\n }],\n /\n Text Indent\n * @see https://tailwindcss.com/docs/text-indent\n /\n indent: [{\n indent: scaleUnambiguousSpacing()\n }],\n /\n Vertical Alignment\n * @see https://tailwindcss.com/docs/vertical-align\n /\n 'vertical-align': [{\n align: ['baseline', 'top', 'middle', 'bottom', 'text-top', 'text-bottom', 'sub', 'super', isArbitraryVariable, isArbitraryValue]\n }],\n /\n Whitespace\n * @see https://tailwindcss.com/docs/whitespace\n /\n whitespace: [{\n whitespace: ['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces']\n }],\n /\n Word Break\n * @see https://tailwindcss.com/docs/word-break\n /\n break: [{\n break: ['normal', 'words', 'all', 'keep']\n }],\n /\n Overflow Wrap\n * @see https://tailwindcss.com/docs/overflow-wrap\n /\n wrap: [{\n wrap: ['break-word', 'anywhere', 'normal']\n }],\n /\n Hyphens\n * @see https://tailwindcss.com/docs/hyphens\n /\n hyphens: [{\n hyphens: ['none', 'manual', 'auto']\n }],\n /\n Content\n * @see https://tailwindcss.com/docs/content\n /\n content: [{\n content: ['none', isArbitraryVariable, isArbitraryValue]\n }],\n // -------------------\n // --- Backgrounds ---\n // -------------------\n /\n Background Attachment\n * @see https://tailwindcss.com/docs/background-attachment\n /\n 'bg-attachment': [{\n bg: ['fixed', 'local', 'scroll']\n }],\n /\n Background Clip\n * @see https://tailwindcss.com/docs/background-clip\n /\n 'bg-clip': [{\n 'bg-clip': ['border', 'padding', 'content', 'text']\n }],\n /\n Background Origin\n * @see https://tailwindcss.com/docs/background-origin\n /\n 'bg-origin': [{\n 'bg-origin': ['border', 'padding', 'content']\n }],\n /\n Background Position\n * @see https://tailwindcss.com/docs/background-position\n /\n 'bg-position': [{\n bg: scaleBgPosition()\n }],\n /\n Background Repeat\n * @see https://tailwindcss.com/docs/background-repeat\n /\n 'bg-repeat': [{\n bg: scaleBgRepeat()\n }],\n /\n Background Size\n * @see https://tailwindcss.com/docs/background-size\n /\n 'bg-size': [{\n bg: scaleBgSize()\n }],\n /\n Background Image\n * @see https://tailwindcss.com/docs/background-image\n /\n 'bg-image': [{\n bg: ['none', {\n linear: [{\n to: ['t', 'tr', 'r', 'br', 'b', 'bl', 'l', 'tl']\n }, isInteger, isArbitraryVariable, isArbitraryValue],\n radial: ['', isArbitraryVariable, isArbitraryValue],\n conic: [isInteger, isArbitraryVariable, isArbitraryValue]\n }, isArbitraryVariableImage, isArbitraryImage]\n }],\n /\n Background Color\n * @see https://tailwindcss.com/docs/background-color\n /\n 'bg-color': [{\n bg: scaleColor()\n }],\n /\n Gradient Color Stops From Position\n * @see https://tailwindcss.com/docs/gradient-color-stops\n /\n 'gradient-from-pos': [{\n from: scaleGradientStopPosition()\n }],\n /\n Gradient Color Stops Via Position\n * @see https://tailwindcss.com/docs/gradient-color-stops\n /\n 'gradient-via-pos': [{\n via: scaleGradientStopPosition()\n }],\n /\n Gradient Color Stops To Position\n * @see https://tailwindcss.com/docs/gradient-color-stops\n /\n 'gradient-to-pos': [{\n to: scaleGradientStopPosition()\n }],\n /\n Gradient Color Stops From\n * @see https://tailwindcss.com/docs/gradient-color-stops\n /\n 'gradient-from': [{\n from: scaleColor()\n }],\n /\n Gradient Color Stops Via\n * @see https://tailwindcss.com/docs/gradient-color-stops\n /\n 'gradient-via': [{\n via: scaleColor()\n }],\n /\n Gradient Color Stops To\n * @see https://tailwindcss.com/docs/gradient-color-stops\n /\n 'gradient-to': [{\n to: scaleColor()\n }],\n // ---------------\n // --- Borders ---\n // ---------------\n /\n Border Radius\n * @see https://tailwindcss.com/docs/border-radius\n /\n rounded: [{\n rounded: scaleRadius()\n }],\n /\n Border Radius Start\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-s': [{\n 'rounded-s': scaleRadius()\n }],\n /\n Border Radius End\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-e': [{\n 'rounded-e': scaleRadius()\n }],\n /\n Border Radius Top\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-t': [{\n 'rounded-t': scaleRadius()\n }],\n /\n Border Radius Right\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-r': [{\n 'rounded-r': scaleRadius()\n }],\n /\n Border Radius Bottom\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-b': [{\n 'rounded-b': scaleRadius()\n }],\n /\n Border Radius Left\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-l': [{\n 'rounded-l': scaleRadius()\n }],\n /\n Border Radius Start Start\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-ss': [{\n 'rounded-ss': scaleRadius()\n }],\n /\n Border Radius Start End\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-se': [{\n 'rounded-se': scaleRadius()\n }],\n /\n Border Radius End End\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-ee': [{\n 'rounded-ee': scaleRadius()\n }],\n /\n Border Radius End Start\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-es': [{\n 'rounded-es': scaleRadius()\n }],\n /\n Border Radius Top Left\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-tl': [{\n 'rounded-tl': scaleRadius()\n }],\n /\n Border Radius Top Right\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-tr': [{\n 'rounded-tr': scaleRadius()\n }],\n /\n Border Radius Bottom Right\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-br': [{\n 'rounded-br': scaleRadius()\n }],\n /\n Border Radius Bottom Left\n * @see https://tailwindcss.com/docs/border-radius\n /\n 'rounded-bl': [{\n 'rounded-bl': scaleRadius()\n }],\n /\n Border Width\n * @see https://tailwindcss.com/docs/border-width\n /\n 'border-w': [{\n border: scaleBorderWidth()\n }],\n /\n Border Width X\n * @see https://tailwindcss.com/docs/border-width\n /\n 'border-w-x': [{\n 'border-x': scaleBorderWidth()\n }],\n /\n Border Width Y\n * @see https://tailwindcss.com/docs/border-width\n /\n 'border-w-y': [{\n 'border-y': scaleBorderWidth()\n }],\n /\n Border Width Start\n * @see https://tailwindcss.com/docs/border-width\n /\n 'border-w-s': [{\n 'border-s': scaleBorderWidth()\n }],\n /\n Border Width End\n * @see https://tailwindcss.com/docs/border-width\n /\n 'border-w-e': [{\n 'border-e': scaleBorderWidth()\n }],\n /\n Border Width Top\n * @see https://tailwindcss.com/docs/border-width\n /\n 'border-w-t': [{\n 'border-t': scaleBorderWidth()\n }],\n /\n Border Width Right\n * @see https://tailwindcss.com/docs/border-width\n /\n 'border-w-r': [{\n 'border-r': scaleBorderWidth()\n }],\n /\n Border Width Bottom\n * @see https://tailwindcss.com/docs/border-width\n /\n 'border-w-b': [{\n 'border-b': scaleBorderWidth()\n }],\n /\n Border Width Left\n * @see https://tailwindcss.com/docs/border-width\n /\n 'border-w-l': [{\n 'border-l': scaleBorderWidth()\n }],\n /\n Divide Width X\n * @see https://tailwindcss.com/docs/border-width#between-children\n /\n 'divide-x': [{\n 'divide-x': scaleBorderWidth()\n }],\n /\n Divide Width X Reverse\n * @see https://tailwindcss.com/docs/border-width#between-children\n /\n 'divide-x-reverse': ['divide-x-reverse'],\n /\n Divide Width Y\n * @see https://tailwindcss.com/docs/border-width#between-children\n /\n 'divide-y': [{\n 'divide-y': scaleBorderWidth()\n }],\n /\n Divide Width Y Reverse\n * @see https://tailwindcss.com/docs/border-width#between-children\n /\n 'divide-y-reverse': ['divide-y-reverse'],\n /\n Border Style\n * @see https://tailwindcss.com/docs/border-style\n /\n 'border-style': [{\n border: [...scaleLineStyle(), 'hidden', 'none']\n }],\n /\n Divide Style\n * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style\n /\n 'divide-style': [{\n divide: [...scaleLineStyle(), 'hidden', 'none']\n }],\n /\n Border Color\n * @see https://tailwindcss.com/docs/border-color\n /\n 'border-color': [{\n border: scaleColor()\n }],\n /\n Border Color X\n * @see https://tailwindcss.com/docs/border-color\n /\n 'border-color-x': [{\n 'border-x': scaleColor()\n }],\n /\n Border Color Y\n * @see https://tailwindcss.com/docs/border-color\n /\n 'border-color-y': [{\n 'border-y': scaleColor()\n }],\n /\n Border Color S\n * @see https://tailwindcss.com/docs/border-color\n /\n 'border-color-s': [{\n 'border-s': scaleColor()\n }],\n /\n Border Color E\n * @see https://tailwindcss.com/docs/border-color\n /\n 'border-color-e': [{\n 'border-e': scaleColor()\n }],\n /\n Border Color Top\n * @see https://tailwindcss.com/docs/border-color\n /\n 'border-color-t': [{\n 'border-t': scaleColor()\n }],\n /\n Border Color Right\n * @see https://tailwindcss.com/docs/border-color\n /\n 'border-color-r': [{\n 'border-r': scaleColor()\n }],\n /\n Border Color Bottom\n * @see https://tailwindcss.com/docs/border-color\n /\n 'border-color-b': [{\n 'border-b': scaleColor()\n }],\n /\n Border Color Left\n * @see https://tailwindcss.com/docs/border-color\n /\n 'border-color-l': [{\n 'border-l': scaleColor()\n }],\n /\n Divide Color\n * @see https://tailwindcss.com/docs/divide-color\n /\n 'divide-color': [{\n divide: scaleColor()\n }],\n /\n Outline Style\n * @see https://tailwindcss.com/docs/outline-style\n /\n 'outline-style': [{\n outline: [...scaleLineStyle(), 'none', 'hidden']\n }],\n /\n Outline Offset\n * @see https://tailwindcss.com/docs/outline-offset\n /\n 'outline-offset': [{\n 'outline-offset': [isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Outline Width\n * @see https://tailwindcss.com/docs/outline-width\n /\n 'outline-w': [{\n outline: ['', isNumber, isArbitraryVariableLength, isArbitraryLength]\n }],\n /\n Outline Color\n * @see https://tailwindcss.com/docs/outline-color\n /\n 'outline-color': [{\n outline: scaleColor()\n }],\n // ---------------\n // --- Effects ---\n // ---------------\n /\n Box Shadow\n * @see https://tailwindcss.com/docs/box-shadow\n /\n shadow: [{\n shadow: [\n // Deprecated since Tailwind CSS v4.0.0\n '', 'none', themeShadow, isArbitraryVariableShadow, isArbitraryShadow]\n }],\n /\n Box Shadow Color\n * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color\n /\n 'shadow-color': [{\n shadow: scaleColor()\n }],\n /\n Inset Box Shadow\n * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow\n /\n 'inset-shadow': [{\n 'inset-shadow': ['none', themeInsetShadow, isArbitraryVariableShadow, isArbitraryShadow]\n }],\n /\n Inset Box Shadow Color\n * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color\n /\n 'inset-shadow-color': [{\n 'inset-shadow': scaleColor()\n }],\n /\n Ring Width\n * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring\n /\n 'ring-w': [{\n ring: scaleBorderWidth()\n }],\n /\n Ring Width Inset\n * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings\n * @deprecated since Tailwind CSS v4.0.0\n * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158\n /\n 'ring-w-inset': ['ring-inset'],\n /\n Ring Color\n * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color\n /\n 'ring-color': [{\n ring: scaleColor()\n }],\n /\n Ring Offset Width\n * @see https://v3.tailwindcss.com/docs/ring-offset-width\n * @deprecated since Tailwind CSS v4.0.0\n * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158\n /\n 'ring-offset-w': [{\n 'ring-offset': [isNumber, isArbitraryLength]\n }],\n /\n Ring Offset Color\n * @see https://v3.tailwindcss.com/docs/ring-offset-color\n * @deprecated since Tailwind CSS v4.0.0\n * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158\n /\n 'ring-offset-color': [{\n 'ring-offset': scaleColor()\n }],\n /\n Inset Ring Width\n * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring\n /\n 'inset-ring-w': [{\n 'inset-ring': scaleBorderWidth()\n }],\n /\n Inset Ring Color\n * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color\n /\n 'inset-ring-color': [{\n 'inset-ring': scaleColor()\n }],\n /\n Text Shadow\n * @see https://tailwindcss.com/docs/text-shadow\n /\n 'text-shadow': [{\n 'text-shadow': ['none', themeTextShadow, isArbitraryVariableShadow, isArbitraryShadow]\n }],\n /\n Text Shadow Color\n * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color\n /\n 'text-shadow-color': [{\n 'text-shadow': scaleColor()\n }],\n /\n Opacity\n * @see https://tailwindcss.com/docs/opacity\n /\n opacity: [{\n opacity: [isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Mix Blend Mode\n * @see https://tailwindcss.com/docs/mix-blend-mode\n /\n 'mix-blend': [{\n 'mix-blend': [...scaleBlendMode(), 'plus-darker', 'plus-lighter']\n }],\n /\n Background Blend Mode\n * @see https://tailwindcss.com/docs/background-blend-mode\n /\n 'bg-blend': [{\n 'bg-blend': scaleBlendMode()\n }],\n /\n Mask Clip\n * @see https://tailwindcss.com/docs/mask-clip\n /\n 'mask-clip': [{\n 'mask-clip': ['border', 'padding', 'content', 'fill', 'stroke', 'view']\n }, 'mask-no-clip'],\n /\n Mask Composite\n * @see https://tailwindcss.com/docs/mask-composite\n /\n 'mask-composite': [{\n mask: ['add', 'subtract', 'intersect', 'exclude']\n }],\n /\n Mask Image\n * @see https://tailwindcss.com/docs/mask-image\n /\n 'mask-image-linear-pos': [{\n 'mask-linear': [isNumber]\n }],\n 'mask-image-linear-from-pos': [{\n 'mask-linear-from': scaleMaskImagePosition()\n }],\n 'mask-image-linear-to-pos': [{\n 'mask-linear-to': scaleMaskImagePosition()\n }],\n 'mask-image-linear-from-color': [{\n 'mask-linear-from': scaleColor()\n }],\n 'mask-image-linear-to-color': [{\n 'mask-linear-to': scaleColor()\n }],\n 'mask-image-t-from-pos': [{\n 'mask-t-from': scaleMaskImagePosition()\n }],\n 'mask-image-t-to-pos': [{\n 'mask-t-to': scaleMaskImagePosition()\n }],\n 'mask-image-t-from-color': [{\n 'mask-t-from': scaleColor()\n }],\n 'mask-image-t-to-color': [{\n 'mask-t-to': scaleColor()\n }],\n 'mask-image-r-from-pos': [{\n 'mask-r-from': scaleMaskImagePosition()\n }],\n 'mask-image-r-to-pos': [{\n 'mask-r-to': scaleMaskImagePosition()\n }],\n 'mask-image-r-from-color': [{\n 'mask-r-from': scaleColor()\n }],\n 'mask-image-r-to-color': [{\n 'mask-r-to': scaleColor()\n }],\n 'mask-image-b-from-pos': [{\n 'mask-b-from': scaleMaskImagePosition()\n }],\n 'mask-image-b-to-pos': [{\n 'mask-b-to': scaleMaskImagePosition()\n }],\n 'mask-image-b-from-color': [{\n 'mask-b-from': scaleColor()\n }],\n 'mask-image-b-to-color': [{\n 'mask-b-to': scaleColor()\n }],\n 'mask-image-l-from-pos': [{\n 'mask-l-from': scaleMaskImagePosition()\n }],\n 'mask-image-l-to-pos': [{\n 'mask-l-to': scaleMaskImagePosition()\n }],\n 'mask-image-l-from-color': [{\n 'mask-l-from': scaleColor()\n }],\n 'mask-image-l-to-color': [{\n 'mask-l-to': scaleColor()\n }],\n 'mask-image-x-from-pos': [{\n 'mask-x-from': scaleMaskImagePosition()\n }],\n 'mask-image-x-to-pos': [{\n 'mask-x-to': scaleMaskImagePosition()\n }],\n 'mask-image-x-from-color': [{\n 'mask-x-from': scaleColor()\n }],\n 'mask-image-x-to-color': [{\n 'mask-x-to': scaleColor()\n }],\n 'mask-image-y-from-pos': [{\n 'mask-y-from': scaleMaskImagePosition()\n }],\n 'mask-image-y-to-pos': [{\n 'mask-y-to': scaleMaskImagePosition()\n }],\n 'mask-image-y-from-color': [{\n 'mask-y-from': scaleColor()\n }],\n 'mask-image-y-to-color': [{\n 'mask-y-to': scaleColor()\n }],\n 'mask-image-radial': [{\n 'mask-radial': [isArbitraryVariable, isArbitraryValue]\n }],\n 'mask-image-radial-from-pos': [{\n 'mask-radial-from': scaleMaskImagePosition()\n }],\n 'mask-image-radial-to-pos': [{\n 'mask-radial-to': scaleMaskImagePosition()\n }],\n 'mask-image-radial-from-color': [{\n 'mask-radial-from': scaleColor()\n }],\n 'mask-image-radial-to-color': [{\n 'mask-radial-to': scaleColor()\n }],\n 'mask-image-radial-shape': [{\n 'mask-radial': ['circle', 'ellipse']\n }],\n 'mask-image-radial-size': [{\n 'mask-radial': [{\n closest: ['side', 'corner'],\n farthest: ['side', 'corner']\n }]\n }],\n 'mask-image-radial-pos': [{\n 'mask-radial-at': scalePosition()\n }],\n 'mask-image-conic-pos': [{\n 'mask-conic': [isNumber]\n }],\n 'mask-image-conic-from-pos': [{\n 'mask-conic-from': scaleMaskImagePosition()\n }],\n 'mask-image-conic-to-pos': [{\n 'mask-conic-to': scaleMaskImagePosition()\n }],\n 'mask-image-conic-from-color': [{\n 'mask-conic-from': scaleColor()\n }],\n 'mask-image-conic-to-color': [{\n 'mask-conic-to': scaleColor()\n }],\n /\n Mask Mode\n * @see https://tailwindcss.com/docs/mask-mode\n /\n 'mask-mode': [{\n mask: ['alpha', 'luminance', 'match']\n }],\n /\n Mask Origin\n * @see https://tailwindcss.com/docs/mask-origin\n /\n 'mask-origin': [{\n 'mask-origin': ['border', 'padding', 'content', 'fill', 'stroke', 'view']\n }],\n /\n Mask Position\n * @see https://tailwindcss.com/docs/mask-position\n /\n 'mask-position': [{\n mask: scaleBgPosition()\n }],\n /\n Mask Repeat\n * @see https://tailwindcss.com/docs/mask-repeat\n /\n 'mask-repeat': [{\n mask: scaleBgRepeat()\n }],\n /\n Mask Size\n * @see https://tailwindcss.com/docs/mask-size\n /\n 'mask-size': [{\n mask: scaleBgSize()\n }],\n /\n Mask Type\n * @see https://tailwindcss.com/docs/mask-type\n /\n 'mask-type': [{\n 'mask-type': ['alpha', 'luminance']\n }],\n /\n Mask Image\n * @see https://tailwindcss.com/docs/mask-image\n /\n 'mask-image': [{\n mask: ['none', isArbitraryVariable, isArbitraryValue]\n }],\n // ---------------\n // --- Filters ---\n // ---------------\n /\n Filter\n * @see https://tailwindcss.com/docs/filter\n /\n filter: [{\n filter: [\n // Deprecated since Tailwind CSS v3.0.0\n '', 'none', isArbitraryVariable, isArbitraryValue]\n }],\n /\n Blur\n * @see https://tailwindcss.com/docs/blur\n /\n blur: [{\n blur: scaleBlur()\n }],\n /\n Brightness\n * @see https://tailwindcss.com/docs/brightness\n /\n brightness: [{\n brightness: [isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Contrast\n * @see https://tailwindcss.com/docs/contrast\n /\n contrast: [{\n contrast: [isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Drop Shadow\n * @see https://tailwindcss.com/docs/drop-shadow\n /\n 'drop-shadow': [{\n 'drop-shadow': [\n // Deprecated since Tailwind CSS v4.0.0\n '', 'none', themeDropShadow, isArbitraryVariableShadow, isArbitraryShadow]\n }],\n /\n Drop Shadow Color\n * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color\n /\n 'drop-shadow-color': [{\n 'drop-shadow': scaleColor()\n }],\n /\n Grayscale\n * @see https://tailwindcss.com/docs/grayscale\n /\n grayscale: [{\n grayscale: ['', isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Hue Rotate\n * @see https://tailwindcss.com/docs/hue-rotate\n /\n 'hue-rotate': [{\n 'hue-rotate': [isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Invert\n * @see https://tailwindcss.com/docs/invert\n /\n invert: [{\n invert: ['', isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Saturate\n * @see https://tailwindcss.com/docs/saturate\n /\n saturate: [{\n saturate: [isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Sepia\n * @see https://tailwindcss.com/docs/sepia\n /\n sepia: [{\n sepia: ['', isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Backdrop Filter\n * @see https://tailwindcss.com/docs/backdrop-filter\n /\n 'backdrop-filter': [{\n 'backdrop-filter': [\n // Deprecated since Tailwind CSS v3.0.0\n '', 'none', isArbitraryVariable, isArbitraryValue]\n }],\n /\n Backdrop Blur\n * @see https://tailwindcss.com/docs/backdrop-blur\n /\n 'backdrop-blur': [{\n 'backdrop-blur': scaleBlur()\n }],\n /\n Backdrop Brightness\n * @see https://tailwindcss.com/docs/backdrop-brightness\n /\n 'backdrop-brightness': [{\n 'backdrop-brightness': [isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Backdrop Contrast\n * @see https://tailwindcss.com/docs/backdrop-contrast\n /\n 'backdrop-contrast': [{\n 'backdrop-contrast': [isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Backdrop Grayscale\n * @see https://tailwindcss.com/docs/backdrop-grayscale\n /\n 'backdrop-grayscale': [{\n 'backdrop-grayscale': ['', isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Backdrop Hue Rotate\n * @see https://tailwindcss.com/docs/backdrop-hue-rotate\n /\n 'backdrop-hue-rotate': [{\n 'backdrop-hue-rotate': [isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Backdrop Invert\n * @see https://tailwindcss.com/docs/backdrop-invert\n /\n 'backdrop-invert': [{\n 'backdrop-invert': ['', isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Backdrop Opacity\n * @see https://tailwindcss.com/docs/backdrop-opacity\n /\n 'backdrop-opacity': [{\n 'backdrop-opacity': [isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Backdrop Saturate\n * @see https://tailwindcss.com/docs/backdrop-saturate\n /\n 'backdrop-saturate': [{\n 'backdrop-saturate': [isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Backdrop Sepia\n * @see https://tailwindcss.com/docs/backdrop-sepia\n /\n 'backdrop-sepia': [{\n 'backdrop-sepia': ['', isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n // --------------\n // --- Tables ---\n // --------------\n /\n Border Collapse\n * @see https://tailwindcss.com/docs/border-collapse\n /\n 'border-collapse': [{\n border: ['collapse', 'separate']\n }],\n /\n Border Spacing\n * @see https://tailwindcss.com/docs/border-spacing\n /\n 'border-spacing': [{\n 'border-spacing': scaleUnambiguousSpacing()\n }],\n /\n Border Spacing X\n * @see https://tailwindcss.com/docs/border-spacing\n /\n 'border-spacing-x': [{\n 'border-spacing-x': scaleUnambiguousSpacing()\n }],\n /\n Border Spacing Y\n * @see https://tailwindcss.com/docs/border-spacing\n /\n 'border-spacing-y': [{\n 'border-spacing-y': scaleUnambiguousSpacing()\n }],\n /\n Table Layout\n * @see https://tailwindcss.com/docs/table-layout\n /\n 'table-layout': [{\n table: ['auto', 'fixed']\n }],\n /\n Caption Side\n * @see https://tailwindcss.com/docs/caption-side\n /\n caption: [{\n caption: ['top', 'bottom']\n }],\n // ---------------------------------\n // --- Transitions and Animation ---\n // ---------------------------------\n /\n Transition Property\n * @see https://tailwindcss.com/docs/transition-property\n /\n transition: [{\n transition: ['', 'all', 'colors', 'opacity', 'shadow', 'transform', 'none', isArbitraryVariable, isArbitraryValue]\n }],\n /\n Transition Behavior\n * @see https://tailwindcss.com/docs/transition-behavior\n /\n 'transition-behavior': [{\n transition: ['normal', 'discrete']\n }],\n /\n Transition Duration\n * @see https://tailwindcss.com/docs/transition-duration\n /\n duration: [{\n duration: [isNumber, 'initial', isArbitraryVariable, isArbitraryValue]\n }],\n /\n Transition Timing Function\n * @see https://tailwindcss.com/docs/transition-timing-function\n /\n ease: [{\n ease: ['linear', 'initial', themeEase, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Transition Delay\n * @see https://tailwindcss.com/docs/transition-delay\n /\n delay: [{\n delay: [isNumber, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Animation\n * @see https://tailwindcss.com/docs/animation\n /\n animate: [{\n animate: ['none', themeAnimate, isArbitraryVariable, isArbitraryValue]\n }],\n // ------------------\n // --- Transforms ---\n // ------------------\n /\n Backface Visibility\n * @see https://tailwindcss.com/docs/backface-visibility\n /\n backface: [{\n backface: ['hidden', 'visible']\n }],\n /\n Perspective\n * @see https://tailwindcss.com/docs/perspective\n /\n perspective: [{\n perspective: [themePerspective, isArbitraryVariable, isArbitraryValue]\n }],\n /\n Perspective Origin\n * @see https://tailwindcss.com/docs/perspective-origin\n /\n 'perspective-origin': [{\n 'perspective-origin': scalePositionWithArbitrary()\n }],\n /\n Rotate\n * @see https://tailwindcss.com/docs/rotate\n /\n rotate: [{\n rotate: scaleRotate()\n }],\n /\n Rotate X\n * @see https://tailwindcss.com/docs/rotate\n /\n 'rotate-x': [{\n 'rotate-x': scaleRotate()\n }],\n /\n Rotate Y\n * @see https://tailwindcss.com/docs/rotate\n /\n 'rotate-y': [{\n 'rotate-y': scaleRotate()\n }],\n /\n Rotate Z\n * @see https://tailwindcss.com/docs/rotate\n /\n 'rotate-z': [{\n 'rotate-z': scaleRotate()\n }],\n /\n Scale\n * @see https://tailwindcss.com/docs/scale\n /\n scale: [{\n scale: scaleScale()\n }],\n /\n Scale X\n * @see https://tailwindcss.com/docs/scale\n /\n 'scale-x': [{\n 'scale-x': scaleScale()\n }],\n /\n Scale Y\n * @see https://tailwindcss.com/docs/scale\n /\n 'scale-y': [{\n 'scale-y': scaleScale()\n }],\n /\n Scale Z\n * @see https://tailwindcss.com/docs/scale\n /\n 'scale-z': [{\n 'scale-z': scaleScale()\n }],\n /\n Scale 3D\n * @see https://tailwindcss.com/docs/scale\n /\n 'scale-3d': ['scale-3d'],\n /\n Skew\n * @see https://tailwindcss.com/docs/skew\n /\n skew: [{\n skew: scaleSkew()\n }],\n /\n Skew X\n * @see https://tailwindcss.com/docs/skew\n /\n 'skew-x': [{\n 'skew-x': scaleSkew()\n }],\n /\n Skew Y\n * @see https://tailwindcss.com/docs/skew\n /\n 'skew-y': [{\n 'skew-y': scaleSkew()\n }],\n /\n Transform\n * @see https://tailwindcss.com/docs/transform\n /\n transform: [{\n transform: [isArbitraryVariable, isArbitraryValue, '', 'none', 'gpu', 'cpu']\n }],\n /\n Transform Origin\n * @see https://tailwindcss.com/docs/transform-origin\n /\n 'transform-origin': [{\n origin: scalePositionWithArbitrary()\n }],\n /\n Transform Style\n * @see https://tailwindcss.com/docs/transform-style\n /\n 'transform-style': [{\n transform: ['3d', 'flat']\n }],\n /\n Translate\n * @see https://tailwindcss.com/docs/translate\n /\n translate: [{\n translate: scaleTranslate()\n }],\n /\n Translate X\n * @see https://tailwindcss.com/docs/translate\n /\n 'translate-x': [{\n 'translate-x': scaleTranslate()\n }],\n /\n Translate Y\n * @see https://tailwindcss.com/docs/translate\n /\n 'translate-y': [{\n 'translate-y': scaleTranslate()\n }],\n /\n Translate Z\n * @see https://tailwindcss.com/docs/translate\n /\n 'translate-z': [{\n 'translate-z': scaleTranslate()\n }],\n /\n Translate None\n * @see https://tailwindcss.com/docs/translate\n /\n 'translate-none': ['translate-none'],\n // ---------------------\n // --- Interactivity ---\n // ---------------------\n /\n Accent Color\n * @see https://tailwindcss.com/docs/accent-color\n /\n accent: [{\n accent: scaleColor()\n }],\n /\n Appearance\n * @see https://tailwindcss.com/docs/appearance\n /\n appearance: [{\n appearance: ['none', 'auto']\n }],\n /\n Caret Color\n * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities\n /\n 'caret-color': [{\n caret: scaleColor()\n }],\n /\n Color Scheme\n * @see https://tailwindcss.com/docs/color-scheme\n /\n 'color-scheme': [{\n scheme: ['normal', 'dark', 'light', 'light-dark', 'only-dark', 'only-light']\n }],\n /\n Cursor\n * @see https://tailwindcss.com/docs/cursor\n /\n cursor: [{\n cursor: ['auto', 'default', 'pointer', 'wait', 'text', 'move', 'help', 'not-allowed', 'none', 'context-menu', 'progress', 'cell', 'crosshair', 'vertical-text', 'alias', 'copy', 'no-drop', 'grab', 'grabbing', 'all-scroll', 'col-resize', 'row-resize', 'n-resize', 'e-resize', 's-resize', 'w-resize', 'ne-resize', 'nw-resize', 'se-resize', 'sw-resize', 'ew-resize', 'ns-resize', 'nesw-resize', 'nwse-resize', 'zoom-in', 'zoom-out', isArbitraryVariable, isArbitraryValue]\n }],\n /\n Field Sizing\n * @see https://tailwindcss.com/docs/field-sizing\n /\n 'field-sizing': [{\n 'field-sizing': ['fixed', 'content']\n }],\n /\n Pointer Events\n * @see https://tailwindcss.com/docs/pointer-events\n /\n 'pointer-events': [{\n 'pointer-events': ['auto', 'none']\n }],\n /\n Resize\n * @see https://tailwindcss.com/docs/resize\n /\n resize: [{\n resize: ['none', '', 'y', 'x']\n }],\n /\n Scroll Behavior\n * @see https://tailwindcss.com/docs/scroll-behavior\n /\n 'scroll-behavior': [{\n scroll: ['auto', 'smooth']\n }],\n /\n Scroll Margin\n * @see https://tailwindcss.com/docs/scroll-margin\n /\n 'scroll-m': [{\n 'scroll-m': scaleUnambiguousSpacing()\n }],\n /\n Scroll Margin X\n * @see https://tailwindcss.com/docs/scroll-margin\n /\n 'scroll-mx': [{\n 'scroll-mx': scaleUnambiguousSpacing()\n }],\n /\n Scroll Margin Y\n * @see https://tailwindcss.com/docs/scroll-margin\n /\n 'scroll-my': [{\n 'scroll-my': scaleUnambiguousSpacing()\n }],\n /\n Scroll Margin Start\n * @see https://tailwindcss.com/docs/scroll-margin\n /\n 'scroll-ms': [{\n 'scroll-ms': scaleUnambiguousSpacing()\n }],\n /\n Scroll Margin End\n * @see https://tailwindcss.com/docs/scroll-margin\n /\n 'scroll-me': [{\n 'scroll-me': scaleUnambiguousSpacing()\n }],\n /\n Scroll Margin Top\n * @see https://tailwindcss.com/docs/scroll-margin\n /\n 'scroll-mt': [{\n 'scroll-mt': scaleUnambiguousSpacing()\n }],\n /\n Scroll Margin Right\n * @see https://tailwindcss.com/docs/scroll-margin\n /\n 'scroll-mr': [{\n 'scroll-mr': scaleUnambiguousSpacing()\n }],\n /\n Scroll Margin Bottom\n * @see https://tailwindcss.com/docs/scroll-margin\n /\n 'scroll-mb': [{\n 'scroll-mb': scaleUnambiguousSpacing()\n }],\n /\n Scroll Margin Left\n * @see https://tailwindcss.com/docs/scroll-margin\n /\n 'scroll-ml': [{\n 'scroll-ml': scaleUnambiguousSpacing()\n }],\n /\n Scroll Padding\n * @see https://tailwindcss.com/docs/scroll-padding\n /\n 'scroll-p': [{\n 'scroll-p': scaleUnambiguousSpacing()\n }],\n /\n Scroll Padding X\n * @see https://tailwindcss.com/docs/scroll-padding\n /\n 'scroll-px': [{\n 'scroll-px': scaleUnambiguousSpacing()\n }],\n /\n Scroll Padding Y\n * @see https://tailwindcss.com/docs/scroll-padding\n /\n 'scroll-py': [{\n 'scroll-py': scaleUnambiguousSpacing()\n }],\n /\n Scroll Padding Start\n * @see https://tailwindcss.com/docs/scroll-padding\n /\n 'scroll-ps': [{\n 'scroll-ps': scaleUnambiguousSpacing()\n }],\n /\n Scroll Padding End\n * @see https://tailwindcss.com/docs/scroll-padding\n /\n 'scroll-pe': [{\n 'scroll-pe': scaleUnambiguousSpacing()\n }],\n /\n Scroll Padding Top\n * @see https://tailwindcss.com/docs/scroll-padding\n /\n 'scroll-pt': [{\n 'scroll-pt': scaleUnambiguousSpacing()\n }],\n /\n Scroll Padding Right\n * @see https://tailwindcss.com/docs/scroll-padding\n /\n 'scroll-pr': [{\n 'scroll-pr': scaleUnambiguousSpacing()\n }],\n /\n Scroll Padding Bottom\n * @see https://tailwindcss.com/docs/scroll-padding\n /\n 'scroll-pb': [{\n 'scroll-pb': scaleUnambiguousSpacing()\n }],\n /\n Scroll Padding Left\n * @see https://tailwindcss.com/docs/scroll-padding\n /\n 'scroll-pl': [{\n 'scroll-pl': scaleUnambiguousSpacing()\n }],\n /\n Scroll Snap Align\n * @see https://tailwindcss.com/docs/scroll-snap-align\n /\n 'snap-align': [{\n snap: ['start', 'end', 'center', 'align-none']\n }],\n /\n Scroll Snap Stop\n * @see https://tailwindcss.com/docs/scroll-snap-stop\n /\n 'snap-stop': [{\n snap: ['normal', 'always']\n }],\n /\n Scroll Snap Type\n * @see https://tailwindcss.com/docs/scroll-snap-type\n /\n 'snap-type': [{\n snap: ['none', 'x', 'y', 'both']\n }],\n /\n Scroll Snap Type Strictness\n * @see https://tailwindcss.com/docs/scroll-snap-type\n /\n 'snap-strictness': [{\n snap: ['mandatory', 'proximity']\n }],\n /\n Touch Action\n * @see https://tailwindcss.com/docs/touch-action\n /\n touch: [{\n touch: ['auto', 'none', 'manipulation']\n }],\n /\n Touch Action X\n * @see https://tailwindcss.com/docs/touch-action\n /\n 'touch-x': [{\n 'touch-pan': ['x', 'left', 'right']\n }],\n /\n Touch Action Y\n * @see https://tailwindcss.com/docs/touch-action\n /\n 'touch-y': [{\n 'touch-pan': ['y', 'up', 'down']\n }],\n /\n Touch Action Pinch Zoom\n * @see https://tailwindcss.com/docs/touch-action\n /\n 'touch-pz': ['touch-pinch-zoom'],\n /\n User Select\n * @see https://tailwindcss.com/docs/user-select\n /\n select: [{\n select: ['none', 'text', 'all', 'auto']\n }],\n /\n Will Change\n * @see https://tailwindcss.com/docs/will-change\n /\n 'will-change': [{\n 'will-change': ['auto', 'scroll', 'contents', 'transform', isArbitraryVariable, isArbitraryValue]\n }],\n // -----------\n // --- SVG ---\n // -----------\n /\n Fill\n * @see https://tailwindcss.com/docs/fill\n /\n fill: [{\n fill: ['none', ...scaleColor()]\n }],\n /\n Stroke Width\n * @see https://tailwindcss.com/docs/stroke-width\n /\n 'stroke-w': [{\n stroke: [isNumber, isArbitraryVariableLength, isArbitraryLength, isArbitraryNumber]\n }],\n /\n Stroke\n * @see https://tailwindcss.com/docs/stroke\n /\n stroke: [{\n stroke: ['none', ...scaleColor()]\n }],\n // ---------------------\n // --- Accessibility ---\n // ---------------------\n /\n Forced Color Adjust\n * @see https://tailwindcss.com/docs/forced-color-adjust\n /\n 'forced-color-adjust': [{\n 'forced-color-adjust': ['auto', 'none']\n }]\n },\n conflictingClassGroups: {\n overflow: ['overflow-x', 'overflow-y'],\n overscroll: ['overscroll-x', 'overscroll-y'],\n inset: ['inset-x', 'inset-y', 'start', 'end', 'top', 'right', 'bottom', 'left'],\n 'inset-x': ['right', 'left'],\n 'inset-y': ['top', 'bottom'],\n flex: ['basis', 'grow', 'shrink'],\n gap: ['gap-x', 'gap-y'],\n p: ['px', 'py', 'ps', 'pe', 'pt', 'pr', 'pb', 'pl'],\n px: ['pr', 'pl'],\n py: ['pt', 'pb'],\n m: ['mx', 'my', 'ms', 'me', 'mt', 'mr', 'mb', 'ml'],\n mx: ['mr', 'ml'],\n my: ['mt', 'mb'],\n size: ['w', 'h'],\n 'font-size': ['leading'],\n 'fvn-normal': ['fvn-ordinal', 'fvn-slashed-zero', 'fvn-figure', 'fvn-spacing', 'fvn-fraction'],\n 'fvn-ordinal': ['fvn-normal'],\n 'fvn-slashed-zero': ['fvn-normal'],\n 'fvn-figure': ['fvn-normal'],\n 'fvn-spacing': ['fvn-normal'],\n 'fvn-fraction': ['fvn-normal'],\n 'line-clamp': ['display', 'overflow'],\n rounded: ['rounded-s', 'rounded-e', 'rounded-t', 'rounded-r', 'rounded-b', 'rounded-l', 'rounded-ss', 'rounded-se', 'rounded-ee', 'rounded-es', 'rounded-tl', 'rounded-tr', 'rounded-br', 'rounded-bl'],\n 'rounded-s': ['rounded-ss', 'rounded-es'],\n 'rounded-e': ['rounded-se', 'rounded-ee'],\n 'rounded-t': ['rounded-tl', 'rounded-tr'],\n 'rounded-r': ['rounded-tr', 'rounded-br'],\n 'rounded-b': ['rounded-br', 'rounded-bl'],\n 'rounded-l': ['rounded-tl', 'rounded-bl'],\n 'border-spacing': ['border-spacing-x', 'border-spacing-y'],\n 'border-w': ['border-w-x', 'border-w-y', 'border-w-s', 'border-w-e', 'border-w-t', 'border-w-r', 'border-w-b', 'border-w-l'],\n 'border-w-x': ['border-w-r', 'border-w-l'],\n 'border-w-y': ['border-w-t', 'border-w-b'],\n 'border-color': ['border-color-x', 'border-color-y', 'border-color-s', 'border-color-e', 'border-color-t', 'border-color-r', 'border-color-b', 'border-color-l'],\n 'border-color-x': ['border-color-r', 'border-color-l'],\n 'border-color-y': ['border-color-t', 'border-color-b'],\n translate: ['translate-x', 'translate-y', 'translate-none'],\n 'translate-none': ['translate', 'translate-x', 'translate-y', 'translate-z'],\n 'scroll-m': ['scroll-mx', 'scroll-my', 'scroll-ms', 'scroll-me', 'scroll-mt', 'scroll-mr', 'scroll-mb', 'scroll-ml'],\n 'scroll-mx': ['scroll-mr', 'scroll-ml'],\n 'scroll-my': ['scroll-mt', 'scroll-mb'],\n 'scroll-p': ['scroll-px', 'scroll-py', 'scroll-ps', 'scroll-pe', 'scroll-pt', 'scroll-pr', 'scroll-pb', 'scroll-pl'],\n 'scroll-px': ['scroll-pr', 'scroll-pl'],\n 'scroll-py': ['scroll-pt', 'scroll-pb'],\n touch: ['touch-x', 'touch-y', 'touch-pz'],\n 'touch-x': ['touch'],\n 'touch-y': ['touch'],\n 'touch-pz': ['touch']\n },\n conflictingClassGroupModifiers: {\n 'font-size': ['leading']\n },\n orderSensitiveModifiers: ['', '', 'after', 'backdrop', 'before', 'details-content', 'file', 'first-letter', 'first-line', 'marker', 'placeholder', 'selection']\n };\n};\n\n/\n * @param baseConfig Config where other config will be merged into. This object will be mutated.\n * @param configExtension Partial config to merge into the `baseConfig`.\n /\nconst mergeConfigs = (baseConfig, {\n cacheSize,\n prefix,\n experimentalParseClassName,\n extend = {},\n override = {}\n}) => {\n overrideProperty(baseConfig, 'cacheSize', cacheSize);\n overrideProperty(baseConfig, 'prefix', prefix);\n overrideProperty(baseConfig, 'experimentalParseClassName', experimentalParseClassName);\n overrideConfigProperties(baseConfig.theme, override.theme);\n overrideConfigProperties(baseConfig.classGroups, override.classGroups);\n overrideConfigProperties(baseConfig.conflictingClassGroups, override.conflictingClassGroups);\n overrideConfigProperties(baseConfig.conflictingClassGroupModifiers, override.conflictingClassGroupModifiers);\n overrideProperty(baseConfig, 'orderSensitiveModifiers', override.orderSensitiveModifiers);\n mergeConfigProperties(baseConfig.theme, extend.theme);\n mergeConfigProperties(baseConfig.classGroups, extend.classGroups);\n mergeConfigProperties(baseConfig.conflictingClassGroups, extend.conflictingClassGroups);\n mergeConfigProperties(baseConfig.conflictingClassGroupModifiers, extend.conflictingClassGroupModifiers);\n mergeArrayProperties(baseConfig, extend, 'orderSensitiveModifiers');\n return baseConfig;\n};\nconst overrideProperty = (baseObject, overrideKey, overrideValue) => {\n if (overrideValue !== undefined) {\n baseObject[overrideKey] = overrideValue;\n }\n};\nconst overrideConfigProperties = (baseObject, overrideObject) => {\n if (overrideObject) {\n for (const key in overrideObject) {\n overrideProperty(baseObject, key, overrideObject[key]);\n }\n }\n};\nconst mergeConfigProperties = (baseObject, mergeObject) => {\n if (mergeObject) {\n for (const key in mergeObject) {\n mergeArrayProperties(baseObject, mergeObject, key);\n }\n }\n};\nconst mergeArrayProperties = (baseObject, mergeObject, key) => {\n const mergeValue = mergeObject[key];\n if (mergeValue !== undefined) {\n baseObject[key] = baseObject[key] ? baseObject[key].concat(mergeValue) : mergeValue;\n }\n};\nconst extendTailwindMerge = (configExtension, ...createConfig) => typeof configExtension === 'function' ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(() => mergeConfigs(getDefaultConfig(), configExtension), ...createConfig);\nconst twMerge = /#__PURE__/createTailwindMerge(getDefaultConfig);\nexport { createTailwindMerge, extendTailwindMerge, fromTheme, getDefaultConfig, mergeConfigs, twJoin, twMerge, validators };\n//# sourceMappingURL=bundle-mjs.mjs.map\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]): string {\n return twMerge(clsx(inputs))\n}\n","/\n Interpolates a template string with record field values.\n \n @example\n * interpolateTemplate(\"{codigo} - {nombre}\", { codigo: \"C001\", nombre: \"Acme\" })\n * // Returns: \"C001 - Acme\"\n \n @param template - Template string with {fieldName} placeholders\n * @param record - Record object with field values\n * @returns Interpolated string with placeholders replaced by values\n /\nexport function interpolateTemplate<TRecord extends Record<string, unknown>>(\n template: string,\n record: TRecord\n): string {\n return template.replace(/\\{(\\w+)\\}/g, (_, fieldName) => {\n const value = record[fieldName]\n return value !== undefined && value !== null ? String(value) : ''\n })\n}\n","import type { FilterExpression, SimpleFilter } from '../types/filter.types'\n\n/\n Type guard to check if filter is already in expressive format\n * @param filter - Filter to check\n * @returns true if filter is FilterExpression (array of arrays)\n /\nexport function isExpressiveFilter(filter: unknown): filter is FilterExpression {\n return Array.isArray(filter) && filter.every(Array.isArray)\n}\n\n/\n Converts simple filter object to expressive format\n * Each key-value pair becomes a separate AND condition\n \n @example\n * buildExpressiveFilter({ activo: true, tipo: \"A\" })\n * // Returns: [[{ activo: true }], [{ tipo: \"A\" }]]\n \n @param simpleFilter - Simple filter object\n * @returns Expressive filter format\n /\nexport function buildExpressiveFilter(simpleFilter: SimpleFilter): FilterExpression {\n return Object.entries(simpleFilter).map(([key, value]) => [{ [key]: value }])\n}\n\n/\n Normalizes filter input to expressive format\n * Passes through expressive filters unchanged, converts simple filters\n \n @param filters - Simple or expressive filter (or undefined)\n * @returns Expressive filter format or undefined\n /\nexport function normalizeFilters(\n filters?: SimpleFilter \| FilterExpression\n): FilterExpression \| undefined {\n if (!filters) return undefined\n if (isExpressiveFilter(filters)) return filters\n return buildExpressiveFilter(filters as SimpleFilter)\n}\n\n/\n Merges multiple filter expressions with AND logic\n \n @param filters - Array of filter expressions to merge\n * @returns Combined filter expression\n /\nexport function mergeFilters(...filters: (FilterExpression \| undefined)[]): FilterExpression {\n return filters.filter(Boolean).flat() as FilterExpression\n}\n","import { useEffect, useState } from 'react'\n\nconst DEBOUNCE_MS = 300\n\nexport function useDebouncedSearch(value: string, delay: number = DEBOUNCE_MS): string {\n const [debouncedValue, setDebouncedValue] = useState(value)\n\n useEffect(() => {\n const timer = setTimeout(() => {\n setDebouncedValue(value)\n }, delay)\n\n return () => {\n clearTimeout(timer)\n }\n }, [value, delay])\n\n return debouncedValue\n}\n","import { useCallback, useState } from 'react'\n\nexport interface UseKeyboardNavigationOptions<TRecord> {\n records: TRecord[]\n isOpen: boolean\n onSelect: (record: TRecord) => void\n onClose: () => void\n onEscape: () => void\n onClear: () => void\n searchQuery: string\n}\n\nexport interface UseKeyboardNavigationResult {\n highlightedIndex: number\n setHighlightedIndex: (index: number) => void\n handleKeyDown: (event: React.KeyboardEvent) => void\n}\n\nexport function useKeyboardNavigation<TRecord>(\n options: UseKeyboardNavigationOptions<TRecord>\n): UseKeyboardNavigationResult {\n const { records, isOpen, onSelect, onClose, onEscape, onClear, searchQuery } = options\n const [highlightedIndex, setHighlightedIndex] = useState(-1)\n\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (!isOpen) return\n\n switch (event.key) {\n case 'ArrowDown': {\n event.preventDefault()\n if (records.length === 0) return\n setHighlightedIndex((prev) => {\n // Wrap from last to first, or increment\n if (prev >= records.length - 1) return 0\n return prev + 1\n })\n break\n }\n\n case 'ArrowUp': {\n event.preventDefault()\n if (records.length === 0) return\n setHighlightedIndex((prev) => {\n // Wrap from first to last, or decrement\n if (prev <= 0) return records.length - 1\n return prev - 1\n })\n break\n }\n\n case 'Home': {\n event.preventDefault()\n if (records.length === 0) return\n setHighlightedIndex(0)\n break\n }\n\n case 'End': {\n event.preventDefault()\n if (records.length === 0) return\n setHighlightedIndex(records.length - 1)\n break\n }\n\n case 'Enter': {\n event.preventDefault()\n if (highlightedIndex >= 0 && highlightedIndex < records.length) {\n onSelect(records[highlightedIndex])\n }\n break\n }\n\n case 'Escape': {\n event.preventDefault()\n onEscape()\n break\n }\n\n case 'Backspace': {\n // Only clear selection if search input is empty\n if (searchQuery === '') {\n onClear()\n }\n // Don't prevent default - allow normal backspace behavior in input\n break\n }\n\n case 'Tab': {\n // Close dropdown but don't prevent default - allow focus to move to next element\n onClose()\n break\n }\n\n default:\n break\n }\n },\n [isOpen, records, highlightedIndex, onSelect, onClose, onEscape, onClear, searchQuery]\n )\n\n return {\n highlightedIndex,\n setHighlightedIndex,\n handleKeyDown,\n }\n}\n","export const warn = (i18n, code, msg, rest) => {\n const args = [msg, {\n code,\n ...(rest \|\| {})\n }];\n if (i18n?.services?.logger?.forward) {\n return i18n.services.logger.forward(args, 'warn', 'react-i18next::', true);\n }\n if (isString(args[0])) args[0] = `react-i18next:: ${args[0]}`;\n if (i18n?.services?.logger?.warn) {\n i18n.services.logger.warn(...args);\n } else if (console?.warn) {\n console.warn(...args);\n }\n};\nconst alreadyWarned = {};\nexport const warnOnce = (i18n, code, msg, rest) => {\n if (isString(msg) && alreadyWarned[msg]) return;\n if (isString(msg)) alreadyWarned[msg] = new Date();\n warn(i18n, code, msg, rest);\n};\nconst loadedClb = (i18n, cb) => () => {\n if (i18n.isInitialized) {\n cb();\n } else {\n const initialized = () => {\n setTimeout(() => {\n i18n.off('initialized', initialized);\n }, 0);\n cb();\n };\n i18n.on('initialized', initialized);\n }\n};\nexport const loadNamespaces = (i18n, ns, cb) => {\n i18n.loadNamespaces(ns, loadedClb(i18n, cb));\n};\nexport const loadLanguages = (i18n, lng, ns, cb) => {\n if (isString(ns)) ns = [ns];\n if (i18n.options.preload && i18n.options.preload.indexOf(lng) > -1) return loadNamespaces(i18n, ns, cb);\n ns.forEach(n => {\n if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);\n });\n i18n.loadLanguages(lng, loadedClb(i18n, cb));\n};\nexport const hasLoadedNamespace = (ns, i18n, options = {}) => {\n if (!i18n.languages \|\| !i18n.languages.length) {\n warnOnce(i18n, 'NO_LANGUAGES', 'i18n.languages were undefined or empty', {\n languages: i18n.languages\n });\n return true;\n }\n return i18n.hasLoadedNamespace(ns, {\n lng: options.lng,\n precheck: (i18nInstance, loadNotPending) => {\n if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18nInstance.services.backendConnector.backend && i18nInstance.isLanguageChangingTo && !loadNotPending(i18nInstance.isLanguageChangingTo, ns)) return false;\n }\n });\n};\nexport const getDisplayName = Component => Component.displayName \|\| Component.name \|\| (isString(Component) && Component.length > 0 ? Component : 'Unknown');\nexport const isString = obj => typeof obj === 'string';\nexport const isObject = obj => typeof obj === 'object' && obj !== null;","const matchHtmlEntity = /&(?:amp\|#38\|lt\|#60\|gt\|#62\|apos\|#39\|quot\|#34\|nbsp\|#160\|copy\|#169\|reg\|#174\|hellip\|#8230\|#x2F\|#47);/g;\nconst htmlEntities = {\n '&': '&',\n '&': '&',\n '<': '<',\n '<': '<',\n '>': '>',\n '>': '>',\n ''': \"'\",\n ''': \"'\",\n '"': '\"',\n '"': '\"',\n ' ': ' ',\n ' ': ' ',\n '©': '©',\n '©': '©',\n '®': '®',\n '®': '®',\n '…': '…',\n '…': '…',\n '/': '/',\n '/': '/'\n};\nconst unescapeHtmlEntity = m => htmlEntities[m];\nexport const unescape = text => text.replace(matchHtmlEntity, unescapeHtmlEntity);","import { unescape } from './unescape.js';\nlet defaultOptions = {\n bindI18n: 'languageChanged',\n bindI18nStore: '',\n transEmptyNodeValue: '',\n transSupportBasicHtmlNodes: true,\n transWrapTextNodes: '',\n transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],\n useSuspense: true,\n unescape,\n transDefaultProps: undefined\n};\nexport const setDefaults = (options = {}) => {\n defaultOptions = {\n ...defaultOptions,\n ...options\n };\n};\nexport const getDefaults = () => defaultOptions;","let i18nInstance;\nexport const setI18n = instance => {\n i18nInstance = instance;\n};\nexport const getI18n = () => i18nInstance;","import { createContext } from 'react';\nimport { getDefaults, setDefaults } from './defaults.js';\nimport { getI18n, setI18n } from './i18nInstance.js';\nimport { initReactI18next } from './initReactI18next.js';\nexport { getDefaults, setDefaults, getI18n, setI18n, initReactI18next };\nexport const I18nContext = createContext();\nexport class ReportNamespaces {\n constructor() {\n this.usedNamespaces = {};\n }\n addUsedNamespaces(namespaces) {\n namespaces.forEach(ns => {\n if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;\n });\n }\n getUsedNamespaces() {\n return Object.keys(this.usedNamespaces);\n }\n}\nexport const composeInitialProps = ForComponent => async ctx => {\n const componentsInitialProps = (await ForComponent.getInitialProps?.(ctx)) ?? {};\n const i18nInitialProps = getInitialProps();\n return {\n ...componentsInitialProps,\n ...i18nInitialProps\n };\n};\nexport const getInitialProps = () => {\n const i18n = getI18n();\n const namespaces = i18n.reportNamespaces?.getUsedNamespaces() ?? [];\n const ret = {};\n const initialI18nStore = {};\n i18n.languages.forEach(l => {\n initialI18nStore[l] = {};\n namespaces.forEach(ns => {\n initialI18nStore[l][ns] = i18n.getResourceBundle(l, ns) \|\| {};\n });\n });\n ret.initialI18nStore = initialI18nStore;\n ret.initialLanguage = i18n.language;\n return ret;\n};","/\n @license React\n * use-sync-external-store-shim.production.js\n \n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n\"use strict\";\nvar React = require(\"react\");\nfunction is(x, y) {\n return (x === y && (0 !== x \|\| 1 / x === 1 / y)) \|\| (x !== x && y !== y);\n}\nvar objectIs = \"function\" === typeof Object.is ? Object.is : is,\n useState = React.useState,\n useEffect = React.useEffect,\n useLayoutEffect = React.useLayoutEffect,\n useDebugValue = React.useDebugValue;\nfunction useSyncExternalStore$2(subscribe, getSnapshot) {\n var value = getSnapshot(),\n _useState = useState({ inst: { value: value, getSnapshot: getSnapshot } }),\n inst = _useState[0].inst,\n forceUpdate = _useState[1];\n useLayoutEffect(\n function () {\n inst.value = value;\n inst.getSnapshot = getSnapshot;\n checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n },\n [subscribe, value, getSnapshot]\n );\n useEffect(\n function () {\n checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n return subscribe(function () {\n checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n });\n },\n [subscribe]\n );\n useDebugValue(value);\n return value;\n}\nfunction checkIfSnapshotChanged(inst) {\n var latestGetSnapshot = inst.getSnapshot;\n inst = inst.value;\n try {\n var nextValue = latestGetSnapshot();\n return !objectIs(inst, nextValue);\n } catch (error) {\n return !0;\n }\n}\nfunction useSyncExternalStore$1(subscribe, getSnapshot) {\n return getSnapshot();\n}\nvar shim =\n \"undefined\" === typeof window \|\|\n \"undefined\" === typeof window.document \|\|\n \"undefined\" === typeof window.document.createElement\n ? useSyncExternalStore$1\n : useSyncExternalStore$2;\nexports.useSyncExternalStore =\n void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;\n","/\n @license React\n * use-sync-external-store-shim.development.js\n \n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n function is(x, y) {\n return (x === y && (0 !== x \|\| 1 / x === 1 / y)) \|\| (x !== x && y !== y);\n }\n function useSyncExternalStore$2(subscribe, getSnapshot) {\n didWarnOld18Alpha \|\|\n void 0 === React.startTransition \|\|\n ((didWarnOld18Alpha = !0),\n console.error(\n \"You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release.\"\n ));\n var value = getSnapshot();\n if (!didWarnUncachedGetSnapshot) {\n var cachedValue = getSnapshot();\n objectIs(value, cachedValue) \|\|\n (console.error(\n \"The result of getSnapshot should be cached to avoid an infinite loop\"\n ),\n (didWarnUncachedGetSnapshot = !0));\n }\n cachedValue = useState({\n inst: { value: value, getSnapshot: getSnapshot }\n });\n var inst = cachedValue[0].inst,\n forceUpdate = cachedValue[1];\n useLayoutEffect(\n function () {\n inst.value = value;\n inst.getSnapshot = getSnapshot;\n checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n },\n [subscribe, value, getSnapshot]\n );\n useEffect(\n function () {\n checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n return subscribe(function () {\n checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n });\n },\n [subscribe]\n );\n useDebugValue(value);\n return value;\n }\n function checkIfSnapshotChanged(inst) {\n var latestGetSnapshot = inst.getSnapshot;\n inst = inst.value;\n try {\n var nextValue = latestGetSnapshot();\n return !objectIs(inst, nextValue);\n } catch (error) {\n return !0;\n }\n }\n function useSyncExternalStore$1(subscribe, getSnapshot) {\n return getSnapshot();\n }\n \"undefined\" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&\n \"function\" ===\n typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&\n __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());\n var React = require(\"react\"),\n objectIs = \"function\" === typeof Object.is ? Object.is : is,\n useState = React.useState,\n useEffect = React.useEffect,\n useLayoutEffect = React.useLayoutEffect,\n useDebugValue = React.useDebugValue,\n didWarnOld18Alpha = !1,\n didWarnUncachedGetSnapshot = !1,\n shim =\n \"undefined\" === typeof window \|\|\n \"undefined\" === typeof window.document \|\|\n \"undefined\" === typeof window.document.createElement\n ? useSyncExternalStore$1\n : useSyncExternalStore$2;\n exports.useSyncExternalStore =\n void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;\n \"undefined\" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&\n \"function\" ===\n typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&\n __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());\n })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('../cjs/use-sync-external-store-shim.production.js');\n} else {\n module.exports = require('../cjs/use-sync-external-store-shim.development.js');\n}\n","import { useContext, useCallback, useMemo, useEffect, useRef, useState } from 'react';\nimport { useSyncExternalStore } from 'use-sync-external-store/shim';\nimport { getI18n, getDefaults, ReportNamespaces, I18nContext } from './context.js';\nimport { warnOnce, loadNamespaces, loadLanguages, hasLoadedNamespace, isString, isObject } from './utils.js';\nconst notReadyT = (k, optsOrDefaultValue) => {\n if (isString(optsOrDefaultValue)) return optsOrDefaultValue;\n if (isObject(optsOrDefaultValue) && isString(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;\n return Array.isArray(k) ? k[k.length - 1] : k;\n};\nconst notReadySnapshot = {\n t: notReadyT,\n ready: false\n};\nconst dummySubscribe = () => () => {};\nexport const useTranslation = (ns, props = {}) => {\n const {\n i18n: i18nFromProps\n } = props;\n const {\n i18n: i18nFromContext,\n defaultNS: defaultNSFromContext\n } = useContext(I18nContext) \|\| {};\n const i18n = i18nFromProps \|\| i18nFromContext \|\| getI18n();\n if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();\n if (!i18n) {\n warnOnce(i18n, 'NO_I18NEXT_INSTANCE', 'useTranslation: You will need to pass in an i18next instance by using initReactI18next');\n }\n const i18nOptions = useMemo(() => ({\n ...getDefaults(),\n ...i18n?.options?.react,\n ...props\n }), [i18n, props]);\n const {\n useSuspense,\n keyPrefix\n } = i18nOptions;\n const nsOrContext = ns \|\| defaultNSFromContext \|\| i18n?.options?.defaultNS;\n const unstableNamespaces = isString(nsOrContext) ? [nsOrContext] : nsOrContext \|\| ['translation'];\n const namespaces = useMemo(() => unstableNamespaces, unstableNamespaces);\n i18n?.reportNamespaces?.addUsedNamespaces?.(namespaces);\n const revisionRef = useRef(0);\n const subscribe = useCallback(callback => {\n if (!i18n) return dummySubscribe;\n const {\n bindI18n,\n bindI18nStore\n } = i18nOptions;\n const wrappedCallback = () => {\n revisionRef.current += 1;\n callback();\n };\n if (bindI18n) i18n.on(bindI18n, wrappedCallback);\n if (bindI18nStore) i18n.store.on(bindI18nStore, wrappedCallback);\n return () => {\n if (bindI18n) bindI18n.split(' ').forEach(e => i18n.off(e, wrappedCallback));\n if (bindI18nStore) bindI18nStore.split(' ').forEach(e => i18n.store.off(e, wrappedCallback));\n };\n }, [i18n, i18nOptions]);\n const snapshotRef = useRef();\n const getSnapshot = useCallback(() => {\n if (!i18n) {\n return notReadySnapshot;\n }\n const calculatedReady = !!(i18n.isInitialized \|\| i18n.initializedStoreOnce) && namespaces.every(n => hasLoadedNamespace(n, i18n, i18nOptions));\n const currentLng = props.lng \|\| i18n.language;\n const currentRevision = revisionRef.current;\n const lastSnapshot = snapshotRef.current;\n if (lastSnapshot && lastSnapshot.ready === calculatedReady && lastSnapshot.lng === currentLng && lastSnapshot.keyPrefix === keyPrefix && lastSnapshot.revision === currentRevision) {\n return lastSnapshot;\n }\n const calculatedT = i18n.getFixedT(currentLng, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);\n const newSnapshot = {\n t: calculatedT,\n ready: calculatedReady,\n lng: currentLng,\n keyPrefix,\n revision: currentRevision\n };\n snapshotRef.current = newSnapshot;\n return newSnapshot;\n }, [i18n, namespaces, keyPrefix, i18nOptions, props.lng]);\n const [loadCount, setLoadCount] = useState(0);\n const {\n t,\n ready\n } = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n useEffect(() => {\n if (i18n && !ready && !useSuspense) {\n const onLoaded = () => setLoadCount(c => c + 1);\n if (props.lng) {\n loadLanguages(i18n, props.lng, namespaces, onLoaded);\n } else {\n loadNamespaces(i18n, namespaces, onLoaded);\n }\n }\n }, [i18n, props.lng, namespaces, ready, useSuspense, loadCount]);\n const finalI18n = i18n \|\| {};\n const wrapperRef = useRef(null);\n const wrapperLangRef = useRef();\n const createI18nWrapper = original => {\n const descriptors = Object.getOwnPropertyDescriptors(original);\n if (descriptors.__original) delete descriptors.__original;\n const wrapper = Object.create(Object.getPrototypeOf(original), descriptors);\n if (!Object.prototype.hasOwnProperty.call(wrapper, '__original')) {\n try {\n Object.defineProperty(wrapper, '__original', {\n value: original,\n writable: false,\n enumerable: false,\n configurable: false\n });\n } catch (_) {}\n }\n return wrapper;\n };\n const ret = useMemo(() => {\n const original = finalI18n;\n const lang = original?.language;\n let i18nWrapper = original;\n if (original) {\n if (wrapperRef.current && wrapperRef.current.__original === original) {\n if (wrapperLangRef.current !== lang) {\n i18nWrapper = createI18nWrapper(original);\n wrapperRef.current = i18nWrapper;\n wrapperLangRef.current = lang;\n } else {\n i18nWrapper = wrapperRef.current;\n }\n } else {\n i18nWrapper = createI18nWrapper(original);\n wrapperRef.current = i18nWrapper;\n wrapperLangRef.current = lang;\n }\n }\n const arr = [t, i18nWrapper, ready];\n arr.t = t;\n arr.i18n = i18nWrapper;\n arr.ready = ready;\n return arr;\n }, [t, finalI18n, ready, finalI18n.resolvedLanguage, finalI18n.language, finalI18n.languages]);\n if (i18n && useSuspense && !ready) {\n throw new Promise(resolve => {\n const onLoaded = () => resolve();\n if (props.lng) {\n loadLanguages(i18n, props.lng, namespaces, onLoaded);\n } else {\n loadNamespaces(i18n, namespaces, onLoaded);\n }\n });\n }\n return ret;\n};","import { useTranslation } from 'react-i18next'\n\nconst FALLBACK_STRINGS: Record<string, string> = {\n placeholder: 'Select...',\n searchPlaceholder: 'Search...',\n noResults: 'No results found',\n loading: 'Loading...',\n minChars: 'Type at least {{count}} characters',\n error: 'An error occurred',\n notFound: '[Record not found]',\n clear: 'Clear selection',\n open: 'Open dropdown',\n close: 'Close dropdown',\n 'announcements.loading': 'Loading results',\n 'announcements.noResults': 'No results found',\n 'announcements.cleared': 'Selection cleared',\n 'announcements.opened': 'Dropdown opened, {{count}} results available',\n 'announcements.closed': 'Dropdown closed',\n 'announcements.selected': '{{value}} selected',\n 'announcements.resultsLoaded': '{{count}} results loaded',\n 'validation.required': 'This field is required',\n 'validation.requiredIndicator': '',\n}\n\nfunction interpolate(template: string, params?: Record<string, unknown>): string {\n if (!params) return template\n return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => String(params[key] ?? ''))\n}\n\ntype TFunction = (key: string, params?: Record<string, unknown>) => string\n\ninterface UseTranslationSafeResult {\n t: TFunction\n i18n: ReturnType<typeof useTranslation>['i18n'] \| null\n}\n\nexport function useTranslationSafe(): UseTranslationSafeResult {\n try {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const { t: i18nT, i18n } = useTranslation('lookupField')\n // If i18n is not initialized, fall back\n if (!i18n.isInitialized) {\n throw new Error('i18n not initialized')\n }\n return {\n t: (key: string, params?: Record<string, unknown>) =>\n params ? i18nT(key, params as Record<string, string \| number>) : i18nT(key),\n i18n,\n }\n } catch {\n // Return fallback t function when i18next is not available\n const fallbackT: TFunction = (key: string, params?: Record<string, unknown>) => {\n const template = FALLBACK_STRINGS[key] ?? key\n return interpolate(template, params)\n }\n return { t: fallbackT, i18n: null }\n }\n}\n","import { type RefObject, useCallback, useEffect } from 'react'\n\n/*\n Hook to detect clicks outside a referenced element.\n * Uses mousedown for immediate detection.\n \n @param ref - Reference to the element to monitor\n * @param handler - Callback when click outside occurs\n * @param enabled - Whether the hook is active (default: true)\n /\nexport function useClickOutside<T extends HTMLElement>(\n ref: RefObject<T \| null>,\n handler: (event: MouseEvent) => void,\n enabled: boolean = true\n): void {\n const handleClickOutside = useCallback(\n (event: MouseEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n handler(event)\n }\n },\n [ref, handler]\n )\n\n useEffect(() => {\n if (!enabled) return\n\n // Use mousedown for immediate detection (before click completes)\n document.addEventListener('mousedown', handleClickOutside)\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [handleClickOutside, enabled])\n}\n","function hasWindow() {\n return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n if (isNode(node)) {\n return (node.nodeName \|\| '').toLowerCase();\n }\n // Mocked nodes in testing environments may not be instances of Node. By\n // returning `#document` an infinite loop won't occur.\n // https://github.com/floating-ui/floating-ui/issues/2317\n return '#document';\n}\nfunction getWindow(node) {\n var _node$ownerDocument;\n return (node == null \|\| (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) \|\| window;\n}\nfunction getDocumentElement(node) {\n var _ref;\n return (_ref = (isNode(node) ? node.ownerDocument : node.document) \|\| window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n if (!hasWindow()) {\n return false;\n }\n return value instanceof Node \|\| value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n if (!hasWindow()) {\n return false;\n }\n return value instanceof Element \|\| value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n if (!hasWindow()) {\n return false;\n }\n return value instanceof HTMLElement \|\| value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n if (!hasWindow() \|\| typeof ShadowRoot === 'undefined') {\n return false;\n }\n return value instanceof ShadowRoot \|\| value instanceof getWindow(value).ShadowRoot;\n}\nconst invalidOverflowDisplayValues = /#__PURE__/new Set(['inline', 'contents']);\nfunction isOverflowElement(element) {\n const {\n overflow,\n overflowX,\n overflowY,\n display\n } = getComputedStyle(element);\n return /auto\|scroll\|overlay\|hidden\|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);\n}\nconst tableElements = /#__PURE__/new Set(['table', 'td', 'th']);\nfunction isTableElement(element) {\n return tableElements.has(getNodeName(element));\n}\nconst topLayerSelectors = [':popover-open', ':modal'];\nfunction isTopLayer(element) {\n return topLayerSelectors.some(selector => {\n try {\n return element.matches(selector);\n } catch (_e) {\n return false;\n }\n });\n}\nconst transformProperties = ['transform', 'translate', 'scale', 'rotate', 'perspective'];\nconst willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'];\nconst containValues = ['paint', 'layout', 'strict', 'content'];\nfunction isContainingBlock(elementOrCss) {\n const webkit = isWebKit();\n const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n return transformProperties.some(value => css[value] ? css[value] !== 'none' : false) \|\| (css.containerType ? css.containerType !== 'normal' : false) \|\| !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) \|\| !webkit && (css.filter ? css.filter !== 'none' : false) \|\| willChangeValues.some(value => (css.willChange \|\| '').includes(value)) \|\| containValues.some(value => (css.contain \|\| '').includes(value));\n}\nfunction getContainingBlock(element) {\n let currentNode = getParentNode(element);\n while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n if (isContainingBlock(currentNode)) {\n return currentNode;\n } else if (isTopLayer(currentNode)) {\n return null;\n }\n currentNode = getParentNode(currentNode);\n }\n return null;\n}\nfunction isWebKit() {\n if (typeof CSS === 'undefined' \|\| !CSS.supports) return false;\n return CSS.supports('-webkit-backdrop-filter', 'none');\n}\nconst lastTraversableNodeNames = /#__PURE__/new Set(['html', 'body', '#document']);\nfunction isLastTraversableNode(node) {\n return lastTraversableNodeNames.has(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n if (isElement(element)) {\n return {\n scrollLeft: element.scrollLeft,\n scrollTop: element.scrollTop\n };\n }\n return {\n scrollLeft: element.scrollX,\n scrollTop: element.scrollY\n };\n}\nfunction getParentNode(node) {\n if (getNodeName(node) === 'html') {\n return node;\n }\n const result =\n // Step into the shadow DOM of the parent of a slotted node.\n node.assignedSlot \|\|\n // DOM Element detected.\n node.parentNode \|\|\n // ShadowRoot detected.\n isShadowRoot(node) && node.host \|\|\n // Fallback.\n getDocumentElement(node);\n return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n const parentNode = getParentNode(node);\n if (isLastTraversableNode(parentNode)) {\n return node.ownerDocument ? node.ownerDocument.body : node.body;\n }\n if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n return parentNode;\n }\n return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n var _node$ownerDocument2;\n if (list === void 0) {\n list = [];\n }\n if (traverseIframes === void 0) {\n traverseIframes = true;\n }\n const scrollableAncestor = getNearestOverflowAncestor(node);\n const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n const win = getWindow(scrollableAncestor);\n if (isBody) {\n const frameElement = getFrameElement(win);\n return list.concat(win, win.visualViewport \|\| [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n }\n return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n}\nfunction getFrameElement(win) {\n return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n","/\n Custom positioning reference element.\n * @see https://floating-ui.com/docs/virtual-elements\n /\n\nconst sides = ['top', 'right', 'bottom', 'left'];\nconst alignments = ['start', 'end'];\nconst placements = /#__PURE__/sides.reduce((acc, side) => acc.concat(side, side + \"-\" + alignments[0], side + \"-\" + alignments[1]), []);\nconst min = Math.min;\nconst max = Math.max;\nconst round = Math.round;\nconst floor = Math.floor;\nconst createCoords = v => ({\n x: v,\n y: v\n});\nconst oppositeSideMap = {\n left: 'right',\n right: 'left',\n bottom: 'top',\n top: 'bottom'\n};\nconst oppositeAlignmentMap = {\n start: 'end',\n end: 'start'\n};\nfunction clamp(start, value, end) {\n return max(start, min(value, end));\n}\nfunction evaluate(value, param) {\n return typeof value === 'function' ? value(param) : value;\n}\nfunction getSide(placement) {\n return placement.split('-')[0];\n}\nfunction getAlignment(placement) {\n return placement.split('-')[1];\n}\nfunction getOppositeAxis(axis) {\n return axis === 'x' ? 'y' : 'x';\n}\nfunction getAxisLength(axis) {\n return axis === 'y' ? 'height' : 'width';\n}\nconst yAxisSides = /#__PURE__/new Set(['top', 'bottom']);\nfunction getSideAxis(placement) {\n return yAxisSides.has(getSide(placement)) ? 'y' : 'x';\n}\nfunction getAlignmentAxis(placement) {\n return getOppositeAxis(getSideAxis(placement));\n}\nfunction getAlignmentSides(placement, rects, rtl) {\n if (rtl === void 0) {\n rtl = false;\n }\n const alignment = getAlignment(placement);\n const alignmentAxis = getAlignmentAxis(placement);\n const length = getAxisLength(alignmentAxis);\n let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';\n if (rects.reference[length] > rects.floating[length]) {\n mainAlignmentSide = getOppositePlacement(mainAlignmentSide);\n }\n return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];\n}\nfunction getExpandedPlacements(placement) {\n const oppositePlacement = getOppositePlacement(placement);\n return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];\n}\nfunction getOppositeAlignmentPlacement(placement) {\n return placement.replace(/start\|end/g, alignment => oppositeAlignmentMap[alignment]);\n}\nconst lrPlacement = ['left', 'right'];\nconst rlPlacement = ['right', 'left'];\nconst tbPlacement = ['top', 'bottom'];\nconst btPlacement = ['bottom', 'top'];\nfunction getSideList(side, isStart, rtl) {\n switch (side) {\n case 'top':\n case 'bottom':\n if (rtl) return isStart ? rlPlacement : lrPlacement;\n return isStart ? lrPlacement : rlPlacement;\n case 'left':\n case 'right':\n return isStart ? tbPlacement : btPlacement;\n default:\n return [];\n }\n}\nfunction getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {\n const alignment = getAlignment(placement);\n let list = getSideList(getSide(placement), direction === 'start', rtl);\n if (alignment) {\n list = list.map(side => side + \"-\" + alignment);\n if (flipAlignment) {\n list = list.concat(list.map(getOppositeAlignmentPlacement));\n }\n }\n return list;\n}\nfunction getOppositePlacement(placement) {\n return placement.replace(/left\|right\|bottom\|top/g, side => oppositeSideMap[side]);\n}\nfunction expandPaddingObject(padding) {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n ...padding\n };\n}\nfunction getPaddingObject(padding) {\n return typeof padding !== 'number' ? expandPaddingObject(padding) : {\n top: padding,\n right: padding,\n bottom: padding,\n left: padding\n };\n}\nfunction rectToClientRect(rect) {\n const {\n x,\n y,\n width,\n height\n } = rect;\n return {\n width,\n height,\n top: y,\n left: x,\n right: x + width,\n bottom: y + height,\n x,\n y\n };\n}\n\nexport { alignments, clamp, createCoords, evaluate, expandPaddingObject, floor, getAlignment, getAlignmentAxis, getAlignmentSides, getAxisLength, getExpandedPlacements, getOppositeAlignmentPlacement, getOppositeAxis, getOppositeAxisPlacements, getOppositePlacement, getPaddingObject, getSide, getSideAxis, max, min, placements, rectToClientRect, round, sides };\n","import { isShadowRoot, isHTMLElement } from '@floating-ui/utils/dom';\nimport as React from 'react';\nimport { useLayoutEffect } from 'react';\nimport { floor } from '@floating-ui/utils';\nimport { tabbable } from 'tabbable';\n\n// Avoid Chrome DevTools blue warning.\nfunction getPlatform() {\n const uaData = navigator.userAgentData;\n if (uaData != null && uaData.platform) {\n return uaData.platform;\n }\n return navigator.platform;\n}\nfunction getUserAgent() {\n const uaData = navigator.userAgentData;\n if (uaData && Array.isArray(uaData.brands)) {\n return uaData.brands.map(_ref => {\n let {\n brand,\n version\n } = _ref;\n return brand + \"/\" + version;\n }).join(' ');\n }\n return navigator.userAgent;\n}\nfunction isSafari() {\n // Chrome DevTools does not complain about navigator.vendor\n return /apple/i.test(navigator.vendor);\n}\nfunction isAndroid() {\n const re = /android/i;\n return re.test(getPlatform()) \|\| re.test(getUserAgent());\n}\nfunction isMac() {\n return getPlatform().toLowerCase().startsWith('mac') && !navigator.maxTouchPoints;\n}\nfunction isJSDOM() {\n return getUserAgent().includes('jsdom/');\n}\n\nconst FOCUSABLE_ATTRIBUTE = 'data-floating-ui-focusable';\nconst TYPEABLE_SELECTOR = \"input:not([type='hidden']):not([disabled]),\" + \"[contenteditable]:not([contenteditable='false']),textarea:not([disabled])\";\nconst ARROW_LEFT = 'ArrowLeft';\nconst ARROW_RIGHT = 'ArrowRight';\nconst ARROW_UP = 'ArrowUp';\nconst ARROW_DOWN = 'ArrowDown';\n\nfunction activeElement(doc) {\n let activeElement = doc.activeElement;\n while (((_activeElement = activeElement) == null \|\| (_activeElement = _activeElement.shadowRoot) == null ? void 0 : _activeElement.activeElement) != null) {\n var _activeElement;\n activeElement = activeElement.shadowRoot.activeElement;\n }\n return activeElement;\n}\nfunction contains(parent, child) {\n if (!parent \|\| !child) {\n return false;\n }\n const rootNode = child.getRootNode == null ? void 0 : child.getRootNode();\n\n // First, attempt with faster native method\n if (parent.contains(child)) {\n return true;\n }\n\n // then fallback to custom implementation with Shadow DOM support\n if (rootNode && isShadowRoot(rootNode)) {\n let next = child;\n while (next) {\n if (parent === next) {\n return true;\n }\n // @ts-ignore\n next = next.parentNode \|\| next.host;\n }\n }\n\n // Give up, the result is false\n return false;\n}\nfunction getTarget(event) {\n if ('composedPath' in event) {\n return event.composedPath()[0];\n }\n\n // TS thinks `event` is of type never as it assumes all browsers support\n // `composedPath()`, but browsers without shadow DOM don't.\n return event.target;\n}\nfunction isEventTargetWithin(event, node) {\n if (node == null) {\n return false;\n }\n if ('composedPath' in event) {\n return event.composedPath().includes(node);\n }\n\n // TS thinks `event` is of type never as it assumes all browsers support composedPath, but browsers without shadow dom don't\n const e = event;\n return e.target != null && node.contains(e.target);\n}\nfunction isRootElement(element) {\n return element.matches('html,body');\n}\nfunction getDocument(node) {\n return (node == null ? void 0 : node.ownerDocument) \|\| document;\n}\nfunction isTypeableElement(element) {\n return isHTMLElement(element) && element.matches(TYPEABLE_SELECTOR);\n}\nfunction isTypeableCombobox(element) {\n if (!element) return false;\n return element.getAttribute('role') === 'combobox' && isTypeableElement(element);\n}\nfunction matchesFocusVisible(element) {\n // We don't want to block focus from working with `visibleOnly`\n // (JSDOM doesn't match `:focus-visible` when the element has `:focus`)\n if (!element \|\| isJSDOM()) return true;\n try {\n return element.matches(':focus-visible');\n } catch (_e) {\n return true;\n }\n}\nfunction getFloatingFocusElement(floatingElement) {\n if (!floatingElement) {\n return null;\n }\n // Try to find the element that has `{...getFloatingProps()}` spread on it.\n // This indicates the floating element is acting as a positioning wrapper, and\n // so focus should be managed on the child element with the event handlers and\n // aria props.\n return floatingElement.hasAttribute(FOCUSABLE_ATTRIBUTE) ? floatingElement : floatingElement.querySelector(\"[\" + FOCUSABLE_ATTRIBUTE + \"]\") \|\| floatingElement;\n}\n\nfunction getNodeChildren(nodes, id, onlyOpenChildren) {\n if (onlyOpenChildren === void 0) {\n onlyOpenChildren = true;\n }\n const directChildren = nodes.filter(node => {\n var _node$context;\n return node.parentId === id && (!onlyOpenChildren \|\| ((_node$context = node.context) == null ? void 0 : _node$context.open));\n });\n return directChildren.flatMap(child => [child, ...getNodeChildren(nodes, child.id, onlyOpenChildren)]);\n}\nfunction getDeepestNode(nodes, id) {\n let deepestNodeId;\n let maxDepth = -1;\n function findDeepest(nodeId, depth) {\n if (depth > maxDepth) {\n deepestNodeId = nodeId;\n maxDepth = depth;\n }\n const children = getNodeChildren(nodes, nodeId);\n children.forEach(child => {\n findDeepest(child.id, depth + 1);\n });\n }\n findDeepest(id, 0);\n return nodes.find(node => node.id === deepestNodeId);\n}\nfunction getNodeAncestors(nodes, id) {\n var _nodes$find;\n let allAncestors = [];\n let currentParentId = (_nodes$find = nodes.find(node => node.id === id)) == null ? void 0 : _nodes$find.parentId;\n while (currentParentId) {\n const currentNode = nodes.find(node => node.id === currentParentId);\n currentParentId = currentNode == null ? void 0 : currentNode.parentId;\n if (currentNode) {\n allAncestors = allAncestors.concat(currentNode);\n }\n }\n return allAncestors;\n}\n\nfunction stopEvent(event) {\n event.preventDefault();\n event.stopPropagation();\n}\nfunction isReactEvent(event) {\n return 'nativeEvent' in event;\n}\n\n// License: https://github.com/adobe/react-spectrum/blob/b35d5c02fe900badccd0cf1a8f23bb593419f238/packages/@react-aria/utils/src/isVirtualEvent.ts\nfunction isVirtualClick(event) {\n // FIXME: Firefox is now emitting a deprecation warning for `mozInputSource`.\n // Try to find a workaround for this. `react-aria` source still has the check.\n if (event.mozInputSource === 0 && event.isTrusted) {\n return true;\n }\n if (isAndroid() && event.pointerType) {\n return event.type === 'click' && event.buttons === 1;\n }\n return event.detail === 0 && !event.pointerType;\n}\nfunction isVirtualPointerEvent(event) {\n if (isJSDOM()) return false;\n return !isAndroid() && event.width === 0 && event.height === 0 \|\| isAndroid() && event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === 'mouse' \|\|\n // iOS VoiceOver returns 0.333• for width/height.\n event.width < 1 && event.height < 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === 'touch';\n}\nfunction isMouseLikePointerType(pointerType, strict) {\n // On some Linux machines with Chromium, mouse inputs return a `pointerType`\n // of \"pen\": https://github.com/floating-ui/floating-ui/issues/2015\n const values = ['mouse', 'pen'];\n if (!strict) {\n values.push('', undefined);\n }\n return values.includes(pointerType);\n}\n\nvar isClient = typeof document !== 'undefined';\n\nvar noop = function noop() {};\nvar index = isClient ? useLayoutEffect : noop;\n\n// https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379\nconst SafeReact = {\n ...React\n};\n\nfunction useLatestRef(value) {\n const ref = React.useRef(value);\n index(() => {\n ref.current = value;\n });\n return ref;\n}\nconst useInsertionEffect = SafeReact.useInsertionEffect;\nconst useSafeInsertionEffect = useInsertionEffect \|\| (fn => fn());\nfunction useEffectEvent(callback) {\n const ref = React.useRef(() => {\n if (process.env.NODE_ENV !== \"production\") {\n throw new Error('Cannot call an event handler while rendering.');\n }\n });\n useSafeInsertionEffect(() => {\n ref.current = callback;\n });\n return React.useCallback(function () {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return ref.current == null ? void 0 : ref.current(...args);\n }, []);\n}\n\nfunction isDifferentGridRow(index, cols, prevRow) {\n return Math.floor(index / cols) !== prevRow;\n}\nfunction isIndexOutOfListBounds(listRef, index) {\n return index < 0 \|\| index >= listRef.current.length;\n}\nfunction getMinListIndex(listRef, disabledIndices) {\n return findNonDisabledListIndex(listRef, {\n disabledIndices\n });\n}\nfunction getMaxListIndex(listRef, disabledIndices) {\n return findNonDisabledListIndex(listRef, {\n decrement: true,\n startingIndex: listRef.current.length,\n disabledIndices\n });\n}\nfunction findNonDisabledListIndex(listRef, _temp) {\n let {\n startingIndex = -1,\n decrement = false,\n disabledIndices,\n amount = 1\n } = _temp === void 0 ? {} : _temp;\n let index = startingIndex;\n do {\n index += decrement ? -amount : amount;\n } while (index >= 0 && index <= listRef.current.length - 1 && isListIndexDisabled(listRef, index, disabledIndices));\n return index;\n}\nfunction getGridNavigatedIndex(listRef, _ref) {\n let {\n event,\n orientation,\n loop,\n rtl,\n cols,\n disabledIndices,\n minIndex,\n maxIndex,\n prevIndex,\n stopEvent: stop = false\n } = _ref;\n let nextIndex = prevIndex;\n if (event.key === ARROW_UP) {\n stop && stopEvent(event);\n if (prevIndex === -1) {\n nextIndex = maxIndex;\n } else {\n nextIndex = findNonDisabledListIndex(listRef, {\n startingIndex: nextIndex,\n amount: cols,\n decrement: true,\n disabledIndices\n });\n if (loop && (prevIndex - cols < minIndex \|\| nextIndex < 0)) {\n const col = prevIndex % cols;\n const maxCol = maxIndex % cols;\n const offset = maxIndex - (maxCol - col);\n if (maxCol === col) {\n nextIndex = maxIndex;\n } else {\n nextIndex = maxCol > col ? offset : offset - cols;\n }\n }\n }\n if (isIndexOutOfListBounds(listRef, nextIndex)) {\n nextIndex = prevIndex;\n }\n }\n if (event.key === ARROW_DOWN) {\n stop && stopEvent(event);\n if (prevIndex === -1) {\n nextIndex = minIndex;\n } else {\n nextIndex = findNonDisabledListIndex(listRef, {\n startingIndex: prevIndex,\n amount: cols,\n disabledIndices\n });\n if (loop && prevIndex + cols > maxIndex) {\n nextIndex = findNonDisabledListIndex(listRef, {\n startingIndex: prevIndex % cols - cols,\n amount: cols,\n disabledIndices\n });\n }\n }\n if (isIndexOutOfListBounds(listRef, nextIndex)) {\n nextIndex = prevIndex;\n }\n }\n\n // Remains on the same row/column.\n if (orientation === 'both') {\n const prevRow = floor(prevIndex / cols);\n if (event.key === (rtl ? ARROW_LEFT : ARROW_RIGHT)) {\n stop && stopEvent(event);\n if (prevIndex % cols !== cols - 1) {\n nextIndex = findNonDisabledListIndex(listRef, {\n startingIndex: prevIndex,\n disabledIndices\n });\n if (loop && isDifferentGridRow(nextIndex, cols, prevRow)) {\n nextIndex = findNonDisabledListIndex(listRef, {\n startingIndex: prevIndex - prevIndex % cols - 1,\n disabledIndices\n });\n }\n } else if (loop) {\n nextIndex = findNonDisabledListIndex(listRef, {\n startingIndex: prevIndex - prevIndex % cols - 1,\n disabledIndices\n });\n }\n if (isDifferentGridRow(nextIndex, cols, prevRow)) {\n nextIndex = prevIndex;\n }\n }\n if (event.key === (rtl ? ARROW_RIGHT : ARROW_LEFT)) {\n stop && stopEvent(event);\n if (prevIndex % cols !== 0) {\n nextIndex = findNonDisabledListIndex(listRef, {\n startingIndex: prevIndex,\n decrement: true,\n disabledIndices\n });\n if (loop && isDifferentGridRow(nextIndex, cols, prevRow)) {\n nextIndex = findNonDisabledListIndex(listRef, {\n startingIndex: prevIndex + (cols - prevIndex % cols),\n decrement: true,\n disabledIndices\n });\n }\n } else if (loop) {\n nextIndex = findNonDisabledListIndex(listRef, {\n startingIndex: prevIndex + (cols - prevIndex % cols),\n decrement: true,\n disabledIndices\n });\n }\n if (isDifferentGridRow(nextIndex, cols, prevRow)) {\n nextIndex = prevIndex;\n }\n }\n const lastRow = floor(maxIndex / cols) === prevRow;\n if (isIndexOutOfListBounds(listRef, nextIndex)) {\n if (loop && lastRow) {\n nextIndex = event.key === (rtl ? ARROW_RIGHT : ARROW_LEFT) ? maxIndex : findNonDisabledListIndex(listRef, {\n startingIndex: prevIndex - prevIndex % cols - 1,\n disabledIndices\n });\n } else {\n nextIndex = prevIndex;\n }\n }\n }\n return nextIndex;\n}\n\n/** For each cell index, gets the item index that occupies that cell /\nfunction createGridCellMap(sizes, cols, dense) {\n const cellMap = [];\n let startIndex = 0;\n sizes.forEach((_ref2, index) => {\n let {\n width,\n height\n } = _ref2;\n if (width > cols) {\n if (process.env.NODE_ENV !== \"production\") {\n throw new Error(\"[Floating UI]: Invalid grid - item width at index \" + index + \" is greater than grid columns\");\n }\n }\n let itemPlaced = false;\n if (dense) {\n startIndex = 0;\n }\n while (!itemPlaced) {\n const targetCells = [];\n for (let i = 0; i < width; i++) {\n for (let j = 0; j < height; j++) {\n targetCells.push(startIndex + i + j cols);\n }\n }\n if (startIndex % cols + width <= cols && targetCells.every(cell => cellMap[cell] == null)) {\n targetCells.forEach(cell => {\n cellMap[cell] = index;\n });\n itemPlaced = true;\n } else {\n startIndex++;\n }\n }\n });\n\n // convert into a non-sparse array\n return [...cellMap];\n}\n\n/** Gets cell index of an item's corner or -1 when index is -1. /\nfunction getGridCellIndexOfCorner(index, sizes, cellMap, cols, corner) {\n if (index === -1) return -1;\n const firstCellIndex = cellMap.indexOf(index);\n const sizeItem = sizes[index];\n switch (corner) {\n case 'tl':\n return firstCellIndex;\n case 'tr':\n if (!sizeItem) {\n return firstCellIndex;\n }\n return firstCellIndex + sizeItem.width - 1;\n case 'bl':\n if (!sizeItem) {\n return firstCellIndex;\n }\n return firstCellIndex + (sizeItem.height - 1) cols;\n case 'br':\n return cellMap.lastIndexOf(index);\n }\n}\n\n/** Gets all cell indices that correspond to the specified indices /\nfunction getGridCellIndices(indices, cellMap) {\n return cellMap.flatMap((index, cellIndex) => indices.includes(index) ? [cellIndex] : []);\n}\nfunction isListIndexDisabled(listRef, index, disabledIndices) {\n if (typeof disabledIndices === 'function') {\n return disabledIndices(index);\n } else if (disabledIndices) {\n return disabledIndices.includes(index);\n }\n const element = listRef.current[index];\n return element == null \|\| element.hasAttribute('disabled') \|\| element.getAttribute('aria-disabled') === 'true';\n}\n\nconst getTabbableOptions = () => ({\n getShadowRoot: true,\n displayCheck:\n // JSDOM does not support the `tabbable` library. To solve this we can\n // check if `ResizeObserver` is a real function (not polyfilled), which\n // determines if the current environment is JSDOM-like.\n typeof ResizeObserver === 'function' && ResizeObserver.toString().includes('[native code]') ? 'full' : 'none'\n});\nfunction getTabbableIn(container, dir) {\n const list = tabbable(container, getTabbableOptions());\n const len = list.length;\n if (len === 0) return;\n const active = activeElement(getDocument(container));\n const index = list.indexOf(active);\n const nextIndex = index === -1 ? dir === 1 ? 0 : len - 1 : index + dir;\n return list[nextIndex];\n}\nfunction getNextTabbable(referenceElement) {\n return getTabbableIn(getDocument(referenceElement).body, 1) \|\| referenceElement;\n}\nfunction getPreviousTabbable(referenceElement) {\n return getTabbableIn(getDocument(referenceElement).body, -1) \|\| referenceElement;\n}\nfunction isOutsideEvent(event, container) {\n const containerElement = container \|\| event.currentTarget;\n const relatedTarget = event.relatedTarget;\n return !relatedTarget \|\| !contains(containerElement, relatedTarget);\n}\nfunction disableFocusInside(container) {\n const tabbableElements = tabbable(container, getTabbableOptions());\n tabbableElements.forEach(element => {\n element.dataset.tabindex = element.getAttribute('tabindex') \|\| '';\n element.setAttribute('tabindex', '-1');\n });\n}\nfunction enableFocusInside(container) {\n const elements = container.querySelectorAll('[data-tabindex]');\n elements.forEach(element => {\n const tabindex = element.dataset.tabindex;\n delete element.dataset.tabindex;\n if (tabindex) {\n element.setAttribute('tabindex', tabindex);\n } else {\n element.removeAttribute('tabindex');\n }\n });\n}\n\nexport { activeElement, contains, createGridCellMap, disableFocusInside, enableFocusInside, findNonDisabledListIndex, getDeepestNode, getDocument, getFloatingFocusElement, getGridCellIndexOfCorner, getGridCellIndices, getGridNavigatedIndex, getMaxListIndex, getMinListIndex, getNextTabbable, getNodeAncestors, getNodeChildren, getPlatform, getPreviousTabbable, getTabbableOptions, getTarget, getUserAgent, isAndroid, isDifferentGridRow, isEventTargetWithin, isIndexOutOfListBounds, isJSDOM, isListIndexDisabled, isMac, isMouseLikePointerType, isOutsideEvent, isReactEvent, isRootElement, isSafari, isTypeableCombobox, isTypeableElement, isVirtualClick, isVirtualPointerEvent, matchesFocusVisible, stopEvent, useEffectEvent, useLatestRef, index as useModernLayoutEffect };\n","import { getSideAxis, getAlignmentAxis, getAxisLength, getSide, getAlignment, evaluate, getPaddingObject, rectToClientRect, min, clamp, placements, getAlignmentSides, getOppositeAlignmentPlacement, getOppositePlacement, getExpandedPlacements, getOppositeAxisPlacements, sides, max, getOppositeAxis } from '@floating-ui/utils';\nexport { rectToClientRect } from '@floating-ui/utils';\n\nfunction computeCoordsFromPlacement(_ref, placement, rtl) {\n let {\n reference,\n floating\n } = _ref;\n const sideAxis = getSideAxis(placement);\n const alignmentAxis = getAlignmentAxis(placement);\n const alignLength = getAxisLength(alignmentAxis);\n const side = getSide(placement);\n const isVertical = sideAxis === 'y';\n const commonX = reference.x + reference.width / 2 - floating.width / 2;\n const commonY = reference.y + reference.height / 2 - floating.height / 2;\n const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;\n let coords;\n switch (side) {\n case 'top':\n coords = {\n x: commonX,\n y: reference.y - floating.height\n };\n break;\n case 'bottom':\n coords = {\n x: commonX,\n y: reference.y + reference.height\n };\n break;\n case 'right':\n coords = {\n x: reference.x + reference.width,\n y: commonY\n };\n break;\n case 'left':\n coords = {\n x: reference.x - floating.width,\n y: commonY\n };\n break;\n default:\n coords = {\n x: reference.x,\n y: reference.y\n };\n }\n switch (getAlignment(placement)) {\n case 'start':\n coords[alignmentAxis] -= commonAlign (rtl && isVertical ? -1 : 1);\n break;\n case 'end':\n coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);\n break;\n }\n return coords;\n}\n\n/*\n Computes the `x` and `y` coordinates that will place the floating element\n * next to a given reference element.\n \n This export does not have any `platform` interface logic. You will need to\n * write one for the platform you are using Floating UI with.\n /\nconst computePosition = async (reference, floating, config) => {\n const {\n placement = 'bottom',\n strategy = 'absolute',\n middleware = [],\n platform\n } = config;\n const validMiddleware = middleware.filter(Boolean);\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));\n let rects = await platform.getElementRects({\n reference,\n floating,\n strategy\n });\n let {\n x,\n y\n } = computeCoordsFromPlacement(rects, placement, rtl);\n let statefulPlacement = placement;\n let middlewareData = {};\n let resetCount = 0;\n for (let i = 0; i < validMiddleware.length; i++) {\n const {\n name,\n fn\n } = validMiddleware[i];\n const {\n x: nextX,\n y: nextY,\n data,\n reset\n } = await fn({\n x,\n y,\n initialPlacement: placement,\n placement: statefulPlacement,\n strategy,\n middlewareData,\n rects,\n platform,\n elements: {\n reference,\n floating\n }\n });\n x = nextX != null ? nextX : x;\n y = nextY != null ? nextY : y;\n middlewareData = {\n ...middlewareData,\n [name]: {\n ...middlewareData[name],\n ...data\n }\n };\n if (reset && resetCount <= 50) {\n resetCount++;\n if (typeof reset === 'object') {\n if (reset.placement) {\n statefulPlacement = reset.placement;\n }\n if (reset.rects) {\n rects = reset.rects === true ? await platform.getElementRects({\n reference,\n floating,\n strategy\n }) : reset.rects;\n }\n ({\n x,\n y\n } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));\n }\n i = -1;\n }\n }\n return {\n x,\n y,\n placement: statefulPlacement,\n strategy,\n middlewareData\n };\n};\n\n/\n Resolves with an object of overflow side offsets that determine how much the\n * element is overflowing a given clipping boundary on each side.\n * - positive = overflowing the boundary by that number of pixels\n * - negative = how many pixels left before it will overflow\n * - 0 = lies flush with the boundary\n * @see https://floating-ui.com/docs/detectOverflow\n /\nasync function detectOverflow(state, options) {\n var _await$platform$isEle;\n if (options === void 0) {\n options = {};\n }\n const {\n x,\n y,\n platform,\n rects,\n elements,\n strategy\n } = state;\n const {\n boundary = 'clippingAncestors',\n rootBoundary = 'viewport',\n elementContext = 'floating',\n altBoundary = false,\n padding = 0\n } = evaluate(options, state);\n const paddingObject = getPaddingObject(padding);\n const altContext = elementContext === 'floating' ? 'reference' : 'floating';\n const element = elements[altBoundary ? altContext : elementContext];\n const clippingClientRect = rectToClientRect(await platform.getClippingRect({\n element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement \|\| (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),\n boundary,\n rootBoundary,\n strategy\n }));\n const rect = elementContext === 'floating' ? {\n x,\n y,\n width: rects.floating.width,\n height: rects.floating.height\n } : rects.reference;\n const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));\n const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) \|\| {\n x: 1,\n y: 1\n } : {\n x: 1,\n y: 1\n };\n const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({\n elements,\n rect,\n offsetParent,\n strategy\n }) : rect);\n return {\n top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,\n bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,\n left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,\n right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x\n };\n}\n\n/\n Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * @see https://floating-ui.com/docs/arrow\n /\nconst arrow = options => ({\n name: 'arrow',\n options,\n async fn(state) {\n const {\n x,\n y,\n placement,\n rects,\n platform,\n elements,\n middlewareData\n } = state;\n // Since `element` is required, we don't Partial<> the type.\n const {\n element,\n padding = 0\n } = evaluate(options, state) \|\| {};\n if (element == null) {\n return {};\n }\n const paddingObject = getPaddingObject(padding);\n const coords = {\n x,\n y\n };\n const axis = getAlignmentAxis(placement);\n const length = getAxisLength(axis);\n const arrowDimensions = await platform.getDimensions(element);\n const isYAxis = axis === 'y';\n const minProp = isYAxis ? 'top' : 'left';\n const maxProp = isYAxis ? 'bottom' : 'right';\n const clientProp = isYAxis ? 'clientHeight' : 'clientWidth';\n const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];\n const startDiff = coords[axis] - rects.reference[axis];\n const arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element));\n let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;\n\n // DOM platform can return `window` as the `offsetParent`.\n if (!clientSize \|\| !(await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent)))) {\n clientSize = elements.floating[clientProp] \|\| rects.floating[length];\n }\n const centerToReference = endDiff / 2 - startDiff / 2;\n\n // If the padding is large enough that it causes the arrow to no longer be\n // centered, modify the padding so that it is centered.\n const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;\n const minPadding = min(paddingObject[minProp], largestPossiblePadding);\n const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);\n\n // Make sure the arrow doesn't overflow the floating element if the center\n // point is outside the floating element's bounds.\n const min$1 = minPadding;\n const max = clientSize - arrowDimensions[length] - maxPadding;\n const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;\n const offset = clamp(min$1, center, max);\n\n // If the reference is small enough that the arrow's padding causes it to\n // to point to nothing for an aligned placement, adjust the offset of the\n // floating element itself. To ensure `shift()` continues to take action,\n // a single reset is performed when this is true.\n const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;\n const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;\n return {\n [axis]: coords[axis] + alignmentOffset,\n data: {\n [axis]: offset,\n centerOffset: center - offset - alignmentOffset,\n ...(shouldAddOffset && {\n alignmentOffset\n })\n },\n reset: shouldAddOffset\n };\n }\n});\n\nfunction getPlacementList(alignment, autoAlignment, allowedPlacements) {\n const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter(placement => getAlignment(placement) === alignment), ...allowedPlacements.filter(placement => getAlignment(placement) !== alignment)] : allowedPlacements.filter(placement => getSide(placement) === placement);\n return allowedPlacementsSortedByAlignment.filter(placement => {\n if (alignment) {\n return getAlignment(placement) === alignment \|\| (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);\n }\n return true;\n });\n}\n/\n Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n /\nconst autoPlacement = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'autoPlacement',\n options,\n async fn(state) {\n var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;\n const {\n rects,\n middlewareData,\n placement,\n platform,\n elements\n } = state;\n const {\n crossAxis = false,\n alignment,\n allowedPlacements = placements,\n autoAlignment = true,\n ...detectOverflowOptions\n } = evaluate(options, state);\n const placements$1 = alignment !== undefined \|\| allowedPlacements === placements ? getPlacementList(alignment \|\| null, autoAlignment, allowedPlacements) : allowedPlacements;\n const overflow = await detectOverflow(state, detectOverflowOptions);\n const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) \|\| 0;\n const currentPlacement = placements$1[currentIndex];\n if (currentPlacement == null) {\n return {};\n }\n const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));\n\n // Make `computeCoords` start from the right place.\n if (placement !== currentPlacement) {\n return {\n reset: {\n placement: placements$1[0]\n }\n };\n }\n const currentOverflows = [overflow[getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]];\n const allOverflows = [...(((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) \|\| []), {\n placement: currentPlacement,\n overflows: currentOverflows\n }];\n const nextPlacement = placements$1[currentIndex + 1];\n\n // There are more placements to check.\n if (nextPlacement) {\n return {\n data: {\n index: currentIndex + 1,\n overflows: allOverflows\n },\n reset: {\n placement: nextPlacement\n }\n };\n }\n const placementsSortedByMostSpace = allOverflows.map(d => {\n const alignment = getAlignment(d.placement);\n return [d.placement, alignment && crossAxis ?\n // Check along the mainAxis and main crossAxis side.\n d.overflows.slice(0, 2).reduce((acc, v) => acc + v, 0) :\n // Check only the mainAxis.\n d.overflows[0], d.overflows];\n }).sort((a, b) => a[1] - b[1]);\n const placementsThatFitOnEachSide = placementsSortedByMostSpace.filter(d => d[2].slice(0,\n // Aligned placements should not check their opposite crossAxis\n // side.\n getAlignment(d[0]) ? 2 : 3).every(v => v <= 0));\n const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) \|\| placementsSortedByMostSpace[0][0];\n if (resetPlacement !== placement) {\n return {\n data: {\n index: currentIndex + 1,\n overflows: allOverflows\n },\n reset: {\n placement: resetPlacement\n }\n };\n }\n return {};\n }\n };\n};\n\n/\n Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n /\nconst flip = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'flip',\n options,\n async fn(state) {\n var _middlewareData$arrow, _middlewareData$flip;\n const {\n placement,\n middlewareData,\n rects,\n initialPlacement,\n platform,\n elements\n } = state;\n const {\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = true,\n fallbackPlacements: specifiedFallbackPlacements,\n fallbackStrategy = 'bestFit',\n fallbackAxisSideDirection = 'none',\n flipAlignment = true,\n ...detectOverflowOptions\n } = evaluate(options, state);\n\n // If a reset by the arrow was caused due to an alignment offset being\n // added, we should skip any logic now since `flip()` has already done its\n // work.\n // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643\n if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n return {};\n }\n const side = getSide(placement);\n const initialSideAxis = getSideAxis(initialPlacement);\n const isBasePlacement = getSide(initialPlacement) === initialPlacement;\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n const fallbackPlacements = specifiedFallbackPlacements \|\| (isBasePlacement \|\| !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));\n const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';\n if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {\n fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));\n }\n const placements = [initialPlacement, ...fallbackPlacements];\n const overflow = await detectOverflow(state, detectOverflowOptions);\n const overflows = [];\n let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) \|\| [];\n if (checkMainAxis) {\n overflows.push(overflow[side]);\n }\n if (checkCrossAxis) {\n const sides = getAlignmentSides(placement, rects, rtl);\n overflows.push(overflow[sides[0]], overflow[sides[1]]);\n }\n overflowsData = [...overflowsData, {\n placement,\n overflows\n }];\n\n // One or more sides is overflowing.\n if (!overflows.every(side => side <= 0)) {\n var _middlewareData$flip2, _overflowsData$filter;\n const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) \|\| 0) + 1;\n const nextPlacement = placements[nextIndex];\n if (nextPlacement) {\n const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;\n if (!ignoreCrossAxisOverflow \|\|\n // We leave the current main axis only if every placement on that axis\n // overflows the main axis.\n overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {\n // Try next placement and re-run the lifecycle.\n return {\n data: {\n index: nextIndex,\n overflows: overflowsData\n },\n reset: {\n placement: nextPlacement\n }\n };\n }\n }\n\n // First, find the candidates that fit on the mainAxis side of overflow,\n // then find the placement that fits the best on the main crossAxis side.\n let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;\n\n // Otherwise fallback.\n if (!resetPlacement) {\n switch (fallbackStrategy) {\n case 'bestFit':\n {\n var _overflowsData$filter2;\n const placement = (_overflowsData$filter2 = overflowsData.filter(d => {\n if (hasFallbackAxisSideDirection) {\n const currentSideAxis = getSideAxis(d.placement);\n return currentSideAxis === initialSideAxis \|\|\n // Create a bias to the `y` side axis due to horizontal\n // reading directions favoring greater width.\n currentSideAxis === 'y';\n }\n return true;\n }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];\n if (placement) {\n resetPlacement = placement;\n }\n break;\n }\n case 'initialPlacement':\n resetPlacement = initialPlacement;\n break;\n }\n }\n if (placement !== resetPlacement) {\n return {\n reset: {\n placement: resetPlacement\n }\n };\n }\n }\n return {};\n }\n };\n};\n\nfunction getSideOffsets(overflow, rect) {\n return {\n top: overflow.top - rect.height,\n right: overflow.right - rect.width,\n bottom: overflow.bottom - rect.height,\n left: overflow.left - rect.width\n };\n}\nfunction isAnySideFullyClipped(overflow) {\n return sides.some(side => overflow[side] >= 0);\n}\n/\n Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n /\nconst hide = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'hide',\n options,\n async fn(state) {\n const {\n rects\n } = state;\n const {\n strategy = 'referenceHidden',\n ...detectOverflowOptions\n } = evaluate(options, state);\n switch (strategy) {\n case 'referenceHidden':\n {\n const overflow = await detectOverflow(state, {\n ...detectOverflowOptions,\n elementContext: 'reference'\n });\n const offsets = getSideOffsets(overflow, rects.reference);\n return {\n data: {\n referenceHiddenOffsets: offsets,\n referenceHidden: isAnySideFullyClipped(offsets)\n }\n };\n }\n case 'escaped':\n {\n const overflow = await detectOverflow(state, {\n ...detectOverflowOptions,\n altBoundary: true\n });\n const offsets = getSideOffsets(overflow, rects.floating);\n return {\n data: {\n escapedOffsets: offsets,\n escaped: isAnySideFullyClipped(offsets)\n }\n };\n }\n default:\n {\n return {};\n }\n }\n }\n };\n};\n\nfunction getBoundingRect(rects) {\n const minX = min(...rects.map(rect => rect.left));\n const minY = min(...rects.map(rect => rect.top));\n const maxX = max(...rects.map(rect => rect.right));\n const maxY = max(...rects.map(rect => rect.bottom));\n return {\n x: minX,\n y: minY,\n width: maxX - minX,\n height: maxY - minY\n };\n}\nfunction getRectsByLine(rects) {\n const sortedRects = rects.slice().sort((a, b) => a.y - b.y);\n const groups = [];\n let prevRect = null;\n for (let i = 0; i < sortedRects.length; i++) {\n const rect = sortedRects[i];\n if (!prevRect \|\| rect.y - prevRect.y > prevRect.height / 2) {\n groups.push([rect]);\n } else {\n groups[groups.length - 1].push(rect);\n }\n prevRect = rect;\n }\n return groups.map(rect => rectToClientRect(getBoundingRect(rect)));\n}\n/\n Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n /\nconst inline = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'inline',\n options,\n async fn(state) {\n const {\n placement,\n elements,\n rects,\n platform,\n strategy\n } = state;\n // A MouseEvent's client{X,Y} coords can be up to 2 pixels off a\n // ClientRect's bounds, despite the event listener being triggered. A\n // padding of 2 seems to handle this issue.\n const {\n padding = 2,\n x,\n y\n } = evaluate(options, state);\n const nativeClientRects = Array.from((await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference))) \|\| []);\n const clientRects = getRectsByLine(nativeClientRects);\n const fallback = rectToClientRect(getBoundingRect(nativeClientRects));\n const paddingObject = getPaddingObject(padding);\n function getBoundingClientRect() {\n // There are two rects and they are disjoined.\n if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null) {\n // Find the first rect in which the point is fully inside.\n return clientRects.find(rect => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) \|\| fallback;\n }\n\n // There are 2 or more connected rects.\n if (clientRects.length >= 2) {\n if (getSideAxis(placement) === 'y') {\n const firstRect = clientRects[0];\n const lastRect = clientRects[clientRects.length - 1];\n const isTop = getSide(placement) === 'top';\n const top = firstRect.top;\n const bottom = lastRect.bottom;\n const left = isTop ? firstRect.left : lastRect.left;\n const right = isTop ? firstRect.right : lastRect.right;\n const width = right - left;\n const height = bottom - top;\n return {\n top,\n bottom,\n left,\n right,\n width,\n height,\n x: left,\n y: top\n };\n }\n const isLeftSide = getSide(placement) === 'left';\n const maxRight = max(...clientRects.map(rect => rect.right));\n const minLeft = min(...clientRects.map(rect => rect.left));\n const measureRects = clientRects.filter(rect => isLeftSide ? rect.left === minLeft : rect.right === maxRight);\n const top = measureRects[0].top;\n const bottom = measureRects[measureRects.length - 1].bottom;\n const left = minLeft;\n const right = maxRight;\n const width = right - left;\n const height = bottom - top;\n return {\n top,\n bottom,\n left,\n right,\n width,\n height,\n x: left,\n y: top\n };\n }\n return fallback;\n }\n const resetRects = await platform.getElementRects({\n reference: {\n getBoundingClientRect\n },\n floating: elements.floating,\n strategy\n });\n if (rects.reference.x !== resetRects.reference.x \|\| rects.reference.y !== resetRects.reference.y \|\| rects.reference.width !== resetRects.reference.width \|\| rects.reference.height !== resetRects.reference.height) {\n return {\n reset: {\n rects: resetRects\n }\n };\n }\n return {};\n }\n };\n};\n\nconst originSides = /#__PURE__/new Set(['left', 'top']);\n\n// For type backwards-compatibility, the `OffsetOptions` type was also\n// Derivable.\n\nasync function convertValueToCoords(state, options) {\n const {\n placement,\n platform,\n elements\n } = state;\n const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n const side = getSide(placement);\n const alignment = getAlignment(placement);\n const isVertical = getSideAxis(placement) === 'y';\n const mainAxisMulti = originSides.has(side) ? -1 : 1;\n const crossAxisMulti = rtl && isVertical ? -1 : 1;\n const rawValue = evaluate(options, state);\n\n // eslint-disable-next-line prefer-const\n let {\n mainAxis,\n crossAxis,\n alignmentAxis\n } = typeof rawValue === 'number' ? {\n mainAxis: rawValue,\n crossAxis: 0,\n alignmentAxis: null\n } : {\n mainAxis: rawValue.mainAxis \|\| 0,\n crossAxis: rawValue.crossAxis \|\| 0,\n alignmentAxis: rawValue.alignmentAxis\n };\n if (alignment && typeof alignmentAxis === 'number') {\n crossAxis = alignment === 'end' ? alignmentAxis -1 : alignmentAxis;\n }\n return isVertical ? {\n x: crossAxis * crossAxisMulti,\n y: mainAxis * mainAxisMulti\n } : {\n x: mainAxis * mainAxisMulti,\n y: crossAxis * crossAxisMulti\n };\n}\n\n/*\n Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n /\nconst offset = function (options) {\n if (options === void 0) {\n options = 0;\n }\n return {\n name: 'offset',\n options,\n async fn(state) {\n var _middlewareData$offse, _middlewareData$arrow;\n const {\n x,\n y,\n placement,\n middlewareData\n } = state;\n const diffCoords = await convertValueToCoords(state, options);\n\n // If the placement is the same and the arrow caused an alignment offset\n // then we don't need to change the positioning coordinates.\n if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n return {};\n }\n return {\n x: x + diffCoords.x,\n y: y + diffCoords.y,\n data: {\n ...diffCoords,\n placement\n }\n };\n }\n };\n};\n\n/\n Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n /\nconst shift = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'shift',\n options,\n async fn(state) {\n const {\n x,\n y,\n placement\n } = state;\n const {\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = false,\n limiter = {\n fn: _ref => {\n let {\n x,\n y\n } = _ref;\n return {\n x,\n y\n };\n }\n },\n ...detectOverflowOptions\n } = evaluate(options, state);\n const coords = {\n x,\n y\n };\n const overflow = await detectOverflow(state, detectOverflowOptions);\n const crossAxis = getSideAxis(getSide(placement));\n const mainAxis = getOppositeAxis(crossAxis);\n let mainAxisCoord = coords[mainAxis];\n let crossAxisCoord = coords[crossAxis];\n if (checkMainAxis) {\n const minSide = mainAxis === 'y' ? 'top' : 'left';\n const maxSide = mainAxis === 'y' ? 'bottom' : 'right';\n const min = mainAxisCoord + overflow[minSide];\n const max = mainAxisCoord - overflow[maxSide];\n mainAxisCoord = clamp(min, mainAxisCoord, max);\n }\n if (checkCrossAxis) {\n const minSide = crossAxis === 'y' ? 'top' : 'left';\n const maxSide = crossAxis === 'y' ? 'bottom' : 'right';\n const min = crossAxisCoord + overflow[minSide];\n const max = crossAxisCoord - overflow[maxSide];\n crossAxisCoord = clamp(min, crossAxisCoord, max);\n }\n const limitedCoords = limiter.fn({\n ...state,\n [mainAxis]: mainAxisCoord,\n [crossAxis]: crossAxisCoord\n });\n return {\n ...limitedCoords,\n data: {\n x: limitedCoords.x - x,\n y: limitedCoords.y - y,\n enabled: {\n [mainAxis]: checkMainAxis,\n [crossAxis]: checkCrossAxis\n }\n }\n };\n }\n };\n};\n/\n Built-in `limiter` that will stop `shift()` at a certain point.\n /\nconst limitShift = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n options,\n fn(state) {\n const {\n x,\n y,\n placement,\n rects,\n middlewareData\n } = state;\n const {\n offset = 0,\n mainAxis: checkMainAxis = true,\n crossAxis: checkCrossAxis = true\n } = evaluate(options, state);\n const coords = {\n x,\n y\n };\n const crossAxis = getSideAxis(placement);\n const mainAxis = getOppositeAxis(crossAxis);\n let mainAxisCoord = coords[mainAxis];\n let crossAxisCoord = coords[crossAxis];\n const rawOffset = evaluate(offset, state);\n const computedOffset = typeof rawOffset === 'number' ? {\n mainAxis: rawOffset,\n crossAxis: 0\n } : {\n mainAxis: 0,\n crossAxis: 0,\n ...rawOffset\n };\n if (checkMainAxis) {\n const len = mainAxis === 'y' ? 'height' : 'width';\n const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;\n const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;\n if (mainAxisCoord < limitMin) {\n mainAxisCoord = limitMin;\n } else if (mainAxisCoord > limitMax) {\n mainAxisCoord = limitMax;\n }\n }\n if (checkCrossAxis) {\n var _middlewareData$offse, _middlewareData$offse2;\n const len = mainAxis === 'y' ? 'width' : 'height';\n const isOriginSide = originSides.has(getSide(placement));\n const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) \|\| 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);\n const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) \|\| 0) - (isOriginSide ? computedOffset.crossAxis : 0);\n if (crossAxisCoord < limitMin) {\n crossAxisCoord = limitMin;\n } else if (crossAxisCoord > limitMax) {\n crossAxisCoord = limitMax;\n }\n }\n return {\n [mainAxis]: mainAxisCoord,\n [crossAxis]: crossAxisCoord\n };\n }\n };\n};\n\n/\n Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n /\nconst size = function (options) {\n if (options === void 0) {\n options = {};\n }\n return {\n name: 'size',\n options,\n async fn(state) {\n var _state$middlewareData, _state$middlewareData2;\n const {\n placement,\n rects,\n platform,\n elements\n } = state;\n const {\n apply = () => {},\n ...detectOverflowOptions\n } = evaluate(options, state);\n const overflow = await detectOverflow(state, detectOverflowOptions);\n const side = getSide(placement);\n const alignment = getAlignment(placement);\n const isYAxis = getSideAxis(placement) === 'y';\n const {\n width,\n height\n } = rects.floating;\n let heightSide;\n let widthSide;\n if (side === 'top' \|\| side === 'bottom') {\n heightSide = side;\n widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';\n } else {\n widthSide = side;\n heightSide = alignment === 'end' ? 'top' : 'bottom';\n }\n const maximumClippingHeight = height - overflow.top - overflow.bottom;\n const maximumClippingWidth = width - overflow.left - overflow.right;\n const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);\n const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);\n const noShift = !state.middlewareData.shift;\n let availableHeight = overflowAvailableHeight;\n let availableWidth = overflowAvailableWidth;\n if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {\n availableWidth = maximumClippingWidth;\n }\n if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {\n availableHeight = maximumClippingHeight;\n }\n if (noShift && !alignment) {\n const xMin = max(overflow.left, 0);\n const xMax = max(overflow.right, 0);\n const yMin = max(overflow.top, 0);\n const yMax = max(overflow.bottom, 0);\n if (isYAxis) {\n availableWidth = width - 2 (xMin !== 0 \|\| xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));\n } else {\n availableHeight = height - 2 * (yMin !== 0 \|\| yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));\n }\n }\n await apply({\n ...state,\n availableWidth,\n availableHeight\n });\n const nextDimensions = await platform.getDimensions(elements.floating);\n if (width !== nextDimensions.width \|\| height !== nextDimensions.height) {\n return {\n reset: {\n rects: true\n }\n };\n }\n return {};\n }\n };\n};\n\nexport { arrow, autoPlacement, computePosition, detectOverflow, flip, hide, inline, limitShift, offset, shift, size };\n","import { rectToClientRect, arrow as arrow$1, autoPlacement as autoPlacement$1, detectOverflow as detectOverflow$1, flip as flip$1, hide as hide$1, inline as inline$1, limitShift as limitShift$1, offset as offset$1, shift as shift$1, size as size$1, computePosition as computePosition$1 } from '@floating-ui/core';\nimport { round, createCoords, max, min, floor } from '@floating-ui/utils';\nimport { getComputedStyle as getComputedStyle$1, isHTMLElement, isElement, getWindow, isWebKit, getFrameElement, getNodeScroll, getDocumentElement, isTopLayer, getNodeName, isOverflowElement, getOverflowAncestors, getParentNode, isLastTraversableNode, isContainingBlock, isTableElement, getContainingBlock } from '@floating-ui/utils/dom';\nexport { getOverflowAncestors } from '@floating-ui/utils/dom';\n\nfunction getCssDimensions(element) {\n const css = getComputedStyle$1(element);\n // In testing environments, the `width` and `height` properties are empty\n // strings for SVG elements, returning NaN. Fallback to `0` in this case.\n let width = parseFloat(css.width) \|\| 0;\n let height = parseFloat(css.height) \|\| 0;\n const hasOffset = isHTMLElement(element);\n const offsetWidth = hasOffset ? element.offsetWidth : width;\n const offsetHeight = hasOffset ? element.offsetHeight : height;\n const shouldFallback = round(width) !== offsetWidth \|\| round(height) !== offsetHeight;\n if (shouldFallback) {\n width = offsetWidth;\n height = offsetHeight;\n }\n return {\n width,\n height,\n $: shouldFallback\n };\n}\n\nfunction unwrapElement(element) {\n return !isElement(element) ? element.contextElement : element;\n}\n\nfunction getScale(element) {\n const domElement = unwrapElement(element);\n if (!isHTMLElement(domElement)) {\n return createCoords(1);\n }\n const rect = domElement.getBoundingClientRect();\n const {\n width,\n height,\n $\n } = getCssDimensions(domElement);\n let x = ($ ? round(rect.width) : rect.width) / width;\n let y = ($ ? round(rect.height) : rect.height) / height;\n\n // 0, NaN, or Infinity should always fallback to 1.\n\n if (!x \|\| !Number.isFinite(x)) {\n x = 1;\n }\n if (!y \|\| !Number.isFinite(y)) {\n y = 1;\n }\n return {\n x,\n y\n };\n}\n\nconst noOffsets = /#__PURE__/createCoords(0);\nfunction getVisualOffsets(element) {\n const win = getWindow(element);\n if (!isWebKit() \|\| !win.visualViewport) {\n return noOffsets;\n }\n return {\n x: win.visualViewport.offsetLeft,\n y: win.visualViewport.offsetTop\n };\n}\nfunction shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {\n if (isFixed === void 0) {\n isFixed = false;\n }\n if (!floatingOffsetParent \|\| isFixed && floatingOffsetParent !== getWindow(element)) {\n return false;\n }\n return isFixed;\n}\n\nfunction getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {\n if (includeScale === void 0) {\n includeScale = false;\n }\n if (isFixedStrategy === void 0) {\n isFixedStrategy = false;\n }\n const clientRect = element.getBoundingClientRect();\n const domElement = unwrapElement(element);\n let scale = createCoords(1);\n if (includeScale) {\n if (offsetParent) {\n if (isElement(offsetParent)) {\n scale = getScale(offsetParent);\n }\n } else {\n scale = getScale(element);\n }\n }\n const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);\n let x = (clientRect.left + visualOffsets.x) / scale.x;\n let y = (clientRect.top + visualOffsets.y) / scale.y;\n let width = clientRect.width / scale.x;\n let height = clientRect.height / scale.y;\n if (domElement) {\n const win = getWindow(domElement);\n const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;\n let currentWin = win;\n let currentIFrame = getFrameElement(currentWin);\n while (currentIFrame && offsetParent && offsetWin !== currentWin) {\n const iframeScale = getScale(currentIFrame);\n const iframeRect = currentIFrame.getBoundingClientRect();\n const css = getComputedStyle$1(currentIFrame);\n const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;\n const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;\n x = iframeScale.x;\n y = iframeScale.y;\n width = iframeScale.x;\n height = iframeScale.y;\n x += left;\n y += top;\n currentWin = getWindow(currentIFrame);\n currentIFrame = getFrameElement(currentWin);\n }\n }\n return rectToClientRect({\n width,\n height,\n x,\n y\n });\n}\n\n// If <html> has a CSS width greater than the viewport, then this will be\n// incorrect for RTL.\nfunction getWindowScrollBarX(element, rect) {\n const leftScroll = getNodeScroll(element).scrollLeft;\n if (!rect) {\n return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;\n }\n return rect.left + leftScroll;\n}\n\nfunction getHTMLOffset(documentElement, scroll) {\n const htmlRect = documentElement.getBoundingClientRect();\n const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);\n const y = htmlRect.top + scroll.scrollTop;\n return {\n x,\n y\n };\n}\n\nfunction convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {\n let {\n elements,\n rect,\n offsetParent,\n strategy\n } = _ref;\n const isFixed = strategy === 'fixed';\n const documentElement = getDocumentElement(offsetParent);\n const topLayer = elements ? isTopLayer(elements.floating) : false;\n if (offsetParent === documentElement \|\| topLayer && isFixed) {\n return rect;\n }\n let scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n let scale = createCoords(1);\n const offsets = createCoords(0);\n const isOffsetParentAnElement = isHTMLElement(offsetParent);\n if (isOffsetParentAnElement \|\| !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' \|\| isOverflowElement(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n if (isHTMLElement(offsetParent)) {\n const offsetRect = getBoundingClientRect(offsetParent);\n scale = getScale(offsetParent);\n offsets.x = offsetRect.x + offsetParent.clientLeft;\n offsets.y = offsetRect.y + offsetParent.clientTop;\n }\n }\n const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);\n return {\n width: rect.width * scale.x,\n height: rect.height * scale.y,\n x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,\n y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y\n };\n}\n\nfunction getClientRects(element) {\n return Array.from(element.getClientRects());\n}\n\n// Gets the entire size of the scrollable document area, even extending outside\n// of the `<html>` and `<body>` rect bounds if horizontally scrollable.\nfunction getDocumentRect(element) {\n const html = getDocumentElement(element);\n const scroll = getNodeScroll(element);\n const body = element.ownerDocument.body;\n const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);\n const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);\n let x = -scroll.scrollLeft + getWindowScrollBarX(element);\n const y = -scroll.scrollTop;\n if (getComputedStyle$1(body).direction === 'rtl') {\n x += max(html.clientWidth, body.clientWidth) - width;\n }\n return {\n width,\n height,\n x,\n y\n };\n}\n\n// Safety check: ensure the scrollbar space is reasonable in case this\n// calculation is affected by unusual styles.\n// Most scrollbars leave 15-18px of space.\nconst SCROLLBAR_MAX = 25;\nfunction getViewportRect(element, strategy) {\n const win = getWindow(element);\n const html = getDocumentElement(element);\n const visualViewport = win.visualViewport;\n let width = html.clientWidth;\n let height = html.clientHeight;\n let x = 0;\n let y = 0;\n if (visualViewport) {\n width = visualViewport.width;\n height = visualViewport.height;\n const visualViewportBased = isWebKit();\n if (!visualViewportBased \|\| visualViewportBased && strategy === 'fixed') {\n x = visualViewport.offsetLeft;\n y = visualViewport.offsetTop;\n }\n }\n const windowScrollbarX = getWindowScrollBarX(html);\n // <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the\n // visual width of the <html> but this is not considered in the size\n // of `html.clientWidth`.\n if (windowScrollbarX <= 0) {\n const doc = html.ownerDocument;\n const body = doc.body;\n const bodyStyles = getComputedStyle(body);\n const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) \|\| 0 : 0;\n const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);\n if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {\n width -= clippingStableScrollbarWidth;\n }\n } else if (windowScrollbarX <= SCROLLBAR_MAX) {\n // If the <body> scrollbar is on the left, the width needs to be extended\n // by the scrollbar amount so there isn't extra space on the right.\n width += windowScrollbarX;\n }\n return {\n width,\n height,\n x,\n y\n };\n}\n\nconst absoluteOrFixed = /#__PURE__/new Set(['absolute', 'fixed']);\n// Returns the inner client rect, subtracting scrollbars if present.\nfunction getInnerBoundingClientRect(element, strategy) {\n const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');\n const top = clientRect.top + element.clientTop;\n const left = clientRect.left + element.clientLeft;\n const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);\n const width = element.clientWidth * scale.x;\n const height = element.clientHeight * scale.y;\n const x = left * scale.x;\n const y = top * scale.y;\n return {\n width,\n height,\n x,\n y\n };\n}\nfunction getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {\n let rect;\n if (clippingAncestor === 'viewport') {\n rect = getViewportRect(element, strategy);\n } else if (clippingAncestor === 'document') {\n rect = getDocumentRect(getDocumentElement(element));\n } else if (isElement(clippingAncestor)) {\n rect = getInnerBoundingClientRect(clippingAncestor, strategy);\n } else {\n const visualOffsets = getVisualOffsets(element);\n rect = {\n x: clippingAncestor.x - visualOffsets.x,\n y: clippingAncestor.y - visualOffsets.y,\n width: clippingAncestor.width,\n height: clippingAncestor.height\n };\n }\n return rectToClientRect(rect);\n}\nfunction hasFixedPositionAncestor(element, stopNode) {\n const parentNode = getParentNode(element);\n if (parentNode === stopNode \|\| !isElement(parentNode) \|\| isLastTraversableNode(parentNode)) {\n return false;\n }\n return getComputedStyle$1(parentNode).position === 'fixed' \|\| hasFixedPositionAncestor(parentNode, stopNode);\n}\n\n// A \"clipping ancestor\" is an `overflow` element with the characteristic of\n// clipping (or hiding) child elements. This returns all clipping ancestors\n// of the given element up the tree.\nfunction getClippingElementAncestors(element, cache) {\n const cachedResult = cache.get(element);\n if (cachedResult) {\n return cachedResult;\n }\n let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');\n let currentContainingBlockComputedStyle = null;\n const elementIsFixed = getComputedStyle$1(element).position === 'fixed';\n let currentNode = elementIsFixed ? getParentNode(element) : element;\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {\n const computedStyle = getComputedStyle$1(currentNode);\n const currentNodeIsContaining = isContainingBlock(currentNode);\n if (!currentNodeIsContaining && computedStyle.position === 'fixed') {\n currentContainingBlockComputedStyle = null;\n }\n const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) \|\| isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);\n if (shouldDropCurrentNode) {\n // Drop non-containing blocks.\n result = result.filter(ancestor => ancestor !== currentNode);\n } else {\n // Record last containing block for next iteration.\n currentContainingBlockComputedStyle = computedStyle;\n }\n currentNode = getParentNode(currentNode);\n }\n cache.set(element, result);\n return result;\n}\n\n// Gets the maximum area that the element is visible in due to any number of\n// clipping ancestors.\nfunction getClippingRect(_ref) {\n let {\n element,\n boundary,\n rootBoundary,\n strategy\n } = _ref;\n const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);\n const clippingAncestors = [...elementClippingAncestors, rootBoundary];\n const firstClippingAncestor = clippingAncestors[0];\n const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {\n const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);\n accRect.top = max(rect.top, accRect.top);\n accRect.right = min(rect.right, accRect.right);\n accRect.bottom = min(rect.bottom, accRect.bottom);\n accRect.left = max(rect.left, accRect.left);\n return accRect;\n }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));\n return {\n width: clippingRect.right - clippingRect.left,\n height: clippingRect.bottom - clippingRect.top,\n x: clippingRect.left,\n y: clippingRect.top\n };\n}\n\nfunction getDimensions(element) {\n const {\n width,\n height\n } = getCssDimensions(element);\n return {\n width,\n height\n };\n}\n\nfunction getRectRelativeToOffsetParent(element, offsetParent, strategy) {\n const isOffsetParentAnElement = isHTMLElement(offsetParent);\n const documentElement = getDocumentElement(offsetParent);\n const isFixed = strategy === 'fixed';\n const rect = getBoundingClientRect(element, true, isFixed, offsetParent);\n let scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n const offsets = createCoords(0);\n\n // If the <body> scrollbar appears on the left (e.g. RTL systems). Use\n // Firefox with layout.scrollbar.side = 3 in about:config to test this.\n function setLeftRTLScrollbarOffset() {\n offsets.x = getWindowScrollBarX(documentElement);\n }\n if (isOffsetParentAnElement \|\| !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' \|\| isOverflowElement(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n if (isOffsetParentAnElement) {\n const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);\n offsets.x = offsetRect.x + offsetParent.clientLeft;\n offsets.y = offsetRect.y + offsetParent.clientTop;\n } else if (documentElement) {\n setLeftRTLScrollbarOffset();\n }\n }\n if (isFixed && !isOffsetParentAnElement && documentElement) {\n setLeftRTLScrollbarOffset();\n }\n const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);\n const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;\n const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;\n return {\n x,\n y,\n width: rect.width,\n height: rect.height\n };\n}\n\nfunction isStaticPositioned(element) {\n return getComputedStyle$1(element).position === 'static';\n}\n\nfunction getTrueOffsetParent(element, polyfill) {\n if (!isHTMLElement(element) \|\| getComputedStyle$1(element).position === 'fixed') {\n return null;\n }\n if (polyfill) {\n return polyfill(element);\n }\n let rawOffsetParent = element.offsetParent;\n\n // Firefox returns the <html> element as the offsetParent if it's non-static,\n // while Chrome and Safari return the <body> element. The <body> element must\n // be used to perform the correct calculations even if the <html> element is\n // non-static.\n if (getDocumentElement(element) === rawOffsetParent) {\n rawOffsetParent = rawOffsetParent.ownerDocument.body;\n }\n return rawOffsetParent;\n}\n\n// Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\nfunction getOffsetParent(element, polyfill) {\n const win = getWindow(element);\n if (isTopLayer(element)) {\n return win;\n }\n if (!isHTMLElement(element)) {\n let svgOffsetParent = getParentNode(element);\n while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {\n if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {\n return svgOffsetParent;\n }\n svgOffsetParent = getParentNode(svgOffsetParent);\n }\n return win;\n }\n let offsetParent = getTrueOffsetParent(element, polyfill);\n while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {\n offsetParent = getTrueOffsetParent(offsetParent, polyfill);\n }\n if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {\n return win;\n }\n return offsetParent \|\| getContainingBlock(element) \|\| win;\n}\n\nconst getElementRects = async function (data) {\n const getOffsetParentFn = this.getOffsetParent \|\| getOffsetParent;\n const getDimensionsFn = this.getDimensions;\n const floatingDimensions = await getDimensionsFn(data.floating);\n return {\n reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),\n floating: {\n x: 0,\n y: 0,\n width: floatingDimensions.width,\n height: floatingDimensions.height\n }\n };\n};\n\nfunction isRTL(element) {\n return getComputedStyle$1(element).direction === 'rtl';\n}\n\nconst platform = {\n convertOffsetParentRelativeRectToViewportRelativeRect,\n getDocumentElement,\n getClippingRect,\n getOffsetParent,\n getElementRects,\n getClientRects,\n getDimensions,\n getScale,\n isElement,\n isRTL\n};\n\nfunction rectsAreEqual(a, b) {\n return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n}\n\n// https://samthor.au/2021/observing-dom/\nfunction observeMove(element, onMove) {\n let io = null;\n let timeoutId;\n const root = getDocumentElement(element);\n function cleanup() {\n var _io;\n clearTimeout(timeoutId);\n (_io = io) == null \|\| _io.disconnect();\n io = null;\n }\n function refresh(skip, threshold) {\n if (skip === void 0) {\n skip = false;\n }\n if (threshold === void 0) {\n threshold = 1;\n }\n cleanup();\n const elementRectForRootMargin = element.getBoundingClientRect();\n const {\n left,\n top,\n width,\n height\n } = elementRectForRootMargin;\n if (!skip) {\n onMove();\n }\n if (!width \|\| !height) {\n return;\n }\n const insetTop = floor(top);\n const insetRight = floor(root.clientWidth - (left + width));\n const insetBottom = floor(root.clientHeight - (top + height));\n const insetLeft = floor(left);\n const rootMargin = -insetTop + \"px \" + -insetRight + \"px \" + -insetBottom + \"px \" + -insetLeft + \"px\";\n const options = {\n rootMargin,\n threshold: max(0, min(1, threshold)) \|\| 1\n };\n let isFirstUpdate = true;\n function handleObserve(entries) {\n const ratio = entries[0].intersectionRatio;\n if (ratio !== threshold) {\n if (!isFirstUpdate) {\n return refresh();\n }\n if (!ratio) {\n // If the reference is clipped, the ratio is 0. Throttle the refresh\n // to prevent an infinite loop of updates.\n timeoutId = setTimeout(() => {\n refresh(false, 1e-7);\n }, 1000);\n } else {\n refresh(false, ratio);\n }\n }\n if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {\n // It's possible that even though the ratio is reported as 1, the\n // element is not actually fully within the IntersectionObserver's root\n // area anymore. This can happen under performance constraints. This may\n // be a bug in the browser's IntersectionObserver implementation. To\n // work around this, we compare the element's bounding rect now with\n // what it was at the time we created the IntersectionObserver. If they\n // are not equal then the element moved, so we refresh.\n refresh();\n }\n isFirstUpdate = false;\n }\n\n // Older browsers don't support a `document` as the root and will throw an\n // error.\n try {\n io = new IntersectionObserver(handleObserve, {\n ...options,\n // Handle <iframe>s\n root: root.ownerDocument\n });\n } catch (_e) {\n io = new IntersectionObserver(handleObserve, options);\n }\n io.observe(element);\n }\n refresh(true);\n return cleanup;\n}\n\n/*\n Automatically updates the position of the floating element when necessary.\n * Should only be called when the floating element is mounted on the DOM or\n * visible on the screen.\n * @returns cleanup function that should be invoked when the floating element is\n * removed from the DOM or hidden from the screen.\n * @see https://floating-ui.com/docs/autoUpdate\n /\nfunction autoUpdate(reference, floating, update, options) {\n if (options === void 0) {\n options = {};\n }\n const {\n ancestorScroll = true,\n ancestorResize = true,\n elementResize = typeof ResizeObserver === 'function',\n layoutShift = typeof IntersectionObserver === 'function',\n animationFrame = false\n } = options;\n const referenceEl = unwrapElement(reference);\n const ancestors = ancestorScroll \|\| ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...getOverflowAncestors(floating)] : [];\n ancestors.forEach(ancestor => {\n ancestorScroll && ancestor.addEventListener('scroll', update, {\n passive: true\n });\n ancestorResize && ancestor.addEventListener('resize', update);\n });\n const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;\n let reobserveFrame = -1;\n let resizeObserver = null;\n if (elementResize) {\n resizeObserver = new ResizeObserver(_ref => {\n let [firstEntry] = _ref;\n if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {\n // Prevent update loops when using the `size` middleware.\n // https://github.com/floating-ui/floating-ui/issues/1740\n resizeObserver.unobserve(floating);\n cancelAnimationFrame(reobserveFrame);\n reobserveFrame = requestAnimationFrame(() => {\n var _resizeObserver;\n (_resizeObserver = resizeObserver) == null \|\| _resizeObserver.observe(floating);\n });\n }\n update();\n });\n if (referenceEl && !animationFrame) {\n resizeObserver.observe(referenceEl);\n }\n resizeObserver.observe(floating);\n }\n let frameId;\n let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;\n if (animationFrame) {\n frameLoop();\n }\n function frameLoop() {\n const nextRefRect = getBoundingClientRect(reference);\n if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {\n update();\n }\n prevRefRect = nextRefRect;\n frameId = requestAnimationFrame(frameLoop);\n }\n update();\n return () => {\n var _resizeObserver2;\n ancestors.forEach(ancestor => {\n ancestorScroll && ancestor.removeEventListener('scroll', update);\n ancestorResize && ancestor.removeEventListener('resize', update);\n });\n cleanupIo == null \|\| cleanupIo();\n (_resizeObserver2 = resizeObserver) == null \|\| _resizeObserver2.disconnect();\n resizeObserver = null;\n if (animationFrame) {\n cancelAnimationFrame(frameId);\n }\n };\n}\n\n/\n Resolves with an object of overflow side offsets that determine how much the\n * element is overflowing a given clipping boundary on each side.\n * - positive = overflowing the boundary by that number of pixels\n * - negative = how many pixels left before it will overflow\n * - 0 = lies flush with the boundary\n * @see https://floating-ui.com/docs/detectOverflow\n /\nconst detectOverflow = detectOverflow$1;\n\n/\n Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n /\nconst offset = offset$1;\n\n/\n Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n /\nconst autoPlacement = autoPlacement$1;\n\n/\n Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n /\nconst shift = shift$1;\n\n/\n Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n /\nconst flip = flip$1;\n\n/\n Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n /\nconst size = size$1;\n\n/\n Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n /\nconst hide = hide$1;\n\n/\n Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * @see https://floating-ui.com/docs/arrow\n /\nconst arrow = arrow$1;\n\n/\n Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n /\nconst inline = inline$1;\n\n/\n Built-in `limiter` that will stop `shift()` at a certain point.\n /\nconst limitShift = limitShift$1;\n\n/\n Computes the `x` and `y` coordinates that will place the floating element\n * next to a given reference element.\n /\nconst computePosition = (reference, floating, options) => {\n // This caches the expensive `getClippingElementAncestors` function so that\n // multiple lifecycle resets re-use the same result. It only lives for a\n // single call. If other functions become expensive, we can add them as well.\n const cache = new Map();\n const mergedOptions = {\n platform,\n ...options\n };\n const platformWithCache = {\n ...mergedOptions.platform,\n _c: cache\n };\n return computePosition$1(reference, floating, {\n ...mergedOptions,\n platform: platformWithCache\n });\n};\n\nexport { arrow, autoPlacement, autoUpdate, computePosition, detectOverflow, flip, hide, inline, limitShift, offset, platform, shift, size };\n","import { computePosition, arrow as arrow$2, autoPlacement as autoPlacement$1, flip as flip$1, hide as hide$1, inline as inline$1, limitShift as limitShift$1, offset as offset$1, shift as shift$1, size as size$1 } from '@floating-ui/dom';\nexport { autoUpdate, computePosition, detectOverflow, getOverflowAncestors, platform } from '@floating-ui/dom';\nimport as React from 'react';\nimport { useLayoutEffect } from 'react';\nimport * as ReactDOM from 'react-dom';\n\nvar isClient = typeof document !== 'undefined';\n\nvar noop = function noop() {};\nvar index = isClient ? useLayoutEffect : noop;\n\n// Fork of `fast-deep-equal` that only does the comparisons we need and compares\n// functions\nfunction deepEqual(a, b) {\n if (a === b) {\n return true;\n }\n if (typeof a !== typeof b) {\n return false;\n }\n if (typeof a === 'function' && a.toString() === b.toString()) {\n return true;\n }\n let length;\n let i;\n let keys;\n if (a && b && typeof a === 'object') {\n if (Array.isArray(a)) {\n length = a.length;\n if (length !== b.length) return false;\n for (i = length; i-- !== 0;) {\n if (!deepEqual(a[i], b[i])) {\n return false;\n }\n }\n return true;\n }\n keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) {\n return false;\n }\n for (i = length; i-- !== 0;) {\n if (!{}.hasOwnProperty.call(b, keys[i])) {\n return false;\n }\n }\n for (i = length; i-- !== 0;) {\n const key = keys[i];\n if (key === '_owner' && a.$$typeof) {\n continue;\n }\n if (!deepEqual(a[key], b[key])) {\n return false;\n }\n }\n return true;\n }\n return a !== a && b !== b;\n}\n\nfunction getDPR(element) {\n if (typeof window === 'undefined') {\n return 1;\n }\n const win = element.ownerDocument.defaultView \|\| window;\n return win.devicePixelRatio \|\| 1;\n}\n\nfunction roundByDPR(element, value) {\n const dpr = getDPR(element);\n return Math.round(value * dpr) / dpr;\n}\n\nfunction useLatestRef(value) {\n const ref = React.useRef(value);\n index(() => {\n ref.current = value;\n });\n return ref;\n}\n\n/*\n Provides data to position a floating element.\n * @see https://floating-ui.com/docs/useFloating\n /\nfunction useFloating(options) {\n if (options === void 0) {\n options = {};\n }\n const {\n placement = 'bottom',\n strategy = 'absolute',\n middleware = [],\n platform,\n elements: {\n reference: externalReference,\n floating: externalFloating\n } = {},\n transform = true,\n whileElementsMounted,\n open\n } = options;\n const [data, setData] = React.useState({\n x: 0,\n y: 0,\n strategy,\n placement,\n middlewareData: {},\n isPositioned: false\n });\n const [latestMiddleware, setLatestMiddleware] = React.useState(middleware);\n if (!deepEqual(latestMiddleware, middleware)) {\n setLatestMiddleware(middleware);\n }\n const [_reference, _setReference] = React.useState(null);\n const [_floating, _setFloating] = React.useState(null);\n const setReference = React.useCallback(node => {\n if (node !== referenceRef.current) {\n referenceRef.current = node;\n _setReference(node);\n }\n }, []);\n const setFloating = React.useCallback(node => {\n if (node !== floatingRef.current) {\n floatingRef.current = node;\n _setFloating(node);\n }\n }, []);\n const referenceEl = externalReference \|\| _reference;\n const floatingEl = externalFloating \|\| _floating;\n const referenceRef = React.useRef(null);\n const floatingRef = React.useRef(null);\n const dataRef = React.useRef(data);\n const hasWhileElementsMounted = whileElementsMounted != null;\n const whileElementsMountedRef = useLatestRef(whileElementsMounted);\n const platformRef = useLatestRef(platform);\n const openRef = useLatestRef(open);\n const update = React.useCallback(() => {\n if (!referenceRef.current \|\| !floatingRef.current) {\n return;\n }\n const config = {\n placement,\n strategy,\n middleware: latestMiddleware\n };\n if (platformRef.current) {\n config.platform = platformRef.current;\n }\n computePosition(referenceRef.current, floatingRef.current, config).then(data => {\n const fullData = {\n ...data,\n // The floating element's position may be recomputed while it's closed\n // but still mounted (such as when transitioning out). To ensure\n // `isPositioned` will be `false` initially on the next open, avoid\n // setting it to `true` when `open === false` (must be specified).\n isPositioned: openRef.current !== false\n };\n if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {\n dataRef.current = fullData;\n ReactDOM.flushSync(() => {\n setData(fullData);\n });\n }\n });\n }, [latestMiddleware, placement, strategy, platformRef, openRef]);\n index(() => {\n if (open === false && dataRef.current.isPositioned) {\n dataRef.current.isPositioned = false;\n setData(data => ({\n ...data,\n isPositioned: false\n }));\n }\n }, [open]);\n const isMountedRef = React.useRef(false);\n index(() => {\n isMountedRef.current = true;\n return () => {\n isMountedRef.current = false;\n };\n }, []);\n index(() => {\n if (referenceEl) referenceRef.current = referenceEl;\n if (floatingEl) floatingRef.current = floatingEl;\n if (referenceEl && floatingEl) {\n if (whileElementsMountedRef.current) {\n return whileElementsMountedRef.current(referenceEl, floatingEl, update);\n }\n update();\n }\n }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);\n const refs = React.useMemo(() => ({\n reference: referenceRef,\n floating: floatingRef,\n setReference,\n setFloating\n }), [setReference, setFloating]);\n const elements = React.useMemo(() => ({\n reference: referenceEl,\n floating: floatingEl\n }), [referenceEl, floatingEl]);\n const floatingStyles = React.useMemo(() => {\n const initialStyles = {\n position: strategy,\n left: 0,\n top: 0\n };\n if (!elements.floating) {\n return initialStyles;\n }\n const x = roundByDPR(elements.floating, data.x);\n const y = roundByDPR(elements.floating, data.y);\n if (transform) {\n return {\n ...initialStyles,\n transform: \"translate(\" + x + \"px, \" + y + \"px)\",\n ...(getDPR(elements.floating) >= 1.5 && {\n willChange: 'transform'\n })\n };\n }\n return {\n position: strategy,\n left: x,\n top: y\n };\n }, [strategy, transform, elements.floating, data.x, data.y]);\n return React.useMemo(() => ({\n ...data,\n update,\n refs,\n elements,\n floatingStyles\n }), [data, update, refs, elements, floatingStyles]);\n}\n\n/\n Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * This wraps the core `arrow` middleware to allow React refs as the element.\n * @see https://floating-ui.com/docs/arrow\n /\nconst arrow$1 = options => {\n function isRef(value) {\n return {}.hasOwnProperty.call(value, 'current');\n }\n return {\n name: 'arrow',\n options,\n fn(state) {\n const {\n element,\n padding\n } = typeof options === 'function' ? options(state) : options;\n if (element && isRef(element)) {\n if (element.current != null) {\n return arrow$2({\n element: element.current,\n padding\n }).fn(state);\n }\n return {};\n }\n if (element) {\n return arrow$2({\n element,\n padding\n }).fn(state);\n }\n return {};\n }\n };\n};\n\n/\n Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n /\nconst offset = (options, deps) => ({\n ...offset$1(options),\n options: [options, deps]\n});\n\n/\n Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n /\nconst shift = (options, deps) => ({\n ...shift$1(options),\n options: [options, deps]\n});\n\n/\n Built-in `limiter` that will stop `shift()` at a certain point.\n /\nconst limitShift = (options, deps) => ({\n ...limitShift$1(options),\n options: [options, deps]\n});\n\n/\n Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n /\nconst flip = (options, deps) => ({\n ...flip$1(options),\n options: [options, deps]\n});\n\n/\n Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n /\nconst size = (options, deps) => ({\n ...size$1(options),\n options: [options, deps]\n});\n\n/\n Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n /\nconst autoPlacement = (options, deps) => ({\n ...autoPlacement$1(options),\n options: [options, deps]\n});\n\n/\n Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n /\nconst hide = (options, deps) => ({\n ...hide$1(options),\n options: [options, deps]\n});\n\n/\n Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n /\nconst inline = (options, deps) => ({\n ...inline$1(options),\n options: [options, deps]\n});\n\n/\n Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * This wraps the core `arrow` middleware to allow React refs as the element.\n * @see https://floating-ui.com/docs/arrow\n /\nconst arrow = (options, deps) => ({\n ...arrow$1(options),\n options: [options, deps]\n});\n\nexport { arrow, autoPlacement, flip, hide, inline, limitShift, offset, shift, size, useFloating };\n","import as React from 'react';\nimport { useModernLayoutEffect, useEffectEvent, getMinListIndex, getMaxListIndex, createGridCellMap, isListIndexDisabled, getGridNavigatedIndex, getGridCellIndexOfCorner, getGridCellIndices, findNonDisabledListIndex, isIndexOutOfListBounds, useLatestRef, getDocument as getDocument$1, isMouseLikePointerType, contains as contains$1, isSafari, enableFocusInside, isOutsideEvent, getPreviousTabbable, getNextTabbable, disableFocusInside, isTypeableCombobox, getFloatingFocusElement, getTabbableOptions, getNodeAncestors, activeElement, getNodeChildren as getNodeChildren$1, stopEvent, getTarget as getTarget$1, isVirtualClick, isVirtualPointerEvent, getPlatform, isTypeableElement, isReactEvent, isRootElement, isEventTargetWithin, matchesFocusVisible, isMac, getDeepestNode, getUserAgent } from '@floating-ui/react/utils';\nimport { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { getComputedStyle, isElement, isShadowRoot, getNodeName, isNode, isHTMLElement, getWindow, isLastTraversableNode, getParentNode, isWebKit } from '@floating-ui/utils/dom';\nimport { tabbable, isTabbable, focusable } from 'tabbable';\nimport * as ReactDOM from 'react-dom';\nimport { getOverflowAncestors, useFloating as useFloating$1, offset, detectOverflow } from '@floating-ui/react-dom';\nexport { arrow, autoPlacement, autoUpdate, computePosition, detectOverflow, flip, getOverflowAncestors, hide, inline, limitShift, offset, platform, shift, size } from '@floating-ui/react-dom';\nimport { evaluate, max, round, min } from '@floating-ui/utils';\n\n/*\n Merges an array of refs into a single memoized callback ref or `null`.\n * @see https://floating-ui.com/docs/react-utils#usemergerefs\n /\nfunction useMergeRefs(refs) {\n const cleanupRef = React.useRef(undefined);\n const refEffect = React.useCallback(instance => {\n const cleanups = refs.map(ref => {\n if (ref == null) {\n return;\n }\n if (typeof ref === 'function') {\n const refCallback = ref;\n const refCleanup = refCallback(instance);\n return typeof refCleanup === 'function' ? refCleanup : () => {\n refCallback(null);\n };\n }\n ref.current = instance;\n return () => {\n ref.current = null;\n };\n });\n return () => {\n cleanups.forEach(refCleanup => refCleanup == null ? void 0 : refCleanup());\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, refs);\n return React.useMemo(() => {\n if (refs.every(ref => ref == null)) {\n return null;\n }\n return value => {\n if (cleanupRef.current) {\n cleanupRef.current();\n cleanupRef.current = undefined;\n }\n if (value != null) {\n cleanupRef.current = refEffect(value);\n }\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, refs);\n}\n\nfunction sortByDocumentPosition(a, b) {\n const position = a.compareDocumentPosition(b);\n if (position & Node.DOCUMENT_POSITION_FOLLOWING \|\| position & Node.DOCUMENT_POSITION_CONTAINED_BY) {\n return -1;\n }\n if (position & Node.DOCUMENT_POSITION_PRECEDING \|\| position & Node.DOCUMENT_POSITION_CONTAINS) {\n return 1;\n }\n return 0;\n}\nconst FloatingListContext = /#__PURE__/React.createContext({\n register: () => {},\n unregister: () => {},\n map: /#__PURE__/new Map(),\n elementsRef: {\n current: []\n }\n});\n/\n Provides context for a list of items within the floating element.\n * @see https://floating-ui.com/docs/FloatingList\n /\nfunction FloatingList(props) {\n const {\n children,\n elementsRef,\n labelsRef\n } = props;\n const [nodes, setNodes] = React.useState(() => new Set());\n const register = React.useCallback(node => {\n setNodes(prevSet => new Set(prevSet).add(node));\n }, []);\n const unregister = React.useCallback(node => {\n setNodes(prevSet => {\n const set = new Set(prevSet);\n set.delete(node);\n return set;\n });\n }, []);\n const map = React.useMemo(() => {\n const newMap = new Map();\n const sortedNodes = Array.from(nodes.keys()).sort(sortByDocumentPosition);\n sortedNodes.forEach((node, index) => {\n newMap.set(node, index);\n });\n return newMap;\n }, [nodes]);\n return /#__PURE__/jsx(FloatingListContext.Provider, {\n value: React.useMemo(() => ({\n register,\n unregister,\n map,\n elementsRef,\n labelsRef\n }), [register, unregister, map, elementsRef, labelsRef]),\n children: children\n });\n}\n/\n Used to register a list item and its index (DOM position) in the\n * `FloatingList`.\n * @see https://floating-ui.com/docs/FloatingList#uselistitem\n /\nfunction useListItem(props) {\n if (props === void 0) {\n props = {};\n }\n const {\n label\n } = props;\n const {\n register,\n unregister,\n map,\n elementsRef,\n labelsRef\n } = React.useContext(FloatingListContext);\n const [index, setIndex] = React.useState(null);\n const componentRef = React.useRef(null);\n const ref = React.useCallback(node => {\n componentRef.current = node;\n if (index !== null) {\n elementsRef.current[index] = node;\n if (labelsRef) {\n var _node$textContent;\n const isLabelDefined = label !== undefined;\n labelsRef.current[index] = isLabelDefined ? label : (_node$textContent = node == null ? void 0 : node.textContent) != null ? _node$textContent : null;\n }\n }\n }, [index, elementsRef, labelsRef, label]);\n useModernLayoutEffect(() => {\n const node = componentRef.current;\n if (node) {\n register(node);\n return () => {\n unregister(node);\n };\n }\n }, [register, unregister]);\n useModernLayoutEffect(() => {\n const index = componentRef.current ? map.get(componentRef.current) : null;\n if (index != null) {\n setIndex(index);\n }\n }, [map]);\n return React.useMemo(() => ({\n ref,\n index: index == null ? -1 : index\n }), [index, ref]);\n}\n\nconst FOCUSABLE_ATTRIBUTE = 'data-floating-ui-focusable';\nconst ACTIVE_KEY = 'active';\nconst SELECTED_KEY = 'selected';\nconst ARROW_LEFT = 'ArrowLeft';\nconst ARROW_RIGHT = 'ArrowRight';\nconst ARROW_UP = 'ArrowUp';\nconst ARROW_DOWN = 'ArrowDown';\n\nfunction renderJsx(render, computedProps) {\n if (typeof render === 'function') {\n return render(computedProps);\n }\n if (render) {\n return /#__PURE__/React.cloneElement(render, computedProps);\n }\n return /#__PURE__/jsx(\"div\", {\n ...computedProps\n });\n}\nconst CompositeContext = /#__PURE__/React.createContext({\n activeIndex: 0,\n onNavigate: () => {}\n});\nconst horizontalKeys = [ARROW_LEFT, ARROW_RIGHT];\nconst verticalKeys = [ARROW_UP, ARROW_DOWN];\nconst allKeys = [...horizontalKeys, ...verticalKeys];\n\n/\n Creates a single tab stop whose items are navigated by arrow keys, which\n * provides list navigation outside of floating element contexts.\n \n This is useful to enable navigation of a list of items that aren’t part of a\n * floating element. A menubar is an example of a composite, with each reference\n * element being an item.\n * @see https://floating-ui.com/docs/Composite\n /\nconst Composite = /#__PURE__/React.forwardRef(function Composite(props, forwardedRef) {\n const {\n render,\n orientation = 'both',\n loop = true,\n rtl = false,\n cols = 1,\n disabledIndices,\n activeIndex: externalActiveIndex,\n onNavigate: externalSetActiveIndex,\n itemSizes,\n dense = false,\n ...domProps\n } = props;\n const [internalActiveIndex, internalSetActiveIndex] = React.useState(0);\n const activeIndex = externalActiveIndex != null ? externalActiveIndex : internalActiveIndex;\n const onNavigate = useEffectEvent(externalSetActiveIndex != null ? externalSetActiveIndex : internalSetActiveIndex);\n const elementsRef = React.useRef([]);\n const renderElementProps = render && typeof render !== 'function' ? render.props : {};\n const contextValue = React.useMemo(() => ({\n activeIndex,\n onNavigate\n }), [activeIndex, onNavigate]);\n const isGrid = cols > 1;\n function handleKeyDown(event) {\n if (!allKeys.includes(event.key)) return;\n let nextIndex = activeIndex;\n const minIndex = getMinListIndex(elementsRef, disabledIndices);\n const maxIndex = getMaxListIndex(elementsRef, disabledIndices);\n const horizontalEndKey = rtl ? ARROW_LEFT : ARROW_RIGHT;\n const horizontalStartKey = rtl ? ARROW_RIGHT : ARROW_LEFT;\n if (isGrid) {\n const sizes = itemSizes \|\| Array.from({\n length: elementsRef.current.length\n }, () => ({\n width: 1,\n height: 1\n }));\n // To calculate movements on the grid, we use hypothetical cell indices\n // as if every item was 1x1, then convert back to real indices.\n const cellMap = createGridCellMap(sizes, cols, dense);\n const minGridIndex = cellMap.findIndex(index => index != null && !isListIndexDisabled(elementsRef, index, disabledIndices));\n // last enabled index\n const maxGridIndex = cellMap.reduce((foundIndex, index, cellIndex) => index != null && !isListIndexDisabled(elementsRef, index, disabledIndices) ? cellIndex : foundIndex, -1);\n const maybeNextIndex = cellMap[getGridNavigatedIndex({\n current: cellMap.map(itemIndex => itemIndex ? elementsRef.current[itemIndex] : null)\n }, {\n event,\n orientation,\n loop,\n rtl,\n cols,\n // treat undefined (empty grid spaces) as disabled indices so we\n // don't end up in them\n disabledIndices: getGridCellIndices([...((typeof disabledIndices !== 'function' ? disabledIndices : null) \|\| elementsRef.current.map((_, index) => isListIndexDisabled(elementsRef, index, disabledIndices) ? index : undefined)), undefined], cellMap),\n minIndex: minGridIndex,\n maxIndex: maxGridIndex,\n prevIndex: getGridCellIndexOfCorner(activeIndex > maxIndex ? minIndex : activeIndex, sizes, cellMap, cols,\n // use a corner matching the edge closest to the direction we're\n // moving in so we don't end up in the same item. Prefer\n // top/left over bottom/right.\n event.key === ARROW_DOWN ? 'bl' : event.key === horizontalEndKey ? 'tr' : 'tl')\n })];\n if (maybeNextIndex != null) {\n nextIndex = maybeNextIndex;\n }\n }\n const toEndKeys = {\n horizontal: [horizontalEndKey],\n vertical: [ARROW_DOWN],\n both: [horizontalEndKey, ARROW_DOWN]\n }[orientation];\n const toStartKeys = {\n horizontal: [horizontalStartKey],\n vertical: [ARROW_UP],\n both: [horizontalStartKey, ARROW_UP]\n }[orientation];\n const preventedKeys = isGrid ? allKeys : {\n horizontal: horizontalKeys,\n vertical: verticalKeys,\n both: allKeys\n }[orientation];\n if (nextIndex === activeIndex && [...toEndKeys, ...toStartKeys].includes(event.key)) {\n if (loop && nextIndex === maxIndex && toEndKeys.includes(event.key)) {\n nextIndex = minIndex;\n } else if (loop && nextIndex === minIndex && toStartKeys.includes(event.key)) {\n nextIndex = maxIndex;\n } else {\n nextIndex = findNonDisabledListIndex(elementsRef, {\n startingIndex: nextIndex,\n decrement: toStartKeys.includes(event.key),\n disabledIndices\n });\n }\n }\n if (nextIndex !== activeIndex && !isIndexOutOfListBounds(elementsRef, nextIndex)) {\n var _elementsRef$current$;\n event.stopPropagation();\n if (preventedKeys.includes(event.key)) {\n event.preventDefault();\n }\n onNavigate(nextIndex);\n (_elementsRef$current$ = elementsRef.current[nextIndex]) == null \|\| _elementsRef$current$.focus();\n }\n }\n const computedProps = {\n ...domProps,\n ...renderElementProps,\n ref: forwardedRef,\n 'aria-orientation': orientation === 'both' ? undefined : orientation,\n onKeyDown(e) {\n domProps.onKeyDown == null \|\| domProps.onKeyDown(e);\n renderElementProps.onKeyDown == null \|\| renderElementProps.onKeyDown(e);\n handleKeyDown(e);\n }\n };\n return /#__PURE__/jsx(CompositeContext.Provider, {\n value: contextValue,\n children: /#__PURE__/jsx(FloatingList, {\n elementsRef: elementsRef,\n children: renderJsx(render, computedProps)\n })\n });\n});\n/\n @see https://floating-ui.com/docs/Composite\n /\nconst CompositeItem = /#__PURE__/React.forwardRef(function CompositeItem(props, forwardedRef) {\n const {\n render,\n ...domProps\n } = props;\n const renderElementProps = render && typeof render !== 'function' ? render.props : {};\n const {\n activeIndex,\n onNavigate\n } = React.useContext(CompositeContext);\n const {\n ref,\n index\n } = useListItem();\n const mergedRef = useMergeRefs([ref, forwardedRef, renderElementProps.ref]);\n const isActive = activeIndex === index;\n const computedProps = {\n ...domProps,\n ...renderElementProps,\n ref: mergedRef,\n tabIndex: isActive ? 0 : -1,\n 'data-active': isActive ? '' : undefined,\n onFocus(e) {\n domProps.onFocus == null \|\| domProps.onFocus(e);\n renderElementProps.onFocus == null \|\| renderElementProps.onFocus(e);\n onNavigate(index);\n }\n };\n return renderJsx(render, computedProps);\n});\n\n// https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379\nconst SafeReact = {\n ...React\n};\n\nlet serverHandoffComplete = false;\nlet count = 0;\nconst genId = () => // Ensure the id is unique with multiple independent versions of Floating UI\n// on <React 18\n\"floating-ui-\" + Math.random().toString(36).slice(2, 6) + count++;\nfunction useFloatingId() {\n const [id, setId] = React.useState(() => serverHandoffComplete ? genId() : undefined);\n useModernLayoutEffect(() => {\n if (id == null) {\n setId(genId());\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n React.useEffect(() => {\n serverHandoffComplete = true;\n }, []);\n return id;\n}\nconst useReactId = SafeReact.useId;\n\n/\n Uses React 18's built-in `useId()` when available, or falls back to a\n * slightly less performant (requiring a double render) implementation for\n * earlier React versions.\n * @see https://floating-ui.com/docs/react-utils#useid\n /\nconst useId = useReactId \|\| useFloatingId;\n\nlet devMessageSet;\nif (process.env.NODE_ENV !== \"production\") {\n devMessageSet = /#__PURE__/new Set();\n}\nfunction warn() {\n var _devMessageSet;\n for (var _len = arguments.length, messages = new Array(_len), _key = 0; _key < _len; _key++) {\n messages[_key] = arguments[_key];\n }\n const message = \"Floating UI: \" + messages.join(' ');\n if (!((_devMessageSet = devMessageSet) != null && _devMessageSet.has(message))) {\n var _devMessageSet2;\n (_devMessageSet2 = devMessageSet) == null \|\| _devMessageSet2.add(message);\n console.warn(message);\n }\n}\nfunction error() {\n var _devMessageSet3;\n for (var _len2 = arguments.length, messages = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n messages[_key2] = arguments[_key2];\n }\n const message = \"Floating UI: \" + messages.join(' ');\n if (!((_devMessageSet3 = devMessageSet) != null && _devMessageSet3.has(message))) {\n var _devMessageSet4;\n (_devMessageSet4 = devMessageSet) == null \|\| _devMessageSet4.add(message);\n console.error(message);\n }\n}\n\n/\n Renders a pointing arrow triangle.\n * @see https://floating-ui.com/docs/FloatingArrow\n /\nconst FloatingArrow = /#__PURE__/React.forwardRef(function FloatingArrow(props, ref) {\n const {\n context: {\n placement,\n elements: {\n floating\n },\n middlewareData: {\n arrow,\n shift\n }\n },\n width = 14,\n height = 7,\n tipRadius = 0,\n strokeWidth = 0,\n staticOffset,\n stroke,\n d,\n style: {\n transform,\n ...restStyle\n } = {},\n ...rest\n } = props;\n if (process.env.NODE_ENV !== \"production\") {\n if (!ref) {\n warn('The `ref` prop is required for `FloatingArrow`.');\n }\n }\n const clipPathId = useId();\n const [isRTL, setIsRTL] = React.useState(false);\n\n // https://github.com/floating-ui/floating-ui/issues/2932\n useModernLayoutEffect(() => {\n if (!floating) return;\n const isRTL = getComputedStyle(floating).direction === 'rtl';\n if (isRTL) {\n setIsRTL(true);\n }\n }, [floating]);\n if (!floating) {\n return null;\n }\n const [side, alignment] = placement.split('-');\n const isVerticalSide = side === 'top' \|\| side === 'bottom';\n let computedStaticOffset = staticOffset;\n if (isVerticalSide && shift != null && shift.x \|\| !isVerticalSide && shift != null && shift.y) {\n computedStaticOffset = null;\n }\n\n // Strokes must be double the border width, this ensures the stroke's width\n // works as you'd expect.\n const computedStrokeWidth = strokeWidth 2;\n const halfStrokeWidth = computedStrokeWidth / 2;\n const svgX = width / 2 * (tipRadius / -8 + 1);\n const svgY = height / 2 * tipRadius / 4;\n const isCustomShape = !!d;\n const yOffsetProp = computedStaticOffset && alignment === 'end' ? 'bottom' : 'top';\n let xOffsetProp = computedStaticOffset && alignment === 'end' ? 'right' : 'left';\n if (computedStaticOffset && isRTL) {\n xOffsetProp = alignment === 'end' ? 'left' : 'right';\n }\n const arrowX = (arrow == null ? void 0 : arrow.x) != null ? computedStaticOffset \|\| arrow.x : '';\n const arrowY = (arrow == null ? void 0 : arrow.y) != null ? computedStaticOffset \|\| arrow.y : '';\n const dValue = d \|\| 'M0,0' + (\" H\" + width) + (\" L\" + (width - svgX) + \",\" + (height - svgY)) + (\" Q\" + width / 2 + \",\" + height + \" \" + svgX + \",\" + (height - svgY)) + ' Z';\n const rotation = {\n top: isCustomShape ? 'rotate(180deg)' : '',\n left: isCustomShape ? 'rotate(90deg)' : 'rotate(-90deg)',\n bottom: isCustomShape ? '' : 'rotate(180deg)',\n right: isCustomShape ? 'rotate(-90deg)' : 'rotate(90deg)'\n }[side];\n return /#__PURE__/jsxs(\"svg\", {\n ...rest,\n \"aria-hidden\": true,\n ref: ref,\n width: isCustomShape ? width : width + computedStrokeWidth,\n height: width,\n viewBox: \"0 0 \" + width + \" \" + (height > width ? height : width),\n style: {\n position: 'absolute',\n pointerEvents: 'none',\n [xOffsetProp]: arrowX,\n [yOffsetProp]: arrowY,\n [side]: isVerticalSide \|\| isCustomShape ? '100%' : \"calc(100% - \" + computedStrokeWidth / 2 + \"px)\",\n transform: [rotation, transform].filter(t => !!t).join(' '),\n ...restStyle\n },\n children: [computedStrokeWidth > 0 && /#__PURE__/jsx(\"path\", {\n clipPath: \"url(#\" + clipPathId + \")\",\n fill: \"none\",\n stroke: stroke\n // Account for the stroke on the fill path rendered below.\n ,\n strokeWidth: computedStrokeWidth + (d ? 0 : 1),\n d: dValue\n }), /#__PURE__/jsx(\"path\", {\n stroke: computedStrokeWidth && !d ? rest.fill : 'none',\n d: dValue\n }), /#__PURE__/jsx(\"clipPath\", {\n id: clipPathId,\n children: /#__PURE__/jsx(\"rect\", {\n x: -halfStrokeWidth,\n y: halfStrokeWidth * (isCustomShape ? -1 : 1),\n width: width + computedStrokeWidth,\n height: width\n })\n })]\n });\n});\n\nfunction createEventEmitter() {\n const map = new Map();\n return {\n emit(event, data) {\n var _map$get;\n (_map$get = map.get(event)) == null \|\| _map$get.forEach(listener => listener(data));\n },\n on(event, listener) {\n if (!map.has(event)) {\n map.set(event, new Set());\n }\n map.get(event).add(listener);\n },\n off(event, listener) {\n var _map$get2;\n (_map$get2 = map.get(event)) == null \|\| _map$get2.delete(listener);\n }\n };\n}\n\nconst FloatingNodeContext = /#__PURE__/React.createContext(null);\nconst FloatingTreeContext = /#__PURE__/React.createContext(null);\n\n/*\n Returns the parent node id for nested floating elements, if available.\n * Returns `null` for top-level floating elements.\n /\nconst useFloatingParentNodeId = () => {\n var _React$useContext;\n return ((_React$useContext = React.useContext(FloatingNodeContext)) == null ? void 0 : _React$useContext.id) \|\| null;\n};\n\n/\n Returns the nearest floating tree context, if available.\n /\nconst useFloatingTree = () => React.useContext(FloatingTreeContext);\n\n/\n Registers a node into the `FloatingTree`, returning its id.\n * @see https://floating-ui.com/docs/FloatingTree\n /\nfunction useFloatingNodeId(customParentId) {\n const id = useId();\n const tree = useFloatingTree();\n const reactParentId = useFloatingParentNodeId();\n const parentId = customParentId \|\| reactParentId;\n useModernLayoutEffect(() => {\n if (!id) return;\n const node = {\n id,\n parentId\n };\n tree == null \|\| tree.addNode(node);\n return () => {\n tree == null \|\| tree.removeNode(node);\n };\n }, [tree, id, parentId]);\n return id;\n}\n/\n Provides parent node context for nested floating elements.\n * @see https://floating-ui.com/docs/FloatingTree\n /\nfunction FloatingNode(props) {\n const {\n children,\n id\n } = props;\n const parentId = useFloatingParentNodeId();\n return /#__PURE__/jsx(FloatingNodeContext.Provider, {\n value: React.useMemo(() => ({\n id,\n parentId\n }), [id, parentId]),\n children: children\n });\n}\n/\n Provides context for nested floating elements when they are not children of\n * each other on the DOM.\n * This is not necessary in all cases, except when there must be explicit communication between parent and child floating elements. It is necessary for:\n * - The `bubbles` option in the `useDismiss()` Hook\n * - Nested virtual list navigation\n * - Nested floating elements that each open on hover\n * - Custom communication between parent and child floating elements\n * @see https://floating-ui.com/docs/FloatingTree\n /\nfunction FloatingTree(props) {\n const {\n children\n } = props;\n const nodesRef = React.useRef([]);\n const addNode = React.useCallback(node => {\n nodesRef.current = [...nodesRef.current, node];\n }, []);\n const removeNode = React.useCallback(node => {\n nodesRef.current = nodesRef.current.filter(n => n !== node);\n }, []);\n const [events] = React.useState(() => createEventEmitter());\n return /#__PURE__/jsx(FloatingTreeContext.Provider, {\n value: React.useMemo(() => ({\n nodesRef,\n addNode,\n removeNode,\n events\n }), [addNode, removeNode, events]),\n children: children\n });\n}\n\nfunction createAttribute(name) {\n return \"data-floating-ui-\" + name;\n}\n\nfunction clearTimeoutIfSet(timeoutRef) {\n if (timeoutRef.current !== -1) {\n clearTimeout(timeoutRef.current);\n timeoutRef.current = -1;\n }\n}\n\nconst safePolygonIdentifier = /#__PURE__/createAttribute('safe-polygon');\nfunction getDelay(value, prop, pointerType) {\n if (pointerType && !isMouseLikePointerType(pointerType)) {\n return 0;\n }\n if (typeof value === 'number') {\n return value;\n }\n if (typeof value === 'function') {\n const result = value();\n if (typeof result === 'number') {\n return result;\n }\n return result == null ? void 0 : result[prop];\n }\n return value == null ? void 0 : value[prop];\n}\nfunction getRestMs(value) {\n if (typeof value === 'function') {\n return value();\n }\n return value;\n}\n/\n Opens the floating element while hovering over the reference element, like\n * CSS `:hover`.\n * @see https://floating-ui.com/docs/useHover\n /\nfunction useHover(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n onOpenChange,\n dataRef,\n events,\n elements\n } = context;\n const {\n enabled = true,\n delay = 0,\n handleClose = null,\n mouseOnly = false,\n restMs = 0,\n move = true\n } = props;\n const tree = useFloatingTree();\n const parentId = useFloatingParentNodeId();\n const handleCloseRef = useLatestRef(handleClose);\n const delayRef = useLatestRef(delay);\n const openRef = useLatestRef(open);\n const restMsRef = useLatestRef(restMs);\n const pointerTypeRef = React.useRef();\n const timeoutRef = React.useRef(-1);\n const handlerRef = React.useRef();\n const restTimeoutRef = React.useRef(-1);\n const blockMouseMoveRef = React.useRef(true);\n const performedPointerEventsMutationRef = React.useRef(false);\n const unbindMouseMoveRef = React.useRef(() => {});\n const restTimeoutPendingRef = React.useRef(false);\n const isHoverOpen = useEffectEvent(() => {\n var _dataRef$current$open;\n const type = (_dataRef$current$open = dataRef.current.openEvent) == null ? void 0 : _dataRef$current$open.type;\n return (type == null ? void 0 : type.includes('mouse')) && type !== 'mousedown';\n });\n\n // When closing before opening, clear the delay timeouts to cancel it\n // from showing.\n React.useEffect(() => {\n if (!enabled) return;\n function onOpenChange(_ref) {\n let {\n open\n } = _ref;\n if (!open) {\n clearTimeoutIfSet(timeoutRef);\n clearTimeoutIfSet(restTimeoutRef);\n blockMouseMoveRef.current = true;\n restTimeoutPendingRef.current = false;\n }\n }\n events.on('openchange', onOpenChange);\n return () => {\n events.off('openchange', onOpenChange);\n };\n }, [enabled, events]);\n React.useEffect(() => {\n if (!enabled) return;\n if (!handleCloseRef.current) return;\n if (!open) return;\n function onLeave(event) {\n if (isHoverOpen()) {\n onOpenChange(false, event, 'hover');\n }\n }\n const html = getDocument$1(elements.floating).documentElement;\n html.addEventListener('mouseleave', onLeave);\n return () => {\n html.removeEventListener('mouseleave', onLeave);\n };\n }, [elements.floating, open, onOpenChange, enabled, handleCloseRef, isHoverOpen]);\n const closeWithDelay = React.useCallback(function (event, runElseBranch, reason) {\n if (runElseBranch === void 0) {\n runElseBranch = true;\n }\n if (reason === void 0) {\n reason = 'hover';\n }\n const closeDelay = getDelay(delayRef.current, 'close', pointerTypeRef.current);\n if (closeDelay && !handlerRef.current) {\n clearTimeoutIfSet(timeoutRef);\n timeoutRef.current = window.setTimeout(() => onOpenChange(false, event, reason), closeDelay);\n } else if (runElseBranch) {\n clearTimeoutIfSet(timeoutRef);\n onOpenChange(false, event, reason);\n }\n }, [delayRef, onOpenChange]);\n const cleanupMouseMoveHandler = useEffectEvent(() => {\n unbindMouseMoveRef.current();\n handlerRef.current = undefined;\n });\n const clearPointerEvents = useEffectEvent(() => {\n if (performedPointerEventsMutationRef.current) {\n const body = getDocument$1(elements.floating).body;\n body.style.pointerEvents = '';\n body.removeAttribute(safePolygonIdentifier);\n performedPointerEventsMutationRef.current = false;\n }\n });\n const isClickLikeOpenEvent = useEffectEvent(() => {\n return dataRef.current.openEvent ? ['click', 'mousedown'].includes(dataRef.current.openEvent.type) : false;\n });\n\n // Registering the mouse events on the reference directly to bypass React's\n // delegation system. If the cursor was on a disabled element and then entered\n // the reference (no gap), `mouseenter` doesn't fire in the delegation system.\n React.useEffect(() => {\n if (!enabled) return;\n function onReferenceMouseEnter(event) {\n clearTimeoutIfSet(timeoutRef);\n blockMouseMoveRef.current = false;\n if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current) \|\| getRestMs(restMsRef.current) > 0 && !getDelay(delayRef.current, 'open')) {\n return;\n }\n const openDelay = getDelay(delayRef.current, 'open', pointerTypeRef.current);\n if (openDelay) {\n timeoutRef.current = window.setTimeout(() => {\n if (!openRef.current) {\n onOpenChange(true, event, 'hover');\n }\n }, openDelay);\n } else if (!open) {\n onOpenChange(true, event, 'hover');\n }\n }\n function onReferenceMouseLeave(event) {\n if (isClickLikeOpenEvent()) {\n clearPointerEvents();\n return;\n }\n unbindMouseMoveRef.current();\n const doc = getDocument$1(elements.floating);\n clearTimeoutIfSet(restTimeoutRef);\n restTimeoutPendingRef.current = false;\n if (handleCloseRef.current && dataRef.current.floatingContext) {\n // Prevent clearing `onScrollMouseLeave` timeout.\n if (!open) {\n clearTimeoutIfSet(timeoutRef);\n }\n handlerRef.current = handleCloseRef.current({\n ...dataRef.current.floatingContext,\n tree,\n x: event.clientX,\n y: event.clientY,\n onClose() {\n clearPointerEvents();\n cleanupMouseMoveHandler();\n if (!isClickLikeOpenEvent()) {\n closeWithDelay(event, true, 'safe-polygon');\n }\n }\n });\n const handler = handlerRef.current;\n doc.addEventListener('mousemove', handler);\n unbindMouseMoveRef.current = () => {\n doc.removeEventListener('mousemove', handler);\n };\n return;\n }\n\n // Allow interactivity without `safePolygon` on touch devices. With a\n // pointer, a short close delay is an alternative, so it should work\n // consistently.\n const shouldClose = pointerTypeRef.current === 'touch' ? !contains$1(elements.floating, event.relatedTarget) : true;\n if (shouldClose) {\n closeWithDelay(event);\n }\n }\n\n // Ensure the floating element closes after scrolling even if the pointer\n // did not move.\n // https://github.com/floating-ui/floating-ui/discussions/1692\n function onScrollMouseLeave(event) {\n if (isClickLikeOpenEvent()) return;\n if (!dataRef.current.floatingContext) return;\n handleCloseRef.current == null \|\| handleCloseRef.current({\n ...dataRef.current.floatingContext,\n tree,\n x: event.clientX,\n y: event.clientY,\n onClose() {\n clearPointerEvents();\n cleanupMouseMoveHandler();\n if (!isClickLikeOpenEvent()) {\n closeWithDelay(event);\n }\n }\n })(event);\n }\n function onFloatingMouseEnter() {\n clearTimeoutIfSet(timeoutRef);\n }\n function onFloatingMouseLeave(event) {\n if (!isClickLikeOpenEvent()) {\n closeWithDelay(event, false);\n }\n }\n if (isElement(elements.domReference)) {\n const reference = elements.domReference;\n const floating = elements.floating;\n if (open) {\n reference.addEventListener('mouseleave', onScrollMouseLeave);\n }\n if (move) {\n reference.addEventListener('mousemove', onReferenceMouseEnter, {\n once: true\n });\n }\n reference.addEventListener('mouseenter', onReferenceMouseEnter);\n reference.addEventListener('mouseleave', onReferenceMouseLeave);\n if (floating) {\n floating.addEventListener('mouseleave', onScrollMouseLeave);\n floating.addEventListener('mouseenter', onFloatingMouseEnter);\n floating.addEventListener('mouseleave', onFloatingMouseLeave);\n }\n return () => {\n if (open) {\n reference.removeEventListener('mouseleave', onScrollMouseLeave);\n }\n if (move) {\n reference.removeEventListener('mousemove', onReferenceMouseEnter);\n }\n reference.removeEventListener('mouseenter', onReferenceMouseEnter);\n reference.removeEventListener('mouseleave', onReferenceMouseLeave);\n if (floating) {\n floating.removeEventListener('mouseleave', onScrollMouseLeave);\n floating.removeEventListener('mouseenter', onFloatingMouseEnter);\n floating.removeEventListener('mouseleave', onFloatingMouseLeave);\n }\n };\n }\n }, [elements, enabled, context, mouseOnly, move, closeWithDelay, cleanupMouseMoveHandler, clearPointerEvents, onOpenChange, open, openRef, tree, delayRef, handleCloseRef, dataRef, isClickLikeOpenEvent, restMsRef]);\n\n // Block pointer-events of every element other than the reference and floating\n // while the floating element is open and has a `handleClose` handler. Also\n // handles nested floating elements.\n // https://github.com/floating-ui/floating-ui/issues/1722\n useModernLayoutEffect(() => {\n var _handleCloseRef$curre;\n if (!enabled) return;\n if (open && (_handleCloseRef$curre = handleCloseRef.current) != null && (_handleCloseRef$curre = _handleCloseRef$curre.__options) != null && _handleCloseRef$curre.blockPointerEvents && isHoverOpen()) {\n performedPointerEventsMutationRef.current = true;\n const floatingEl = elements.floating;\n if (isElement(elements.domReference) && floatingEl) {\n var _tree$nodesRef$curren;\n const body = getDocument$1(elements.floating).body;\n body.setAttribute(safePolygonIdentifier, '');\n const ref = elements.domReference;\n const parentFloating = tree == null \|\| (_tree$nodesRef$curren = tree.nodesRef.current.find(node => node.id === parentId)) == null \|\| (_tree$nodesRef$curren = _tree$nodesRef$curren.context) == null ? void 0 : _tree$nodesRef$curren.elements.floating;\n if (parentFloating) {\n parentFloating.style.pointerEvents = '';\n }\n body.style.pointerEvents = 'none';\n ref.style.pointerEvents = 'auto';\n floatingEl.style.pointerEvents = 'auto';\n return () => {\n body.style.pointerEvents = '';\n ref.style.pointerEvents = '';\n floatingEl.style.pointerEvents = '';\n };\n }\n }\n }, [enabled, open, parentId, elements, tree, handleCloseRef, isHoverOpen]);\n useModernLayoutEffect(() => {\n if (!open) {\n pointerTypeRef.current = undefined;\n restTimeoutPendingRef.current = false;\n cleanupMouseMoveHandler();\n clearPointerEvents();\n }\n }, [open, cleanupMouseMoveHandler, clearPointerEvents]);\n React.useEffect(() => {\n return () => {\n cleanupMouseMoveHandler();\n clearTimeoutIfSet(timeoutRef);\n clearTimeoutIfSet(restTimeoutRef);\n clearPointerEvents();\n };\n }, [enabled, elements.domReference, cleanupMouseMoveHandler, clearPointerEvents]);\n const reference = React.useMemo(() => {\n function setPointerRef(event) {\n pointerTypeRef.current = event.pointerType;\n }\n return {\n onPointerDown: setPointerRef,\n onPointerEnter: setPointerRef,\n onMouseMove(event) {\n const {\n nativeEvent\n } = event;\n function handleMouseMove() {\n if (!blockMouseMoveRef.current && !openRef.current) {\n onOpenChange(true, nativeEvent, 'hover');\n }\n }\n if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current)) {\n return;\n }\n if (open \|\| getRestMs(restMsRef.current) === 0) {\n return;\n }\n\n // Ignore insignificant movements to account for tremors.\n if (restTimeoutPendingRef.current && event.movementX * 2 + event.movementY ** 2 < 2) {\n return;\n }\n clearTimeoutIfSet(restTimeoutRef);\n if (pointerTypeRef.current === 'touch') {\n handleMouseMove();\n } else {\n restTimeoutPendingRef.current = true;\n restTimeoutRef.current = window.setTimeout(handleMouseMove, getRestMs(restMsRef.current));\n }\n }\n };\n }, [mouseOnly, onOpenChange, open, openRef, restMsRef]);\n return React.useMemo(() => enabled ? {\n reference\n } : {}, [enabled, reference]);\n}\n\nconst NOOP = () => {};\nconst FloatingDelayGroupContext = /#__PURE__/React.createContext({\n delay: 0,\n initialDelay: 0,\n timeoutMs: 0,\n currentId: null,\n setCurrentId: NOOP,\n setState: NOOP,\n isInstantPhase: false\n});\n\n/*\n @deprecated\n * Use the return value of `useDelayGroup()` instead.\n /\nconst useDelayGroupContext = () => React.useContext(FloatingDelayGroupContext);\n/\n Provides context for a group of floating elements that should share a\n * `delay`.\n * @see https://floating-ui.com/docs/FloatingDelayGroup\n /\nfunction FloatingDelayGroup(props) {\n const {\n children,\n delay,\n timeoutMs = 0\n } = props;\n const [state, setState] = React.useReducer((prev, next) => ({\n ...prev,\n ...next\n }), {\n delay,\n timeoutMs,\n initialDelay: delay,\n currentId: null,\n isInstantPhase: false\n });\n const initialCurrentIdRef = React.useRef(null);\n const setCurrentId = React.useCallback(currentId => {\n setState({\n currentId\n });\n }, []);\n useModernLayoutEffect(() => {\n if (state.currentId) {\n if (initialCurrentIdRef.current === null) {\n initialCurrentIdRef.current = state.currentId;\n } else if (!state.isInstantPhase) {\n setState({\n isInstantPhase: true\n });\n }\n } else {\n if (state.isInstantPhase) {\n setState({\n isInstantPhase: false\n });\n }\n initialCurrentIdRef.current = null;\n }\n }, [state.currentId, state.isInstantPhase]);\n return /#__PURE__/jsx(FloatingDelayGroupContext.Provider, {\n value: React.useMemo(() => ({\n ...state,\n setState,\n setCurrentId\n }), [state, setCurrentId]),\n children: children\n });\n}\n/\n Enables grouping when called inside a component that's a child of a\n * `FloatingDelayGroup`.\n * @see https://floating-ui.com/docs/FloatingDelayGroup\n /\nfunction useDelayGroup(context, options) {\n if (options === void 0) {\n options = {};\n }\n const {\n open,\n onOpenChange,\n floatingId\n } = context;\n const {\n id: optionId,\n enabled = true\n } = options;\n const id = optionId != null ? optionId : floatingId;\n const groupContext = useDelayGroupContext();\n const {\n currentId,\n setCurrentId,\n initialDelay,\n setState,\n timeoutMs\n } = groupContext;\n useModernLayoutEffect(() => {\n if (!enabled) return;\n if (!currentId) return;\n setState({\n delay: {\n open: 1,\n close: getDelay(initialDelay, 'close')\n }\n });\n if (currentId !== id) {\n onOpenChange(false);\n }\n }, [enabled, id, onOpenChange, setState, currentId, initialDelay]);\n useModernLayoutEffect(() => {\n function unset() {\n onOpenChange(false);\n setState({\n delay: initialDelay,\n currentId: null\n });\n }\n if (!enabled) return;\n if (!currentId) return;\n if (!open && currentId === id) {\n if (timeoutMs) {\n const timeout = window.setTimeout(unset, timeoutMs);\n return () => {\n clearTimeout(timeout);\n };\n }\n unset();\n }\n }, [enabled, open, setState, currentId, id, onOpenChange, initialDelay, timeoutMs]);\n useModernLayoutEffect(() => {\n if (!enabled) return;\n if (setCurrentId === NOOP \|\| !open) return;\n setCurrentId(id);\n }, [enabled, open, setCurrentId, id]);\n return groupContext;\n}\n\nconst NextFloatingDelayGroupContext = /#__PURE__/React.createContext({\n hasProvider: false,\n timeoutMs: 0,\n delayRef: {\n current: 0\n },\n initialDelayRef: {\n current: 0\n },\n timeoutIdRef: {\n current: -1\n },\n currentIdRef: {\n current: null\n },\n currentContextRef: {\n current: null\n }\n});\n/\n Experimental next version of `FloatingDelayGroup` to become the default\n * in the future. This component is not yet stable.\n * Provides context for a group of floating elements that should share a\n * `delay`. Unlike `FloatingDelayGroup`, `useNextDelayGroup` with this\n * component does not cause a re-render of unrelated consumers of the\n * context when the delay changes.\n * @see https://floating-ui.com/docs/FloatingDelayGroup\n /\nfunction NextFloatingDelayGroup(props) {\n const {\n children,\n delay,\n timeoutMs = 0\n } = props;\n const delayRef = React.useRef(delay);\n const initialDelayRef = React.useRef(delay);\n const currentIdRef = React.useRef(null);\n const currentContextRef = React.useRef(null);\n const timeoutIdRef = React.useRef(-1);\n return /#__PURE__/jsx(NextFloatingDelayGroupContext.Provider, {\n value: React.useMemo(() => ({\n hasProvider: true,\n delayRef,\n initialDelayRef,\n currentIdRef,\n timeoutMs,\n currentContextRef,\n timeoutIdRef\n }), [timeoutMs]),\n children: children\n });\n}\n/\n Enables grouping when called inside a component that's a child of a\n * `NextFloatingDelayGroup`.\n * @see https://floating-ui.com/docs/FloatingDelayGroup\n /\nfunction useNextDelayGroup(context, options) {\n if (options === void 0) {\n options = {};\n }\n const {\n open,\n onOpenChange,\n floatingId\n } = context;\n const {\n enabled = true\n } = options;\n const groupContext = React.useContext(NextFloatingDelayGroupContext);\n const {\n currentIdRef,\n delayRef,\n timeoutMs,\n initialDelayRef,\n currentContextRef,\n hasProvider,\n timeoutIdRef\n } = groupContext;\n const [isInstantPhase, setIsInstantPhase] = React.useState(false);\n useModernLayoutEffect(() => {\n function unset() {\n var _currentContextRef$cu;\n setIsInstantPhase(false);\n (_currentContextRef$cu = currentContextRef.current) == null \|\| _currentContextRef$cu.setIsInstantPhase(false);\n currentIdRef.current = null;\n currentContextRef.current = null;\n delayRef.current = initialDelayRef.current;\n }\n if (!enabled) return;\n if (!currentIdRef.current) return;\n if (!open && currentIdRef.current === floatingId) {\n setIsInstantPhase(false);\n if (timeoutMs) {\n timeoutIdRef.current = window.setTimeout(unset, timeoutMs);\n return () => {\n clearTimeout(timeoutIdRef.current);\n };\n }\n unset();\n }\n }, [enabled, open, floatingId, currentIdRef, delayRef, timeoutMs, initialDelayRef, currentContextRef, timeoutIdRef]);\n useModernLayoutEffect(() => {\n if (!enabled) return;\n if (!open) return;\n const prevContext = currentContextRef.current;\n const prevId = currentIdRef.current;\n currentContextRef.current = {\n onOpenChange,\n setIsInstantPhase\n };\n currentIdRef.current = floatingId;\n delayRef.current = {\n open: 0,\n close: getDelay(initialDelayRef.current, 'close')\n };\n if (prevId !== null && prevId !== floatingId) {\n clearTimeoutIfSet(timeoutIdRef);\n setIsInstantPhase(true);\n prevContext == null \|\| prevContext.setIsInstantPhase(true);\n prevContext == null \|\| prevContext.onOpenChange(false);\n } else {\n setIsInstantPhase(false);\n prevContext == null \|\| prevContext.setIsInstantPhase(false);\n }\n }, [enabled, open, floatingId, onOpenChange, currentIdRef, delayRef, timeoutMs, initialDelayRef, currentContextRef, timeoutIdRef]);\n useModernLayoutEffect(() => {\n return () => {\n currentContextRef.current = null;\n };\n }, [currentContextRef]);\n return React.useMemo(() => ({\n hasProvider,\n delayRef,\n isInstantPhase\n }), [hasProvider, delayRef, isInstantPhase]);\n}\n\nlet rafId = 0;\nfunction enqueueFocus(el, options) {\n if (options === void 0) {\n options = {};\n }\n const {\n preventScroll = false,\n cancelPrevious = true,\n sync = false\n } = options;\n cancelPrevious && cancelAnimationFrame(rafId);\n const exec = () => el == null ? void 0 : el.focus({\n preventScroll\n });\n if (sync) {\n exec();\n } else {\n rafId = requestAnimationFrame(exec);\n }\n}\n\nfunction contains(parent, child) {\n if (!parent \|\| !child) {\n return false;\n }\n const rootNode = child.getRootNode == null ? void 0 : child.getRootNode();\n\n // First, attempt with faster native method\n if (parent.contains(child)) {\n return true;\n }\n\n // then fallback to custom implementation with Shadow DOM support\n if (rootNode && isShadowRoot(rootNode)) {\n let next = child;\n while (next) {\n if (parent === next) {\n return true;\n }\n // @ts-ignore\n next = next.parentNode \|\| next.host;\n }\n }\n\n // Give up, the result is false\n return false;\n}\nfunction getTarget(event) {\n if ('composedPath' in event) {\n return event.composedPath()[0];\n }\n\n // TS thinks `event` is of type never as it assumes all browsers support\n // `composedPath()`, but browsers without shadow DOM don't.\n return event.target;\n}\nfunction getDocument(node) {\n return (node == null ? void 0 : node.ownerDocument) \|\| document;\n}\n\n// Modified to add conditional `aria-hidden` support:\n// https://github.com/theKashey/aria-hidden/blob/9220c8f4a4fd35f63bee5510a9f41a37264382d4/src/index.ts\nconst counters = {\n inert: /#__PURE__/new WeakMap(),\n 'aria-hidden': /#__PURE__/new WeakMap(),\n none: /#__PURE__/new WeakMap()\n};\nfunction getCounterMap(control) {\n if (control === 'inert') return counters.inert;\n if (control === 'aria-hidden') return counters['aria-hidden'];\n return counters.none;\n}\nlet uncontrolledElementsSet = /#__PURE__/new WeakSet();\nlet markerMap = {};\nlet lockCount$1 = 0;\nconst supportsInert = () => typeof HTMLElement !== 'undefined' && 'inert' in HTMLElement.prototype;\nconst unwrapHost = node => node && (node.host \|\| unwrapHost(node.parentNode));\nconst correctElements = (parent, targets) => targets.map(target => {\n if (parent.contains(target)) {\n return target;\n }\n const correctedTarget = unwrapHost(target);\n if (parent.contains(correctedTarget)) {\n return correctedTarget;\n }\n return null;\n}).filter(x => x != null);\nfunction applyAttributeToOthers(uncorrectedAvoidElements, body, ariaHidden, inert) {\n const markerName = 'data-floating-ui-inert';\n const controlAttribute = inert ? 'inert' : ariaHidden ? 'aria-hidden' : null;\n const avoidElements = correctElements(body, uncorrectedAvoidElements);\n const elementsToKeep = new Set();\n const elementsToStop = new Set(avoidElements);\n const hiddenElements = [];\n if (!markerMap[markerName]) {\n markerMap[markerName] = new WeakMap();\n }\n const markerCounter = markerMap[markerName];\n avoidElements.forEach(keep);\n deep(body);\n elementsToKeep.clear();\n function keep(el) {\n if (!el \|\| elementsToKeep.has(el)) {\n return;\n }\n elementsToKeep.add(el);\n el.parentNode && keep(el.parentNode);\n }\n function deep(parent) {\n if (!parent \|\| elementsToStop.has(parent)) {\n return;\n }\n [].forEach.call(parent.children, node => {\n if (getNodeName(node) === 'script') return;\n if (elementsToKeep.has(node)) {\n deep(node);\n } else {\n const attr = controlAttribute ? node.getAttribute(controlAttribute) : null;\n const alreadyHidden = attr !== null && attr !== 'false';\n const counterMap = getCounterMap(controlAttribute);\n const counterValue = (counterMap.get(node) \|\| 0) + 1;\n const markerValue = (markerCounter.get(node) \|\| 0) + 1;\n counterMap.set(node, counterValue);\n markerCounter.set(node, markerValue);\n hiddenElements.push(node);\n if (counterValue === 1 && alreadyHidden) {\n uncontrolledElementsSet.add(node);\n }\n if (markerValue === 1) {\n node.setAttribute(markerName, '');\n }\n if (!alreadyHidden && controlAttribute) {\n node.setAttribute(controlAttribute, controlAttribute === 'inert' ? '' : 'true');\n }\n }\n });\n }\n lockCount$1++;\n return () => {\n hiddenElements.forEach(element => {\n const counterMap = getCounterMap(controlAttribute);\n const currentCounterValue = counterMap.get(element) \|\| 0;\n const counterValue = currentCounterValue - 1;\n const markerValue = (markerCounter.get(element) \|\| 0) - 1;\n counterMap.set(element, counterValue);\n markerCounter.set(element, markerValue);\n if (!counterValue) {\n if (!uncontrolledElementsSet.has(element) && controlAttribute) {\n element.removeAttribute(controlAttribute);\n }\n uncontrolledElementsSet.delete(element);\n }\n if (!markerValue) {\n element.removeAttribute(markerName);\n }\n });\n lockCount$1--;\n if (!lockCount$1) {\n counters.inert = new WeakMap();\n counters['aria-hidden'] = new WeakMap();\n counters.none = new WeakMap();\n uncontrolledElementsSet = new WeakSet();\n markerMap = {};\n }\n };\n}\nfunction markOthers(avoidElements, ariaHidden, inert) {\n if (ariaHidden === void 0) {\n ariaHidden = false;\n }\n if (inert === void 0) {\n inert = false;\n }\n const body = getDocument(avoidElements[0]).body;\n return applyAttributeToOthers(avoidElements.concat(Array.from(body.querySelectorAll('[aria-live],[role=\"status\"],output'))), body, ariaHidden, inert);\n}\n\nconst HIDDEN_STYLES = {\n border: 0,\n clip: 'rect(0 0 0 0)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'fixed',\n whiteSpace: 'nowrap',\n width: '1px',\n top: 0,\n left: 0\n};\nconst FocusGuard = /#__PURE__/React.forwardRef(function FocusGuard(props, ref) {\n const [role, setRole] = React.useState();\n useModernLayoutEffect(() => {\n if (isSafari()) {\n // Unlike other screen readers such as NVDA and JAWS, the virtual cursor\n // on VoiceOver does trigger the onFocus event, so we can use the focus\n // trap element. On Safari, only buttons trigger the onFocus event.\n // NB: \"group\" role in the Sandbox no longer appears to work, must be a\n // button role.\n setRole('button');\n }\n }, []);\n const restProps = {\n ref,\n tabIndex: 0,\n // Role is only for VoiceOver\n role,\n 'aria-hidden': role ? undefined : true,\n [createAttribute('focus-guard')]: '',\n style: HIDDEN_STYLES\n };\n return /#__PURE__/jsx(\"span\", {\n ...props,\n ...restProps\n });\n});\n\nconst PortalContext = /#__PURE__/React.createContext(null);\nconst attr = /#__PURE__/createAttribute('portal');\n/\n @see https://floating-ui.com/docs/FloatingPortal#usefloatingportalnode\n /\nfunction useFloatingPortalNode(props) {\n if (props === void 0) {\n props = {};\n }\n const {\n id,\n root\n } = props;\n const uniqueId = useId();\n const portalContext = usePortalContext();\n const [portalNode, setPortalNode] = React.useState(null);\n const portalNodeRef = React.useRef(null);\n useModernLayoutEffect(() => {\n return () => {\n portalNode == null \|\| portalNode.remove();\n // Allow the subsequent layout effects to create a new node on updates.\n // The portal node will still be cleaned up on unmount.\n // https://github.com/floating-ui/floating-ui/issues/2454\n queueMicrotask(() => {\n portalNodeRef.current = null;\n });\n };\n }, [portalNode]);\n useModernLayoutEffect(() => {\n // Wait for the uniqueId to be generated before creating the portal node in\n // React <18 (using `useFloatingId` instead of the native `useId`).\n // https://github.com/floating-ui/floating-ui/issues/2778\n if (!uniqueId) return;\n if (portalNodeRef.current) return;\n const existingIdRoot = id ? document.getElementById(id) : null;\n if (!existingIdRoot) return;\n const subRoot = document.createElement('div');\n subRoot.id = uniqueId;\n subRoot.setAttribute(attr, '');\n existingIdRoot.appendChild(subRoot);\n portalNodeRef.current = subRoot;\n setPortalNode(subRoot);\n }, [id, uniqueId]);\n useModernLayoutEffect(() => {\n // Wait for the root to exist before creating the portal node. The root must\n // be stored in state, not a ref, for this to work reactively.\n if (root === null) return;\n if (!uniqueId) return;\n if (portalNodeRef.current) return;\n let container = root \|\| (portalContext == null ? void 0 : portalContext.portalNode);\n if (container && !isNode(container)) container = container.current;\n container = container \|\| document.body;\n let idWrapper = null;\n if (id) {\n idWrapper = document.createElement('div');\n idWrapper.id = id;\n container.appendChild(idWrapper);\n }\n const subRoot = document.createElement('div');\n subRoot.id = uniqueId;\n subRoot.setAttribute(attr, '');\n container = idWrapper \|\| container;\n container.appendChild(subRoot);\n portalNodeRef.current = subRoot;\n setPortalNode(subRoot);\n }, [id, root, uniqueId, portalContext]);\n return portalNode;\n}\n/\n Portals the floating element into a given container element — by default,\n * outside of the app root and into the body.\n * This is necessary to ensure the floating element can appear outside any\n * potential parent containers that cause clipping (such as `overflow: hidden`),\n * while retaining its location in the React tree.\n * @see https://floating-ui.com/docs/FloatingPortal\n /\nfunction FloatingPortal(props) {\n const {\n children,\n id,\n root,\n preserveTabOrder = true\n } = props;\n const portalNode = useFloatingPortalNode({\n id,\n root\n });\n const [focusManagerState, setFocusManagerState] = React.useState(null);\n const beforeOutsideRef = React.useRef(null);\n const afterOutsideRef = React.useRef(null);\n const beforeInsideRef = React.useRef(null);\n const afterInsideRef = React.useRef(null);\n const modal = focusManagerState == null ? void 0 : focusManagerState.modal;\n const open = focusManagerState == null ? void 0 : focusManagerState.open;\n const shouldRenderGuards =\n // The FocusManager and therefore floating element are currently open/\n // rendered.\n !!focusManagerState &&\n // Guards are only for non-modal focus management.\n !focusManagerState.modal &&\n // Don't render if unmount is transitioning.\n focusManagerState.open && preserveTabOrder && !!(root \|\| portalNode);\n\n // https://codesandbox.io/s/tabbable-portal-f4tng?file=/src/TabbablePortal.tsx\n React.useEffect(() => {\n if (!portalNode \|\| !preserveTabOrder \|\| modal) {\n return;\n }\n\n // Make sure elements inside the portal element are tabbable only when the\n // portal has already been focused, either by tabbing into a focus trap\n // element outside or using the mouse.\n function onFocus(event) {\n if (portalNode && isOutsideEvent(event)) {\n const focusing = event.type === 'focusin';\n const manageFocus = focusing ? enableFocusInside : disableFocusInside;\n manageFocus(portalNode);\n }\n }\n // Listen to the event on the capture phase so they run before the focus\n // trap elements onFocus prop is called.\n portalNode.addEventListener('focusin', onFocus, true);\n portalNode.addEventListener('focusout', onFocus, true);\n return () => {\n portalNode.removeEventListener('focusin', onFocus, true);\n portalNode.removeEventListener('focusout', onFocus, true);\n };\n }, [portalNode, preserveTabOrder, modal]);\n React.useEffect(() => {\n if (!portalNode) return;\n if (open) return;\n enableFocusInside(portalNode);\n }, [open, portalNode]);\n return /#__PURE__/jsxs(PortalContext.Provider, {\n value: React.useMemo(() => ({\n preserveTabOrder,\n beforeOutsideRef,\n afterOutsideRef,\n beforeInsideRef,\n afterInsideRef,\n portalNode,\n setFocusManagerState\n }), [preserveTabOrder, portalNode]),\n children: [shouldRenderGuards && portalNode && /#__PURE__/jsx(FocusGuard, {\n \"data-type\": \"outside\",\n ref: beforeOutsideRef,\n onFocus: event => {\n if (isOutsideEvent(event, portalNode)) {\n var _beforeInsideRef$curr;\n (_beforeInsideRef$curr = beforeInsideRef.current) == null \|\| _beforeInsideRef$curr.focus();\n } else {\n const domReference = focusManagerState ? focusManagerState.domReference : null;\n const prevTabbable = getPreviousTabbable(domReference);\n prevTabbable == null \|\| prevTabbable.focus();\n }\n }\n }), shouldRenderGuards && portalNode && /#__PURE__/jsx(\"span\", {\n \"aria-owns\": portalNode.id,\n style: HIDDEN_STYLES\n }), portalNode && /#__PURE__/ReactDOM.createPortal(children, portalNode), shouldRenderGuards && portalNode && /#__PURE__/jsx(FocusGuard, {\n \"data-type\": \"outside\",\n ref: afterOutsideRef,\n onFocus: event => {\n if (isOutsideEvent(event, portalNode)) {\n var _afterInsideRef$curre;\n (_afterInsideRef$curre = afterInsideRef.current) == null \|\| _afterInsideRef$curre.focus();\n } else {\n const domReference = focusManagerState ? focusManagerState.domReference : null;\n const nextTabbable = getNextTabbable(domReference);\n nextTabbable == null \|\| nextTabbable.focus();\n (focusManagerState == null ? void 0 : focusManagerState.closeOnFocusOut) && (focusManagerState == null ? void 0 : focusManagerState.onOpenChange(false, event.nativeEvent, 'focus-out'));\n }\n }\n })]\n });\n}\nconst usePortalContext = () => React.useContext(PortalContext);\n\nfunction useLiteMergeRefs(refs) {\n return React.useMemo(() => {\n return value => {\n refs.forEach(ref => {\n if (ref) {\n ref.current = value;\n }\n });\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, refs);\n}\n\nconst LIST_LIMIT = 20;\nlet previouslyFocusedElements = [];\nfunction clearDisconnectedPreviouslyFocusedElements() {\n previouslyFocusedElements = previouslyFocusedElements.filter(el => el.isConnected);\n}\nfunction addPreviouslyFocusedElement(element) {\n clearDisconnectedPreviouslyFocusedElements();\n if (element && getNodeName(element) !== 'body') {\n previouslyFocusedElements.push(element);\n if (previouslyFocusedElements.length > LIST_LIMIT) {\n previouslyFocusedElements = previouslyFocusedElements.slice(-20);\n }\n }\n}\nfunction getPreviouslyFocusedElement() {\n clearDisconnectedPreviouslyFocusedElements();\n return previouslyFocusedElements[previouslyFocusedElements.length - 1];\n}\nfunction getFirstTabbableElement(container) {\n const tabbableOptions = getTabbableOptions();\n if (isTabbable(container, tabbableOptions)) {\n return container;\n }\n return tabbable(container, tabbableOptions)[0] \|\| container;\n}\nfunction handleTabIndex(floatingFocusElement, orderRef) {\n var _floatingFocusElement;\n if (!orderRef.current.includes('floating') && !((_floatingFocusElement = floatingFocusElement.getAttribute('role')) != null && _floatingFocusElement.includes('dialog'))) {\n return;\n }\n const options = getTabbableOptions();\n const focusableElements = focusable(floatingFocusElement, options);\n const tabbableContent = focusableElements.filter(element => {\n const dataTabIndex = element.getAttribute('data-tabindex') \|\| '';\n return isTabbable(element, options) \|\| element.hasAttribute('data-tabindex') && !dataTabIndex.startsWith('-');\n });\n const tabIndex = floatingFocusElement.getAttribute('tabindex');\n if (orderRef.current.includes('floating') \|\| tabbableContent.length === 0) {\n if (tabIndex !== '0') {\n floatingFocusElement.setAttribute('tabindex', '0');\n }\n } else if (tabIndex !== '-1' \|\| floatingFocusElement.hasAttribute('data-tabindex') && floatingFocusElement.getAttribute('data-tabindex') !== '-1') {\n floatingFocusElement.setAttribute('tabindex', '-1');\n floatingFocusElement.setAttribute('data-tabindex', '-1');\n }\n}\nconst VisuallyHiddenDismiss = /#__PURE__/React.forwardRef(function VisuallyHiddenDismiss(props, ref) {\n return /#__PURE__/jsx(\"button\", {\n ...props,\n type: \"button\",\n ref: ref,\n tabIndex: -1,\n style: HIDDEN_STYLES\n });\n});\n/\n Provides focus management for the floating element.\n * @see https://floating-ui.com/docs/FloatingFocusManager\n /\nfunction FloatingFocusManager(props) {\n const {\n context,\n children,\n disabled = false,\n order = ['content'],\n guards: _guards = true,\n initialFocus = 0,\n returnFocus = true,\n restoreFocus = false,\n modal = true,\n visuallyHiddenDismiss = false,\n closeOnFocusOut = true,\n outsideElementsInert = false,\n getInsideElements: _getInsideElements = () => []\n } = props;\n const {\n open,\n onOpenChange,\n events,\n dataRef,\n elements: {\n domReference,\n floating\n }\n } = context;\n const getNodeId = useEffectEvent(() => {\n var _dataRef$current$floa;\n return (_dataRef$current$floa = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa.nodeId;\n });\n const getInsideElements = useEffectEvent(_getInsideElements);\n const ignoreInitialFocus = typeof initialFocus === 'number' && initialFocus < 0;\n // If the reference is a combobox and is typeable (e.g. input/textarea),\n // there are different focus semantics. The guards should not be rendered, but\n // aria-hidden should be applied to all nodes still. Further, the visually\n // hidden dismiss button should only appear at the end of the list, not the\n // start.\n const isUntrappedTypeableCombobox = isTypeableCombobox(domReference) && ignoreInitialFocus;\n\n // Force the guards to be rendered if the `inert` attribute is not supported.\n const inertSupported = supportsInert();\n const guards = inertSupported ? _guards : true;\n const useInert = !guards \|\| inertSupported && outsideElementsInert;\n const orderRef = useLatestRef(order);\n const initialFocusRef = useLatestRef(initialFocus);\n const returnFocusRef = useLatestRef(returnFocus);\n const tree = useFloatingTree();\n const portalContext = usePortalContext();\n const startDismissButtonRef = React.useRef(null);\n const endDismissButtonRef = React.useRef(null);\n const preventReturnFocusRef = React.useRef(false);\n const isPointerDownRef = React.useRef(false);\n const tabbableIndexRef = React.useRef(-1);\n const blurTimeoutRef = React.useRef(-1);\n const isInsidePortal = portalContext != null;\n const floatingFocusElement = getFloatingFocusElement(floating);\n const getTabbableContent = useEffectEvent(function (container) {\n if (container === void 0) {\n container = floatingFocusElement;\n }\n return container ? tabbable(container, getTabbableOptions()) : [];\n });\n const getTabbableElements = useEffectEvent(container => {\n const content = getTabbableContent(container);\n return orderRef.current.map(type => {\n if (domReference && type === 'reference') {\n return domReference;\n }\n if (floatingFocusElement && type === 'floating') {\n return floatingFocusElement;\n }\n return content;\n }).filter(Boolean).flat();\n });\n React.useEffect(() => {\n if (disabled) return;\n if (!modal) return;\n function onKeyDown(event) {\n if (event.key === 'Tab') {\n // The focus guards have nothing to focus, so we need to stop the event.\n if (contains$1(floatingFocusElement, activeElement(getDocument$1(floatingFocusElement))) && getTabbableContent().length === 0 && !isUntrappedTypeableCombobox) {\n stopEvent(event);\n }\n const els = getTabbableElements();\n const target = getTarget$1(event);\n if (orderRef.current[0] === 'reference' && target === domReference) {\n stopEvent(event);\n if (event.shiftKey) {\n enqueueFocus(els[els.length - 1]);\n } else {\n enqueueFocus(els[1]);\n }\n }\n if (orderRef.current[1] === 'floating' && target === floatingFocusElement && event.shiftKey) {\n stopEvent(event);\n enqueueFocus(els[0]);\n }\n }\n }\n const doc = getDocument$1(floatingFocusElement);\n doc.addEventListener('keydown', onKeyDown);\n return () => {\n doc.removeEventListener('keydown', onKeyDown);\n };\n }, [disabled, domReference, floatingFocusElement, modal, orderRef, isUntrappedTypeableCombobox, getTabbableContent, getTabbableElements]);\n React.useEffect(() => {\n if (disabled) return;\n if (!floating) return;\n function handleFocusIn(event) {\n const target = getTarget$1(event);\n const tabbableContent = getTabbableContent();\n const tabbableIndex = tabbableContent.indexOf(target);\n if (tabbableIndex !== -1) {\n tabbableIndexRef.current = tabbableIndex;\n }\n }\n floating.addEventListener('focusin', handleFocusIn);\n return () => {\n floating.removeEventListener('focusin', handleFocusIn);\n };\n }, [disabled, floating, getTabbableContent]);\n React.useEffect(() => {\n if (disabled) return;\n if (!closeOnFocusOut) return;\n\n // In Safari, buttons lose focus when pressing them.\n function handlePointerDown() {\n isPointerDownRef.current = true;\n setTimeout(() => {\n isPointerDownRef.current = false;\n });\n }\n function handleFocusOutside(event) {\n const relatedTarget = event.relatedTarget;\n const currentTarget = event.currentTarget;\n const target = getTarget$1(event);\n queueMicrotask(() => {\n const nodeId = getNodeId();\n const movedToUnrelatedNode = !(contains$1(domReference, relatedTarget) \|\| contains$1(floating, relatedTarget) \|\| contains$1(relatedTarget, floating) \|\| contains$1(portalContext == null ? void 0 : portalContext.portalNode, relatedTarget) \|\| relatedTarget != null && relatedTarget.hasAttribute(createAttribute('focus-guard')) \|\| tree && (getNodeChildren$1(tree.nodesRef.current, nodeId).find(node => {\n var _node$context, _node$context2;\n return contains$1((_node$context = node.context) == null ? void 0 : _node$context.elements.floating, relatedTarget) \|\| contains$1((_node$context2 = node.context) == null ? void 0 : _node$context2.elements.domReference, relatedTarget);\n }) \|\| getNodeAncestors(tree.nodesRef.current, nodeId).find(node => {\n var _node$context3, _node$context4, _node$context5;\n return [(_node$context3 = node.context) == null ? void 0 : _node$context3.elements.floating, getFloatingFocusElement((_node$context4 = node.context) == null ? void 0 : _node$context4.elements.floating)].includes(relatedTarget) \|\| ((_node$context5 = node.context) == null ? void 0 : _node$context5.elements.domReference) === relatedTarget;\n })));\n if (currentTarget === domReference && floatingFocusElement) {\n handleTabIndex(floatingFocusElement, orderRef);\n }\n\n // Restore focus to the previous tabbable element index to prevent\n // focus from being lost outside the floating tree.\n if (restoreFocus && currentTarget !== domReference && !(target != null && target.isConnected) && activeElement(getDocument$1(floatingFocusElement)) === getDocument$1(floatingFocusElement).body) {\n // Let `FloatingPortal` effect knows that focus is still inside the\n // floating tree.\n if (isHTMLElement(floatingFocusElement)) {\n floatingFocusElement.focus();\n }\n const prevTabbableIndex = tabbableIndexRef.current;\n const tabbableContent = getTabbableContent();\n const nodeToFocus = tabbableContent[prevTabbableIndex] \|\| tabbableContent[tabbableContent.length - 1] \|\| floatingFocusElement;\n if (isHTMLElement(nodeToFocus)) {\n nodeToFocus.focus();\n }\n }\n\n // https://github.com/floating-ui/floating-ui/issues/3060\n if (dataRef.current.insideReactTree) {\n dataRef.current.insideReactTree = false;\n return;\n }\n\n // Focus did not move inside the floating tree, and there are no tabbable\n // portal guards to handle closing.\n if ((isUntrappedTypeableCombobox ? true : !modal) && relatedTarget && movedToUnrelatedNode && !isPointerDownRef.current &&\n // Fix React 18 Strict Mode returnFocus due to double rendering.\n relatedTarget !== getPreviouslyFocusedElement()) {\n preventReturnFocusRef.current = true;\n onOpenChange(false, event, 'focus-out');\n }\n });\n }\n const shouldHandleBlurCapture = Boolean(!tree && portalContext);\n function markInsideReactTree() {\n clearTimeoutIfSet(blurTimeoutRef);\n dataRef.current.insideReactTree = true;\n blurTimeoutRef.current = window.setTimeout(() => {\n dataRef.current.insideReactTree = false;\n });\n }\n if (floating && isHTMLElement(domReference)) {\n domReference.addEventListener('focusout', handleFocusOutside);\n domReference.addEventListener('pointerdown', handlePointerDown);\n floating.addEventListener('focusout', handleFocusOutside);\n if (shouldHandleBlurCapture) {\n floating.addEventListener('focusout', markInsideReactTree, true);\n }\n return () => {\n domReference.removeEventListener('focusout', handleFocusOutside);\n domReference.removeEventListener('pointerdown', handlePointerDown);\n floating.removeEventListener('focusout', handleFocusOutside);\n if (shouldHandleBlurCapture) {\n floating.removeEventListener('focusout', markInsideReactTree, true);\n }\n };\n }\n }, [disabled, domReference, floating, floatingFocusElement, modal, tree, portalContext, onOpenChange, closeOnFocusOut, restoreFocus, getTabbableContent, isUntrappedTypeableCombobox, getNodeId, orderRef, dataRef]);\n const beforeGuardRef = React.useRef(null);\n const afterGuardRef = React.useRef(null);\n const mergedBeforeGuardRef = useLiteMergeRefs([beforeGuardRef, portalContext == null ? void 0 : portalContext.beforeInsideRef]);\n const mergedAfterGuardRef = useLiteMergeRefs([afterGuardRef, portalContext == null ? void 0 : portalContext.afterInsideRef]);\n React.useEffect(() => {\n var _portalContext$portal, _ancestors$find;\n if (disabled) return;\n if (!floating) return;\n\n // Don't hide portals nested within the parent portal.\n const portalNodes = Array.from((portalContext == null \|\| (_portalContext$portal = portalContext.portalNode) == null ? void 0 : _portalContext$portal.querySelectorAll(\"[\" + createAttribute('portal') + \"]\")) \|\| []);\n const ancestors = tree ? getNodeAncestors(tree.nodesRef.current, getNodeId()) : [];\n const rootAncestorComboboxDomReference = (_ancestors$find = ancestors.find(node => {\n var _node$context6;\n return isTypeableCombobox(((_node$context6 = node.context) == null ? void 0 : _node$context6.elements.domReference) \|\| null);\n })) == null \|\| (_ancestors$find = _ancestors$find.context) == null ? void 0 : _ancestors$find.elements.domReference;\n const insideElements = [floating, rootAncestorComboboxDomReference, ...portalNodes, ...getInsideElements(), startDismissButtonRef.current, endDismissButtonRef.current, beforeGuardRef.current, afterGuardRef.current, portalContext == null ? void 0 : portalContext.beforeOutsideRef.current, portalContext == null ? void 0 : portalContext.afterOutsideRef.current, orderRef.current.includes('reference') \|\| isUntrappedTypeableCombobox ? domReference : null].filter(x => x != null);\n const cleanup = modal \|\| isUntrappedTypeableCombobox ? markOthers(insideElements, !useInert, useInert) : markOthers(insideElements);\n return () => {\n cleanup();\n };\n }, [disabled, domReference, floating, modal, orderRef, portalContext, isUntrappedTypeableCombobox, guards, useInert, tree, getNodeId, getInsideElements]);\n useModernLayoutEffect(() => {\n if (disabled \|\| !isHTMLElement(floatingFocusElement)) return;\n const doc = getDocument$1(floatingFocusElement);\n const previouslyFocusedElement = activeElement(doc);\n\n // Wait for any layout effect state setters to execute to set `tabIndex`.\n queueMicrotask(() => {\n const focusableElements = getTabbableElements(floatingFocusElement);\n const initialFocusValue = initialFocusRef.current;\n const elToFocus = (typeof initialFocusValue === 'number' ? focusableElements[initialFocusValue] : initialFocusValue.current) \|\| floatingFocusElement;\n const focusAlreadyInsideFloatingEl = contains$1(floatingFocusElement, previouslyFocusedElement);\n if (!ignoreInitialFocus && !focusAlreadyInsideFloatingEl && open) {\n enqueueFocus(elToFocus, {\n preventScroll: elToFocus === floatingFocusElement\n });\n }\n });\n }, [disabled, open, floatingFocusElement, ignoreInitialFocus, getTabbableElements, initialFocusRef]);\n useModernLayoutEffect(() => {\n if (disabled \|\| !floatingFocusElement) return;\n const doc = getDocument$1(floatingFocusElement);\n const previouslyFocusedElement = activeElement(doc);\n addPreviouslyFocusedElement(previouslyFocusedElement);\n\n // Dismissing via outside press should always ignore `returnFocus` to\n // prevent unwanted scrolling.\n function onOpenChange(_ref) {\n let {\n reason,\n event,\n nested\n } = _ref;\n if (['hover', 'safe-polygon'].includes(reason) && event.type === 'mouseleave') {\n preventReturnFocusRef.current = true;\n }\n if (reason !== 'outside-press') return;\n if (nested) {\n preventReturnFocusRef.current = false;\n } else if (isVirtualClick(event) \|\| isVirtualPointerEvent(event)) {\n preventReturnFocusRef.current = false;\n } else {\n let isPreventScrollSupported = false;\n document.createElement('div').focus({\n get preventScroll() {\n isPreventScrollSupported = true;\n return false;\n }\n });\n if (isPreventScrollSupported) {\n preventReturnFocusRef.current = false;\n } else {\n preventReturnFocusRef.current = true;\n }\n }\n }\n events.on('openchange', onOpenChange);\n const fallbackEl = doc.createElement('span');\n fallbackEl.setAttribute('tabindex', '-1');\n fallbackEl.setAttribute('aria-hidden', 'true');\n Object.assign(fallbackEl.style, HIDDEN_STYLES);\n if (isInsidePortal && domReference) {\n domReference.insertAdjacentElement('afterend', fallbackEl);\n }\n function getReturnElement() {\n if (typeof returnFocusRef.current === 'boolean') {\n const el = domReference \|\| getPreviouslyFocusedElement();\n return el && el.isConnected ? el : fallbackEl;\n }\n return returnFocusRef.current.current \|\| fallbackEl;\n }\n return () => {\n events.off('openchange', onOpenChange);\n const activeEl = activeElement(doc);\n const isFocusInsideFloatingTree = contains$1(floating, activeEl) \|\| tree && getNodeChildren$1(tree.nodesRef.current, getNodeId(), false).some(node => {\n var _node$context7;\n return contains$1((_node$context7 = node.context) == null ? void 0 : _node$context7.elements.floating, activeEl);\n });\n const returnElement = getReturnElement();\n queueMicrotask(() => {\n // This is `returnElement`, if it's tabbable, or its first tabbable child.\n const tabbableReturnElement = getFirstTabbableElement(returnElement);\n if (\n // eslint-disable-next-line react-hooks/exhaustive-deps\n returnFocusRef.current && !preventReturnFocusRef.current && isHTMLElement(tabbableReturnElement) && (\n // If the focus moved somewhere else after mount, avoid returning focus\n // since it likely entered a different element which should be\n // respected: https://github.com/floating-ui/floating-ui/issues/2607\n tabbableReturnElement !== activeEl && activeEl !== doc.body ? isFocusInsideFloatingTree : true)) {\n tabbableReturnElement.focus({\n preventScroll: true\n });\n }\n fallbackEl.remove();\n });\n };\n }, [disabled, floating, floatingFocusElement, returnFocusRef, dataRef, events, tree, isInsidePortal, domReference, getNodeId]);\n React.useEffect(() => {\n // The `returnFocus` cleanup behavior is inside a microtask; ensure we\n // wait for it to complete before resetting the flag.\n queueMicrotask(() => {\n preventReturnFocusRef.current = false;\n });\n return () => {\n queueMicrotask(clearDisconnectedPreviouslyFocusedElements);\n };\n }, [disabled]);\n\n // Synchronize the `context` & `modal` value to the FloatingPortal context.\n // It will decide whether or not it needs to render its own guards.\n useModernLayoutEffect(() => {\n if (disabled) return;\n if (!portalContext) return;\n portalContext.setFocusManagerState({\n modal,\n closeOnFocusOut,\n open,\n onOpenChange,\n domReference\n });\n return () => {\n portalContext.setFocusManagerState(null);\n };\n }, [disabled, portalContext, modal, open, onOpenChange, closeOnFocusOut, domReference]);\n useModernLayoutEffect(() => {\n if (disabled) return;\n if (!floatingFocusElement) return;\n handleTabIndex(floatingFocusElement, orderRef);\n }, [disabled, floatingFocusElement, orderRef]);\n function renderDismissButton(location) {\n if (disabled \|\| !visuallyHiddenDismiss \|\| !modal) {\n return null;\n }\n return /#__PURE__/jsx(VisuallyHiddenDismiss, {\n ref: location === 'start' ? startDismissButtonRef : endDismissButtonRef,\n onClick: event => onOpenChange(false, event.nativeEvent),\n children: typeof visuallyHiddenDismiss === 'string' ? visuallyHiddenDismiss : 'Dismiss'\n });\n }\n const shouldRenderGuards = !disabled && guards && (modal ? !isUntrappedTypeableCombobox : true) && (isInsidePortal \|\| modal);\n return /#__PURE__/jsxs(Fragment, {\n children: [shouldRenderGuards && /#__PURE__/jsx(FocusGuard, {\n \"data-type\": \"inside\",\n ref: mergedBeforeGuardRef,\n onFocus: event => {\n if (modal) {\n const els = getTabbableElements();\n enqueueFocus(order[0] === 'reference' ? els[0] : els[els.length - 1]);\n } else if (portalContext != null && portalContext.preserveTabOrder && portalContext.portalNode) {\n preventReturnFocusRef.current = false;\n if (isOutsideEvent(event, portalContext.portalNode)) {\n const nextTabbable = getNextTabbable(domReference);\n nextTabbable == null \|\| nextTabbable.focus();\n } else {\n var _portalContext$before;\n (_portalContext$before = portalContext.beforeOutsideRef.current) == null \|\| _portalContext$before.focus();\n }\n }\n }\n }), !isUntrappedTypeableCombobox && renderDismissButton('start'), children, renderDismissButton('end'), shouldRenderGuards && /#__PURE__/jsx(FocusGuard, {\n \"data-type\": \"inside\",\n ref: mergedAfterGuardRef,\n onFocus: event => {\n if (modal) {\n enqueueFocus(getTabbableElements()[0]);\n } else if (portalContext != null && portalContext.preserveTabOrder && portalContext.portalNode) {\n if (closeOnFocusOut) {\n preventReturnFocusRef.current = true;\n }\n if (isOutsideEvent(event, portalContext.portalNode)) {\n const prevTabbable = getPreviousTabbable(domReference);\n prevTabbable == null \|\| prevTabbable.focus();\n } else {\n var _portalContext$afterO;\n (_portalContext$afterO = portalContext.afterOutsideRef.current) == null \|\| _portalContext$afterO.focus();\n }\n }\n }\n })]\n });\n}\n\nlet lockCount = 0;\nconst scrollbarProperty = '--floating-ui-scrollbar-width';\nfunction enableScrollLock() {\n const platform = getPlatform();\n const isIOS = /iP(hone\|ad\|od)\|iOS/.test(platform) \|\|\n // iPads can claim to be MacIntel\n platform === 'MacIntel' && navigator.maxTouchPoints > 1;\n const bodyStyle = document.body.style;\n // RTL <body> scrollbar\n const scrollbarX = Math.round(document.documentElement.getBoundingClientRect().left) + document.documentElement.scrollLeft;\n const paddingProp = scrollbarX ? 'paddingLeft' : 'paddingRight';\n const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n const scrollX = bodyStyle.left ? parseFloat(bodyStyle.left) : window.scrollX;\n const scrollY = bodyStyle.top ? parseFloat(bodyStyle.top) : window.scrollY;\n bodyStyle.overflow = 'hidden';\n bodyStyle.setProperty(scrollbarProperty, scrollbarWidth + \"px\");\n if (scrollbarWidth) {\n bodyStyle[paddingProp] = scrollbarWidth + \"px\";\n }\n\n // Only iOS doesn't respect `overflow: hidden` on document.body, and this\n // technique has fewer side effects.\n if (isIOS) {\n var _window$visualViewpor, _window$visualViewpor2;\n // iOS 12 does not support `visualViewport`.\n const offsetLeft = ((_window$visualViewpor = window.visualViewport) == null ? void 0 : _window$visualViewpor.offsetLeft) \|\| 0;\n const offsetTop = ((_window$visualViewpor2 = window.visualViewport) == null ? void 0 : _window$visualViewpor2.offsetTop) \|\| 0;\n Object.assign(bodyStyle, {\n position: 'fixed',\n top: -(scrollY - Math.floor(offsetTop)) + \"px\",\n left: -(scrollX - Math.floor(offsetLeft)) + \"px\",\n right: '0'\n });\n }\n return () => {\n Object.assign(bodyStyle, {\n overflow: '',\n [paddingProp]: ''\n });\n bodyStyle.removeProperty(scrollbarProperty);\n if (isIOS) {\n Object.assign(bodyStyle, {\n position: '',\n top: '',\n left: '',\n right: ''\n });\n window.scrollTo(scrollX, scrollY);\n }\n };\n}\nlet cleanup = () => {};\n\n/\n Provides base styling for a fixed overlay element to dim content or block\n * pointer events behind a floating element.\n * It's a regular `<div>`, so it can be styled via any CSS solution you prefer.\n * @see https://floating-ui.com/docs/FloatingOverlay\n /\nconst FloatingOverlay = /#__PURE__/React.forwardRef(function FloatingOverlay(props, ref) {\n const {\n lockScroll = false,\n ...rest\n } = props;\n useModernLayoutEffect(() => {\n if (!lockScroll) return;\n lockCount++;\n if (lockCount === 1) {\n cleanup = enableScrollLock();\n }\n return () => {\n lockCount--;\n if (lockCount === 0) {\n cleanup();\n }\n };\n }, [lockScroll]);\n return /#__PURE__/jsx(\"div\", {\n ref: ref,\n ...rest,\n style: {\n position: 'fixed',\n overflow: 'auto',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n ...rest.style\n }\n });\n});\n\nfunction isButtonTarget(event) {\n return isHTMLElement(event.target) && event.target.tagName === 'BUTTON';\n}\nfunction isAnchorTarget(event) {\n return isHTMLElement(event.target) && event.target.tagName === 'A';\n}\nfunction isSpaceIgnored(element) {\n return isTypeableElement(element);\n}\n/\n Opens or closes the floating element when clicking the reference element.\n * @see https://floating-ui.com/docs/useClick\n /\nfunction useClick(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n onOpenChange,\n dataRef,\n elements: {\n domReference\n }\n } = context;\n const {\n enabled = true,\n event: eventOption = 'click',\n toggle = true,\n ignoreMouse = false,\n keyboardHandlers = true,\n stickIfOpen = true\n } = props;\n const pointerTypeRef = React.useRef();\n const didKeyDownRef = React.useRef(false);\n const reference = React.useMemo(() => ({\n onPointerDown(event) {\n pointerTypeRef.current = event.pointerType;\n },\n onMouseDown(event) {\n const pointerType = pointerTypeRef.current;\n\n // Ignore all buttons except for the \"main\" button.\n // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button\n if (event.button !== 0) return;\n if (eventOption === 'click') return;\n if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;\n if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === 'mousedown' : true)) {\n onOpenChange(false, event.nativeEvent, 'click');\n } else {\n // Prevent stealing focus from the floating element\n event.preventDefault();\n onOpenChange(true, event.nativeEvent, 'click');\n }\n },\n onClick(event) {\n const pointerType = pointerTypeRef.current;\n if (eventOption === 'mousedown' && pointerTypeRef.current) {\n pointerTypeRef.current = undefined;\n return;\n }\n if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;\n if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === 'click' : true)) {\n onOpenChange(false, event.nativeEvent, 'click');\n } else {\n onOpenChange(true, event.nativeEvent, 'click');\n }\n },\n onKeyDown(event) {\n pointerTypeRef.current = undefined;\n if (event.defaultPrevented \|\| !keyboardHandlers \|\| isButtonTarget(event)) {\n return;\n }\n if (event.key === ' ' && !isSpaceIgnored(domReference)) {\n // Prevent scrolling\n event.preventDefault();\n didKeyDownRef.current = true;\n }\n if (isAnchorTarget(event)) {\n return;\n }\n if (event.key === 'Enter') {\n if (open && toggle) {\n onOpenChange(false, event.nativeEvent, 'click');\n } else {\n onOpenChange(true, event.nativeEvent, 'click');\n }\n }\n },\n onKeyUp(event) {\n if (event.defaultPrevented \|\| !keyboardHandlers \|\| isButtonTarget(event) \|\| isSpaceIgnored(domReference)) {\n return;\n }\n if (event.key === ' ' && didKeyDownRef.current) {\n didKeyDownRef.current = false;\n if (open && toggle) {\n onOpenChange(false, event.nativeEvent, 'click');\n } else {\n onOpenChange(true, event.nativeEvent, 'click');\n }\n }\n }\n }), [dataRef, domReference, eventOption, ignoreMouse, keyboardHandlers, onOpenChange, open, stickIfOpen, toggle]);\n return React.useMemo(() => enabled ? {\n reference\n } : {}, [enabled, reference]);\n}\n\nfunction createVirtualElement(domElement, data) {\n let offsetX = null;\n let offsetY = null;\n let isAutoUpdateEvent = false;\n return {\n contextElement: domElement \|\| undefined,\n getBoundingClientRect() {\n var _data$dataRef$current;\n const domRect = (domElement == null ? void 0 : domElement.getBoundingClientRect()) \|\| {\n width: 0,\n height: 0,\n x: 0,\n y: 0\n };\n const isXAxis = data.axis === 'x' \|\| data.axis === 'both';\n const isYAxis = data.axis === 'y' \|\| data.axis === 'both';\n const canTrackCursorOnAutoUpdate = ['mouseenter', 'mousemove'].includes(((_data$dataRef$current = data.dataRef.current.openEvent) == null ? void 0 : _data$dataRef$current.type) \|\| '') && data.pointerType !== 'touch';\n let width = domRect.width;\n let height = domRect.height;\n let x = domRect.x;\n let y = domRect.y;\n if (offsetX == null && data.x && isXAxis) {\n offsetX = domRect.x - data.x;\n }\n if (offsetY == null && data.y && isYAxis) {\n offsetY = domRect.y - data.y;\n }\n x -= offsetX \|\| 0;\n y -= offsetY \|\| 0;\n width = 0;\n height = 0;\n if (!isAutoUpdateEvent \|\| canTrackCursorOnAutoUpdate) {\n width = data.axis === 'y' ? domRect.width : 0;\n height = data.axis === 'x' ? domRect.height : 0;\n x = isXAxis && data.x != null ? data.x : x;\n y = isYAxis && data.y != null ? data.y : y;\n } else if (isAutoUpdateEvent && !canTrackCursorOnAutoUpdate) {\n height = data.axis === 'x' ? domRect.height : height;\n width = data.axis === 'y' ? domRect.width : width;\n }\n isAutoUpdateEvent = true;\n return {\n width,\n height,\n x,\n y,\n top: y,\n right: x + width,\n bottom: y + height,\n left: x\n };\n }\n };\n}\nfunction isMouseBasedEvent(event) {\n return event != null && event.clientX != null;\n}\n/\n Positions the floating element relative to a client point (in the viewport),\n * such as the mouse position. By default, it follows the mouse cursor.\n * @see https://floating-ui.com/docs/useClientPoint\n /\nfunction useClientPoint(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n dataRef,\n elements: {\n floating,\n domReference\n },\n refs\n } = context;\n const {\n enabled = true,\n axis = 'both',\n x = null,\n y = null\n } = props;\n const initialRef = React.useRef(false);\n const cleanupListenerRef = React.useRef(null);\n const [pointerType, setPointerType] = React.useState();\n const [reactive, setReactive] = React.useState([]);\n const setReference = useEffectEvent((x, y) => {\n if (initialRef.current) return;\n\n // Prevent setting if the open event was not a mouse-like one\n // (e.g. focus to open, then hover over the reference element).\n // Only apply if the event exists.\n if (dataRef.current.openEvent && !isMouseBasedEvent(dataRef.current.openEvent)) {\n return;\n }\n refs.setPositionReference(createVirtualElement(domReference, {\n x,\n y,\n axis,\n dataRef,\n pointerType\n }));\n });\n const handleReferenceEnterOrMove = useEffectEvent(event => {\n if (x != null \|\| y != null) return;\n if (!open) {\n setReference(event.clientX, event.clientY);\n } else if (!cleanupListenerRef.current) {\n // If there's no cleanup, there's no listener, but we want to ensure\n // we add the listener if the cursor landed on the floating element and\n // then back on the reference (i.e. it's interactive).\n setReactive([]);\n }\n });\n\n // If the pointer is a mouse-like pointer, we want to continue following the\n // mouse even if the floating element is transitioning out. On touch\n // devices, this is undesirable because the floating element will move to\n // the dismissal touch point.\n const openCheck = isMouseLikePointerType(pointerType) ? floating : open;\n const addListener = React.useCallback(() => {\n // Explicitly specified `x`/`y` coordinates shouldn't add a listener.\n if (!openCheck \|\| !enabled \|\| x != null \|\| y != null) return;\n const win = getWindow(floating);\n function handleMouseMove(event) {\n const target = getTarget$1(event);\n if (!contains$1(floating, target)) {\n setReference(event.clientX, event.clientY);\n } else {\n win.removeEventListener('mousemove', handleMouseMove);\n cleanupListenerRef.current = null;\n }\n }\n if (!dataRef.current.openEvent \|\| isMouseBasedEvent(dataRef.current.openEvent)) {\n win.addEventListener('mousemove', handleMouseMove);\n const cleanup = () => {\n win.removeEventListener('mousemove', handleMouseMove);\n cleanupListenerRef.current = null;\n };\n cleanupListenerRef.current = cleanup;\n return cleanup;\n }\n refs.setPositionReference(domReference);\n }, [openCheck, enabled, x, y, floating, dataRef, refs, domReference, setReference]);\n React.useEffect(() => {\n return addListener();\n }, [addListener, reactive]);\n React.useEffect(() => {\n if (enabled && !floating) {\n initialRef.current = false;\n }\n }, [enabled, floating]);\n React.useEffect(() => {\n if (!enabled && open) {\n initialRef.current = true;\n }\n }, [enabled, open]);\n useModernLayoutEffect(() => {\n if (enabled && (x != null \|\| y != null)) {\n initialRef.current = false;\n setReference(x, y);\n }\n }, [enabled, x, y, setReference]);\n const reference = React.useMemo(() => {\n function setPointerTypeRef(_ref) {\n let {\n pointerType\n } = _ref;\n setPointerType(pointerType);\n }\n return {\n onPointerDown: setPointerTypeRef,\n onPointerEnter: setPointerTypeRef,\n onMouseMove: handleReferenceEnterOrMove,\n onMouseEnter: handleReferenceEnterOrMove\n };\n }, [handleReferenceEnterOrMove]);\n return React.useMemo(() => enabled ? {\n reference\n } : {}, [enabled, reference]);\n}\n\nconst bubbleHandlerKeys = {\n pointerdown: 'onPointerDown',\n mousedown: 'onMouseDown',\n click: 'onClick'\n};\nconst captureHandlerKeys = {\n pointerdown: 'onPointerDownCapture',\n mousedown: 'onMouseDownCapture',\n click: 'onClickCapture'\n};\nconst normalizeProp = normalizable => {\n var _normalizable$escapeK, _normalizable$outside;\n return {\n escapeKey: typeof normalizable === 'boolean' ? normalizable : (_normalizable$escapeK = normalizable == null ? void 0 : normalizable.escapeKey) != null ? _normalizable$escapeK : false,\n outsidePress: typeof normalizable === 'boolean' ? normalizable : (_normalizable$outside = normalizable == null ? void 0 : normalizable.outsidePress) != null ? _normalizable$outside : true\n };\n};\n/\n Closes the floating element when a dismissal is requested — by default, when\n * the user presses the `escape` key or outside of the floating element.\n * @see https://floating-ui.com/docs/useDismiss\n /\nfunction useDismiss(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n onOpenChange,\n elements,\n dataRef\n } = context;\n const {\n enabled = true,\n escapeKey = true,\n outsidePress: unstable_outsidePress = true,\n outsidePressEvent = 'pointerdown',\n referencePress = false,\n referencePressEvent = 'pointerdown',\n ancestorScroll = false,\n bubbles,\n capture\n } = props;\n const tree = useFloatingTree();\n const outsidePressFn = useEffectEvent(typeof unstable_outsidePress === 'function' ? unstable_outsidePress : () => false);\n const outsidePress = typeof unstable_outsidePress === 'function' ? outsidePressFn : unstable_outsidePress;\n const endedOrStartedInsideRef = React.useRef(false);\n const {\n escapeKey: escapeKeyBubbles,\n outsidePress: outsidePressBubbles\n } = normalizeProp(bubbles);\n const {\n escapeKey: escapeKeyCapture,\n outsidePress: outsidePressCapture\n } = normalizeProp(capture);\n const isComposingRef = React.useRef(false);\n const closeOnEscapeKeyDown = useEffectEvent(event => {\n var _dataRef$current$floa;\n if (!open \|\| !enabled \|\| !escapeKey \|\| event.key !== 'Escape') {\n return;\n }\n\n // Wait until IME is settled. Pressing `Escape` while composing should\n // close the compose menu, but not the floating element.\n if (isComposingRef.current) {\n return;\n }\n const nodeId = (_dataRef$current$floa = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa.nodeId;\n const children = tree ? getNodeChildren$1(tree.nodesRef.current, nodeId) : [];\n if (!escapeKeyBubbles) {\n event.stopPropagation();\n if (children.length > 0) {\n let shouldDismiss = true;\n children.forEach(child => {\n var _child$context;\n if ((_child$context = child.context) != null && _child$context.open && !child.context.dataRef.current.__escapeKeyBubbles) {\n shouldDismiss = false;\n return;\n }\n });\n if (!shouldDismiss) {\n return;\n }\n }\n }\n onOpenChange(false, isReactEvent(event) ? event.nativeEvent : event, 'escape-key');\n });\n const closeOnEscapeKeyDownCapture = useEffectEvent(event => {\n var _getTarget2;\n const callback = () => {\n var _getTarget;\n closeOnEscapeKeyDown(event);\n (_getTarget = getTarget$1(event)) == null \|\| _getTarget.removeEventListener('keydown', callback);\n };\n (_getTarget2 = getTarget$1(event)) == null \|\| _getTarget2.addEventListener('keydown', callback);\n });\n const closeOnPressOutside = useEffectEvent(event => {\n var _dataRef$current$floa2;\n // Given developers can stop the propagation of the synthetic event,\n // we can only be confident with a positive value.\n const insideReactTree = dataRef.current.insideReactTree;\n dataRef.current.insideReactTree = false;\n\n // When click outside is lazy (`click` event), handle dragging.\n // Don't close if:\n // - The click started inside the floating element.\n // - The click ended inside the floating element.\n const endedOrStartedInside = endedOrStartedInsideRef.current;\n endedOrStartedInsideRef.current = false;\n if (outsidePressEvent === 'click' && endedOrStartedInside) {\n return;\n }\n if (insideReactTree) {\n return;\n }\n if (typeof outsidePress === 'function' && !outsidePress(event)) {\n return;\n }\n const target = getTarget$1(event);\n const inertSelector = \"[\" + createAttribute('inert') + \"]\";\n const markers = getDocument$1(elements.floating).querySelectorAll(inertSelector);\n let targetRootAncestor = isElement(target) ? target : null;\n while (targetRootAncestor && !isLastTraversableNode(targetRootAncestor)) {\n const nextParent = getParentNode(targetRootAncestor);\n if (isLastTraversableNode(nextParent) \|\| !isElement(nextParent)) {\n break;\n }\n targetRootAncestor = nextParent;\n }\n\n // Check if the click occurred on a third-party element injected after the\n // floating element rendered.\n if (markers.length && isElement(target) && !isRootElement(target) &&\n // Clicked on a direct ancestor (e.g. FloatingOverlay).\n !contains$1(target, elements.floating) &&\n // If the target root element contains none of the markers, then the\n // element was injected after the floating element rendered.\n Array.from(markers).every(marker => !contains$1(targetRootAncestor, marker))) {\n return;\n }\n\n // Check if the click occurred on the scrollbar\n if (isHTMLElement(target) && floating) {\n const lastTraversableNode = isLastTraversableNode(target);\n const style = getComputedStyle(target);\n const scrollRe = /auto\|scroll/;\n const isScrollableX = lastTraversableNode \|\| scrollRe.test(style.overflowX);\n const isScrollableY = lastTraversableNode \|\| scrollRe.test(style.overflowY);\n const canScrollX = isScrollableX && target.clientWidth > 0 && target.scrollWidth > target.clientWidth;\n const canScrollY = isScrollableY && target.clientHeight > 0 && target.scrollHeight > target.clientHeight;\n const isRTL = style.direction === 'rtl';\n\n // Check click position relative to scrollbar.\n // In some browsers it is possible to change the <body> (or window)\n // scrollbar to the left side, but is very rare and is difficult to\n // check for. Plus, for modal dialogs with backdrops, it is more\n // important that the backdrop is checked but not so much the window.\n const pressedVerticalScrollbar = canScrollY && (isRTL ? event.offsetX <= target.offsetWidth - target.clientWidth : event.offsetX > target.clientWidth);\n const pressedHorizontalScrollbar = canScrollX && event.offsetY > target.clientHeight;\n if (pressedVerticalScrollbar \|\| pressedHorizontalScrollbar) {\n return;\n }\n }\n const nodeId = (_dataRef$current$floa2 = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa2.nodeId;\n const targetIsInsideChildren = tree && getNodeChildren$1(tree.nodesRef.current, nodeId).some(node => {\n var _node$context;\n return isEventTargetWithin(event, (_node$context = node.context) == null ? void 0 : _node$context.elements.floating);\n });\n if (isEventTargetWithin(event, elements.floating) \|\| isEventTargetWithin(event, elements.domReference) \|\| targetIsInsideChildren) {\n return;\n }\n const children = tree ? getNodeChildren$1(tree.nodesRef.current, nodeId) : [];\n if (children.length > 0) {\n let shouldDismiss = true;\n children.forEach(child => {\n var _child$context2;\n if ((_child$context2 = child.context) != null && _child$context2.open && !child.context.dataRef.current.__outsidePressBubbles) {\n shouldDismiss = false;\n return;\n }\n });\n if (!shouldDismiss) {\n return;\n }\n }\n onOpenChange(false, event, 'outside-press');\n });\n const closeOnPressOutsideCapture = useEffectEvent(event => {\n var _getTarget4;\n const callback = () => {\n var _getTarget3;\n closeOnPressOutside(event);\n (_getTarget3 = getTarget$1(event)) == null \|\| _getTarget3.removeEventListener(outsidePressEvent, callback);\n };\n (_getTarget4 = getTarget$1(event)) == null \|\| _getTarget4.addEventListener(outsidePressEvent, callback);\n });\n React.useEffect(() => {\n if (!open \|\| !enabled) {\n return;\n }\n dataRef.current.__escapeKeyBubbles = escapeKeyBubbles;\n dataRef.current.__outsidePressBubbles = outsidePressBubbles;\n let compositionTimeout = -1;\n function onScroll(event) {\n onOpenChange(false, event, 'ancestor-scroll');\n }\n function handleCompositionStart() {\n window.clearTimeout(compositionTimeout);\n isComposingRef.current = true;\n }\n function handleCompositionEnd() {\n // Safari fires `compositionend` before `keydown`, so we need to wait\n // until the next tick to set `isComposing` to `false`.\n // https://bugs.webkit.org/show_bug.cgi?id=165004\n compositionTimeout = window.setTimeout(() => {\n isComposingRef.current = false;\n },\n // 0ms or 1ms don't work in Safari. 5ms appears to consistently work.\n // Only apply to WebKit for the test to remain 0ms.\n isWebKit() ? 5 : 0);\n }\n const doc = getDocument$1(elements.floating);\n if (escapeKey) {\n doc.addEventListener('keydown', escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture);\n doc.addEventListener('compositionstart', handleCompositionStart);\n doc.addEventListener('compositionend', handleCompositionEnd);\n }\n outsidePress && doc.addEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture);\n let ancestors = [];\n if (ancestorScroll) {\n if (isElement(elements.domReference)) {\n ancestors = getOverflowAncestors(elements.domReference);\n }\n if (isElement(elements.floating)) {\n ancestors = ancestors.concat(getOverflowAncestors(elements.floating));\n }\n if (!isElement(elements.reference) && elements.reference && elements.reference.contextElement) {\n ancestors = ancestors.concat(getOverflowAncestors(elements.reference.contextElement));\n }\n }\n\n // Ignore the visual viewport for scrolling dismissal (allow pinch-zoom)\n ancestors = ancestors.filter(ancestor => {\n var _doc$defaultView;\n return ancestor !== ((_doc$defaultView = doc.defaultView) == null ? void 0 : _doc$defaultView.visualViewport);\n });\n ancestors.forEach(ancestor => {\n ancestor.addEventListener('scroll', onScroll, {\n passive: true\n });\n });\n return () => {\n if (escapeKey) {\n doc.removeEventListener('keydown', escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture);\n doc.removeEventListener('compositionstart', handleCompositionStart);\n doc.removeEventListener('compositionend', handleCompositionEnd);\n }\n outsidePress && doc.removeEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture);\n ancestors.forEach(ancestor => {\n ancestor.removeEventListener('scroll', onScroll);\n });\n window.clearTimeout(compositionTimeout);\n };\n }, [dataRef, elements, escapeKey, outsidePress, outsidePressEvent, open, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles, closeOnEscapeKeyDown, escapeKeyCapture, closeOnEscapeKeyDownCapture, closeOnPressOutside, outsidePressCapture, closeOnPressOutsideCapture]);\n React.useEffect(() => {\n dataRef.current.insideReactTree = false;\n }, [dataRef, outsidePress, outsidePressEvent]);\n const reference = React.useMemo(() => ({\n onKeyDown: closeOnEscapeKeyDown,\n ...(referencePress && {\n [bubbleHandlerKeys[referencePressEvent]]: event => {\n onOpenChange(false, event.nativeEvent, 'reference-press');\n },\n ...(referencePressEvent !== 'click' && {\n onClick(event) {\n onOpenChange(false, event.nativeEvent, 'reference-press');\n }\n })\n })\n }), [closeOnEscapeKeyDown, onOpenChange, referencePress, referencePressEvent]);\n const floating = React.useMemo(() => ({\n onKeyDown: closeOnEscapeKeyDown,\n onMouseDown() {\n endedOrStartedInsideRef.current = true;\n },\n onMouseUp() {\n endedOrStartedInsideRef.current = true;\n },\n [captureHandlerKeys[outsidePressEvent]]: () => {\n dataRef.current.insideReactTree = true;\n }\n }), [closeOnEscapeKeyDown, outsidePressEvent, dataRef]);\n return React.useMemo(() => enabled ? {\n reference,\n floating\n } : {}, [enabled, reference, floating]);\n}\n\nfunction useFloatingRootContext(options) {\n const {\n open = false,\n onOpenChange: onOpenChangeProp,\n elements: elementsProp\n } = options;\n const floatingId = useId();\n const dataRef = React.useRef({});\n const [events] = React.useState(() => createEventEmitter());\n const nested = useFloatingParentNodeId() != null;\n if (process.env.NODE_ENV !== \"production\") {\n const optionDomReference = elementsProp.reference;\n if (optionDomReference && !isElement(optionDomReference)) {\n error('Cannot pass a virtual element to the `elements.reference` option,', 'as it must be a real DOM element. Use `refs.setPositionReference()`', 'instead.');\n }\n }\n const [positionReference, setPositionReference] = React.useState(elementsProp.reference);\n const onOpenChange = useEffectEvent((open, event, reason) => {\n dataRef.current.openEvent = open ? event : undefined;\n events.emit('openchange', {\n open,\n event,\n reason,\n nested\n });\n onOpenChangeProp == null \|\| onOpenChangeProp(open, event, reason);\n });\n const refs = React.useMemo(() => ({\n setPositionReference\n }), []);\n const elements = React.useMemo(() => ({\n reference: positionReference \|\| elementsProp.reference \|\| null,\n floating: elementsProp.floating \|\| null,\n domReference: elementsProp.reference\n }), [positionReference, elementsProp.reference, elementsProp.floating]);\n return React.useMemo(() => ({\n dataRef,\n open,\n onOpenChange,\n elements,\n events,\n floatingId,\n refs\n }), [open, onOpenChange, elements, events, floatingId, refs]);\n}\n\n/\n Provides data to position a floating element and context to add interactions.\n * @see https://floating-ui.com/docs/useFloating\n /\nfunction useFloating(options) {\n if (options === void 0) {\n options = {};\n }\n const {\n nodeId\n } = options;\n const internalRootContext = useFloatingRootContext({\n ...options,\n elements: {\n reference: null,\n floating: null,\n ...options.elements\n }\n });\n const rootContext = options.rootContext \|\| internalRootContext;\n const computedElements = rootContext.elements;\n const [_domReference, setDomReference] = React.useState(null);\n const [positionReference, _setPositionReference] = React.useState(null);\n const optionDomReference = computedElements == null ? void 0 : computedElements.domReference;\n const domReference = optionDomReference \|\| _domReference;\n const domReferenceRef = React.useRef(null);\n const tree = useFloatingTree();\n useModernLayoutEffect(() => {\n if (domReference) {\n domReferenceRef.current = domReference;\n }\n }, [domReference]);\n const position = useFloating$1({\n ...options,\n elements: {\n ...computedElements,\n ...(positionReference && {\n reference: positionReference\n })\n }\n });\n const setPositionReference = React.useCallback(node => {\n const computedPositionReference = isElement(node) ? {\n getBoundingClientRect: () => node.getBoundingClientRect(),\n getClientRects: () => node.getClientRects(),\n contextElement: node\n } : node;\n // Store the positionReference in state if the DOM reference is specified externally via the\n // `elements.reference` option. This ensures that it won't be overridden on future renders.\n _setPositionReference(computedPositionReference);\n position.refs.setReference(computedPositionReference);\n }, [position.refs]);\n const setReference = React.useCallback(node => {\n if (isElement(node) \|\| node === null) {\n domReferenceRef.current = node;\n setDomReference(node);\n }\n\n // Backwards-compatibility for passing a virtual element to `reference`\n // after it has set the DOM reference.\n if (isElement(position.refs.reference.current) \|\| position.refs.reference.current === null \|\|\n // Don't allow setting virtual elements using the old technique back to\n // `null` to support `positionReference` + an unstable `reference`\n // callback ref.\n node !== null && !isElement(node)) {\n position.refs.setReference(node);\n }\n }, [position.refs]);\n const refs = React.useMemo(() => ({\n ...position.refs,\n setReference,\n setPositionReference,\n domReference: domReferenceRef\n }), [position.refs, setReference, setPositionReference]);\n const elements = React.useMemo(() => ({\n ...position.elements,\n domReference: domReference\n }), [position.elements, domReference]);\n const context = React.useMemo(() => ({\n ...position,\n ...rootContext,\n refs,\n elements,\n nodeId\n }), [position, refs, elements, nodeId, rootContext]);\n useModernLayoutEffect(() => {\n rootContext.dataRef.current.floatingContext = context;\n const node = tree == null ? void 0 : tree.nodesRef.current.find(node => node.id === nodeId);\n if (node) {\n node.context = context;\n }\n });\n return React.useMemo(() => ({\n ...position,\n context,\n refs,\n elements\n }), [position, refs, elements, context]);\n}\n\nfunction isMacSafari() {\n return isMac() && isSafari();\n}\n/\n Opens the floating element while the reference element has focus, like CSS\n * `:focus`.\n * @see https://floating-ui.com/docs/useFocus\n /\nfunction useFocus(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n onOpenChange,\n events,\n dataRef,\n elements\n } = context;\n const {\n enabled = true,\n visibleOnly = true\n } = props;\n const blockFocusRef = React.useRef(false);\n const timeoutRef = React.useRef(-1);\n const keyboardModalityRef = React.useRef(true);\n React.useEffect(() => {\n if (!enabled) return;\n const win = getWindow(elements.domReference);\n\n // If the reference was focused and the user left the tab/window, and the\n // floating element was not open, the focus should be blocked when they\n // return to the tab/window.\n function onBlur() {\n if (!open && isHTMLElement(elements.domReference) && elements.domReference === activeElement(getDocument$1(elements.domReference))) {\n blockFocusRef.current = true;\n }\n }\n function onKeyDown() {\n keyboardModalityRef.current = true;\n }\n function onPointerDown() {\n keyboardModalityRef.current = false;\n }\n win.addEventListener('blur', onBlur);\n if (isMacSafari()) {\n win.addEventListener('keydown', onKeyDown, true);\n win.addEventListener('pointerdown', onPointerDown, true);\n }\n return () => {\n win.removeEventListener('blur', onBlur);\n if (isMacSafari()) {\n win.removeEventListener('keydown', onKeyDown, true);\n win.removeEventListener('pointerdown', onPointerDown, true);\n }\n };\n }, [elements.domReference, open, enabled]);\n React.useEffect(() => {\n if (!enabled) return;\n function onOpenChange(_ref) {\n let {\n reason\n } = _ref;\n if (reason === 'reference-press' \|\| reason === 'escape-key') {\n blockFocusRef.current = true;\n }\n }\n events.on('openchange', onOpenChange);\n return () => {\n events.off('openchange', onOpenChange);\n };\n }, [events, enabled]);\n React.useEffect(() => {\n return () => {\n clearTimeoutIfSet(timeoutRef);\n };\n }, []);\n const reference = React.useMemo(() => ({\n onMouseLeave() {\n blockFocusRef.current = false;\n },\n onFocus(event) {\n if (blockFocusRef.current) return;\n const target = getTarget$1(event.nativeEvent);\n if (visibleOnly && isElement(target)) {\n // Safari fails to match `:focus-visible` if focus was initially\n // outside the document.\n if (isMacSafari() && !event.relatedTarget) {\n if (!keyboardModalityRef.current && !isTypeableElement(target)) {\n return;\n }\n } else if (!matchesFocusVisible(target)) {\n return;\n }\n }\n onOpenChange(true, event.nativeEvent, 'focus');\n },\n onBlur(event) {\n blockFocusRef.current = false;\n const relatedTarget = event.relatedTarget;\n const nativeEvent = event.nativeEvent;\n\n // Hit the non-modal focus management portal guard. Focus will be\n // moved into the floating element immediately after.\n const movedToFocusGuard = isElement(relatedTarget) && relatedTarget.hasAttribute(createAttribute('focus-guard')) && relatedTarget.getAttribute('data-type') === 'outside';\n\n // Wait for the window blur listener to fire.\n timeoutRef.current = window.setTimeout(() => {\n var _dataRef$current$floa;\n const activeEl = activeElement(elements.domReference ? elements.domReference.ownerDocument : document);\n\n // Focus left the page, keep it open.\n if (!relatedTarget && activeEl === elements.domReference) return;\n\n // When focusing the reference element (e.g. regular click), then\n // clicking into the floating element, prevent it from hiding.\n // Note: it must be focusable, e.g. `tabindex=\"-1\"`.\n // We can not rely on relatedTarget to point to the correct element\n // as it will only point to the shadow host of the newly focused element\n // and not the element that actually has received focus if it is located\n // inside a shadow root.\n if (contains$1((_dataRef$current$floa = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa.refs.floating.current, activeEl) \|\| contains$1(elements.domReference, activeEl) \|\| movedToFocusGuard) {\n return;\n }\n onOpenChange(false, nativeEvent, 'focus');\n });\n }\n }), [dataRef, elements.domReference, onOpenChange, visibleOnly]);\n return React.useMemo(() => enabled ? {\n reference\n } : {}, [enabled, reference]);\n}\n\nfunction mergeProps(userProps, propsList, elementKey) {\n const map = new Map();\n const isItem = elementKey === 'item';\n let domUserProps = userProps;\n if (isItem && userProps) {\n const {\n [ACTIVE_KEY]: _,\n [SELECTED_KEY]: __,\n ...validProps\n } = userProps;\n domUserProps = validProps;\n }\n return {\n ...(elementKey === 'floating' && {\n tabIndex: -1,\n [FOCUSABLE_ATTRIBUTE]: ''\n }),\n ...domUserProps,\n ...propsList.map(value => {\n const propsOrGetProps = value ? value[elementKey] : null;\n if (typeof propsOrGetProps === 'function') {\n return userProps ? propsOrGetProps(userProps) : null;\n }\n return propsOrGetProps;\n }).concat(userProps).reduce((acc, props) => {\n if (!props) {\n return acc;\n }\n Object.entries(props).forEach(_ref => {\n let [key, value] = _ref;\n if (isItem && [ACTIVE_KEY, SELECTED_KEY].includes(key)) {\n return;\n }\n if (key.indexOf('on') === 0) {\n if (!map.has(key)) {\n map.set(key, []);\n }\n if (typeof value === 'function') {\n var _map$get;\n (_map$get = map.get(key)) == null \|\| _map$get.push(value);\n acc[key] = function () {\n var _map$get2;\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n return (_map$get2 = map.get(key)) == null ? void 0 : _map$get2.map(fn => fn(...args)).find(val => val !== undefined);\n };\n }\n } else {\n acc[key] = value;\n }\n });\n return acc;\n }, {})\n };\n}\n/\n Merges an array of interaction hooks' props into prop getters, allowing\n * event handler functions to be composed together without overwriting one\n * another.\n * @see https://floating-ui.com/docs/useInteractions\n /\nfunction useInteractions(propsList) {\n if (propsList === void 0) {\n propsList = [];\n }\n const referenceDeps = propsList.map(key => key == null ? void 0 : key.reference);\n const floatingDeps = propsList.map(key => key == null ? void 0 : key.floating);\n const itemDeps = propsList.map(key => key == null ? void 0 : key.item);\n const getReferenceProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'reference'),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n referenceDeps);\n const getFloatingProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'floating'),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n floatingDeps);\n const getItemProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'item'),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n itemDeps);\n return React.useMemo(() => ({\n getReferenceProps,\n getFloatingProps,\n getItemProps\n }), [getReferenceProps, getFloatingProps, getItemProps]);\n}\n\nconst ESCAPE = 'Escape';\nfunction doSwitch(orientation, vertical, horizontal) {\n switch (orientation) {\n case 'vertical':\n return vertical;\n case 'horizontal':\n return horizontal;\n default:\n return vertical \|\| horizontal;\n }\n}\nfunction isMainOrientationKey(key, orientation) {\n const vertical = key === ARROW_UP \|\| key === ARROW_DOWN;\n const horizontal = key === ARROW_LEFT \|\| key === ARROW_RIGHT;\n return doSwitch(orientation, vertical, horizontal);\n}\nfunction isMainOrientationToEndKey(key, orientation, rtl) {\n const vertical = key === ARROW_DOWN;\n const horizontal = rtl ? key === ARROW_LEFT : key === ARROW_RIGHT;\n return doSwitch(orientation, vertical, horizontal) \|\| key === 'Enter' \|\| key === ' ' \|\| key === '';\n}\nfunction isCrossOrientationOpenKey(key, orientation, rtl) {\n const vertical = rtl ? key === ARROW_LEFT : key === ARROW_RIGHT;\n const horizontal = key === ARROW_DOWN;\n return doSwitch(orientation, vertical, horizontal);\n}\nfunction isCrossOrientationCloseKey(key, orientation, rtl, cols) {\n const vertical = rtl ? key === ARROW_RIGHT : key === ARROW_LEFT;\n const horizontal = key === ARROW_UP;\n if (orientation === 'both' \|\| orientation === 'horizontal' && cols && cols > 1) {\n return key === ESCAPE;\n }\n return doSwitch(orientation, vertical, horizontal);\n}\n/\n Adds arrow key-based navigation of a list of items, either using real DOM\n * focus or virtual focus.\n * @see https://floating-ui.com/docs/useListNavigation\n /\nfunction useListNavigation(context, props) {\n const {\n open,\n onOpenChange,\n elements,\n floatingId\n } = context;\n const {\n listRef,\n activeIndex,\n onNavigate: unstable_onNavigate = () => {},\n enabled = true,\n selectedIndex = null,\n allowEscape = false,\n loop = false,\n nested = false,\n rtl = false,\n virtual = false,\n focusItemOnOpen = 'auto',\n focusItemOnHover = true,\n openOnArrowKeyDown = true,\n disabledIndices = undefined,\n orientation = 'vertical',\n parentOrientation,\n cols = 1,\n scrollItemIntoView = true,\n virtualItemRef,\n itemSizes,\n dense = false\n } = props;\n if (process.env.NODE_ENV !== \"production\") {\n if (allowEscape) {\n if (!loop) {\n warn('`useListNavigation` looping must be enabled to allow escaping.');\n }\n if (!virtual) {\n warn('`useListNavigation` must be virtual to allow escaping.');\n }\n }\n if (orientation === 'vertical' && cols > 1) {\n warn('In grid list navigation mode (`cols` > 1), the `orientation` should', 'be either \"horizontal\" or \"both\".');\n }\n }\n const floatingFocusElement = getFloatingFocusElement(elements.floating);\n const floatingFocusElementRef = useLatestRef(floatingFocusElement);\n const parentId = useFloatingParentNodeId();\n const tree = useFloatingTree();\n useModernLayoutEffect(() => {\n context.dataRef.current.orientation = orientation;\n }, [context, orientation]);\n const onNavigate = useEffectEvent(() => {\n unstable_onNavigate(indexRef.current === -1 ? null : indexRef.current);\n });\n const typeableComboboxReference = isTypeableCombobox(elements.domReference);\n const focusItemOnOpenRef = React.useRef(focusItemOnOpen);\n const indexRef = React.useRef(selectedIndex != null ? selectedIndex : -1);\n const keyRef = React.useRef(null);\n const isPointerModalityRef = React.useRef(true);\n const previousOnNavigateRef = React.useRef(onNavigate);\n const previousMountedRef = React.useRef(!!elements.floating);\n const previousOpenRef = React.useRef(open);\n const forceSyncFocusRef = React.useRef(false);\n const forceScrollIntoViewRef = React.useRef(false);\n const disabledIndicesRef = useLatestRef(disabledIndices);\n const latestOpenRef = useLatestRef(open);\n const scrollItemIntoViewRef = useLatestRef(scrollItemIntoView);\n const selectedIndexRef = useLatestRef(selectedIndex);\n const [activeId, setActiveId] = React.useState();\n const [virtualId, setVirtualId] = React.useState();\n const focusItem = useEffectEvent(() => {\n function runFocus(item) {\n if (virtual) {\n var _item$id;\n if ((_item$id = item.id) != null && _item$id.endsWith('-fui-option')) {\n item.id = floatingId + \"-\" + Math.random().toString(16).slice(2, 10);\n }\n setActiveId(item.id);\n tree == null \|\| tree.events.emit('virtualfocus', item);\n if (virtualItemRef) {\n virtualItemRef.current = item;\n }\n } else {\n enqueueFocus(item, {\n sync: forceSyncFocusRef.current,\n preventScroll: true\n });\n }\n }\n const initialItem = listRef.current[indexRef.current];\n const forceScrollIntoView = forceScrollIntoViewRef.current;\n if (initialItem) {\n runFocus(initialItem);\n }\n const scheduler = forceSyncFocusRef.current ? v => v() : requestAnimationFrame;\n scheduler(() => {\n const waitedItem = listRef.current[indexRef.current] \|\| initialItem;\n if (!waitedItem) return;\n if (!initialItem) {\n runFocus(waitedItem);\n }\n const scrollIntoViewOptions = scrollItemIntoViewRef.current;\n const shouldScrollIntoView = scrollIntoViewOptions && item && (forceScrollIntoView \|\| !isPointerModalityRef.current);\n if (shouldScrollIntoView) {\n // JSDOM doesn't support `.scrollIntoView()` but it's widely supported\n // by all browsers.\n waitedItem.scrollIntoView == null \|\| waitedItem.scrollIntoView(typeof scrollIntoViewOptions === 'boolean' ? {\n block: 'nearest',\n inline: 'nearest'\n } : scrollIntoViewOptions);\n }\n });\n });\n\n // Sync `selectedIndex` to be the `activeIndex` upon opening the floating\n // element. Also, reset `activeIndex` upon closing the floating element.\n useModernLayoutEffect(() => {\n if (!enabled) return;\n if (open && elements.floating) {\n if (focusItemOnOpenRef.current && selectedIndex != null) {\n // Regardless of the pointer modality, we want to ensure the selected\n // item comes into view when the floating element is opened.\n forceScrollIntoViewRef.current = true;\n indexRef.current = selectedIndex;\n onNavigate();\n }\n } else if (previousMountedRef.current) {\n // Since the user can specify `onNavigate` conditionally\n // (onNavigate: open ? setActiveIndex : setSelectedIndex),\n // we store and call the previous function.\n indexRef.current = -1;\n previousOnNavigateRef.current();\n }\n }, [enabled, open, elements.floating, selectedIndex, onNavigate]);\n\n // Sync `activeIndex` to be the focused item while the floating element is\n // open.\n useModernLayoutEffect(() => {\n if (!enabled) return;\n if (!open) return;\n if (!elements.floating) return;\n if (activeIndex == null) {\n forceSyncFocusRef.current = false;\n if (selectedIndexRef.current != null) {\n return;\n }\n\n // Reset while the floating element was open (e.g. the list changed).\n if (previousMountedRef.current) {\n indexRef.current = -1;\n focusItem();\n }\n\n // Initial sync.\n if ((!previousOpenRef.current \|\| !previousMountedRef.current) && focusItemOnOpenRef.current && (keyRef.current != null \|\| focusItemOnOpenRef.current === true && keyRef.current == null)) {\n let runs = 0;\n const waitForListPopulated = () => {\n if (listRef.current[0] == null) {\n // Avoid letting the browser paint if possible on the first try,\n // otherwise use rAF. Don't try more than twice, since something\n // is wrong otherwise.\n if (runs < 2) {\n const scheduler = runs ? requestAnimationFrame : queueMicrotask;\n scheduler(waitForListPopulated);\n }\n runs++;\n } else {\n indexRef.current = keyRef.current == null \|\| isMainOrientationToEndKey(keyRef.current, orientation, rtl) \|\| nested ? getMinListIndex(listRef, disabledIndicesRef.current) : getMaxListIndex(listRef, disabledIndicesRef.current);\n keyRef.current = null;\n onNavigate();\n }\n };\n waitForListPopulated();\n }\n } else if (!isIndexOutOfListBounds(listRef, activeIndex)) {\n indexRef.current = activeIndex;\n focusItem();\n forceScrollIntoViewRef.current = false;\n }\n }, [enabled, open, elements.floating, activeIndex, selectedIndexRef, nested, listRef, orientation, rtl, onNavigate, focusItem, disabledIndicesRef]);\n\n // Ensure the parent floating element has focus when a nested child closes\n // to allow arrow key navigation to work after the pointer leaves the child.\n useModernLayoutEffect(() => {\n var _nodes$find;\n if (!enabled \|\| elements.floating \|\| !tree \|\| virtual \|\| !previousMountedRef.current) {\n return;\n }\n const nodes = tree.nodesRef.current;\n const parent = (_nodes$find = nodes.find(node => node.id === parentId)) == null \|\| (_nodes$find = _nodes$find.context) == null ? void 0 : _nodes$find.elements.floating;\n const activeEl = activeElement(getDocument$1(elements.floating));\n const treeContainsActiveEl = nodes.some(node => node.context && contains$1(node.context.elements.floating, activeEl));\n if (parent && !treeContainsActiveEl && isPointerModalityRef.current) {\n parent.focus({\n preventScroll: true\n });\n }\n }, [enabled, elements.floating, tree, parentId, virtual]);\n useModernLayoutEffect(() => {\n if (!enabled) return;\n if (!tree) return;\n if (!virtual) return;\n if (parentId) return;\n function handleVirtualFocus(item) {\n setVirtualId(item.id);\n if (virtualItemRef) {\n virtualItemRef.current = item;\n }\n }\n tree.events.on('virtualfocus', handleVirtualFocus);\n return () => {\n tree.events.off('virtualfocus', handleVirtualFocus);\n };\n }, [enabled, tree, virtual, parentId, virtualItemRef]);\n useModernLayoutEffect(() => {\n previousOnNavigateRef.current = onNavigate;\n previousOpenRef.current = open;\n previousMountedRef.current = !!elements.floating;\n });\n useModernLayoutEffect(() => {\n if (!open) {\n keyRef.current = null;\n focusItemOnOpenRef.current = focusItemOnOpen;\n }\n }, [open, focusItemOnOpen]);\n const hasActiveIndex = activeIndex != null;\n const item = React.useMemo(() => {\n function syncCurrentTarget(currentTarget) {\n if (!latestOpenRef.current) return;\n const index = listRef.current.indexOf(currentTarget);\n if (index !== -1 && indexRef.current !== index) {\n indexRef.current = index;\n onNavigate();\n }\n }\n const props = {\n onFocus(_ref) {\n let {\n currentTarget\n } = _ref;\n forceSyncFocusRef.current = true;\n syncCurrentTarget(currentTarget);\n },\n onClick: _ref2 => {\n let {\n currentTarget\n } = _ref2;\n return currentTarget.focus({\n preventScroll: true\n });\n },\n // Safari\n onMouseMove(_ref3) {\n let {\n currentTarget\n } = _ref3;\n forceSyncFocusRef.current = true;\n forceScrollIntoViewRef.current = false;\n if (focusItemOnHover) {\n syncCurrentTarget(currentTarget);\n }\n },\n onPointerLeave(_ref4) {\n let {\n pointerType\n } = _ref4;\n if (!isPointerModalityRef.current \|\| pointerType === 'touch') {\n return;\n }\n forceSyncFocusRef.current = true;\n if (!focusItemOnHover) {\n return;\n }\n indexRef.current = -1;\n onNavigate();\n if (!virtual) {\n var _floatingFocusElement;\n (_floatingFocusElement = floatingFocusElementRef.current) == null \|\| _floatingFocusElement.focus({\n preventScroll: true\n });\n }\n }\n };\n return props;\n }, [latestOpenRef, floatingFocusElementRef, focusItemOnHover, listRef, onNavigate, virtual]);\n const getParentOrientation = React.useCallback(() => {\n var _tree$nodesRef$curren;\n return parentOrientation != null ? parentOrientation : tree == null \|\| (_tree$nodesRef$curren = tree.nodesRef.current.find(node => node.id === parentId)) == null \|\| (_tree$nodesRef$curren = _tree$nodesRef$curren.context) == null \|\| (_tree$nodesRef$curren = _tree$nodesRef$curren.dataRef) == null ? void 0 : _tree$nodesRef$curren.current.orientation;\n }, [parentId, tree, parentOrientation]);\n const commonOnKeyDown = useEffectEvent(event => {\n isPointerModalityRef.current = false;\n forceSyncFocusRef.current = true;\n\n // When composing a character, Chrome fires ArrowDown twice. Firefox/Safari\n // don't appear to suffer from this. `event.isComposing` is avoided due to\n // Safari not supporting it properly (although it's not needed in the first\n // place for Safari, just avoiding any possible issues).\n if (event.which === 229) {\n return;\n }\n\n // If the floating element is animating out, ignore navigation. Otherwise,\n // the `activeIndex` gets set to 0 despite not being open so the next time\n // the user ArrowDowns, the first item won't be focused.\n if (!latestOpenRef.current && event.currentTarget === floatingFocusElementRef.current) {\n return;\n }\n if (nested && isCrossOrientationCloseKey(event.key, orientation, rtl, cols)) {\n // If the nested list's close key is also the parent navigation key,\n // let the parent navigate. Otherwise, stop propagating the event.\n if (!isMainOrientationKey(event.key, getParentOrientation())) {\n stopEvent(event);\n }\n onOpenChange(false, event.nativeEvent, 'list-navigation');\n if (isHTMLElement(elements.domReference)) {\n if (virtual) {\n tree == null \|\| tree.events.emit('virtualfocus', elements.domReference);\n } else {\n elements.domReference.focus();\n }\n }\n return;\n }\n const currentIndex = indexRef.current;\n const minIndex = getMinListIndex(listRef, disabledIndices);\n const maxIndex = getMaxListIndex(listRef, disabledIndices);\n if (!typeableComboboxReference) {\n if (event.key === 'Home') {\n stopEvent(event);\n indexRef.current = minIndex;\n onNavigate();\n }\n if (event.key === 'End') {\n stopEvent(event);\n indexRef.current = maxIndex;\n onNavigate();\n }\n }\n\n // Grid navigation.\n if (cols > 1) {\n const sizes = itemSizes \|\| Array.from({\n length: listRef.current.length\n }, () => ({\n width: 1,\n height: 1\n }));\n // To calculate movements on the grid, we use hypothetical cell indices\n // as if every item was 1x1, then convert back to real indices.\n const cellMap = createGridCellMap(sizes, cols, dense);\n const minGridIndex = cellMap.findIndex(index => index != null && !isListIndexDisabled(listRef, index, disabledIndices));\n // last enabled index\n const maxGridIndex = cellMap.reduce((foundIndex, index, cellIndex) => index != null && !isListIndexDisabled(listRef, index, disabledIndices) ? cellIndex : foundIndex, -1);\n const index = cellMap[getGridNavigatedIndex({\n current: cellMap.map(itemIndex => itemIndex != null ? listRef.current[itemIndex] : null)\n }, {\n event,\n orientation,\n loop,\n rtl,\n cols,\n // treat undefined (empty grid spaces) as disabled indices so we\n // don't end up in them\n disabledIndices: getGridCellIndices([...((typeof disabledIndices !== 'function' ? disabledIndices : null) \|\| listRef.current.map((_, index) => isListIndexDisabled(listRef, index, disabledIndices) ? index : undefined)), undefined], cellMap),\n minIndex: minGridIndex,\n maxIndex: maxGridIndex,\n prevIndex: getGridCellIndexOfCorner(indexRef.current > maxIndex ? minIndex : indexRef.current, sizes, cellMap, cols,\n // use a corner matching the edge closest to the direction\n // we're moving in so we don't end up in the same item. Prefer\n // top/left over bottom/right.\n event.key === ARROW_DOWN ? 'bl' : event.key === (rtl ? ARROW_LEFT : ARROW_RIGHT) ? 'tr' : 'tl'),\n stopEvent: true\n })];\n if (index != null) {\n indexRef.current = index;\n onNavigate();\n }\n if (orientation === 'both') {\n return;\n }\n }\n if (isMainOrientationKey(event.key, orientation)) {\n stopEvent(event);\n\n // Reset the index if no item is focused.\n if (open && !virtual && activeElement(event.currentTarget.ownerDocument) === event.currentTarget) {\n indexRef.current = isMainOrientationToEndKey(event.key, orientation, rtl) ? minIndex : maxIndex;\n onNavigate();\n return;\n }\n if (isMainOrientationToEndKey(event.key, orientation, rtl)) {\n if (loop) {\n indexRef.current = currentIndex >= maxIndex ? allowEscape && currentIndex !== listRef.current.length ? -1 : minIndex : findNonDisabledListIndex(listRef, {\n startingIndex: currentIndex,\n disabledIndices\n });\n } else {\n indexRef.current = Math.min(maxIndex, findNonDisabledListIndex(listRef, {\n startingIndex: currentIndex,\n disabledIndices\n }));\n }\n } else {\n if (loop) {\n indexRef.current = currentIndex <= minIndex ? allowEscape && currentIndex !== -1 ? listRef.current.length : maxIndex : findNonDisabledListIndex(listRef, {\n startingIndex: currentIndex,\n decrement: true,\n disabledIndices\n });\n } else {\n indexRef.current = Math.max(minIndex, findNonDisabledListIndex(listRef, {\n startingIndex: currentIndex,\n decrement: true,\n disabledIndices\n }));\n }\n }\n if (isIndexOutOfListBounds(listRef, indexRef.current)) {\n indexRef.current = -1;\n }\n onNavigate();\n }\n });\n const ariaActiveDescendantProp = React.useMemo(() => {\n return virtual && open && hasActiveIndex && {\n 'aria-activedescendant': virtualId \|\| activeId\n };\n }, [virtual, open, hasActiveIndex, virtualId, activeId]);\n const floating = React.useMemo(() => {\n return {\n 'aria-orientation': orientation === 'both' ? undefined : orientation,\n ...(!typeableComboboxReference ? ariaActiveDescendantProp : {}),\n onKeyDown: commonOnKeyDown,\n onPointerMove() {\n isPointerModalityRef.current = true;\n }\n };\n }, [ariaActiveDescendantProp, commonOnKeyDown, orientation, typeableComboboxReference]);\n const reference = React.useMemo(() => {\n function checkVirtualMouse(event) {\n if (focusItemOnOpen === 'auto' && isVirtualClick(event.nativeEvent)) {\n focusItemOnOpenRef.current = true;\n }\n }\n function checkVirtualPointer(event) {\n // `pointerdown` fires first, reset the state then perform the checks.\n focusItemOnOpenRef.current = focusItemOnOpen;\n if (focusItemOnOpen === 'auto' && isVirtualPointerEvent(event.nativeEvent)) {\n focusItemOnOpenRef.current = true;\n }\n }\n return {\n ...ariaActiveDescendantProp,\n onKeyDown(event) {\n isPointerModalityRef.current = false;\n const isArrowKey = event.key.startsWith('Arrow');\n const isHomeOrEndKey = ['Home', 'End'].includes(event.key);\n const isMoveKey = isArrowKey \|\| isHomeOrEndKey;\n const isCrossOpenKey = isCrossOrientationOpenKey(event.key, orientation, rtl);\n const isCrossCloseKey = isCrossOrientationCloseKey(event.key, orientation, rtl, cols);\n const isParentCrossOpenKey = isCrossOrientationOpenKey(event.key, getParentOrientation(), rtl);\n const isMainKey = isMainOrientationKey(event.key, orientation);\n const isNavigationKey = (nested ? isParentCrossOpenKey : isMainKey) \|\| event.key === 'Enter' \|\| event.key.trim() === '';\n if (virtual && open) {\n const rootNode = tree == null ? void 0 : tree.nodesRef.current.find(node => node.parentId == null);\n const deepestNode = tree && rootNode ? getDeepestNode(tree.nodesRef.current, rootNode.id) : null;\n if (isMoveKey && deepestNode && virtualItemRef) {\n const eventObject = new KeyboardEvent('keydown', {\n key: event.key,\n bubbles: true\n });\n if (isCrossOpenKey \|\| isCrossCloseKey) {\n var _deepestNode$context, _deepestNode$context2;\n const isCurrentTarget = ((_deepestNode$context = deepestNode.context) == null ? void 0 : _deepestNode$context.elements.domReference) === event.currentTarget;\n const dispatchItem = isCrossCloseKey && !isCurrentTarget ? (_deepestNode$context2 = deepestNode.context) == null ? void 0 : _deepestNode$context2.elements.domReference : isCrossOpenKey ? listRef.current.find(item => (item == null ? void 0 : item.id) === activeId) : null;\n if (dispatchItem) {\n stopEvent(event);\n dispatchItem.dispatchEvent(eventObject);\n setVirtualId(undefined);\n }\n }\n if ((isMainKey \|\| isHomeOrEndKey) && deepestNode.context) {\n if (deepestNode.context.open && deepestNode.parentId && event.currentTarget !== deepestNode.context.elements.domReference) {\n var _deepestNode$context$;\n stopEvent(event);\n (_deepestNode$context$ = deepestNode.context.elements.domReference) == null \|\| _deepestNode$context$.dispatchEvent(eventObject);\n return;\n }\n }\n }\n return commonOnKeyDown(event);\n }\n // If a floating element should not open on arrow key down, avoid\n // setting `activeIndex` while it's closed.\n if (!open && !openOnArrowKeyDown && isArrowKey) {\n return;\n }\n if (isNavigationKey) {\n const isParentMainKey = isMainOrientationKey(event.key, getParentOrientation());\n keyRef.current = nested && isParentMainKey ? null : event.key;\n }\n if (nested) {\n if (isParentCrossOpenKey) {\n stopEvent(event);\n if (open) {\n indexRef.current = getMinListIndex(listRef, disabledIndicesRef.current);\n onNavigate();\n } else {\n onOpenChange(true, event.nativeEvent, 'list-navigation');\n }\n }\n return;\n }\n if (isMainKey) {\n if (selectedIndex != null) {\n indexRef.current = selectedIndex;\n }\n stopEvent(event);\n if (!open && openOnArrowKeyDown) {\n onOpenChange(true, event.nativeEvent, 'list-navigation');\n } else {\n commonOnKeyDown(event);\n }\n if (open) {\n onNavigate();\n }\n }\n },\n onFocus() {\n if (open && !virtual) {\n indexRef.current = -1;\n onNavigate();\n }\n },\n onPointerDown: checkVirtualPointer,\n onPointerEnter: checkVirtualPointer,\n onMouseDown: checkVirtualMouse,\n onClick: checkVirtualMouse\n };\n }, [activeId, ariaActiveDescendantProp, cols, commonOnKeyDown, disabledIndicesRef, focusItemOnOpen, listRef, nested, onNavigate, onOpenChange, open, openOnArrowKeyDown, orientation, getParentOrientation, rtl, selectedIndex, tree, virtual, virtualItemRef]);\n return React.useMemo(() => enabled ? {\n reference,\n floating,\n item\n } : {}, [enabled, reference, floating, item]);\n}\n\nconst componentRoleToAriaRoleMap = /#__PURE__/new Map([['select', 'listbox'], ['combobox', 'listbox'], ['label', false]]);\n\n/\n Adds base screen reader props to the reference and floating elements for a\n * given floating element `role`.\n * @see https://floating-ui.com/docs/useRole\n /\nfunction useRole(context, props) {\n var _elements$domReferenc, _componentRoleToAriaR;\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n elements,\n floatingId: defaultFloatingId\n } = context;\n const {\n enabled = true,\n role = 'dialog'\n } = props;\n const defaultReferenceId = useId();\n const referenceId = ((_elements$domReferenc = elements.domReference) == null ? void 0 : _elements$domReferenc.id) \|\| defaultReferenceId;\n const floatingId = React.useMemo(() => {\n var _getFloatingFocusElem;\n return ((_getFloatingFocusElem = getFloatingFocusElement(elements.floating)) == null ? void 0 : _getFloatingFocusElem.id) \|\| defaultFloatingId;\n }, [elements.floating, defaultFloatingId]);\n const ariaRole = (_componentRoleToAriaR = componentRoleToAriaRoleMap.get(role)) != null ? _componentRoleToAriaR : role;\n const parentId = useFloatingParentNodeId();\n const isNested = parentId != null;\n const reference = React.useMemo(() => {\n if (ariaRole === 'tooltip' \|\| role === 'label') {\n return {\n [\"aria-\" + (role === 'label' ? 'labelledby' : 'describedby')]: open ? floatingId : undefined\n };\n }\n return {\n 'aria-expanded': open ? 'true' : 'false',\n 'aria-haspopup': ariaRole === 'alertdialog' ? 'dialog' : ariaRole,\n 'aria-controls': open ? floatingId : undefined,\n ...(ariaRole === 'listbox' && {\n role: 'combobox'\n }),\n ...(ariaRole === 'menu' && {\n id: referenceId\n }),\n ...(ariaRole === 'menu' && isNested && {\n role: 'menuitem'\n }),\n ...(role === 'select' && {\n 'aria-autocomplete': 'none'\n }),\n ...(role === 'combobox' && {\n 'aria-autocomplete': 'list'\n })\n };\n }, [ariaRole, floatingId, isNested, open, referenceId, role]);\n const floating = React.useMemo(() => {\n const floatingProps = {\n id: floatingId,\n ...(ariaRole && {\n role: ariaRole\n })\n };\n if (ariaRole === 'tooltip' \|\| role === 'label') {\n return floatingProps;\n }\n return {\n ...floatingProps,\n ...(ariaRole === 'menu' && {\n 'aria-labelledby': referenceId\n })\n };\n }, [ariaRole, floatingId, referenceId, role]);\n const item = React.useCallback(_ref => {\n let {\n active,\n selected\n } = _ref;\n const commonProps = {\n role: 'option',\n ...(active && {\n id: floatingId + \"-fui-option\"\n })\n };\n\n // For `menu`, we are unable to tell if the item is a `menuitemradio`\n // or `menuitemcheckbox`. For backwards-compatibility reasons, also\n // avoid defaulting to `menuitem` as it may overwrite custom role props.\n switch (role) {\n case 'select':\n case 'combobox':\n return {\n ...commonProps,\n 'aria-selected': selected\n };\n }\n return {};\n }, [floatingId, role]);\n return React.useMemo(() => enabled ? {\n reference,\n floating,\n item\n } : {}, [enabled, reference, floating, item]);\n}\n\n// Converts a JS style key like `backgroundColor` to a CSS transition-property\n// like `background-color`.\nconst camelCaseToKebabCase = str => str.replace(/[A-Z]+(?![a-z])\|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());\nfunction execWithArgsOrReturn(valueOrFn, args) {\n return typeof valueOrFn === 'function' ? valueOrFn(args) : valueOrFn;\n}\nfunction useDelayUnmount(open, durationMs) {\n const [isMounted, setIsMounted] = React.useState(open);\n if (open && !isMounted) {\n setIsMounted(true);\n }\n React.useEffect(() => {\n if (!open && isMounted) {\n const timeout = setTimeout(() => setIsMounted(false), durationMs);\n return () => clearTimeout(timeout);\n }\n }, [open, isMounted, durationMs]);\n return isMounted;\n}\n/\n Provides a status string to apply CSS transitions to a floating element,\n * correctly handling placement-aware transitions.\n * @see https://floating-ui.com/docs/useTransition#usetransitionstatus\n /\nfunction useTransitionStatus(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n open,\n elements: {\n floating\n }\n } = context;\n const {\n duration = 250\n } = props;\n const isNumberDuration = typeof duration === 'number';\n const closeDuration = (isNumberDuration ? duration : duration.close) \|\| 0;\n const [status, setStatus] = React.useState('unmounted');\n const isMounted = useDelayUnmount(open, closeDuration);\n if (!isMounted && status === 'close') {\n setStatus('unmounted');\n }\n useModernLayoutEffect(() => {\n if (!floating) return;\n if (open) {\n setStatus('initial');\n const frame = requestAnimationFrame(() => {\n // Ensure it opens before paint. With `FloatingDelayGroup`,\n // this avoids a flicker when moving between floating elements\n // to ensure one is always open with no missing frames.\n ReactDOM.flushSync(() => {\n setStatus('open');\n });\n });\n return () => {\n cancelAnimationFrame(frame);\n };\n }\n setStatus('close');\n }, [open, floating]);\n return {\n isMounted,\n status\n };\n}\n/\n Provides styles to apply CSS transitions to a floating element, correctly\n * handling placement-aware transitions. Wrapper around `useTransitionStatus`.\n * @see https://floating-ui.com/docs/useTransition#usetransitionstyles\n /\nfunction useTransitionStyles(context, props) {\n if (props === void 0) {\n props = {};\n }\n const {\n initial: unstable_initial = {\n opacity: 0\n },\n open: unstable_open,\n close: unstable_close,\n common: unstable_common,\n duration = 250\n } = props;\n const placement = context.placement;\n const side = placement.split('-')[0];\n const fnArgs = React.useMemo(() => ({\n side,\n placement\n }), [side, placement]);\n const isNumberDuration = typeof duration === 'number';\n const openDuration = (isNumberDuration ? duration : duration.open) \|\| 0;\n const closeDuration = (isNumberDuration ? duration : duration.close) \|\| 0;\n const [styles, setStyles] = React.useState(() => ({\n ...execWithArgsOrReturn(unstable_common, fnArgs),\n ...execWithArgsOrReturn(unstable_initial, fnArgs)\n }));\n const {\n isMounted,\n status\n } = useTransitionStatus(context, {\n duration\n });\n const initialRef = useLatestRef(unstable_initial);\n const openRef = useLatestRef(unstable_open);\n const closeRef = useLatestRef(unstable_close);\n const commonRef = useLatestRef(unstable_common);\n useModernLayoutEffect(() => {\n const initialStyles = execWithArgsOrReturn(initialRef.current, fnArgs);\n const closeStyles = execWithArgsOrReturn(closeRef.current, fnArgs);\n const commonStyles = execWithArgsOrReturn(commonRef.current, fnArgs);\n const openStyles = execWithArgsOrReturn(openRef.current, fnArgs) \|\| Object.keys(initialStyles).reduce((acc, key) => {\n acc[key] = '';\n return acc;\n }, {});\n if (status === 'initial') {\n setStyles(styles => ({\n transitionProperty: styles.transitionProperty,\n ...commonStyles,\n ...initialStyles\n }));\n }\n if (status === 'open') {\n setStyles({\n transitionProperty: Object.keys(openStyles).map(camelCaseToKebabCase).join(','),\n transitionDuration: openDuration + \"ms\",\n ...commonStyles,\n ...openStyles\n });\n }\n if (status === 'close') {\n const styles = closeStyles \|\| initialStyles;\n setStyles({\n transitionProperty: Object.keys(styles).map(camelCaseToKebabCase).join(','),\n transitionDuration: closeDuration + \"ms\",\n ...commonStyles,\n ...styles\n });\n }\n }, [closeDuration, closeRef, initialRef, openRef, commonRef, openDuration, status, fnArgs]);\n return {\n isMounted,\n styles\n };\n}\n\n/\n Provides a matching callback that can be used to focus an item as the user\n * types, often used in tandem with `useListNavigation()`.\n * @see https://floating-ui.com/docs/useTypeahead\n /\nfunction useTypeahead(context, props) {\n var _ref;\n const {\n open,\n dataRef\n } = context;\n const {\n listRef,\n activeIndex,\n onMatch: unstable_onMatch,\n onTypingChange: unstable_onTypingChange,\n enabled = true,\n findMatch = null,\n resetMs = 750,\n ignoreKeys = [],\n selectedIndex = null\n } = props;\n const timeoutIdRef = React.useRef(-1);\n const stringRef = React.useRef('');\n const prevIndexRef = React.useRef((_ref = selectedIndex != null ? selectedIndex : activeIndex) != null ? _ref : -1);\n const matchIndexRef = React.useRef(null);\n const onMatch = useEffectEvent(unstable_onMatch);\n const onTypingChange = useEffectEvent(unstable_onTypingChange);\n const findMatchRef = useLatestRef(findMatch);\n const ignoreKeysRef = useLatestRef(ignoreKeys);\n useModernLayoutEffect(() => {\n if (open) {\n clearTimeoutIfSet(timeoutIdRef);\n matchIndexRef.current = null;\n stringRef.current = '';\n }\n }, [open]);\n useModernLayoutEffect(() => {\n // Sync arrow key navigation but not typeahead navigation.\n if (open && stringRef.current === '') {\n var _ref2;\n prevIndexRef.current = (_ref2 = selectedIndex != null ? selectedIndex : activeIndex) != null ? _ref2 : -1;\n }\n }, [open, selectedIndex, activeIndex]);\n const setTypingChange = useEffectEvent(value => {\n if (value) {\n if (!dataRef.current.typing) {\n dataRef.current.typing = value;\n onTypingChange(value);\n }\n } else {\n if (dataRef.current.typing) {\n dataRef.current.typing = value;\n onTypingChange(value);\n }\n }\n });\n const onKeyDown = useEffectEvent(event => {\n function getMatchingIndex(list, orderedList, string) {\n const str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(text => (text == null ? void 0 : text.toLocaleLowerCase().indexOf(string.toLocaleLowerCase())) === 0);\n return str ? list.indexOf(str) : -1;\n }\n const listContent = listRef.current;\n if (stringRef.current.length > 0 && stringRef.current[0] !== ' ') {\n if (getMatchingIndex(listContent, listContent, stringRef.current) === -1) {\n setTypingChange(false);\n } else if (event.key === ' ') {\n stopEvent(event);\n }\n }\n if (listContent == null \|\| ignoreKeysRef.current.includes(event.key) \|\|\n // Character key.\n event.key.length !== 1 \|\|\n // Modifier key.\n event.ctrlKey \|\| event.metaKey \|\| event.altKey) {\n return;\n }\n if (open && event.key !== ' ') {\n stopEvent(event);\n setTypingChange(true);\n }\n\n // Bail out if the list contains a word like \"llama\" or \"aaron\". TODO:\n // allow it in this case, too.\n const allowRapidSuccessionOfFirstLetter = listContent.every(text => {\n var _text$, _text$2;\n return text ? ((_text$ = text[0]) == null ? void 0 : _text$.toLocaleLowerCase()) !== ((_text$2 = text[1]) == null ? void 0 : _text$2.toLocaleLowerCase()) : true;\n });\n\n // Allows the user to cycle through items that start with the same letter\n // in rapid succession.\n if (allowRapidSuccessionOfFirstLetter && stringRef.current === event.key) {\n stringRef.current = '';\n prevIndexRef.current = matchIndexRef.current;\n }\n stringRef.current += event.key;\n clearTimeoutIfSet(timeoutIdRef);\n timeoutIdRef.current = window.setTimeout(() => {\n stringRef.current = '';\n prevIndexRef.current = matchIndexRef.current;\n setTypingChange(false);\n }, resetMs);\n const prevIndex = prevIndexRef.current;\n const index = getMatchingIndex(listContent, [...listContent.slice((prevIndex \|\| 0) + 1), ...listContent.slice(0, (prevIndex \|\| 0) + 1)], stringRef.current);\n if (index !== -1) {\n onMatch(index);\n matchIndexRef.current = index;\n } else if (event.key !== ' ') {\n stringRef.current = '';\n setTypingChange(false);\n }\n });\n const reference = React.useMemo(() => ({\n onKeyDown\n }), [onKeyDown]);\n const floating = React.useMemo(() => {\n return {\n onKeyDown,\n onKeyUp(event) {\n if (event.key === ' ') {\n setTypingChange(false);\n }\n }\n };\n }, [onKeyDown, setTypingChange]);\n return React.useMemo(() => enabled ? {\n reference,\n floating\n } : {}, [enabled, reference, floating]);\n}\n\nfunction getArgsWithCustomFloatingHeight(state, height) {\n return {\n ...state,\n rects: {\n ...state.rects,\n floating: {\n ...state.rects.floating,\n height\n }\n }\n };\n}\n/\n Positions the floating element such that an inner element inside of it is\n * anchored to the reference element.\n * @see https://floating-ui.com/docs/inner\n * @deprecated\n /\nconst inner = props => ({\n name: 'inner',\n options: props,\n async fn(state) {\n const {\n listRef,\n overflowRef,\n onFallbackChange,\n offset: innerOffset = 0,\n index = 0,\n minItemsVisible = 4,\n referenceOverflowThreshold = 0,\n scrollRef,\n ...detectOverflowOptions\n } = evaluate(props, state);\n const {\n rects,\n elements: {\n floating\n }\n } = state;\n const item = listRef.current[index];\n const scrollEl = (scrollRef == null ? void 0 : scrollRef.current) \|\| floating;\n\n // Valid combinations:\n // 1. Floating element is the scrollRef and has a border (default)\n // 2. Floating element is not the scrollRef, floating element has a border\n // 3. Floating element is not the scrollRef, scrollRef has a border\n // Floating > {...getFloatingProps()} wrapper > scrollRef > items is not\n // allowed as VoiceOver doesn't work.\n const clientTop = floating.clientTop \|\| scrollEl.clientTop;\n const floatingIsBordered = floating.clientTop !== 0;\n const scrollElIsBordered = scrollEl.clientTop !== 0;\n const floatingIsScrollEl = floating === scrollEl;\n if (process.env.NODE_ENV !== \"production\") {\n if (!state.placement.startsWith('bottom')) {\n warn('`placement` side must be \"bottom\" when using the `inner`', 'middleware.');\n }\n }\n if (!item) {\n return {};\n }\n const nextArgs = {\n ...state,\n ...(await offset(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))\n };\n const overflow = await detectOverflow(getArgsWithCustomFloatingHeight(nextArgs, scrollEl.scrollHeight + clientTop + floating.clientTop), detectOverflowOptions);\n const refOverflow = await detectOverflow(nextArgs, {\n ...detectOverflowOptions,\n elementContext: 'reference'\n });\n const diffY = max(0, overflow.top);\n const nextY = nextArgs.y + diffY;\n const isScrollable = scrollEl.scrollHeight > scrollEl.clientHeight;\n const rounder = isScrollable ? v => v : round;\n const maxHeight = rounder(max(0, scrollEl.scrollHeight + (floatingIsBordered && floatingIsScrollEl \|\| scrollElIsBordered ? clientTop 2 : 0) - diffY - max(0, overflow.bottom)));\n scrollEl.style.maxHeight = maxHeight + \"px\";\n scrollEl.scrollTop = diffY;\n\n // There is not enough space, fallback to standard anchored positioning\n if (onFallbackChange) {\n const shouldFallback = scrollEl.offsetHeight < item.offsetHeight * min(minItemsVisible, listRef.current.length) - 1 \|\| refOverflow.top >= -referenceOverflowThreshold \|\| refOverflow.bottom >= -referenceOverflowThreshold;\n ReactDOM.flushSync(() => onFallbackChange(shouldFallback));\n }\n if (overflowRef) {\n overflowRef.current = await detectOverflow(getArgsWithCustomFloatingHeight({\n ...nextArgs,\n y: nextY\n }, scrollEl.offsetHeight + clientTop + floating.clientTop), detectOverflowOptions);\n }\n return {\n y: nextY\n };\n }\n});\n/*\n Changes the `inner` middleware's `offset` upon a `wheel` event to\n * expand the floating element's height, revealing more list items.\n * @see https://floating-ui.com/docs/inner\n * @deprecated\n /\nfunction useInnerOffset(context, props) {\n const {\n open,\n elements\n } = context;\n const {\n enabled = true,\n overflowRef,\n scrollRef,\n onChange: unstable_onChange\n } = props;\n const onChange = useEffectEvent(unstable_onChange);\n const controlledScrollingRef = React.useRef(false);\n const prevScrollTopRef = React.useRef(null);\n const initialOverflowRef = React.useRef(null);\n React.useEffect(() => {\n if (!enabled) return;\n function onWheel(e) {\n if (e.ctrlKey \|\| !el \|\| overflowRef.current == null) {\n return;\n }\n const dY = e.deltaY;\n const isAtTop = overflowRef.current.top >= -0.5;\n const isAtBottom = overflowRef.current.bottom >= -0.5;\n const remainingScroll = el.scrollHeight - el.clientHeight;\n const sign = dY < 0 ? -1 : 1;\n const method = dY < 0 ? 'max' : 'min';\n if (el.scrollHeight <= el.clientHeight) {\n return;\n }\n if (!isAtTop && dY > 0 \|\| !isAtBottom && dY < 0) {\n e.preventDefault();\n ReactDOM.flushSync(() => {\n onChange(d => d + Math[method](dY, remainingScroll sign));\n });\n } else if (/firefox/i.test(getUserAgent())) {\n // Needed to propagate scrolling during momentum scrolling phase once\n // it gets limited by the boundary. UX improvement, not critical.\n el.scrollTop += dY;\n }\n }\n const el = (scrollRef == null ? void 0 : scrollRef.current) \|\| elements.floating;\n if (open && el) {\n el.addEventListener('wheel', onWheel);\n\n // Wait for the position to be ready.\n requestAnimationFrame(() => {\n prevScrollTopRef.current = el.scrollTop;\n if (overflowRef.current != null) {\n initialOverflowRef.current = {\n ...overflowRef.current\n };\n }\n });\n return () => {\n prevScrollTopRef.current = null;\n initialOverflowRef.current = null;\n el.removeEventListener('wheel', onWheel);\n };\n }\n }, [enabled, open, elements.floating, overflowRef, scrollRef, onChange]);\n const floating = React.useMemo(() => ({\n onKeyDown() {\n controlledScrollingRef.current = true;\n },\n onWheel() {\n controlledScrollingRef.current = false;\n },\n onPointerMove() {\n controlledScrollingRef.current = false;\n },\n onScroll() {\n const el = (scrollRef == null ? void 0 : scrollRef.current) \|\| elements.floating;\n if (!overflowRef.current \|\| !el \|\| !controlledScrollingRef.current) {\n return;\n }\n if (prevScrollTopRef.current !== null) {\n const scrollDiff = el.scrollTop - prevScrollTopRef.current;\n if (overflowRef.current.bottom < -0.5 && scrollDiff < -1 \|\| overflowRef.current.top < -0.5 && scrollDiff > 1) {\n ReactDOM.flushSync(() => onChange(d => d + scrollDiff));\n }\n }\n\n // [Firefox] Wait for the height change to have been applied.\n requestAnimationFrame(() => {\n prevScrollTopRef.current = el.scrollTop;\n });\n }\n }), [elements.floating, onChange, overflowRef, scrollRef]);\n return React.useMemo(() => enabled ? {\n floating\n } : {}, [enabled, floating]);\n}\n\nfunction getNodeChildren(nodes, id, onlyOpenChildren) {\n if (onlyOpenChildren === void 0) {\n onlyOpenChildren = true;\n }\n const directChildren = nodes.filter(node => {\n var _node$context;\n return node.parentId === id && (!onlyOpenChildren \|\| ((_node$context = node.context) == null ? void 0 : _node$context.open));\n });\n return directChildren.flatMap(child => [child, ...getNodeChildren(nodes, child.id, onlyOpenChildren)]);\n}\n\nfunction isPointInPolygon(point, polygon) {\n const [x, y] = point;\n let isInside = false;\n const length = polygon.length;\n for (let i = 0, j = length - 1; i < length; j = i++) {\n const [xi, yi] = polygon[i] \|\| [0, 0];\n const [xj, yj] = polygon[j] \|\| [0, 0];\n const intersect = yi >= y !== yj >= y && x <= (xj - xi) * (y - yi) / (yj - yi) + xi;\n if (intersect) {\n isInside = !isInside;\n }\n }\n return isInside;\n}\nfunction isInside(point, rect) {\n return point[0] >= rect.x && point[0] <= rect.x + rect.width && point[1] >= rect.y && point[1] <= rect.y + rect.height;\n}\n/*\n Generates a safe polygon area that the user can traverse without closing the\n * floating element once leaving the reference element.\n * @see https://floating-ui.com/docs/useHover#safepolygon\n /\nfunction safePolygon(options) {\n if (options === void 0) {\n options = {};\n }\n const {\n buffer = 0.5,\n blockPointerEvents = false,\n requireIntent = true\n } = options;\n const timeoutRef = {\n current: -1\n };\n let hasLanded = false;\n let lastX = null;\n let lastY = null;\n let lastCursorTime = typeof performance !== 'undefined' ? performance.now() : 0;\n function getCursorSpeed(x, y) {\n const currentTime = performance.now();\n const elapsedTime = currentTime - lastCursorTime;\n if (lastX === null \|\| lastY === null \|\| elapsedTime === 0) {\n lastX = x;\n lastY = y;\n lastCursorTime = currentTime;\n return null;\n }\n const deltaX = x - lastX;\n const deltaY = y - lastY;\n const distance = Math.sqrt(deltaX deltaX + deltaY * deltaY);\n const speed = distance / elapsedTime; // px / ms\n\n lastX = x;\n lastY = y;\n lastCursorTime = currentTime;\n return speed;\n }\n const fn = _ref => {\n let {\n x,\n y,\n placement,\n elements,\n onClose,\n nodeId,\n tree\n } = _ref;\n return function onMouseMove(event) {\n function close() {\n clearTimeoutIfSet(timeoutRef);\n onClose();\n }\n clearTimeoutIfSet(timeoutRef);\n if (!elements.domReference \|\| !elements.floating \|\| placement == null \|\| x == null \|\| y == null) {\n return;\n }\n const {\n clientX,\n clientY\n } = event;\n const clientPoint = [clientX, clientY];\n const target = getTarget(event);\n const isLeave = event.type === 'mouseleave';\n const isOverFloatingEl = contains(elements.floating, target);\n const isOverReferenceEl = contains(elements.domReference, target);\n const refRect = elements.domReference.getBoundingClientRect();\n const rect = elements.floating.getBoundingClientRect();\n const side = placement.split('-')[0];\n const cursorLeaveFromRight = x > rect.right - rect.width / 2;\n const cursorLeaveFromBottom = y > rect.bottom - rect.height / 2;\n const isOverReferenceRect = isInside(clientPoint, refRect);\n const isFloatingWider = rect.width > refRect.width;\n const isFloatingTaller = rect.height > refRect.height;\n const left = (isFloatingWider ? refRect : rect).left;\n const right = (isFloatingWider ? refRect : rect).right;\n const top = (isFloatingTaller ? refRect : rect).top;\n const bottom = (isFloatingTaller ? refRect : rect).bottom;\n if (isOverFloatingEl) {\n hasLanded = true;\n if (!isLeave) {\n return;\n }\n }\n if (isOverReferenceEl) {\n hasLanded = false;\n }\n if (isOverReferenceEl && !isLeave) {\n hasLanded = true;\n return;\n }\n\n // Prevent overlapping floating element from being stuck in an open-close\n // loop: https://github.com/floating-ui/floating-ui/issues/1910\n if (isLeave && isElement(event.relatedTarget) && contains(elements.floating, event.relatedTarget)) {\n return;\n }\n\n // If any nested child is open, abort.\n if (tree && getNodeChildren(tree.nodesRef.current, nodeId).length) {\n return;\n }\n\n // If the pointer is leaving from the opposite side, the \"buffer\" logic\n // creates a point where the floating element remains open, but should be\n // ignored.\n // A constant of 1 handles floating point rounding errors.\n if (side === 'top' && y >= refRect.bottom - 1 \|\| side === 'bottom' && y <= refRect.top + 1 \|\| side === 'left' && x >= refRect.right - 1 \|\| side === 'right' && x <= refRect.left + 1) {\n return close();\n }\n\n // Ignore when the cursor is within the rectangular trough between the\n // two elements. Since the triangle is created from the cursor point,\n // which can start beyond the ref element's edge, traversing back and\n // forth from the ref to the floating element can cause it to close. This\n // ensures it always remains open in that case.\n let rectPoly = [];\n switch (side) {\n case 'top':\n rectPoly = [[left, refRect.top + 1], [left, rect.bottom - 1], [right, rect.bottom - 1], [right, refRect.top + 1]];\n break;\n case 'bottom':\n rectPoly = [[left, rect.top + 1], [left, refRect.bottom - 1], [right, refRect.bottom - 1], [right, rect.top + 1]];\n break;\n case 'left':\n rectPoly = [[rect.right - 1, bottom], [rect.right - 1, top], [refRect.left + 1, top], [refRect.left + 1, bottom]];\n break;\n case 'right':\n rectPoly = [[refRect.right - 1, bottom], [refRect.right - 1, top], [rect.left + 1, top], [rect.left + 1, bottom]];\n break;\n }\n function getPolygon(_ref2) {\n let [x, y] = _ref2;\n switch (side) {\n case 'top':\n {\n const cursorPointOne = [isFloatingWider ? x + buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y + buffer + 1];\n const cursorPointTwo = [isFloatingWider ? x - buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y + buffer + 1];\n const commonPoints = [[rect.left, cursorLeaveFromRight ? rect.bottom - buffer : isFloatingWider ? rect.bottom - buffer : rect.top], [rect.right, cursorLeaveFromRight ? isFloatingWider ? rect.bottom - buffer : rect.top : rect.bottom - buffer]];\n return [cursorPointOne, cursorPointTwo, ...commonPoints];\n }\n case 'bottom':\n {\n const cursorPointOne = [isFloatingWider ? x + buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y - buffer];\n const cursorPointTwo = [isFloatingWider ? x - buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y - buffer];\n const commonPoints = [[rect.left, cursorLeaveFromRight ? rect.top + buffer : isFloatingWider ? rect.top + buffer : rect.bottom], [rect.right, cursorLeaveFromRight ? isFloatingWider ? rect.top + buffer : rect.bottom : rect.top + buffer]];\n return [cursorPointOne, cursorPointTwo, ...commonPoints];\n }\n case 'left':\n {\n const cursorPointOne = [x + buffer + 1, isFloatingTaller ? y + buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];\n const cursorPointTwo = [x + buffer + 1, isFloatingTaller ? y - buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];\n const commonPoints = [[cursorLeaveFromBottom ? rect.right - buffer : isFloatingTaller ? rect.right - buffer : rect.left, rect.top], [cursorLeaveFromBottom ? isFloatingTaller ? rect.right - buffer : rect.left : rect.right - buffer, rect.bottom]];\n return [...commonPoints, cursorPointOne, cursorPointTwo];\n }\n case 'right':\n {\n const cursorPointOne = [x - buffer, isFloatingTaller ? y + buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];\n const cursorPointTwo = [x - buffer, isFloatingTaller ? y - buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];\n const commonPoints = [[cursorLeaveFromBottom ? rect.left + buffer : isFloatingTaller ? rect.left + buffer : rect.right, rect.top], [cursorLeaveFromBottom ? isFloatingTaller ? rect.left + buffer : rect.right : rect.left + buffer, rect.bottom]];\n return [cursorPointOne, cursorPointTwo, ...commonPoints];\n }\n }\n }\n if (isPointInPolygon([clientX, clientY], rectPoly)) {\n return;\n }\n if (hasLanded && !isOverReferenceRect) {\n return close();\n }\n if (!isLeave && requireIntent) {\n const cursorSpeed = getCursorSpeed(event.clientX, event.clientY);\n const cursorSpeedThreshold = 0.1;\n if (cursorSpeed !== null && cursorSpeed < cursorSpeedThreshold) {\n return close();\n }\n }\n if (!isPointInPolygon([clientX, clientY], getPolygon([x, y]))) {\n close();\n } else if (!hasLanded && requireIntent) {\n timeoutRef.current = window.setTimeout(close, 40);\n }\n };\n };\n fn.__options = {\n blockPointerEvents\n };\n return fn;\n}\n\nexport { Composite, CompositeItem, FloatingArrow, FloatingDelayGroup, FloatingFocusManager, FloatingList, FloatingNode, FloatingOverlay, FloatingPortal, FloatingTree, NextFloatingDelayGroup, inner, safePolygon, useClick, useClientPoint, useDelayGroup, useDelayGroupContext, useDismiss, useFloating, useFloatingNodeId, useFloatingParentNodeId, useFloatingPortalNode, useFloatingRootContext, useFloatingTree, useFocus, useHover, useId, useInnerOffset, useInteractions, useListItem, useListNavigation, useMergeRefs, useNextDelayGroup, useRole, useTransitionStatus, useTransitionStyles, useTypeahead };\n","import { autoUpdate, flip, offset, type Placement, size, useFloating } from '@floating-ui/react'\n\nexport interface UseFloatingDropdownOptions {\n placement?: Placement\n offsetPx?: number\n enabled?: boolean\n}\n\n/*\n Hook for dropdown positioning using @floating-ui/react.\n * Handles viewport boundary detection and auto-positioning.\n /\nexport function useFloatingDropdown({\n placement = 'bottom-start',\n offsetPx = 4,\n enabled = true,\n}: UseFloatingDropdownOptions = {}) {\n const { refs, floatingStyles, context } = useFloating({\n placement,\n middleware: [\n offset(offsetPx),\n flip({\n fallbackAxisSideDirection: 'end',\n padding: 8,\n }),\n size({\n apply({ rects, elements }) {\n // Match dropdown width to trigger width\n Object.assign(elements.floating.style, {\n minWidth: `${rects.reference.width}px`,\n })\n },\n padding: 8,\n }),\n ],\n whileElementsMounted: enabled ? autoUpdate : undefined,\n })\n\n return {\n refs,\n floatingStyles,\n context,\n }\n}\n","function memo(getDeps, fn, opts) {\n let deps = opts.initialDeps ?? [];\n let result;\n let isInitial = true;\n function memoizedFunction() {\n var _a, _b, _c;\n let depTime;\n if (opts.key && ((_a = opts.debug) == null ? void 0 : _a.call(opts))) depTime = Date.now();\n const newDeps = getDeps();\n const depsChanged = newDeps.length !== deps.length \|\| newDeps.some((dep, index) => deps[index] !== dep);\n if (!depsChanged) {\n return result;\n }\n deps = newDeps;\n let resultTime;\n if (opts.key && ((_b = opts.debug) == null ? void 0 : _b.call(opts))) resultTime = Date.now();\n result = fn(...newDeps);\n if (opts.key && ((_c = opts.debug) == null ? void 0 : _c.call(opts))) {\n const depEndTime = Math.round((Date.now() - depTime) 100) / 100;\n const resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;\n const resultFpsPercentage = resultEndTime / 16;\n const pad = (str, num) => {\n str = String(str);\n while (str.length < num) {\n str = \" \" + str;\n }\n return str;\n };\n console.info(\n `%c⏱ ${pad(resultEndTime, 5)} /${pad(depEndTime, 5)} ms`,\n `\n font-size: .6rem;\n font-weight: bold;\n color: hsl(${Math.max(\n 0,\n Math.min(120 - 120 * resultFpsPercentage, 120)\n )}deg 100% 31%);`,\n opts == null ? void 0 : opts.key\n );\n }\n if ((opts == null ? void 0 : opts.onChange) && !(isInitial && opts.skipInitialOnChange)) {\n opts.onChange(result);\n }\n isInitial = false;\n return result;\n }\n memoizedFunction.updateDeps = (newDeps) => {\n deps = newDeps;\n };\n return memoizedFunction;\n}\nfunction notUndefined(value, msg) {\n if (value === void 0) {\n throw new Error(`Unexpected undefined${msg ? `: ${msg}` : \"\"}`);\n } else {\n return value;\n }\n}\nconst approxEqual = (a, b) => Math.abs(a - b) < 1.01;\nconst debounce = (targetWindow, fn, ms) => {\n let timeoutId;\n return function(...args) {\n targetWindow.clearTimeout(timeoutId);\n timeoutId = targetWindow.setTimeout(() => fn.apply(this, args), ms);\n };\n};\nexport {\n approxEqual,\n debounce,\n memo,\n notUndefined\n};\n//# sourceMappingURL=utils.js.map\n","import { debounce, memo, notUndefined, approxEqual } from \"./utils.js\";\nconst getRect = (element) => {\n const { offsetWidth, offsetHeight } = element;\n return { width: offsetWidth, height: offsetHeight };\n};\nconst defaultKeyExtractor = (index) => index;\nconst defaultRangeExtractor = (range) => {\n const start = Math.max(range.startIndex - range.overscan, 0);\n const end = Math.min(range.endIndex + range.overscan, range.count - 1);\n const arr = [];\n for (let i = start; i <= end; i++) {\n arr.push(i);\n }\n return arr;\n};\nconst observeElementRect = (instance, cb) => {\n const element = instance.scrollElement;\n if (!element) {\n return;\n }\n const targetWindow = instance.targetWindow;\n if (!targetWindow) {\n return;\n }\n const handler = (rect) => {\n const { width, height } = rect;\n cb({ width: Math.round(width), height: Math.round(height) });\n };\n handler(getRect(element));\n if (!targetWindow.ResizeObserver) {\n return () => {\n };\n }\n const observer = new targetWindow.ResizeObserver((entries) => {\n const run = () => {\n const entry = entries[0];\n if (entry == null ? void 0 : entry.borderBoxSize) {\n const box = entry.borderBoxSize[0];\n if (box) {\n handler({ width: box.inlineSize, height: box.blockSize });\n return;\n }\n }\n handler(getRect(element));\n };\n instance.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();\n });\n observer.observe(element, { box: \"border-box\" });\n return () => {\n observer.unobserve(element);\n };\n};\nconst addEventListenerOptions = {\n passive: true\n};\nconst observeWindowRect = (instance, cb) => {\n const element = instance.scrollElement;\n if (!element) {\n return;\n }\n const handler = () => {\n cb({ width: element.innerWidth, height: element.innerHeight });\n };\n handler();\n element.addEventListener(\"resize\", handler, addEventListenerOptions);\n return () => {\n element.removeEventListener(\"resize\", handler);\n };\n};\nconst supportsScrollend = typeof window == \"undefined\" ? true : \"onscrollend\" in window;\nconst observeElementOffset = (instance, cb) => {\n const element = instance.scrollElement;\n if (!element) {\n return;\n }\n const targetWindow = instance.targetWindow;\n if (!targetWindow) {\n return;\n }\n let offset = 0;\n const fallback = instance.options.useScrollendEvent && supportsScrollend ? () => void 0 : debounce(\n targetWindow,\n () => {\n cb(offset, false);\n },\n instance.options.isScrollingResetDelay\n );\n const createHandler = (isScrolling) => () => {\n const { horizontal, isRtl } = instance.options;\n offset = horizontal ? element[\"scrollLeft\"] * (isRtl && -1 \|\| 1) : element[\"scrollTop\"];\n fallback();\n cb(offset, isScrolling);\n };\n const handler = createHandler(true);\n const endHandler = createHandler(false);\n element.addEventListener(\"scroll\", handler, addEventListenerOptions);\n const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;\n if (registerScrollendEvent) {\n element.addEventListener(\"scrollend\", endHandler, addEventListenerOptions);\n }\n return () => {\n element.removeEventListener(\"scroll\", handler);\n if (registerScrollendEvent) {\n element.removeEventListener(\"scrollend\", endHandler);\n }\n };\n};\nconst observeWindowOffset = (instance, cb) => {\n const element = instance.scrollElement;\n if (!element) {\n return;\n }\n const targetWindow = instance.targetWindow;\n if (!targetWindow) {\n return;\n }\n let offset = 0;\n const fallback = instance.options.useScrollendEvent && supportsScrollend ? () => void 0 : debounce(\n targetWindow,\n () => {\n cb(offset, false);\n },\n instance.options.isScrollingResetDelay\n );\n const createHandler = (isScrolling) => () => {\n offset = element[instance.options.horizontal ? \"scrollX\" : \"scrollY\"];\n fallback();\n cb(offset, isScrolling);\n };\n const handler = createHandler(true);\n const endHandler = createHandler(false);\n element.addEventListener(\"scroll\", handler, addEventListenerOptions);\n const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;\n if (registerScrollendEvent) {\n element.addEventListener(\"scrollend\", endHandler, addEventListenerOptions);\n }\n return () => {\n element.removeEventListener(\"scroll\", handler);\n if (registerScrollendEvent) {\n element.removeEventListener(\"scrollend\", endHandler);\n }\n };\n};\nconst measureElement = (element, entry, instance) => {\n if (entry == null ? void 0 : entry.borderBoxSize) {\n const box = entry.borderBoxSize[0];\n if (box) {\n const size = Math.round(\n box[instance.options.horizontal ? \"inlineSize\" : \"blockSize\"]\n );\n return size;\n }\n }\n return element[instance.options.horizontal ? \"offsetWidth\" : \"offsetHeight\"];\n};\nconst windowScroll = (offset, {\n adjustments = 0,\n behavior\n}, instance) => {\n var _a, _b;\n const toOffset = offset + adjustments;\n (_b = (_a = instance.scrollElement) == null ? void 0 : _a.scrollTo) == null ? void 0 : _b.call(_a, {\n [instance.options.horizontal ? \"left\" : \"top\"]: toOffset,\n behavior\n });\n};\nconst elementScroll = (offset, {\n adjustments = 0,\n behavior\n}, instance) => {\n var _a, _b;\n const toOffset = offset + adjustments;\n (_b = (_a = instance.scrollElement) == null ? void 0 : _a.scrollTo) == null ? void 0 : _b.call(_a, {\n [instance.options.horizontal ? \"left\" : \"top\"]: toOffset,\n behavior\n });\n};\nclass Virtualizer {\n constructor(opts) {\n this.unsubs = [];\n this.scrollElement = null;\n this.targetWindow = null;\n this.isScrolling = false;\n this.currentScrollToIndex = null;\n this.measurementsCache = [];\n this.itemSizeCache = /* @__PURE__ / new Map();\n this.laneAssignments = / @__PURE__ / new Map();\n this.pendingMeasuredCacheIndexes = [];\n this.prevLanes = void 0;\n this.lanesChangedFlag = false;\n this.lanesSettling = false;\n this.scrollRect = null;\n this.scrollOffset = null;\n this.scrollDirection = null;\n this.scrollAdjustments = 0;\n this.elementsCache = / @__PURE__ / new Map();\n this.observer = / @__PURE__ / (() => {\n let _ro = null;\n const get = () => {\n if (_ro) {\n return _ro;\n }\n if (!this.targetWindow \|\| !this.targetWindow.ResizeObserver) {\n return null;\n }\n return _ro = new this.targetWindow.ResizeObserver((entries) => {\n entries.forEach((entry) => {\n const run = () => {\n this._measureElement(entry.target, entry);\n };\n this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();\n });\n });\n };\n return {\n disconnect: () => {\n var _a;\n (_a = get()) == null ? void 0 : _a.disconnect();\n _ro = null;\n },\n observe: (target) => {\n var _a;\n return (_a = get()) == null ? void 0 : _a.observe(target, { box: \"border-box\" });\n },\n unobserve: (target) => {\n var _a;\n return (_a = get()) == null ? void 0 : _a.unobserve(target);\n }\n };\n })();\n this.range = null;\n this.setOptions = (opts2) => {\n Object.entries(opts2).forEach(([key, value]) => {\n if (typeof value === \"undefined\") delete opts2[key];\n });\n this.options = {\n debug: false,\n initialOffset: 0,\n overscan: 1,\n paddingStart: 0,\n paddingEnd: 0,\n scrollPaddingStart: 0,\n scrollPaddingEnd: 0,\n horizontal: false,\n getItemKey: defaultKeyExtractor,\n rangeExtractor: defaultRangeExtractor,\n onChange: () => {\n },\n measureElement,\n initialRect: { width: 0, height: 0 },\n scrollMargin: 0,\n gap: 0,\n indexAttribute: \"data-index\",\n initialMeasurementsCache: [],\n lanes: 1,\n isScrollingResetDelay: 150,\n enabled: true,\n isRtl: false,\n useScrollendEvent: false,\n useAnimationFrameWithResizeObserver: false,\n ...opts2\n };\n };\n this.notify = (sync) => {\n var _a, _b;\n (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);\n };\n this.maybeNotify = memo(\n () => {\n this.calculateRange();\n return [\n this.isScrolling,\n this.range ? this.range.startIndex : null,\n this.range ? this.range.endIndex : null\n ];\n },\n (isScrolling) => {\n this.notify(isScrolling);\n },\n {\n key: process.env.NODE_ENV !== \"production\" && \"maybeNotify\",\n debug: () => this.options.debug,\n initialDeps: [\n this.isScrolling,\n this.range ? this.range.startIndex : null,\n this.range ? this.range.endIndex : null\n ]\n }\n );\n this.cleanup = () => {\n this.unsubs.filter(Boolean).forEach((d) => d());\n this.unsubs = [];\n this.observer.disconnect();\n this.scrollElement = null;\n this.targetWindow = null;\n };\n this._didMount = () => {\n return () => {\n this.cleanup();\n };\n };\n this._willUpdate = () => {\n var _a;\n const scrollElement = this.options.enabled ? this.options.getScrollElement() : null;\n if (this.scrollElement !== scrollElement) {\n this.cleanup();\n if (!scrollElement) {\n this.maybeNotify();\n return;\n }\n this.scrollElement = scrollElement;\n if (this.scrollElement && \"ownerDocument\" in this.scrollElement) {\n this.targetWindow = this.scrollElement.ownerDocument.defaultView;\n } else {\n this.targetWindow = ((_a = this.scrollElement) == null ? void 0 : _a.window) ?? null;\n }\n this.elementsCache.forEach((cached) => {\n this.observer.observe(cached);\n });\n this.unsubs.push(\n this.options.observeElementRect(this, (rect) => {\n this.scrollRect = rect;\n this.maybeNotify();\n })\n );\n this.unsubs.push(\n this.options.observeElementOffset(this, (offset, isScrolling) => {\n this.scrollAdjustments = 0;\n this.scrollDirection = isScrolling ? this.getScrollOffset() < offset ? \"forward\" : \"backward\" : null;\n this.scrollOffset = offset;\n this.isScrolling = isScrolling;\n this.maybeNotify();\n })\n );\n this._scrollToOffset(this.getScrollOffset(), {\n adjustments: void 0,\n behavior: void 0\n });\n }\n };\n this.getSize = () => {\n if (!this.options.enabled) {\n this.scrollRect = null;\n return 0;\n }\n this.scrollRect = this.scrollRect ?? this.options.initialRect;\n return this.scrollRect[this.options.horizontal ? \"width\" : \"height\"];\n };\n this.getScrollOffset = () => {\n if (!this.options.enabled) {\n this.scrollOffset = null;\n return 0;\n }\n this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset === \"function\" ? this.options.initialOffset() : this.options.initialOffset);\n return this.scrollOffset;\n };\n this.getFurthestMeasurement = (measurements, index) => {\n const furthestMeasurementsFound = / @__PURE__ / new Map();\n const furthestMeasurements = / @__PURE__ / new Map();\n for (let m = index - 1; m >= 0; m--) {\n const measurement = measurements[m];\n if (furthestMeasurementsFound.has(measurement.lane)) {\n continue;\n }\n const previousFurthestMeasurement = furthestMeasurements.get(\n measurement.lane\n );\n if (previousFurthestMeasurement == null \|\| measurement.end > previousFurthestMeasurement.end) {\n furthestMeasurements.set(measurement.lane, measurement);\n } else if (measurement.end < previousFurthestMeasurement.end) {\n furthestMeasurementsFound.set(measurement.lane, true);\n }\n if (furthestMeasurementsFound.size === this.options.lanes) {\n break;\n }\n }\n return furthestMeasurements.size === this.options.lanes ? Array.from(furthestMeasurements.values()).sort((a, b) => {\n if (a.end === b.end) {\n return a.index - b.index;\n }\n return a.end - b.end;\n })[0] : void 0;\n };\n this.getMeasurementOptions = memo(\n () => [\n this.options.count,\n this.options.paddingStart,\n this.options.scrollMargin,\n this.options.getItemKey,\n this.options.enabled,\n this.options.lanes\n ],\n (count, paddingStart, scrollMargin, getItemKey, enabled, lanes) => {\n const lanesChanged = this.prevLanes !== void 0 && this.prevLanes !== lanes;\n if (lanesChanged) {\n this.lanesChangedFlag = true;\n }\n this.prevLanes = lanes;\n this.pendingMeasuredCacheIndexes = [];\n return {\n count,\n paddingStart,\n scrollMargin,\n getItemKey,\n enabled,\n lanes\n };\n },\n {\n key: false\n }\n );\n this.getMeasurements = memo(\n () => [this.getMeasurementOptions(), this.itemSizeCache],\n ({ count, paddingStart, scrollMargin, getItemKey, enabled, lanes }, itemSizeCache) => {\n if (!enabled) {\n this.measurementsCache = [];\n this.itemSizeCache.clear();\n this.laneAssignments.clear();\n return [];\n }\n if (this.laneAssignments.size > count) {\n for (const index of this.laneAssignments.keys()) {\n if (index >= count) {\n this.laneAssignments.delete(index);\n }\n }\n }\n if (this.lanesChangedFlag) {\n this.lanesChangedFlag = false;\n this.lanesSettling = true;\n this.measurementsCache = [];\n this.itemSizeCache.clear();\n this.laneAssignments.clear();\n this.pendingMeasuredCacheIndexes = [];\n }\n if (this.measurementsCache.length === 0 && !this.lanesSettling) {\n this.measurementsCache = this.options.initialMeasurementsCache;\n this.measurementsCache.forEach((item) => {\n this.itemSizeCache.set(item.key, item.size);\n });\n }\n const min = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;\n this.pendingMeasuredCacheIndexes = [];\n if (this.lanesSettling && this.measurementsCache.length === count) {\n this.lanesSettling = false;\n }\n const measurements = this.measurementsCache.slice(0, min);\n const laneLastIndex = new Array(lanes).fill(\n void 0\n );\n for (let m = 0; m < min; m++) {\n const item = measurements[m];\n if (item) {\n laneLastIndex[item.lane] = m;\n }\n }\n for (let i = min; i < count; i++) {\n const key = getItemKey(i);\n const cachedLane = this.laneAssignments.get(i);\n let lane;\n let start;\n if (cachedLane !== void 0 && this.options.lanes > 1) {\n lane = cachedLane;\n const prevIndex = laneLastIndex[lane];\n const prevInLane = prevIndex !== void 0 ? measurements[prevIndex] : void 0;\n start = prevInLane ? prevInLane.end + this.options.gap : paddingStart + scrollMargin;\n } else {\n const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);\n start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;\n lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;\n if (this.options.lanes > 1) {\n this.laneAssignments.set(i, lane);\n }\n }\n const measuredSize = itemSizeCache.get(key);\n const size = typeof measuredSize === \"number\" ? measuredSize : this.options.estimateSize(i);\n const end = start + size;\n measurements[i] = {\n index: i,\n start,\n size,\n end,\n key,\n lane\n };\n laneLastIndex[lane] = i;\n }\n this.measurementsCache = measurements;\n return measurements;\n },\n {\n key: process.env.NODE_ENV !== \"production\" && \"getMeasurements\",\n debug: () => this.options.debug\n }\n );\n this.calculateRange = memo(\n () => [\n this.getMeasurements(),\n this.getSize(),\n this.getScrollOffset(),\n this.options.lanes\n ],\n (measurements, outerSize, scrollOffset, lanes) => {\n return this.range = measurements.length > 0 && outerSize > 0 ? calculateRange({\n measurements,\n outerSize,\n scrollOffset,\n lanes\n }) : null;\n },\n {\n key: process.env.NODE_ENV !== \"production\" && \"calculateRange\",\n debug: () => this.options.debug\n }\n );\n this.getVirtualIndexes = memo(\n () => {\n let startIndex = null;\n let endIndex = null;\n const range = this.calculateRange();\n if (range) {\n startIndex = range.startIndex;\n endIndex = range.endIndex;\n }\n this.maybeNotify.updateDeps([this.isScrolling, startIndex, endIndex]);\n return [\n this.options.rangeExtractor,\n this.options.overscan,\n this.options.count,\n startIndex,\n endIndex\n ];\n },\n (rangeExtractor, overscan, count, startIndex, endIndex) => {\n return startIndex === null \|\| endIndex === null ? [] : rangeExtractor({\n startIndex,\n endIndex,\n overscan,\n count\n });\n },\n {\n key: process.env.NODE_ENV !== \"production\" && \"getVirtualIndexes\",\n debug: () => this.options.debug\n }\n );\n this.indexFromElement = (node) => {\n const attributeName = this.options.indexAttribute;\n const indexStr = node.getAttribute(attributeName);\n if (!indexStr) {\n console.warn(\n `Missing attribute name '${attributeName}={index}' on measured element.`\n );\n return -1;\n }\n return parseInt(indexStr, 10);\n };\n this._measureElement = (node, entry) => {\n const index = this.indexFromElement(node);\n const item = this.measurementsCache[index];\n if (!item) {\n return;\n }\n const key = item.key;\n const prevNode = this.elementsCache.get(key);\n if (prevNode !== node) {\n if (prevNode) {\n this.observer.unobserve(prevNode);\n }\n this.observer.observe(node);\n this.elementsCache.set(key, node);\n }\n if (node.isConnected) {\n this.resizeItem(index, this.options.measureElement(node, entry, this));\n }\n };\n this.resizeItem = (index, size) => {\n const item = this.measurementsCache[index];\n if (!item) {\n return;\n }\n const itemSize = this.itemSizeCache.get(item.key) ?? item.size;\n const delta = size - itemSize;\n if (delta !== 0) {\n if (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.getScrollOffset() + this.scrollAdjustments) {\n if (process.env.NODE_ENV !== \"production\" && this.options.debug) {\n console.info(\"correction\", delta);\n }\n this._scrollToOffset(this.getScrollOffset(), {\n adjustments: this.scrollAdjustments += delta,\n behavior: void 0\n });\n }\n this.pendingMeasuredCacheIndexes.push(item.index);\n this.itemSizeCache = new Map(this.itemSizeCache.set(item.key, size));\n this.notify(false);\n }\n };\n this.measureElement = (node) => {\n if (!node) {\n this.elementsCache.forEach((cached, key) => {\n if (!cached.isConnected) {\n this.observer.unobserve(cached);\n this.elementsCache.delete(key);\n }\n });\n return;\n }\n this._measureElement(node, void 0);\n };\n this.getVirtualItems = memo(\n () => [this.getVirtualIndexes(), this.getMeasurements()],\n (indexes, measurements) => {\n const virtualItems = [];\n for (let k = 0, len = indexes.length; k < len; k++) {\n const i = indexes[k];\n const measurement = measurements[i];\n virtualItems.push(measurement);\n }\n return virtualItems;\n },\n {\n key: process.env.NODE_ENV !== \"production\" && \"getVirtualItems\",\n debug: () => this.options.debug\n }\n );\n this.getVirtualItemForOffset = (offset) => {\n const measurements = this.getMeasurements();\n if (measurements.length === 0) {\n return void 0;\n }\n return notUndefined(\n measurements[findNearestBinarySearch(\n 0,\n measurements.length - 1,\n (index) => notUndefined(measurements[index]).start,\n offset\n )]\n );\n };\n this.getMaxScrollOffset = () => {\n if (!this.scrollElement) return 0;\n if (\"scrollHeight\" in this.scrollElement) {\n return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;\n } else {\n const doc = this.scrollElement.document.documentElement;\n return this.options.horizontal ? doc.scrollWidth - this.scrollElement.innerWidth : doc.scrollHeight - this.scrollElement.innerHeight;\n }\n };\n this.getOffsetForAlignment = (toOffset, align, itemSize = 0) => {\n if (!this.scrollElement) return 0;\n const size = this.getSize();\n const scrollOffset = this.getScrollOffset();\n if (align === \"auto\") {\n align = toOffset >= scrollOffset + size ? \"end\" : \"start\";\n }\n if (align === \"center\") {\n toOffset += (itemSize - size) / 2;\n } else if (align === \"end\") {\n toOffset -= size;\n }\n const maxOffset = this.getMaxScrollOffset();\n return Math.max(Math.min(maxOffset, toOffset), 0);\n };\n this.getOffsetForIndex = (index, align = \"auto\") => {\n index = Math.max(0, Math.min(index, this.options.count - 1));\n const item = this.measurementsCache[index];\n if (!item) {\n return void 0;\n }\n const size = this.getSize();\n const scrollOffset = this.getScrollOffset();\n if (align === \"auto\") {\n if (item.end >= scrollOffset + size - this.options.scrollPaddingEnd) {\n align = \"end\";\n } else if (item.start <= scrollOffset + this.options.scrollPaddingStart) {\n align = \"start\";\n } else {\n return [scrollOffset, align];\n }\n }\n if (align === \"end\" && index === this.options.count - 1) {\n return [this.getMaxScrollOffset(), align];\n }\n const toOffset = align === \"end\" ? item.end + this.options.scrollPaddingEnd : item.start - this.options.scrollPaddingStart;\n return [\n this.getOffsetForAlignment(toOffset, align, item.size),\n align\n ];\n };\n this.isDynamicMode = () => this.elementsCache.size > 0;\n this.scrollToOffset = (toOffset, { align = \"start\", behavior } = {}) => {\n if (behavior === \"smooth\" && this.isDynamicMode()) {\n console.warn(\n \"The `smooth` scroll behavior is not fully supported with dynamic size.\"\n );\n }\n this._scrollToOffset(this.getOffsetForAlignment(toOffset, align), {\n adjustments: void 0,\n behavior\n });\n };\n this.scrollToIndex = (index, { align: initialAlign = \"auto\", behavior } = {}) => {\n if (behavior === \"smooth\" && this.isDynamicMode()) {\n console.warn(\n \"The `smooth` scroll behavior is not fully supported with dynamic size.\"\n );\n }\n index = Math.max(0, Math.min(index, this.options.count - 1));\n this.currentScrollToIndex = index;\n let attempts = 0;\n const maxAttempts = 10;\n const tryScroll = (currentAlign) => {\n if (!this.targetWindow) return;\n const offsetInfo = this.getOffsetForIndex(index, currentAlign);\n if (!offsetInfo) {\n console.warn(\"Failed to get offset for index:\", index);\n return;\n }\n const [offset, align] = offsetInfo;\n this._scrollToOffset(offset, { adjustments: void 0, behavior });\n this.targetWindow.requestAnimationFrame(() => {\n const verify = () => {\n if (this.currentScrollToIndex !== index) return;\n const currentOffset = this.getScrollOffset();\n const afterInfo = this.getOffsetForIndex(index, align);\n if (!afterInfo) {\n console.warn(\"Failed to get offset for index:\", index);\n return;\n }\n if (!approxEqual(afterInfo[0], currentOffset)) {\n scheduleRetry(align);\n }\n };\n if (this.isDynamicMode()) {\n this.targetWindow.requestAnimationFrame(verify);\n } else {\n verify();\n }\n });\n };\n const scheduleRetry = (align) => {\n if (!this.targetWindow) return;\n if (this.currentScrollToIndex !== index) return;\n attempts++;\n if (attempts < maxAttempts) {\n if (process.env.NODE_ENV !== \"production\" && this.options.debug) {\n console.info(\"Schedule retry\", attempts, maxAttempts);\n }\n this.targetWindow.requestAnimationFrame(() => tryScroll(align));\n } else {\n console.warn(\n `Failed to scroll to index ${index} after ${maxAttempts} attempts.`\n );\n }\n };\n tryScroll(initialAlign);\n };\n this.scrollBy = (delta, { behavior } = {}) => {\n if (behavior === \"smooth\" && this.isDynamicMode()) {\n console.warn(\n \"The `smooth` scroll behavior is not fully supported with dynamic size.\"\n );\n }\n this._scrollToOffset(this.getScrollOffset() + delta, {\n adjustments: void 0,\n behavior\n });\n };\n this.getTotalSize = () => {\n var _a;\n const measurements = this.getMeasurements();\n let end;\n if (measurements.length === 0) {\n end = this.options.paddingStart;\n } else if (this.options.lanes === 1) {\n end = ((_a = measurements[measurements.length - 1]) == null ? void 0 : _a.end) ?? 0;\n } else {\n const endByLane = Array(this.options.lanes).fill(null);\n let endIndex = measurements.length - 1;\n while (endIndex >= 0 && endByLane.some((val) => val === null)) {\n const item = measurements[endIndex];\n if (endByLane[item.lane] === null) {\n endByLane[item.lane] = item.end;\n }\n endIndex--;\n }\n end = Math.max(...endByLane.filter((val) => val !== null));\n }\n return Math.max(\n end - this.options.scrollMargin + this.options.paddingEnd,\n 0\n );\n };\n this._scrollToOffset = (offset, {\n adjustments,\n behavior\n }) => {\n this.options.scrollToFn(offset, { behavior, adjustments }, this);\n };\n this.measure = () => {\n this.itemSizeCache = / @__PURE__ / new Map();\n this.laneAssignments = / @__PURE__ / new Map();\n this.notify(false);\n };\n this.setOptions(opts);\n }\n}\nconst findNearestBinarySearch = (low, high, getCurrentValue, value) => {\n while (low <= high) {\n const middle = (low + high) / 2 \| 0;\n const currentValue = getCurrentValue(middle);\n if (currentValue < value) {\n low = middle + 1;\n } else if (currentValue > value) {\n high = middle - 1;\n } else {\n return middle;\n }\n }\n if (low > 0) {\n return low - 1;\n } else {\n return 0;\n }\n};\nfunction calculateRange({\n measurements,\n outerSize,\n scrollOffset,\n lanes\n}) {\n const lastIndex = measurements.length - 1;\n const getOffset = (index) => measurements[index].start;\n if (measurements.length <= lanes) {\n return {\n startIndex: 0,\n endIndex: lastIndex\n };\n }\n let startIndex = findNearestBinarySearch(\n 0,\n lastIndex,\n getOffset,\n scrollOffset\n );\n let endIndex = startIndex;\n if (lanes === 1) {\n while (endIndex < lastIndex && measurements[endIndex].end < scrollOffset + outerSize) {\n endIndex++;\n }\n } else if (lanes > 1) {\n const endPerLane = Array(lanes).fill(0);\n while (endIndex < lastIndex && endPerLane.some((pos) => pos < scrollOffset + outerSize)) {\n const item = measurements[endIndex];\n endPerLane[item.lane] = item.end;\n endIndex++;\n }\n const startPerLane = Array(lanes).fill(scrollOffset + outerSize);\n while (startIndex >= 0 && startPerLane.some((pos) => pos >= scrollOffset)) {\n const item = measurements[startIndex];\n startPerLane[item.lane] = item.start;\n startIndex--;\n }\n startIndex = Math.max(0, startIndex - startIndex % lanes);\n endIndex = Math.min(lastIndex, endIndex + (lanes - 1 - endIndex % lanes));\n }\n return { startIndex, endIndex };\n}\nexport {\n Virtualizer,\n approxEqual,\n debounce,\n defaultKeyExtractor,\n defaultRangeExtractor,\n elementScroll,\n measureElement,\n memo,\n notUndefined,\n observeElementOffset,\n observeElementRect,\n observeWindowOffset,\n observeWindowRect,\n windowScroll\n};\n//# sourceMappingURL=index.js.map\n","import as React from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { Virtualizer, elementScroll, observeElementOffset, observeElementRect, windowScroll, observeWindowOffset, observeWindowRect } from \"@tanstack/virtual-core\";\nexport * from \"@tanstack/virtual-core\";\nconst useIsomorphicLayoutEffect = typeof document !== \"undefined\" ? React.useLayoutEffect : React.useEffect;\nfunction useVirtualizerBase({\n useFlushSync = true,\n ...options\n}) {\n const rerender = React.useReducer(() => ({}), {})[1];\n const resolvedOptions = {\n ...options,\n onChange: (instance2, sync) => {\n var _a;\n if (useFlushSync && sync) {\n flushSync(rerender);\n } else {\n rerender();\n }\n (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);\n }\n };\n const [instance] = React.useState(\n () => new Virtualizer(resolvedOptions)\n );\n instance.setOptions(resolvedOptions);\n useIsomorphicLayoutEffect(() => {\n return instance._didMount();\n }, []);\n useIsomorphicLayoutEffect(() => {\n return instance._willUpdate();\n });\n return instance;\n}\nfunction useVirtualizer(options) {\n return useVirtualizerBase({\n observeElementRect,\n observeElementOffset,\n scrollToFn: elementScroll,\n ...options\n });\n}\nfunction useWindowVirtualizer(options) {\n return useVirtualizerBase({\n getScrollElement: () => typeof document !== \"undefined\" ? window : null,\n observeElementRect: observeWindowRect,\n observeElementOffset: observeWindowOffset,\n scrollToFn: windowScroll,\n initialOffset: () => typeof document !== \"undefined\" ? window.scrollY : 0,\n ...options\n });\n}\nexport {\n useVirtualizer,\n useWindowVirtualizer\n};\n//# sourceMappingURL=index.js.map\n","import { useVirtualizer, type VirtualItem } from '@tanstack/react-virtual'\nimport { type RefObject, useCallback } from 'react'\n\n/** Default height for each option item in pixels /\nconst DEFAULT_OPTION_HEIGHT_PX = 36\n\n/* Number of extra items to render above/below viewport for smooth scrolling /\nconst DEFAULT_OVERSCAN = 5\n\nexport interface UseVirtualListOptions {\n /* Total number of items in the list /\n count: number\n /* Reference to the scrollable container element /\n parentRef: RefObject<HTMLElement \| null>\n /* Height of each item in pixels (default: 36) /\n estimateSize?: number\n /* Number of extra items to render above/below viewport (default: 5) /\n overscan?: number\n /* Enable/disable virtualization (default: true) /\n enabled?: boolean\n}\n\nexport interface UseVirtualListResult {\n /* Array of virtual items currently visible (plus overscan) /\n virtualItems: VirtualItem[]\n /* Total height of all items for scrollbar sizing /\n totalSize: number\n /* Scroll to a specific item index /\n scrollToIndex: (index: number, options?: { align?: 'start' \| 'center' \| 'end' \| 'auto' }) => void\n /* Measure element at index (for dynamic heights if needed) /\n measureElement: (element: HTMLElement \| null) => void\n}\n\n/\n Hook for virtualizing a list of items, rendering only visible items in the DOM.\n * Wraps @tanstack/react-virtual with project-specific defaults.\n \n @example\n * ```tsx\n * const { virtualItems, totalSize } = useVirtualList({\n * count: records.length,\n * parentRef: scrollContainerRef,\n * })\n * ```\n /\nexport function useVirtualList({\n count,\n parentRef,\n estimateSize = DEFAULT_OPTION_HEIGHT_PX,\n overscan = DEFAULT_OVERSCAN,\n enabled = true,\n}: UseVirtualListOptions): UseVirtualListResult {\n const virtualizer = useVirtualizer({\n count: enabled ? count : 0,\n getScrollElement: () => parentRef.current,\n estimateSize: useCallback(() => estimateSize, [estimateSize]),\n overscan,\n })\n\n return {\n virtualItems: virtualizer.getVirtualItems(),\n totalSize: virtualizer.getTotalSize(),\n scrollToIndex: virtualizer.scrollToIndex,\n measureElement: virtualizer.measureElement,\n }\n}\n","import { forwardRef, useCallback } from 'react'\nimport { Search, X } from 'lucide-react'\nimport { cn } from '../utils/cn'\n\ninterface SearchInputProps {\n value: string\n onChange: (value: string) => void\n placeholder?: string\n className?: string\n listboxId?: string\n activeDescendantId?: string\n}\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(function SearchInput(\n { value, onChange, placeholder = 'Search...', className, listboxId, activeDescendantId },\n ref\n) {\n const handleClear = useCallback(() => {\n onChange('')\n }, [onChange])\n\n return (\n <div className={cn('lookup-field__search-container', className)}>\n <Search className=\"lookup-field__search-icon\" />\n <input\n ref={ref}\n type=\"text\"\n className=\"lookup-field__search\"\n value={value}\n onChange={(e) => onChange(e.target.value)}\n placeholder={placeholder}\n aria-label={placeholder}\n aria-autocomplete=\"list\"\n aria-controls={listboxId}\n aria-activedescendant={activeDescendantId}\n />\n {value && (\n <button\n type=\"button\"\n className=\"lookup-field__search-clear\"\n onClick={handleClear}\n aria-label=\"Clear search\"\n tabIndex={-1}\n >\n <X className=\"h-4 w-4\" />\n </button>\n )}\n </div>\n )\n})\n","interface LiveRegionProps {\n message: string\n}\n\nexport function LiveRegion({ message }: LiveRegionProps) {\n return (\n <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" className=\"lookup-field__live-region\">\n {message}\n </div>\n )\n}\n","import {\n forwardRef,\n useCallback,\n useEffect,\n useId,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react'\nimport { ChevronDown, Loader2, X } from 'lucide-react'\nimport { cn, interpolateTemplate, normalizeFilters } from './utils'\nimport type { FilterExpression } from './types/filter.types'\nimport {\n useClickOutside,\n useDebouncedSearch,\n useFloatingDropdown,\n useKeyboardNavigation,\n useTranslationSafe,\n useVirtualList,\n} from './hooks'\nimport { SearchInput } from './parts/SearchInput'\nimport { LiveRegion } from './parts/LiveRegion'\nimport type { LookupFieldProps, LookupFieldRef, LookupRecord } from './LookupField.types'\nimport './LookupField.css'\n\nconst DEFAULT_PAGE_SIZE = 10\nconst SCROLL_THRESHOLD_PX = 50\nconst DEFAULT_MIN_CHARS = 1\n\nfunction LookupFieldInner<TRecord extends LookupRecord = LookupRecord>(\n {\n entity,\n label,\n displayFields,\n value,\n onChange,\n fetcher,\n clearable = true,\n placeholder,\n className,\n pageSize = DEFAULT_PAGE_SIZE,\n onError,\n searchFields,\n minChars = DEFAULT_MIN_CHARS,\n displayValue,\n displayTemplate,\n renderSelected,\n filters,\n getFilters,\n dependencies,\n orderBy,\n bindFields,\n readOnly = false,\n disabled = false,\n error = false,\n onFocus: onFocusProp,\n onBlur: onBlurProp,\n onReady,\n onInvalidValue,\n noResultsText,\n searchPlaceholder,\n required = false,\n showRequiredIndicator,\n validateOnBlur = true,\n onValidationChange,\n }: LookupFieldProps<TRecord>,\n ref: React.Ref<LookupFieldRef<TRecord>>\n) {\n const { t } = useTranslationSafe()\n\n // Compute effective orderBy with default (AC: 2)\n const effectiveOrderBy = useMemo(\n () =>\n orderBy ?? {\n field: displayFields[0] as string,\n direction: 'asc' as const,\n },\n [orderBy, displayFields]\n )\n\n const id = useId()\n const [isOpen, setIsOpen] = useState(false)\n const [isLoading, setIsLoading] = useState(false)\n const [apiError, setApiError] = useState<Error \| null>(null)\n const [records, setRecords] = useState<TRecord[]>([])\n const [selectedRecord, setSelectedRecord] = useState<TRecord \| null>(null)\n const [currentPage, setCurrentPage] = useState(1)\n const [hasMorePages, setHasMorePages] = useState(true)\n const [isLoadingMore, setIsLoadingMore] = useState(false)\n const abortControllerRef = useRef<AbortController \| null>(null)\n const previousRecordRef = useRef<TRecord \| null>(null)\n const previousDependenciesRef = useRef(JSON.stringify(dependencies ?? []))\n const optionsRef = useRef<HTMLDivElement>(null)\n const searchInputRef = useRef<HTMLInputElement>(null)\n const triggerRef = useRef<HTMLButtonElement \| null>(null)\n const [searchQuery, setSearchQuery] = useState('')\n const debouncedSearchQuery = useDebouncedSearch(searchQuery)\n const [announcement, setAnnouncement] = useState('')\n\n // Refs for onReady callback (Task 6) [UPDATED v0.4 - removed totalRecordsRef]\n const hasCalledOnReadyRef = useRef(false)\n\n // Ref to track selectedRecord for imperative methods (always up-to-date)\n const selectedRecordRef = useRef<TRecord \| null>(null)\n // Keep ref in sync with state\n selectedRecordRef.current = selectedRecord\n\n // Refs for focus tracking (Tasks 4, 5)\n const componentRef = useRef<HTMLDivElement>(null)\n const isFocusWithinRef = useRef(false)\n const onInvalidValueRef = useRef(onInvalidValue)\n\n // Keep onInvalidValue ref in sync\n useEffect(() => {\n onInvalidValueRef.current = onInvalidValue\n }, [onInvalidValue])\n\n // Click outside detection - close dropdown when clicking outside (AC: 4, Story 2.11)\n // Note: mousedown fires BEFORE focus changes, so we need to manually trigger onBlur\n // if focus was within the component when clicking outside\n const handleClickOutside = useCallback(() => {\n if (isOpen) {\n // Trigger onBlur if focus was within (mousedown preempts natural blur)\n if (isFocusWithinRef.current) {\n isFocusWithinRef.current = false\n onBlurProp?.(selectedRecordRef.current)\n }\n setIsOpen(false)\n setSearchQuery('')\n }\n }, [isOpen, onBlurProp])\n\n useClickOutside(componentRef, handleClickOutside, isOpen)\n\n // Floating UI positioning (AC: 8, Story 2.11)\n const { refs: floatingRefs, floatingStyles } = useFloatingDropdown({\n enabled: isOpen,\n })\n\n // Virtualization for large lists (Story 2.13, AC: 1, 8)\n const { virtualItems, totalSize } = useVirtualList({\n count: records.length,\n parentRef: optionsRef,\n enabled: isOpen && records.length > 0,\n })\n\n // State for invalid value detection (Task 7)\n const [isInvalidValue, setIsInvalidValue] = useState(false)\n\n // State for required field validation (Story 2.12)\n const [validationError, setValidationError] = useState(false)\n\n // Navigation context cache state (Story 2.13, AC: 2, 7)\n const [cachedRecords, setCachedRecords] = useState<TRecord[]>([])\n const [cachedScrollPosition, setCachedScrollPosition] = useState<number>(0)\n const [cachedCurrentPage, setCachedCurrentPage] = useState<number>(1)\n const [cacheValid, setCacheValid] = useState<boolean>(false)\n const cachedSearchQueryRef = useRef<string>('')\n // Ref to prevent fetchMoreRecords during cache restoration (fixes duplicate records bug)\n const isRestoringCacheRef = useRef<boolean>(false)\n // Ref to track current page immediately (state updates are async)\n const currentPageRef = useRef<number>(1)\n\n // Compute combined error state: external error OR internal validation error\n const showError = error \|\| validationError\n\n // Compute effective showRequiredIndicator (defaults to required prop value)\n const effectiveShowRequiredIndicator = showRequiredIndicator ?? required\n\n // Ref for onValidationChange to avoid stale closures\n const onValidationChangeRef = useRef(onValidationChange)\n useEffect(() => {\n onValidationChangeRef.current = onValidationChange\n }, [onValidationChange])\n\n // Compute effective filters (getFilters takes precedence over static filters)\n const getEffectiveFilters = useCallback((): FilterExpression \| undefined => {\n if (getFilters) {\n return normalizeFilters(getFilters())\n }\n return normalizeFilters(filters)\n }, [filters, getFilters])\n\n const fetchRecords = useCallback(\n async (search: string = '') => {\n // Cancel any pending request\n if (abortControllerRef.current) {\n abortControllerRef.current.abort()\n }\n\n const controller = new AbortController()\n abortControllerRef.current = controller\n\n try {\n setIsLoading(true)\n setApiError(null)\n setAnnouncement(t('announcements.loading'))\n\n const effectiveFilters = getEffectiveFilters()\n\n // Combine fields with deduplication: Id + displayFields + bindFields (PascalCase standard)\n const allFields = [...new Set(['Id', ...displayFields, ...(bindFields ?? [])])]\n\n const response = await fetcher<TRecord>(entity, {\n fields: allFields,\n search: search.length >= minChars ? search : '',\n searchFields: searchFields ?? displayFields,\n page: 1,\n pageSize,\n filters: effectiveFilters,\n orderBy: effectiveOrderBy,\n })\n\n // Check if request was aborted\n if (controller.signal.aborted) return\n\n setRecords(response.data)\n\n // Call onReady after first successful data load (AC: 4 - fires only once) [UPDATED v0.4 - removed totalRecords]\n if (!hasCalledOnReadyRef.current && onReady) {\n hasCalledOnReadyRef.current = true\n // Delay slightly to ensure imperativeRef is up to date\n setTimeout(() => {\n onReady({ firstPageLoaded: true }, imperativeRef)\n }, 0)\n }\n\n // Announce results loaded or no results (AC: 7)\n if (response.data.length === 0) {\n setAnnouncement(t('announcements.noResults'))\n } else {\n setAnnouncement(t('announcements.opened', { count: response.data.length }))\n }\n\n // Detect end of data on initial load (AC: 5)\n if (response.data.length < pageSize) {\n setHasMorePages(false)\n }\n } catch (err) {\n // Don't set error state for aborted requests\n if (err instanceof Error && err.name === 'AbortError') return\n\n const fetchError = err instanceof Error ? err : new Error('Unknown error')\n setApiError(fetchError)\n onError?.(fetchError)\n } finally {\n if (!controller.signal.aborted) {\n setIsLoading(false)\n }\n }\n },\n // Note: imperativeRef is accessed via closure, not dependency, to avoid circular dep\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n entity,\n displayFields,\n bindFields,\n searchFields,\n pageSize,\n minChars,\n onError,\n onReady,\n getEffectiveFilters,\n effectiveOrderBy,\n fetcher,\n ]\n )\n\n const fetchMoreRecords = useCallback(\n async (search: string = '') => {\n // Skip if currently restoring cache (prevents duplicate records bug)\n if (isRestoringCacheRef.current) return\n if (isLoadingMore \|\| !hasMorePages) return\n // Use ref instead of state to get current page (state updates are async)\n const actualCurrentPage = currentPageRef.current\n\n try {\n setIsLoadingMore(true)\n setAnnouncement(t('announcements.loadingMore'))\n\n const effectiveFilters = getEffectiveFilters()\n const nextPage = actualCurrentPage + 1\n\n // Combine fields with deduplication: Id + displayFields + bindFields (PascalCase standard)\n const allFields = [...new Set(['Id', ...displayFields, ...(bindFields ?? [])])]\n\n const response = await fetcher<TRecord>(entity, {\n fields: allFields,\n search: search.length >= minChars ? search : '',\n searchFields: searchFields ?? displayFields,\n page: nextPage,\n pageSize,\n filters: effectiveFilters,\n orderBy: effectiveOrderBy,\n })\n\n // Append new records to existing list (AC: 4)\n setRecords((prev) => [...prev, ...response.data])\n currentPageRef.current = nextPage\n setCurrentPage(nextPage)\n\n // Announce loaded count\n setAnnouncement(t('announcements.resultsLoaded', { count: response.data.length }))\n\n // Detect end of data (AC: 5)\n if (response.data.length < pageSize) {\n setHasMorePages(false)\n }\n } catch (err) {\n if (err instanceof Error && err.name === 'AbortError') return\n const error = err instanceof Error ? err : new Error('Unknown error')\n onError?.(error)\n } finally {\n setIsLoadingMore(false)\n }\n },\n [\n entity,\n displayFields,\n bindFields,\n searchFields,\n pageSize,\n minChars,\n // Note: currentPage removed - using currentPageRef instead for immediate updates\n isLoadingMore,\n hasMorePages,\n onError,\n getEffectiveFilters,\n effectiveOrderBy,\n fetcher,\n t,\n ]\n )\n\n // Helper to fetch a single record by ID (for setValue and invalid value detection)\n const fetchAndSetRecordById = useCallback(\n async (recordId: string): Promise<TRecord \| null> => {\n try {\n const allFields = [...new Set(['Id', ...displayFields, ...(bindFields ?? [])])]\n console.log('[LookupField] fetchAndSetRecordById:', { recordId, entity, allFields })\n const response = await fetcher<TRecord>(entity, {\n fields: allFields,\n filters: [[{ Id: recordId }]],\n page: 1,\n pageSize: 1,\n })\n console.log('[LookupField] fetchAndSetRecordById response:', response)\n return response.data[0] ?? null\n } catch (err) {\n console.error('[LookupField] fetchAndSetRecordById error:', err)\n return null\n }\n },\n [entity, displayFields, bindFields, fetcher]\n )\n\n // Validation function for required field (Story 2.12, AC: 4, 6, 10; Story 2.14, AC: 1)\n // Used by both blur validation and imperative validate() method\n const performValidation = useCallback((): boolean => {\n // Skip validation for disabled or readOnly - can't interact, so always valid\n if (disabled \|\| readOnly) {\n setValidationError(false)\n onValidationChangeRef.current?.(true)\n return true\n }\n\n // Check if required and no selection\n if (required && !selectedRecordRef.current) {\n setValidationError(true)\n onValidationChangeRef.current?.(false)\n return false\n }\n\n // Valid - clear any existing validation error\n setValidationError(false)\n onValidationChangeRef.current?.(true)\n return true\n }, [required, readOnly, disabled])\n\n const handleScroll = useCallback(() => {\n const container = optionsRef.current\n if (!container) return\n\n // Skip if already loading or no more pages\n if (isLoadingMore \|\| !hasMorePages) return\n\n const { scrollTop, scrollHeight, clientHeight } = container\n const isNearBottom = scrollHeight - scrollTop - clientHeight < SCROLL_THRESHOLD_PX\n\n if (isNearBottom) {\n fetchMoreRecords(debouncedSearchQuery)\n }\n }, [isLoadingMore, hasMorePages, fetchMoreRecords, debouncedSearchQuery])\n\n // Auto-focus search input when dropdown opens\n useEffect(() => {\n if (isOpen && searchInputRef.current) {\n searchInputRef.current.focus()\n }\n }, [isOpen])\n\n // Fetch when debounced search changes or dropdown opens (Story 2.13: cache restore)\n useEffect(() => {\n if (isOpen) {\n // Only fetch if search is empty or has >= minChars\n if (debouncedSearchQuery.length === 0 \|\| debouncedSearchQuery.length >= minChars) {\n // Check if we can restore from cache (Story 2.13, AC: 3, 10)\n const canRestoreFromCache =\n cacheValid &&\n cachedSearchQueryRef.current === debouncedSearchQuery &&\n cachedRecords.length > 0\n\n if (canRestoreFromCache) {\n // Restore from cache instead of fetching\n // Set flag to prevent fetchMoreRecords from being called during scroll restoration\n isRestoringCacheRef.current = true\n setRecords(cachedRecords)\n currentPageRef.current = cachedCurrentPage\n setCurrentPage(cachedCurrentPage)\n setHasMorePages(true) // Assume there might be more pages\n // Restore scroll position after render, then clear the restoring flag\n requestAnimationFrame(() => {\n if (optionsRef.current) {\n optionsRef.current.scrollTop = cachedScrollPosition\n }\n // Clear flag after scroll position is restored (use setTimeout to ensure scroll event has been processed)\n setTimeout(() => {\n isRestoringCacheRef.current = false\n }, 0)\n })\n } else {\n // Fresh fetch - reset pagination state\n currentPageRef.current = 1\n setCurrentPage(1)\n setHasMorePages(true)\n setRecords([])\n fetchRecords(debouncedSearchQuery)\n }\n }\n }\n }, [\n isOpen,\n debouncedSearchQuery,\n fetchRecords,\n minChars,\n cacheValid,\n cachedRecords,\n cachedCurrentPage,\n cachedScrollPosition,\n ])\n\n // Reset search and pagination when dropdown closes\n useEffect(() => {\n if (!isOpen) {\n setSearchQuery('')\n currentPageRef.current = 1\n setCurrentPage(1)\n setHasMorePages(true)\n setIsLoadingMore(false)\n }\n\n return () => {\n if (abortControllerRef.current) {\n abortControllerRef.current.abort()\n }\n }\n }, [isOpen])\n\n // Track previous value to detect value prop changes (initialized to undefined to detect initial value)\n const previousValueRef = useRef<string \| null \| undefined>(undefined)\n\n // Ref for fetchAndSetRecordById to avoid effect re-runs\n const fetchAndSetRecordByIdRef = useRef(fetchAndSetRecordById)\n fetchAndSetRecordByIdRef.current = fetchAndSetRecordById\n\n // Request ID to handle React 18 Strict Mode and race conditions\n const valueSyncRequestIdRef = useRef(0)\n\n // Sync external value prop with internal selectedRecord state (controlled mode)\n // Only depends on value - uses refs for callbacks to avoid re-runs\n useEffect(() => {\n // On first run, previousValueRef is undefined, so we should process the initial value\n const isInitialRun = previousValueRef.current === undefined\n const valueChanged = isInitialRun \|\| previousValueRef.current !== value\n previousValueRef.current = value\n\n // Skip sync for uncontrolled mode (value is null)\n if (value === null) {\n setIsInvalidValue(false)\n return\n }\n\n // If value didn't change, skip\n if (!valueChanged) {\n return\n }\n\n // Increment request ID to invalidate any pending requests\n const currentRequestId = ++valueSyncRequestIdRef.current\n\n fetchAndSetRecordByIdRef.current(value).then((record) => {\n const isStale = valueSyncRequestIdRef.current !== currentRequestId\n if (isStale) return\n if (record) {\n setSelectedRecord(record)\n setIsInvalidValue(false)\n } else {\n // Record not found - invalid value\n setIsInvalidValue(true)\n setSelectedRecord(null)\n onInvalidValueRef.current?.(value)\n }\n })\n }, [value])\n\n // Dependencies-based reload (AC: 7, 8)\n const dependenciesKey = JSON.stringify(dependencies ?? [])\n useEffect(() => {\n if (previousDependenciesRef.current !== dependenciesKey) {\n previousDependenciesRef.current = dependenciesKey\n\n // Abort any pending requests to prevent race conditions\n if (abortControllerRef.current) {\n abortControllerRef.current.abort()\n }\n\n // Invalidate cache on dependencies change (Story 2.13, AC: 6)\n setCacheValid(false)\n\n // Reset state on dependency change\n setRecords([])\n setSelectedRecord(null)\n currentPageRef.current = 1\n setCurrentPage(1)\n setHasMorePages(true)\n setIsOpen(false)\n setSearchQuery('')\n // Note: Don't trigger fetch here - it will happen when dropdown opens\n }\n }, [dependenciesKey])\n\n // Invalidate cache on filters change (Story 2.13, AC: 4)\n const filtersKey = JSON.stringify(filters ?? [])\n const previousFiltersRef = useRef(filtersKey)\n useEffect(() => {\n if (previousFiltersRef.current !== filtersKey) {\n previousFiltersRef.current = filtersKey\n setCacheValid(false)\n }\n }, [filtersKey])\n\n /\n Gets display text for the selected value in the trigger.\n * Implements priority order: renderSelected > displayTemplate > displayValue > all displayFields concatenated\n /\n const getSelectedDisplay = useCallback(\n (record: TRecord): string => {\n // Priority 1: renderSelected function\n if (renderSelected) {\n return renderSelected(record)\n }\n\n // Priority 2: displayTemplate with interpolation\n if (displayTemplate) {\n return interpolateTemplate(displayTemplate, record)\n }\n\n // Priority 3: single displayValue field\n if (displayValue) {\n const value = record[displayValue]\n return value !== undefined && value !== null ? String(value) : ''\n }\n\n // Default: concatenate all displayFields separated by \" - \"\n return displayFields\n .map((field) => {\n const value = record[field]\n return value !== undefined && value !== null ? String(value) : ''\n })\n .join(' - ')\n },\n [renderSelected, displayTemplate, displayValue, displayFields]\n )\n\n const handleTriggerClick = () => {\n if (disabled) return // Check disabled FIRST (Story 2.14, AC: 8)\n if (readOnly) return\n setIsOpen((prev) => !prev)\n }\n\n /\n Gets display text for dropdown option items.\n * Always uses displayFields (separated by \" - \") regardless of display props.\n /\n const getOptionDisplay = (record: TRecord): string => {\n return displayFields.map((field) => String(record[field] ?? '')).join(' - ')\n }\n\n const handleSelectRecord = (record: TRecord) => {\n previousRecordRef.current = selectedRecord\n setSelectedRecord(record)\n selectedRecordRef.current = record // Update ref immediately for blur callbacks\n setIsInvalidValue(false) // Clear invalid state on valid selection\n\n // Clear validation error on selection (Story 2.12, AC: 9)\n if (validationError) {\n setValidationError(false)\n onValidationChangeRef.current?.(true)\n }\n\n // Save navigation context cache before closing (Story 2.13, AC: 2, 3)\n setCachedRecords(records)\n setCachedScrollPosition(optionsRef.current?.scrollTop ?? 0)\n setCachedCurrentPage(currentPage)\n cachedSearchQueryRef.current = searchQuery\n setCacheValid(true)\n\n onChange(record, previousRecordRef.current)\n setSearchQuery('')\n setIsOpen(false)\n setApiError(null)\n // Return focus to trigger after selection (fixes Tab behavior)\n // Set flag to prevent handleTriggerFocus from reopening dropdown\n justSelectedRef.current = true\n triggerRef.current?.focus()\n // Announce selection\n const displayText = getSelectedDisplay(record)\n setAnnouncement(t('announcements.selected', { value: displayText }))\n }\n\n const handleClear = (event: React.MouseEvent) => {\n event.stopPropagation()\n previousRecordRef.current = selectedRecord\n setSelectedRecord(null)\n selectedRecordRef.current = null // Update ref immediately\n setIsInvalidValue(false)\n onChange(null, previousRecordRef.current)\n setAnnouncement(t('announcements.cleared'))\n }\n\n // Keyboard-triggered clear (no event needed)\n const handleKeyboardClear = useCallback(() => {\n if (!selectedRecordRef.current && !isInvalidValue) return\n previousRecordRef.current = selectedRecordRef.current\n setSelectedRecord(null)\n selectedRecordRef.current = null // Update ref immediately\n setIsInvalidValue(false)\n onChange(null, previousRecordRef.current)\n setAnnouncement(t('announcements.cleared'))\n }, [isInvalidValue, onChange, t])\n\n // Close handler for keyboard navigation (Tab)\n // Finds the next tabbable element outside the component and focuses it\n const handleClose = useCallback(() => {\n // Set flag to prevent trigger from reopening dropdown when it receives focus during Tab navigation\n isTabNavigatingRef.current = true\n\n // Close the dropdown\n setIsOpen(false)\n setSearchQuery('')\n setAnnouncement(t('announcements.closed'))\n\n // Find and focus the next tabbable element after the component\n // This ensures Tab navigation works correctly even when the dropdown is unmounted\n // Use setTimeout to ensure this runs after React's state update and re-render\n setTimeout(() => {\n if (!componentRef.current) return\n\n // Get all tabbable elements in the document (in DOM order)\n const tabbableSelector =\n 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n const allTabbable = Array.from(document.querySelectorAll<HTMLElement>(tabbableSelector))\n\n // Find the index of our component's trigger button in the tab order\n const componentIndex = allTabbable.findIndex((el) => componentRef.current?.contains(el))\n\n // Find the first tabbable element AFTER the component (not inside it)\n let nextElement: HTMLElement \| null = null\n for (let i = componentIndex + 1; i < allTabbable.length; i++) {\n if (!componentRef.current?.contains(allTabbable[i])) {\n nextElement = allTabbable[i]\n break\n }\n }\n\n if (nextElement) {\n nextElement.focus()\n }\n }, 0)\n }, [t])\n\n // Escape handler - close AND return focus to trigger\n const handleEscapeClose = useCallback(() => {\n setIsOpen(false)\n setSearchQuery('')\n setAnnouncement(t('announcements.closed'))\n triggerRef.current?.focus()\n }, [t])\n\n // Imperative clear (no event needed, for ref.clear())\n const handleImperativeClear = useCallback(() => {\n previousRecordRef.current = selectedRecordRef.current\n setSelectedRecord(null)\n setIsInvalidValue(false)\n onChange(null, previousRecordRef.current)\n setAnnouncement(t('announcements.cleared'))\n }, [onChange, t])\n\n // Create imperative ref object (uses refs to always get latest values)\n const imperativeRef = useMemo<LookupFieldRef<TRecord>>(\n () => ({\n clear: handleImperativeClear,\n focus: () => triggerRef.current?.focus(),\n reload: () => fetchRecords(debouncedSearchQuery),\n getValue: () => selectedRecordRef.current,\n setValue: async (recordId: string) => {\n const record = await fetchAndSetRecordById(recordId)\n if (record) {\n previousRecordRef.current = selectedRecordRef.current\n setSelectedRecord(record)\n setIsInvalidValue(false)\n onChange(record, previousRecordRef.current)\n } else {\n // Record not found - set invalid state and notify\n setIsInvalidValue(true)\n setSelectedRecord(null)\n onInvalidValue?.(recordId)\n }\n },\n open: () => setIsOpen(true),\n close: () => setIsOpen(false),\n validate: performValidation,\n }),\n [\n handleImperativeClear,\n fetchRecords,\n debouncedSearchQuery,\n fetchAndSetRecordById,\n onChange,\n onInvalidValue,\n performValidation,\n ]\n )\n\n // Expose ref to parent\n useImperativeHandle(ref, () => imperativeRef, [imperativeRef])\n\n // Keyboard navigation hook\n const { highlightedIndex, setHighlightedIndex, handleKeyDown } = useKeyboardNavigation({\n records,\n isOpen,\n onSelect: handleSelectRecord,\n onClose: handleClose,\n onEscape: handleEscapeClose,\n onClear: handleKeyboardClear,\n searchQuery,\n })\n\n // Reset highlightedIndex when dropdown opens or records change\n useEffect(() => {\n if (isOpen) {\n setHighlightedIndex(-1)\n }\n }, [isOpen, records, setHighlightedIndex])\n\n // Scroll highlighted option into view\n useEffect(() => {\n if (highlightedIndex >= 0 && optionsRef.current) {\n const highlightedOption = optionsRef.current.querySelector(\n `[data-index=\"${highlightedIndex}\"]`\n ) as HTMLElement\n if (highlightedOption?.scrollIntoView) {\n highlightedOption.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n }\n }\n }, [highlightedIndex])\n\n // Track if focus came from mouse click (to distinguish Tab vs Click)\n const wasClickedRef = useRef(false)\n // Track if focus is from programmatic selection (to prevent dropdown reopening)\n const justSelectedRef = useRef(false)\n // Track if Tab navigation is in progress (to prevent dropdown reopening)\n const isTabNavigatingRef = useRef(false)\n\n const handleTriggerMouseDown = () => {\n wasClickedRef.current = true\n }\n\n // Handle keydown on trigger (when dropdown is closed)\n const handleTriggerKeyDown = (event: React.KeyboardEvent) => {\n // Block keyboard when disabled (Story 2.14, AC: 6)\n if (disabled) return\n // Only handle when dropdown is closed\n if (isOpen) return\n\n // Backspace clears selection when clearable is enabled, not readOnly, and there's a value\n if (event.key === 'Backspace' && clearable && !readOnly && (selectedRecord \|\| isInvalidValue)) {\n event.preventDefault()\n handleKeyboardClear()\n }\n }\n\n // Handle focus on trigger to open dropdown (Tab key behavior - AC1)\n const handleTriggerFocus = () => {\n if (disabled) return // Block focus handling when disabled (Story 2.14)\n if (readOnly) return\n // Skip opening if focus came from programmatic selection\n if (justSelectedRef.current) {\n justSelectedRef.current = false\n return\n }\n // Skip opening if Tab navigation is closing the dropdown\n if (isTabNavigatingRef.current) {\n isTabNavigatingRef.current = false\n return\n }\n // Only open on keyboard focus (Tab), not on click-focus\n if (wasClickedRef.current) {\n wasClickedRef.current = false\n return\n }\n if (!isOpen) {\n setIsOpen(true)\n }\n }\n\n // Handle component-level focus (fires once when focus enters component)\n const handleComponentFocus = useCallback(() => {\n // Skip focus callbacks when disabled (Story 2.14, AC: 1)\n if (disabled) return\n // Only fire onFocus if focus is entering the component (not moving within)\n if (!isFocusWithinRef.current) {\n isFocusWithinRef.current = true\n // Use ref to get latest selectedRecord (avoids stale closure)\n onFocusProp?.(selectedRecordRef.current)\n }\n }, [onFocusProp, disabled])\n\n // Handle component-level blur (fires once when focus leaves component entirely)\n const handleComponentBlur = useCallback(\n (event: React.FocusEvent) => {\n // Skip blur callbacks when disabled (Story 2.14, AC: 1)\n if (disabled) return\n\n // Check if focus is moving outside the component\n const relatedTarget = event.relatedTarget as Node \| null\n const isLeavingComponent = !componentRef.current?.contains(relatedTarget)\n\n if (isLeavingComponent) {\n isFocusWithinRef.current = false\n\n // Perform validation on blur if enabled (Story 2.12, AC: 3, 4, 10)\n if (validateOnBlur && !readOnly) {\n performValidation()\n }\n\n // Use ref to get latest selectedRecord (avoids stale closure)\n onBlurProp?.(selectedRecordRef.current)\n }\n },\n [onBlurProp, validateOnBlur, readOnly, disabled, performValidation]\n )\n\n const renderDropdownContent = () => {\n // Show min chars message when user has typed but fewer than minChars\n if (searchQuery.length > 0 && searchQuery.length < minChars) {\n return <div className=\"lookup-field__empty\">{t('minChars', { count: minChars })}</div>\n }\n\n if (isLoading) {\n return (\n <div className=\"lookup-field__loading\">\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n <span>{t('loading')}</span>\n </div>\n )\n }\n\n if (apiError) {\n return <div className=\"lookup-field__error\">{t('error')}</div>\n }\n\n if (records.length === 0) {\n return <div className=\"lookup-field__empty\">{noResultsText ?? t('noResults')}</div>\n }\n\n // Fallback to non-virtualized rendering when virtualizer can't calculate items\n // (happens in test environments where container has no dimensions)\n const useVirtualizedRendering = virtualItems.length > 0\n\n return (\n <div ref={optionsRef} className=\"lookup-field__options\" onScroll={handleScroll}>\n {useVirtualizedRendering ? (\n // Virtualized list container (Story 2.13, AC: 1, 8)\n <div\n style={{\n height: `${totalSize}px`,\n width: '100%',\n position: 'relative',\n }}\n >\n {virtualItems.map((virtualItem) => {\n const record = records[virtualItem.index]\n const index = virtualItem.index\n return (\n <div\n key={record.Id}\n id={`${id}-option-${record.Id}`}\n data-index={index}\n className={cn(\n 'lookup-field__option',\n index === highlightedIndex && 'lookup-field__option--highlighted'\n )}\n role=\"option\"\n aria-selected={selectedRecord?.Id === record.Id}\n onClick={() => handleSelectRecord(record)}\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: `${virtualItem.size}px`,\n transform: `translateY(${virtualItem.start}px)`,\n }}\n >\n {getOptionDisplay(record)}\n </div>\n )\n })}\n </div>\n ) : (\n // Non-virtualized fallback for test environments\n records.map((record, index) => (\n <div\n key={record.Id}\n id={`${id}-option-${record.Id}`}\n data-index={index}\n className={cn(\n 'lookup-field__option',\n index === highlightedIndex && 'lookup-field__option--highlighted'\n )}\n role=\"option\"\n aria-selected={selectedRecord?.Id === record.Id}\n onClick={() => handleSelectRecord(record)}\n >\n {getOptionDisplay(record)}\n </div>\n ))\n )}\n {/ Loading more spinner at bottom (AC: 3) /}\n {isLoadingMore && (\n <div className=\"lookup-field__loading-more\">\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n </div>\n )}\n {/ No end indicator per FR30 (AC: 6) /}\n </div>\n )\n }\n\n return (\n <div\n ref={componentRef}\n className={cn(\n 'lookup-field',\n disabled && 'lookup-field--disabled',\n readOnly && 'lookup-field--readonly',\n showError && 'lookup-field--error',\n className\n )}\n role=\"combobox\"\n aria-expanded={!disabled && isOpen}\n aria-haspopup=\"listbox\"\n aria-labelledby={`${id}-label`}\n aria-controls={isOpen ? `${id}-listbox` : undefined}\n aria-disabled={disabled \|\| undefined}\n aria-readonly={(!disabled && readOnly) \|\| undefined}\n aria-invalid={showError \|\| undefined}\n aria-required={required \|\| undefined}\n onKeyDown={disabled ? undefined : handleKeyDown}\n onFocus={handleComponentFocus}\n onBlur={handleComponentBlur}\n >\n <LiveRegion message={announcement} />\n <label id={`${id}-label`} htmlFor={id} className=\"lookup-field__label\">\n {label}\n {effectiveShowRequiredIndicator && (\n <span className=\"lookup-field__required-indicator\">\n {t('validation.requiredIndicator')}\n </span>\n )}\n </label>\n <button\n ref={(node) => {\n // Combine refs: triggerRef for internal use, floatingRefs.setReference for positioning\n triggerRef.current = node\n floatingRefs.setReference(node)\n }}\n id={id}\n type=\"button\"\n className=\"lookup-field__trigger\"\n onClick={handleTriggerClick}\n onMouseDown={handleTriggerMouseDown}\n onKeyDown={handleTriggerKeyDown}\n onFocus={handleTriggerFocus}\n disabled={disabled}\n tabIndex={disabled ? -1 : 0}\n >\n <span className=\"lookup-field__selected-text\">\n {isInvalidValue\n ? t('notFound')\n : selectedRecord\n ? getSelectedDisplay(selectedRecord)\n : (placeholder ?? t('placeholder'))}\n </span>\n <ChevronDown\n className={cn('lookup-field__chevron', isOpen && 'lookup-field__chevron--open')}\n aria-hidden=\"true\"\n />\n {clearable && selectedRecord && !readOnly && !disabled && (\n <X className=\"lookup-field__clear\" onClick={handleClear} aria-label=\"Clear selection\" />\n )}\n </button>\n {isOpen && (\n <div\n ref={floatingRefs.setFloating}\n style={floatingStyles}\n className=\"lookup-field__dropdown\"\n >\n <SearchInput\n ref={searchInputRef}\n value={searchQuery}\n onChange={setSearchQuery}\n placeholder={searchPlaceholder ?? t('searchPlaceholder')}\n listboxId={`${id}-listbox`}\n activeDescendantId={\n highlightedIndex >= 0 && records[highlightedIndex]\n ? `${id}-option-${records[highlightedIndex].Id}`\n : undefined\n }\n />\n <div id={`${id}-listbox`} role=\"listbox\" aria-label={label}>\n {renderDropdownContent()}\n </div>\n </div>\n )}\n </div>\n )\n}\n\n// Export with forwardRef for generic component support\nexport const LookupField = forwardRef(LookupFieldInner) as <\n TRecord extends LookupRecord = LookupRecord,\n>(\n props: LookupFieldProps<TRecord> & { ref?: React.Ref<LookupFieldRef<TRecord>> }\n) => React.ReactElement\n\n// Set displayName for debugging\n;(LookupField as React.FC).displayName = 'LookupField'\n","import type { FilterExpression } from '../types/filter.types'\n\n/\n Custom fetcher function type for HTTP requests (FR29, FR31).\n * Receives the entity name and request, returns the search response.\n * Gives full control over URL construction, HTTP client, headers, etc.\n \n @example\n * // Using fetch with custom URL and auth\n * const fetcher: Fetcher = async (entity, request) => {\n * const response = await fetch(`/api/v2/${entity}/search`, {\n * method: 'POST',\n * headers: {\n * 'Content-Type': 'application/json',\n * 'Authorization': `Bearer ${getToken()}`,\n * },\n * body: JSON.stringify(request),\n * })\n * if (!response.ok) throw new Error(`API Error: ${response.status}`)\n * return response.json()\n * }\n \n @example\n * // Using axios\n * const fetcher: Fetcher = async (entity, request) => {\n * const { data } = await axios.post(`/api/${entity}/search`, request)\n * return data\n * }\n \n @example\n * // Using the createFetcher helper for simple cases\n * import { createFetcher } from 'siesa-ui-kit'\n * const fetcher = createFetcher('/api')\n /\nexport type Fetcher = <TRecord = Record<string, unknown>>(\n entity: string,\n request: SearchRequest\n) => Promise<SearchResponse<TRecord>>\n\n/* Sort configuration for API requests (FR17) /\nexport interface OrderBy {\n /* Field name to sort by /\n field: string\n /* Sort direction /\n direction: 'asc' \| 'desc'\n}\n\n/* Request body for search API calls /\nexport interface SearchRequest {\n /* Fields to return in the response (always includes 'Id' - PascalCase standard) /\n fields: string[]\n /* Search text (empty for initial load) /\n search?: string\n /* Fields to search against (defaults to displayFields) /\n searchFields?: string[]\n /* Page number (1-indexed) /\n page: number\n /* Records per page /\n pageSize: number\n /* Filter conditions in expressive format /\n filters?: FilterExpression\n /* Sort order for results /\n orderBy?: OrderBy\n}\n\n/* Response body from search API calls [UPDATED v0.4 - removed total] /\nexport interface SearchResponse<TRecord> {\n /* Array of matching records /\n data: TRecord[]\n /* Current page number /\n page: number\n /* Page size used /\n pageSize: number\n}\n\n/* Error thrown when API request fails /\nexport class ApiError extends Error {\n constructor(\n message: string,\n public readonly status: number,\n public readonly statusText: string\n ) {\n super(message)\n this.name = 'ApiError'\n }\n}\n","import type { Fetcher, SearchRequest, SearchResponse } from './api.types'\nimport { ApiError } from './api.types'\n\nconst DEFAULT_HEADERS: Record<string, string> = {\n 'Content-Type': 'application/json',\n}\n\n/\n Creates a standard fetcher function for a given base URL.\n * Use this helper for simple cases where you just need to specify the API base URL.\n \n @param baseUrl - Base URL for the API (e.g., '/api', 'https://api.example.com')\n * @returns A fetcher function compatible with LookupField\n \n @example\n * // Simple usage\n * const fetcher = createFetcher('/api')\n * <LookupField entity=\"customers\" fetcher={fetcher} />\n \n @example\n * // With authentication - wrap createFetcher or create custom fetcher\n * const fetcher = createFetcher('/api', {\n * headers: { Authorization: `Bearer ${token}` }\n * })\n /\nexport function createFetcher(\n baseUrl: string,\n options?: { headers?: Record<string, string> }\n): Fetcher {\n const headers = { ...DEFAULT_HEADERS, ...options?.headers }\n\n return async <TRecord>(\n entity: string,\n request: SearchRequest\n ): Promise<SearchResponse<TRecord>> => {\n const url = `${baseUrl}/${entity}/search`\n\n // Ensure 'Id' is always included in fields (FR20) - PascalCase standard\n const fields = request.fields.includes('Id') ? request.fields : ['Id', ...request.fields]\n\n const response = await fetch(url, {\n method: 'POST',\n headers,\n body: JSON.stringify({ ...request, fields }),\n })\n\n if (!response.ok) {\n throw new ApiError(\n `API Error: ${response.status} ${response.statusText}`,\n response.status,\n response.statusText\n )\n }\n\n return response.json()\n }\n}\n","import React, { useState } from 'react';\nimport { Navbar } from '../../components/Navbar';\nimport { NavigationRailGroup } from '../../components/NavigationRailGroup';\nimport type { LayoutBaseProps } from './LayoutBase.types';\n\n/\n LayoutBase - Layout base del sistema Siesa\n \n Layout reutilizable que implementa la estructura base con NavigationRail\n * lateral, Navbar superior y área de contenido dinámico. Diseñado para ser\n * usado como wrapper en diferentes vistas de la aplicación.\n \n Composición:\n * - Navbar: Barra superior con logo Siesa, título del producto y dropdown de usuario\n * - NavigationRailGroup: Rail de navegación lateral con iconos y búsqueda\n * - Área de contenido: Contenido dinámico pasado como children\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Responsive design mobile-first con breakpoints md:, lg:, xl:\n * - Composición con componentes del sistema (NO reimplementación)\n * - Type safety con TypeScript estricto\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see src/components/Navbar - Componente Navbar reutilizado\n * @see src/components/NavigationRailGroup - Componente NavigationRail reutilizado\n \n @example\n * ```tsx\n * // Uso básico\n * <LayoutBase\n * productName=\"Mi Aplicación\"\n * siesaLogoPath=\"/images/logos/Siesa_Logosimbolo_Blanco.svg\"\n * siesaLogoWidth=\"100px\"\n * siesaLogoHeight=\"40px\"\n * userDropdown={{\n * avatar: '/avatar.jpg',\n * name: 'Carlos',\n * email: 'carlos@siesa.com',\n * }}\n * navigationItems={navigationItems}\n * >\n * <div>Mi contenido personalizado</div>\n * </LayoutBase>\n \n // Uso avanzado con props pass-through\n * <LayoutBase\n * productName=\"Sistema Avanzado\"\n * navbarProps={{\n * showNavigationButton: true,\n * environmentBadge: \"Desarrollo\",\n * navigationButtonProps: { type: 'outline', size: 'l' },\n * notifications: { cart: 5, bell: true },\n * onCartClick: () => openCart(),\n * onNotificationsClick: () => openNotifications(),\n * }}\n * navigationRailProps={{\n * showSearchButton: true,\n * labels: { \n * searchPlaceholder: \"Buscar módulos...\",\n * collapseButton: \"Minimizar\"\n * },\n * onItemClick: (item) => handleNavigation(item),\n * onItemHover: (item) => showPreview(item),\n * }}\n * >\n * <div>Contenido con funcionalidad completa</div>\n * </LayoutBase>\n * ```\n /\nexport const LayoutBase: React.FC<LayoutBaseProps> = ({\n productName = 'Mi Aplicación',\n siesaLogoPath,\n siesaLogoWidth,\n siesaLogoHeight,\n userDropdown,\n navigationItems,\n children,\n className = '',\n contentClassName = '',\n navbarProps = {},\n navigationRailProps = {},\n}) => {\n // Estado local para el NavigationRail\n const [navState, setNavState] = useState<'collapsed' \| 'expanded' \| 'hover' \| 'searcher'>('collapsed');\n\n // Handler para cambio de estado del NavigationRail\n const handleNavStateChange = (state: 'collapsed' \| 'expanded' \| 'hover' \| 'searcher' \| undefined) => {\n if (state) {\n setNavState(state);\n }\n };\n\n return (\n <div\n className={[\n // ===== BASE CONTAINER =====\n 'h-screen', // Altura fija de pantalla completa\n 'w-full',\n 'bg-white', // Fondo blanco para Navbar y NavigationRail\n 'dark:bg-dark-bg-primary',\n 'flex',\n 'flex-col',\n 'overflow-hidden', // Prevenir scroll en contenedor principal\n className,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n {/ ===== NAVBAR ===== /}\n <Navbar\n productName={productName}\n userDropdown={userDropdown}\n hideActionButtons\n showSiesaLogoLeading\n showBusinessLogo={false}\n siesaLogo={\n siesaLogoPath ? (\n <img \n src={siesaLogoPath} \n alt=\"Siesa\" \n className=\"object-contain\"\n style={{\n width: siesaLogoWidth \|\| '100%',\n height: siesaLogoHeight \|\| '100%',\n }}\n />\n ) : undefined\n }\n className=\"bg-white dark:bg-dark-bg-primary\"\n {...navbarProps}\n />\n\n {/ ===== LAYOUT: NAVIGATION RAIL + CONTENT ===== /}\n <div className=\"flex flex-1 overflow-hidden\">\n {/ ===== NAVIGATION RAIL ===== /}\n <NavigationRailGroup\n state={navState}\n items={navigationItems}\n showSearchButton={false}\n onStateChange={handleNavStateChange}\n {...navigationRailProps}\n />\n\n {/ ===== CONTENT AREA ===== /}\n <div\n className={[\n 'flex-1',\n 'overflow-y-auto',\n 'bg-gray-50',\n 'dark:bg-dark-bg-primary',\n contentClassName,\n ]\n .join(' ')\n .replace(/\\s+/g, ' ')\n .trim()}\n >\n {children}\n </div>\n </div>\n </div>\n );\n};\n","import React from 'react';\n\n/\n Iconos para ListView del sistema de diseño Siesa\n * Basados en Heroicons Micro (16x16)\n /\n\nexport const HomeIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M8.543 2.232a.75.75 0 0 0-1.085 0l-5.25 5.5A.75.75 0 0 0 2.75 9H4v4a1 1 0 0 0 1 1h1.5a.5.5 0 0 0 .5-.5v-2a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v2a.5.5 0 0 0 .5.5H12a1 1 0 0 0 1-1V9h1.25a.75.75 0 0 0 .543-1.268l-5.25-5.5Z\" />\n </svg>\n);\n\nexport const GlobeAltIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM5.37 2.822a6.493 6.493 0 0 0-2.818 3.428h2.103c.088-.907.254-1.778.494-2.595a8.932 8.932 0 0 1 .221-.833ZM1.5 8c0 .522.062 1.03.179 1.516l.135.484h2.49a16.15 16.15 0 0 1 0-4H1.815L1.68 6.484A6.533 6.533 0 0 0 1.5 8Zm.552 2.75A6.493 6.493 0 0 0 5.37 14.18a8.932 8.932 0 0 1-.221-.833 13.2 13.2 0 0 1-.494-2.595H2.552Zm4.058 0c.083.78.23 1.497.429 2.128.197.622.423 1.07.649 1.357.225.286.401.265.312.265.089 0 .265.021.49-.265.226-.287.452-.735.649-1.357.199-.631.346-1.348.429-2.128H6.11Zm4.234 0a13.198 13.198 0 0 1-.494 2.595 8.938 8.938 0 0 1-.22.833 6.493 6.493 0 0 0 2.817-3.428h-2.103Zm2.104-2h-2.48a16.15 16.15 0 0 0 0-4h2.48l.135.484A6.538 6.538 0 0 1 14.5 8a6.538 6.538 0 0 1-.179 1.516l-.135.484h.162Zm-2.818-4.928c.167.251.394.699.221.833.24.817.406 1.688.494 2.595h2.103a6.493 6.493 0 0 0-2.818-3.428ZM9.89 6h-3.78c.083-.78.23-1.497.429-2.128.197-.622.423-1.07.649-1.357.225-.286.401-.265.312-.265.089 0 .265-.021.49.265.226.287.452.735.649 1.357.199.631.346 1.348.429 2.128Zm-4.234 0H3.553a6.493 6.493 0 0 1 2.818-3.428 8.932 8.932 0 0 0-.221.833c-.24.817-.406 1.688-.494 2.595Zm.144 2a14.65 14.65 0 0 0 0 4h4.4a14.65 14.65 0 0 0 0-4H5.8Z\" />\n </svg>\n);\n\nexport const DocumentTextIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6.414A2 2 0 0 0 13.414 5L10 1.586A2 2 0 0 0 8.586 1H4Zm1 5a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H5Zm-.5 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm.5 1.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1H5Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const CloudIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M1 9.5A3.5 3.5 0 0 0 4.5 13H12a3 3 0 0 0 .917-5.857 2.503 2.503 0 0 0-3.198-3.019 3.5 3.5 0 0 0-6.628 2.171A3.5 3.5 0 0 0 1 9.5Z\" />\n </svg>\n);\n\nexport const SquaresPlusIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M2 4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4ZM10 4a2 2 0 0 1 2-2h.5a.5.5 0 0 1 0 1H12a1 1 0 0 0-1 1v.5a.5.5 0 0 1-1 0V4ZM2 12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2ZM10.5 8a.5.5 0 0 0-.5.5V10H8.5a.5.5 0 0 0 0 1H10v1.5a.5.5 0 0 0 1 0V11h1.5a.5.5 0 0 0 0-1H11V8.5a.5.5 0 0 0-.5-.5Z\" />\n </svg>\n);\n\nexport const MagnifyingGlassIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const PlusIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z\" />\n </svg>\n);\n\nexport const ListBulletIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M2.5 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM4.75 3.25a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5ZM4 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 4 8Zm.75 3.25a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5ZM3 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-.5 4.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const FunnelIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M14 2H2c-.55 0-.95.538-.75 1.032l3 7.5c.127.318.44.528.783.528h5.934c.343 0 .656-.21.783-.528l3-7.5C14.95 2.538 14.55 2 14 2Z\" />\n <path d=\"M6 12.25v1.25a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1.25H6Z\" />\n </svg>\n);\n\nexport const DocumentCheckIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6.414A2 2 0 0 0 13.414 5L10 1.586A2 2 0 0 0 8.586 1H4Zm6.78 5.28a.75.75 0 1 0-1.06-1.06L7 8.94 5.78 7.72a.75.75 0 0 0-1.06 1.06l1.75 1.75a.75.75 0 0 0 1.06 0l3.25-3.25Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const DocumentMinusIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6.414A2 2 0 0 0 13.414 5L10 1.586A2 2 0 0 0 8.586 1H4Zm1 6.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5H5Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const DocumentArrowUpIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6.414A2 2 0 0 0 13.414 5L10 1.586A2 2 0 0 0 8.586 1H4Zm4.53 4.22a.75.75 0 0 0-1.06 0L5.22 8.47a.75.75 0 1 0 1.06 1.06l.97-.97v2.69a.75.75 0 0 0 1.5 0V8.56l.97.97a.75.75 0 1 0 1.06-1.06L8.53 6.22Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const BellIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M12 5a4 4 0 0 0-8 0v2.379c0 .398-.158.779-.44 1.06L2.294 9.707a1 1 0 0 0 .707 1.707h9.998a1 1 0 0 0 .707-1.707l-1.266-1.268A1.5 1.5 0 0 1 12 7.379V5ZM6.268 13.682a.75.75 0 0 0 1.04.199 1.496 1.496 0 0 0 1.385 0 .75.75 0 1 0-.839-1.244.003.003 0 0 1-.004.003.003.003 0 0 1-.004-.003.75.75 0 0 0-1.244.199.75.75 0 0 0 .666.846Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const ChevronDownIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const ArrowLongLeftIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M14 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25h9.44A.75.75 0 0 1 14 8Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const ArrowLongRightIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M2 8a.75.75 0 0 1 .75-.75h9.44l-2.72-2.72a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2.75A.75.75 0 0 1 2 8Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const EllipsisHorizontalIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M2 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM6.5 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM12.5 6.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z\" />\n </svg>\n);\n\nexport const EnvelopeIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z\" />\n <path d=\"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z\" />\n </svg>\n);\n","import React, { useState } from 'react';\nimport type { ListViewProps } from './ListView.types';\nimport { Badge } from '../../components/Badge/Badge';\nimport { Navbar } from '../../components/Navbar/Navbar';\nimport { NavigationRailGroup } from '../../components/NavigationRailGroup/NavigationRailGroup';\nimport { Button } from '../../components/Button/Button';\nimport { Table } from '../../components/Table/Table';\nimport { Input } from '../../components/Input/Input';\nimport { Select } from '../../components/Select/Select';\nimport type { TableColumn } from '../../components/Table/Table.types';\nimport {\n HomeIcon,\n GlobeAltIcon,\n DocumentTextIcon,\n CloudIcon,\n SquaresPlusIcon,\n MagnifyingGlassIcon,\n PlusIcon,\n ListBulletIcon,\n FunnelIcon,\n ChevronDownIcon,\n EnvelopeIcon,\n} from './icons';\n\n/\n ListView - Vista de lista completa del sistema de diseño Siesa\n \n Vista completa que compone los siguientes componentes del sistema:\n * - NavigationRailGroup: Barra lateral de navegación con panel expandible\n * - Navbar: Barra superior con logo, título, notificaciones y dropdown de usuario\n * - Badge: Filtros rápidos con badges de colores\n * - Table: Tabla de datos con sorting y paginación integrada\n * - Button: Botones de acción (Crear, Auditoría, Filtrar)\n * - Input: Buscador integrado\n * - Select: Dropdown de opciones de vista\n \n Mejores prácticas implementadas:\n * - REUSO DE COMPONENTES: Usa componentes del sistema, NUNCA reimplementa\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n * - Responsive design (mobile-first)\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see src/components/NavigationRailGroup - Componente de navegación lateral\n * @see src/components/Navbar - Componente de barra superior\n * @see src/components/Table - Componente de tabla con paginación\n * @see src/components/Button - Componente de botón\n * @see src/components/Badge - Componente de badge\n \n @example\n * ```tsx\n * <ListView\n * title=\"List View\"\n * tableTitle=\"Usuarios\"\n * columns={columns}\n * data={users}\n * userDropdown={{\n * avatar: '/avatar.jpg',\n * name: 'John Doe',\n * role: 'Administrador',\n * }}\n * pagination={{\n * currentPage: 1,\n * totalPages: 10,\n * onPageChange: (page) => console.log(page),\n * }}\n * />\n * ```\n /\nexport const ListView = <T extends Record<string, any>>({\n title = 'List View',\n navbarProductName = 'SB Commercial',\n tableTitle = 'Usuarios',\n columns,\n data,\n navigationItems,\n quickFilters,\n actionButtons,\n userDropdown,\n notifications,\n environmentBadge,\n showNavigationRail = true,\n navigationRailState = 'collapsed',\n onNavigationRailStateChange,\n onNavItemClick,\n onSearch,\n searchPlaceholder = 'Buscar',\n onSort,\n sortColumn: externalSortColumn,\n sortDirection: externalSortDirection,\n pagination,\n loading = false,\n loadingRows = 5,\n emptyMessage = 'No hay datos disponibles',\n className = '',\n onNotificationsClick,\n viewOptions,\n selectedViewOption,\n onViewOptionChange,\n}: ListViewProps<T>) => {\n // ===== ESTADO INTERNO =====\n const [searchValue, setSearchValue] = useState('');\n const [showViewDropdown, setShowViewDropdown] = useState(false);\n\n // ===== NAVIGATION ITEMS DEFAULT =====\n const defaultNavigationItems = navigationItems \|\| [\n {\n id: 'home',\n icon: <HomeIcon className=\"w-4 h-4\" />,\n label: 'Inicio',\n active: true,\n },\n {\n id: 'option1',\n icon: <GlobeAltIcon className=\"w-4 h-4\" />,\n label: 'Opción 1',\n },\n {\n id: 'option2',\n icon: <DocumentTextIcon className=\"w-4 h-4\" />,\n label: 'Opción 2',\n },\n {\n id: 'option3',\n icon: <CloudIcon className=\"w-4 h-4\" />,\n label: 'Opción 3',\n },\n {\n id: 'more',\n icon: <SquaresPlusIcon className=\"w-4 h-4\" />,\n label: 'Ver más...',\n },\n ];\n\n // ===== QUICK FILTERS DEFAULT =====\n const defaultQuickFilters = quickFilters \|\| [\n {\n id: 'paid',\n label: 'Facturas Pagadas',\n color: 'lime' as const,\n },\n {\n id: 'pending',\n label: 'Facturas Pendientes por Pago',\n color: 'rose' as const,\n },\n {\n id: 'orders',\n label: 'Órdenes de Compra',\n color: 'sky' as const,\n },\n ];\n\n // ===== ACTION BUTTONS DEFAULT =====\n const defaultActionButtons = actionButtons \|\| [\n {\n id: 'audit',\n label: 'Auditoría',\n leftIcon: <ListBulletIcon className=\"w-4 h-4\" />,\n type: 'default' as const,\n onClick: () => {},\n },\n {\n id: 'filter',\n label: 'Filtrar',\n leftIcon: <FunnelIcon className=\"w-4 h-4\" />,\n type: 'default' as const,\n onClick: () => {},\n },\n {\n id: 'create',\n label: 'Crear',\n leftIcon: <PlusIcon className=\"w-4 h-4\" />,\n type: 'default' as const,\n onClick: () => {},\n },\n ];\n\n // ===== HANDLERS =====\n const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n setSearchValue(e.target.value);\n onSearch?.(e.target.value);\n };\n\n // ===== CONVERTIR COLUMNAS AL FORMATO DE TABLE =====\n const tableColumns: TableColumn<T>[] = columns.map((col) => ({\n header: col.header,\n accessor: col.accessor,\n sortable: col.sortable,\n render: col.render,\n align: col.align,\n width: col.width,\n }));\n\n return (\n <div\n className={[\n 'bg-background-secondary',\n 'dark:bg-dark-bg-primary',\n 'flex',\n 'w-full',\n 'h-full',\n 'min-h-screen',\n className,\n ].join(' ')}\n >\n {/ ===== NAVIGATION RAIL GROUP ===== /}\n {showNavigationRail && (\n <NavigationRailGroup\n state={navigationRailState}\n items={defaultNavigationItems}\n onStateChange={onNavigationRailStateChange}\n onItemClick={onNavItemClick}\n showSearchButton={true}\n />\n )}\n\n {/ ===== CONTENEDOR PRINCIPAL ===== /}\n <div className=\"flex flex-col flex-1 overflow-hidden\">\n {/ ===== NAVBAR ===== /}\n <Navbar\n productName={navbarProductName}\n environmentBadge={environmentBadge}\n userDropdown={userDropdown}\n notifications={notifications}\n hideActionButtons={false}\n onNotificationsClick={onNotificationsClick}\n className=\"bg-background-secondary dark:bg-dark-bg-primary\"\n />\n\n {/ ===== QUICK FILTERS BAR ===== /}\n <div className=\"flex items-center gap-2 px-4 py-2 w-full bg-background-secondary dark:bg-dark-bg-primary\">\n {defaultQuickFilters.map((filter) => (\n <Badge\n key={filter.id}\n color={filter.color}\n label={filter.label}\n leftIcon={filter.icon}\n />\n ))}\n </div>\n\n {/ ===== BODY ===== /}\n <div className=\"flex flex-1 overflow-hidden bg-background-secondary dark:bg-dark-bg-primary\">\n <div className=\"flex flex-col gap-4 flex-1 bg-white dark:bg-dark-bg-primary p-4 rounded-tl-3xl overflow-hidden\">\n {/ Header Row /}\n <div className=\"flex items-center justify-between w-full\">\n <h2 className=\"font-bold text-xl leading-7 tracking-[-0.5px] text-content-primary dark:text-dark-content-primary\">\n {title}\n </h2>\n\n {/ Action Buttons /}\n <div className=\"flex items-center gap-2\">\n {defaultActionButtons.map((btn) => (\n <Button\n key={btn.id}\n type={btn.type}\n size=\"sm\"\n leftIcon={btn.leftIcon}\n onClick={btn.onClick}\n >\n {btn.label}\n </Button>\n ))}\n </div>\n </div>\n\n {/ ===== TABLE CONTAINER ===== /}\n <div className=\"flex flex-col gap-4 flex-1 bg-white dark:bg-dark-bg-primary border border-border-primary dark:border-dark-border-primary rounded-xl p-8 overflow-hidden\">\n {/ Table Header /}\n <div className=\"flex items-center gap-4 w-full\">\n <h3 className=\"flex-1 font-bold text-base leading-6 text-content-primary dark:text-dark-content-primary overflow-hidden text-ellipsis whitespace-nowrap\">\n {tableTitle}\n </h3>\n <Input\n placeholder={searchPlaceholder}\n leftIcon={<EnvelopeIcon className=\"w-4 h-4\" />}\n value={searchValue}\n onChange={handleSearch}\n className=\"w-[200px]\"\n />\n {/ View Dropdown /}\n {viewOptions && (\n <div className=\"relative\">\n <button\n onClick={() => setShowViewDropdown(!showViewDropdown)}\n className=\"flex items-center gap-3 px-3 py-2 bg-white dark:bg-dark-bg-primary border border-border-primary dark:border-dark-border-primary rounded-lg shadow-xs hover:bg-background-secondary dark:hover:bg-dark-bg-secondary transition-colors\"\n >\n <span className=\"font-bold text-sm text-content-secondary dark:text-content-secondary\">\n Ver\n </span>\n <ChevronDownIcon className=\"w-5 h-5 text-content-secondary dark:text-content-secondary\" />\n </button>\n {showViewDropdown && (\n <div className=\"absolute top-full right-0 mt-1 bg-white dark:bg-dark-bg-primary border border-border-primary dark:border-dark-border-primary rounded-lg shadow-lg z-10 min-w-[150px]\">\n {viewOptions.map((option) => (\n <button\n key={option.id}\n onClick={() => {\n onViewOptionChange?.(option.id);\n setShowViewDropdown(false);\n }}\n className={[\n 'block',\n 'w-full',\n 'px-4',\n 'py-2',\n 'text-left',\n 'text-sm',\n 'hover:bg-background-secondary',\n 'dark:hover:bg-dark-bg-secondary',\n selectedViewOption === option.id\n ? 'bg-primary-custom-100 dark:bg-primary-custom-600/20'\n : '',\n ].join(' ')}\n >\n {option.label}\n </button>\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n\n {/ ===== TABLE ===== /}\n <Table\n columns={tableColumns}\n data={data}\n variant=\"grid\"\n showBorder={false}\n showShadow={false}\n loading={loading}\n loadingRows={loadingRows}\n emptyMessage={emptyMessage}\n onSort={onSort}\n sortColumn={externalSortColumn}\n sortDirection={externalSortDirection}\n pagination={pagination}\n className=\"flex-1\"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n};\n","import React from 'react';\n\n/\n Icono de sobre (envelope) para el input de email\n /\nexport const EnvelopeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z\" />\n <path d=\"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z\" />\n </svg>\n);\n\n/\n Icono de candado cerrado (lock) para el input de contraseña\n /\nexport const LockClosedIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n d=\"M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n/\n Icono de ojo (eye) para mostrar/ocultar contraseña\n /\nexport const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\" />\n <path\n fillRule=\"evenodd\"\n d=\"M1.38 8.28a.87.87 0 0 1 0-.566 7.003 7.003 0 0 1 13.238.006.87.87 0 0 1 0 .56A7.003 7.003 0 0 1 1.379 8.28ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n/\n Logo de Siesa\n /\nexport const SiesaLogo: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width=\"200\"\n height=\"50\"\n viewBox=\"0 0 200 50\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n {/ Símbolo de Siesa (cuadrados azules) /}\n <rect x=\"0\" y=\"0\" width=\"15\" height=\"20\" fill=\"#0e79fd\" />\n <rect x=\"0\" y=\"30\" width=\"10\" height=\"20\" fill=\"#0e79fd\" />\n <rect x=\"20\" y=\"0\" width=\"15\" height=\"20\" fill=\"#0e79fd\" />\n <rect x=\"30\" y=\"30\" width=\"10\" height=\"20\" fill=\"#0e79fd\" />\n\n {/ Texto \"Siesa\" /}\n <text\n x=\"68\"\n y=\"35\"\n fontFamily=\"SiesaBT, sans-serif\"\n fontSize=\"32\"\n fontWeight=\"400\"\n fill=\"#0e79fd\"\n >\n Siesa\n </text>\n </svg>\n);\n","import React, { useState } from 'react';\nimport type { FormEvent } from 'react';\nimport type { LoginViewProps } from './LoginView.types';\nimport { EnvelopeIcon, LockClosedIcon, EyeIcon } from './icons';\n\n/\n LoginView - Vista de inicio de sesión del sistema Siesa\n \n Vista completa de login con formulario de autenticación que incluye:\n * - Logo de Siesa\n * - Campos de email y contraseña\n * - Opción de \"olvidé mi contraseña\"\n * - Link para crear cuenta nueva\n * - Fondo decorativo opcional\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels y manejo de formulario semántico\n * - Validación de email básica\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras\n \n @example\n * ```tsx\n * <LoginView\n * onSubmit={(email, password) => console.log('Login', email, password)}\n * onForgotPassword={() => console.log('Forgot password')}\n * onSignUp={() => console.log('Sign up')}\n * />\n * ```\n /\nexport const LoginView: React.FC<LoginViewProps> = ({\n onSubmit,\n onForgotPassword,\n onSignUp,\n isLoading = false,\n errorMessage,\n className = '',\n showBackground = true,\n variant = 'responsive',\n}) => {\n // ===== ESTADO LOCAL =====\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const [showPassword, setShowPassword] = useState(false);\n const [emailError, setEmailError] = useState('');\n\n // ===== HANDLERS =====\n const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n\n // Validación básica de email\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (!emailRegex.test(email)) {\n setEmailError('Por favor ingresa un email válido');\n return;\n }\n\n setEmailError('');\n onSubmit?.(email, password);\n };\n\n const handleEmailChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setEmail(e.target.value);\n if (emailError) setEmailError('');\n };\n\n const togglePasswordVisibility = () => {\n setShowPassword(!showPassword);\n };\n\n return (\n <div\n className={[\n 'relative',\n 'min-h-screen',\n 'w-full',\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'box-border',\n // Mobile: sin padding en el wrapper (el padding está en el contenedor)\n 'p-0',\n // Desktop: padding para centrar el card\n 'md:p-4',\n className,\n ].join(' ')}\n >\n {/ ===== FONDO DECORATIVO ===== /}\n {showBackground && (\n <div className=\"absolute inset-0 pointer-events-none\" aria-hidden=\"true\">\n <div className=\"absolute inset-0 bg-primary-custom-100 dark:bg-dark-bg-custom\" />\n <img\n src=\"/bg_siesa.png\"\n alt=\"\"\n className=\"absolute inset-0 w-full h-full object-cover opacity-10\"\n />\n </div>\n )}\n\n {/ ===== CONTENEDOR PRINCIPAL ===== /}\n <div\n className={[\n // Clases base comunes\n 'relative',\n 'box-border',\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'gap-4',\n 'p-16',\n 'shrink-0',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n\n // Clases específicas según variant\n ...(variant === 'mobile' ? [\n // Forzar mobile: sin efectos de card\n 'w-full',\n 'h-full',\n 'shadow-none',\n 'rounded-none',\n 'border-0',\n ] : variant === 'desktop' ? [\n // Forzar desktop: con efectos de card\n 'w-[400px]',\n 'h-auto',\n 'rounded-2xl',\n 'shadow-lg',\n 'dark:shadow-2xl',\n 'overflow-clip',\n 'border',\n 'border-transparent',\n 'dark:border-dark-border-primary',\n ] : [\n // Responsive: cambia según viewport\n 'w-full',\n 'h-full',\n 'shadow-none',\n 'rounded-none',\n 'border-0',\n 'md:w-[400px]',\n 'md:h-auto',\n 'md:rounded-2xl',\n 'md:shadow-lg',\n 'md:dark:shadow-2xl',\n 'md:overflow-clip',\n 'md:border',\n 'md:border-transparent',\n 'md:dark:border-dark-border-primary',\n ]),\n ].join(' ')}\n >\n {/ ===== LOGO ===== /}\n <div className=\"w-full flex flex-col items-center pb-4\">\n <img\n src=\"/.Siesa Logo.png\"\n alt=\"Siesa\"\n className=\"w-[200px] h-[50px] object-contain\"\n />\n </div>\n\n {/ ===== HEADING ===== /}\n <div className=\"w-full text-center\">\n <h1\n className={[\n 'text-[20px]',\n 'leading-[28px]',\n 'font-bold',\n 'tracking-[-0.5px]',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Iniciar Sesión\n </h1>\n <p\n className={[\n 'text-[12px]',\n 'leading-[16px]',\n 'font-normal',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Inicia sesión ingresando con tu correo electrónico y contraseña.\n </p>\n </div>\n\n {/ ===== MENSAJE DE ERROR GENERAL ===== /}\n {errorMessage && (\n <div\n className={[\n 'w-full',\n 'p-3',\n 'bg-error-bg',\n 'dark:bg-error-bg',\n 'border',\n 'border-error-border',\n 'dark:border-error-border',\n 'rounded-md',\n 'text-error-content',\n 'dark:text-error-content',\n 'text-sm',\n ].join(' ')}\n role=\"alert\"\n >\n {errorMessage}\n </div>\n )}\n\n {/ ===== FORMULARIO ===== /}\n <form onSubmit={handleSubmit} className=\"w-full flex flex-col gap-2\">\n {/ Email Input /}\n <div className=\"flex flex-col gap-2 w-full\">\n <label\n htmlFor=\"email-input\"\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n Correo Electrónico <span className=\"text-red-600\"></span>\n </label>\n <div className=\"relative\">\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\">\n <EnvelopeIcon className=\"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary\" />\n </div>\n <input\n id=\"email-input\"\n type=\"email\"\n placeholder=\"ejemplo@miempresa.com\"\n value={email}\n onChange={handleEmailChange}\n disabled={isLoading}\n required\n autoComplete=\"email\"\n className={[\n 'w-full',\n 'pl-9',\n 'pr-3',\n 'py-1.5',\n 'text-base',\n 'leading-6',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n 'border',\n 'border-border-primary',\n 'dark:border-dark-border-primary',\n 'rounded-lg',\n 'placeholder:text-content-tertiary',\n 'dark:placeholder:text-dark-content-tertiary',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n 'focus:outline-hidden',\n 'focus:border-primary-custom-600',\n 'dark:focus:border-dark-border-custom',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-dark-border-custom',\n 'transition-all',\n 'duration-150',\n emailError ? 'border-error-border!' : '',\n ].filter(Boolean).join(' ')}\n />\n </div>\n {emailError && (\n <p className=\"text-xs text-error-content dark:text-error-content\">\n {emailError}\n </p>\n )}\n </div>\n\n {/* Password Input /}\n <div className=\"flex flex-col gap-2 w-full\">\n <div className=\"flex items-center justify-between\">\n <label\n htmlFor=\"password-input\"\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n Contraseña <span className=\"text-red-600\"></span>\n </label>\n <button\n type=\"button\"\n onClick={onForgotPassword}\n className=\"text-[12px] leading-4 font-bold text-primary-custom-600 dark:text-[#93d1fd] hover:underline transition-all duration-150 focus:outline-hidden focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-[#93d1fd] rounded-sm px-1\"\n >\n Olvidé mi Contraseña\n </button>\n </div>\n <div className=\"relative\">\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\">\n <LockClosedIcon className=\"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary\" />\n </div>\n <input\n id=\"password-input\"\n type={showPassword ? 'text' : 'password'}\n placeholder=\"••••••••\"\n value={password}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => setPassword(e.target.value)}\n disabled={isLoading}\n required\n autoComplete=\"current-password\"\n className={[\n 'w-full',\n 'pl-9',\n 'pr-10',\n 'py-1.5',\n 'text-base',\n 'leading-6',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n 'border',\n 'border-border-primary',\n 'dark:border-dark-border-primary',\n 'rounded-lg',\n 'placeholder:text-content-tertiary',\n 'dark:placeholder:text-dark-content-tertiary',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n 'focus:outline-hidden',\n 'focus:border-primary-custom-600',\n 'dark:focus:border-dark-border-custom',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-dark-border-custom',\n 'transition-all',\n 'duration-150',\n ].join(' ')}\n />\n <button\n type=\"button\"\n onClick={togglePasswordVisibility}\n className=\"absolute right-3 top-1/2 -translate-y-1/2 opacity-50 hover:opacity-100 text-content-tertiary dark:text-dark-content-tertiary transition-opacity duration-150 focus:outline-hidden focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-dark-border-custom rounded-sm p-1\"\n aria-label={showPassword ? 'Ocultar contraseña' : 'Mostrar contraseña'}\n >\n <EyeIcon className=\"w-4 h-4\" />\n </button>\n </div>\n </div>\n\n {/* Submit Button /}\n <button\n type=\"submit\"\n disabled={isLoading \|\| !email \|\| !password}\n className={[\n 'relative',\n 'w-full',\n 'px-2.5',\n 'py-1.5',\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'font-bold',\n 'text-sm',\n 'leading-5',\n 'text-primary-inverse-content',\n 'dark:text-[#0e79fd]',\n 'bg-[#0e79fd]',\n 'dark:bg-dark-bg-inverse',\n 'border',\n 'border-[#3c9bf6]',\n 'dark:border-[#93d1fd]',\n 'rounded-md',\n 'shadow-button-inset',\n 'hover:bg-primary-custom-500',\n 'dark:hover:bg-[#93d1fd]',\n 'active:scale-95',\n 'transition-all',\n 'duration-150',\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-[#93d1fd]',\n 'focus:ring-offset-2',\n 'dark:focus:ring-offset-[#3f3f46]',\n 'disabled:opacity-50',\n 'disabled:cursor-not-allowed',\n ].join(' ')}\n >\n {isLoading ? 'Iniciando sesión...' : 'Iniciar Sesión'}\n </button>\n </form>\n\n {/ ===== SIGN UP LINK ===== /}\n <button\n type=\"button\"\n onClick={onSignUp}\n className={[\n 'w-full',\n 'px-2.5',\n 'py-1.5',\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'font-bold',\n 'text-sm',\n 'leading-5',\n 'text-[#0e79fd]',\n 'dark:text-[#93d1fd]',\n 'hover:bg-primary-custom-100',\n 'dark:hover:bg-[#93d1fd]/10',\n 'rounded-md',\n 'transition-all',\n 'duration-150',\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-[#93d1fd]',\n 'focus:ring-offset-2',\n 'dark:focus:ring-offset-[#3f3f46]',\n ].join(' ')}\n >\n ¿No tienes una cuenta?\n </button>\n </div>\n </div>\n );\n};\n","import React from 'react';\n\n/\n Iconos para ProductsView\n * Basados en Heroicons Micro (16x16px)\n /\n\nexport const ArrowLeftIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M14 8a.75.75 0 0 1-.75.75H4.56l3.22 3.22a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 1.06L4.56 7.25h8.69A.75.75 0 0 1 14 8Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\nexport const CheckIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353 4.493-6.74a.75.75 0 0 1 1.04-.207Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n","import React from 'react';\nimport type { ProductsViewProps } from './ProductsView.types';\nimport { Button } from '../../components/Button';\nimport { POSProductButton } from '../../components/POSProductButton';\nimport { POSProductCard } from '../../components/POSProductCard';\nimport { POSProductSidebarItems } from '../../components/POSProductSidebarItems';\nimport { Divider } from '../../components/Divider/Divider';\nimport { Navbar } from '../../components/Navbar';\nimport {\n ArrowLeftIcon,\n CheckIcon,\n} from './icons';\n\n/\n ProductsView - Vista de selección de productos para sistema POS\n \n Vista completa para sistemas POS que permite:\n * - Seleccionar categorías de productos\n * - Ver y agregar productos al pedido\n * - Gestionar items del pedido (cantidad, eliminar)\n * - Ver resumen con subtotal, impuestos y total\n * - Confirmar pedido\n \n Composición:\n * - Navbar superior con navegación y usuario\n * - Área de contenido con 3 columnas:\n * - Columna 1: Sidebar de categorías (POSProductButton)\n * - Columna 2: Grid de productos (POSProductCard)\n * - Columna 3: Sidebar de pedido (POSProductSidebarItems)\n \n Responsive:\n * - Mobile (< 768px): Layout vertical adaptativo\n * - Desktop (≥ 768px): Layout de 3 columnas según Figma\n \n Dark Mode:\n * - Soporte completo con tokens del sistema\n * - Fondos, textos y bordes adaptativos\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Responsive design con breakpoints\n * - Composición con componentes del sistema\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see src/components/POSProductButton - Botón de categoría\n * @see src/components/POSProductCard - Card de producto\n * @see src/components/POSProductSidebarItems - Item de pedido\n \n @example\n * ```tsx\n * <ProductsView\n * tableTitle=\"Mesa 1\"\n * categories={categories}\n * products={products}\n * orderItems={orderItems}\n * onAddProduct={(id) => console.log('Agregar', id)}\n * onConfirmOrder={() => console.log('Confirmar')}\n * />\n * ```\n /\nexport const ProductsView: React.FC<ProductsViewProps> = ({\n tableTitle = 'Mesa 1',\n changeTableLabel = 'Cambiar Mesa',\n menusTitle = 'Menús',\n menus = [\n { id: '1', label: 'Corral' },\n { id: '2', label: 'Burguer One' },\n { id: '3', label: 'Andrés Carne de Res' },\n { id: '4', label: 'Aceites' },\n { id: '5', label: 'Kiosco Mac' },\n { id: '6', label: 'Kiosco Qbano' },\n { id: '7', label: 'Premier Dinning' },\n ],\n selectedMenuId = '1',\n onMenuSelect,\n onChangeTable,\n categoryTitle = 'Categoría',\n categories = [],\n selectedCategoryId,\n onCategorySelect,\n productsTitle = 'Productos',\n products = [],\n onAddProduct,\n activeTab = 'products',\n onTabChange,\n orderItems = [],\n onOrderItemQuantityChange,\n onOrderItemDelete,\n subtotal = '40,000.00',\n taxes = '40,000.00',\n total = '40,000.00',\n confirmLabel = 'Confirmar Pedido',\n onConfirmOrder,\n isLoading = false,\n errorMessage,\n userAvatar,\n userName = 'Jhonnatan Diaz',\n userRole = 'Administrador',\n businessLogo,\n siesaLogo,\n className = '',\n}) => {\n return (\n <div\n className={`\n min-h-screen\n w-full\n bg-background-secondary\n dark:bg-dark-bg-primary\n flex\n flex-col\n ${className}\n `.trim().replace(/\\s+/g, ' ')}\n >\n {/ ===== NAVBAR ===== /}\n <Navbar\n logo={\n businessLogo && (\n <div className=\"h-[30px] w-[168px] overflow-hidden\">\n {typeof businessLogo === 'string' ? (\n <img src={businessLogo} alt=\"Business Logo\" className=\"h-full w-full object-contain\" />\n ) : (\n businessLogo\n )}\n </div>\n )\n }\n productName=\"\"\n userDropdown={\n userAvatar\n ? {\n avatar: userAvatar,\n name: userName,\n role: userRole,\n }\n : undefined\n }\n hideActionButtons\n siesaLogo={\n siesaLogo && (\n <div className=\"h-[30px] w-[120px] overflow-hidden\">\n {typeof siesaLogo === 'string' ? (\n <img src={siesaLogo} alt=\"Siesa Logo\" className=\"h-full w-full object-contain\" />\n ) : (\n siesaLogo\n )}\n </div>\n )\n }\n variant=\"desktop\"\n className=\"bg-background-secondary dark:bg-dark-bg-primary\"\n />\n\n {/ ===== CONTAINER ===== /}\n <div className=\"flex flex-1 w-full overflow-hidden\">\n {/ ===== ROW PRINCIPAL ===== /}\n <div className=\"flex flex-1 w-full overflow-hidden\">\n {/ ===== COLUMNA 1: ÁREA DE CONTENIDO (Menu + Body) ===== /}\n <div\n className=\"\n flex-1\n flex\n flex-col\n gap-4\n p-4\n bg-white\n dark:bg-dark-bg-primary\n rounded-tl-3xl\n rounded-tr-3xl\n overflow-hidden\n \"\n >\n {/ Menu de navegación /}\n <div className=\"flex items-center gap-4 w-full\">\n {/ Cambiar Mesa Button /}\n <div className=\"shrink-0\">\n <Button\n type=\"default\"\n leftIcon={<ArrowLeftIcon className=\"w-4 h-4\" />}\n onClick={onChangeTable}\n ariaLabel={changeTableLabel}\n >\n {changeTableLabel}\n </Button>\n </div>\n\n {/ Divider /}\n <div className=\"h-8 w-px bg-border-primary dark:bg-dark-border-primary shrink-0\" />\n\n {/ Título Menús /}\n <div className=\"shrink-0\">\n <h2 className=\"text-xl font-bold leading-7 tracking-tight text-content-primary dark:text-dark-content-primary\">\n {menusTitle}\n </h2>\n </div>\n\n {/ Botones de menús con scroll horizontal /}\n <div className=\"flex-1 flex gap-2 overflow-x-auto overflow-y-hidden\">\n {menus.map((menu) => (\n <Button\n key={menu.id}\n type={selectedMenuId === menu.id ? 'default' : 'outline-solid'}\n onClick={() => onMenuSelect?.(menu.id)}\n >\n {menu.label}\n </Button>\n ))}\n </div>\n </div>\n\n {/ Body: Categorías + Productos /}\n <div\n className=\"\n flex-1\n flex\n gap-0\n bg-background-secondary\n dark:bg-dark-bg-primary/50\n rounded-xl\n overflow-hidden\n \"\n >\n {/ ===== SIDEBAR IZQUIERDO: CATEGORÍAS ===== /}\n <div className=\"w-[213px] p-4 border-b border-border-primary dark:border-dark-border-primary\">\n <div className=\"flex flex-col gap-4 h-full\">\n {/ Título /}\n <div className=\"flex items-center justify-center w-full\">\n <h3 className=\"text-xl font-bold leading-6 text-content-primary dark:text-dark-content-primary\">\n {categoryTitle}\n </h3>\n </div>\n\n {/ Lista de categorías con scroll /}\n <div className=\"flex-1 flex flex-col gap-2 overflow-x-hidden overflow-y-auto\">\n {categories.map((category) => (\n <POSProductButton\n key={category.id}\n image={category.image}\n label={category.label}\n active={selectedCategoryId === category.id}\n onClick={() => onCategorySelect?.(category.id)}\n />\n ))}\n </div>\n </div>\n </div>\n\n {/ ===== CONTENIDO PRINCIPAL: PRODUCTOS ===== /}\n <div className=\"flex-1 p-4 border-l border-b border-border-primary dark:border-dark-border-primary\">\n <div className=\"flex flex-col gap-4 h-full\">\n {/ Título /}\n <div className=\"flex items-center justify-center w-full\">\n <h3 className=\"text-xl font-bold leading-6 text-content-primary dark:text-dark-content-primary\">\n {productsTitle}\n </h3>\n </div>\n\n {/ Grid de productos con scroll - Flexbox centrado con max-width para 4 columnas (170px * 4 + 8px * 3 = 704px) /}\n <div className=\"flex-1 overflow-x-hidden overflow-y-auto\">\n <div className=\"flex flex-col items-center justify-start min-h-full w-full\">\n <div className=\"flex flex-wrap gap-2 justify-center max-w-[704px]\">\n {products.map((product) => (\n <POSProductCard\n key={product.id}\n image={product.image}\n productName={product.name}\n price={product.price}\n onAddClick={() => onAddProduct?.(product.id)}\n />\n ))}\n </div>\n </div>\n\n {/ Estado vacío /}\n {products.length === 0 && (\n <div className=\"flex items-center justify-center h-full\">\n <p className=\"text-content-secondary dark:text-content-secondary\">\n No hay productos disponibles\n </p>\n </div>\n )}\n\n {/ Estado de carga /}\n {isLoading && (\n <div className=\"flex items-center justify-center h-full\">\n <p className=\"text-content-secondary dark:text-content-secondary\">\n Cargando productos...\n </p>\n </div>\n )}\n\n {/ Estado de error /}\n {errorMessage && (\n <div className=\"flex items-center justify-center h-full\">\n <p className=\"text-red-600 dark:text-red-400\">\n {errorMessage}\n </p>\n </div>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n\n {/ ===== COLUMNA 2: SIDEBAR DERECHO (Pedido) ===== /}\n <div className=\"w-[304px] p-4 flex flex-col gap-0 h-full overflow-hidden\">\n <div className=\"flex flex-col h-full relative\">\n {/ Heading /}\n <div className=\"border-b border-border-primary dark:border-dark-border-primary pb-4 z-10\">\n <h2 className=\"text-xl font-bold leading-7 tracking-tight text-content-primary dark:text-dark-content-primary\">\n {tableTitle}\n </h2>\n </div>\n\n {/ Tabs /}\n <div className=\"flex items-start py-2.5 z-10\">\n <button\n className={`\n flex-1\n flex\n flex-col\n items-center\n p-2\n rounded-lg\n transition-colors\n duration-150\n ${activeTab === 'products' ? 'relative' : ''}\n `}\n onClick={() => onTabChange?.('products')}\n >\n <span\n className={`\n text-sm\n font-bold\n leading-5\n ${activeTab === 'products'\n ? 'text-primary-custom-600 dark:text-primary-custom-600'\n : 'text-content-primary dark:text-dark-content-primary'\n }\n `}\n >\n Productos\n </span>\n {activeTab === 'products' && (\n <div className=\"absolute -bottom-2.5 left-0 right-0 h-0.5 bg-primary-custom-600 dark:bg-primary-custom-600 rounded-full\" />\n )}\n </button>\n\n <button\n className={`\n flex-1\n flex\n flex-col\n items-center\n p-2\n rounded-lg\n transition-colors\n duration-150\n ${activeTab === 'client' ? 'relative' : ''}\n `}\n onClick={() => onTabChange?.('client')}\n >\n <span\n className={`\n text-sm\n font-bold\n leading-5\n ${activeTab === 'client'\n ? 'text-primary-custom-600 dark:text-primary-custom-600'\n : 'text-content-primary dark:text-dark-content-primary'\n }\n `}\n >\n Cliente\n </span>\n {activeTab === 'client' && (\n <div className=\"absolute -bottom-2.5 left-0 right-0 h-0.5 bg-primary-custom-600 dark:bg-primary-custom-600 rounded-full\" />\n )}\n </button>\n </div>\n\n {/ Body: Lista de items del pedido /}\n <div\n className=\"\n flex-1\n flex\n flex-col\n gap-2\n p-4\n bg-white\n dark:bg-dark-bg-primary\n rounded-bl-lg\n rounded-br-lg\n overflow-x-hidden\n overflow-y-auto\n z-10\n \"\n >\n {orderItems.map((item, index) => (\n <React.Fragment key={item.productId}>\n <POSProductSidebarItems\n categoryLabel={item.categoryLabel}\n categoryColor={item.categoryColor}\n productRef={item.productRef}\n price={item.price}\n productName={item.productName}\n descriptionItems={item.descriptionItems}\n showDescription={!!item.descriptionItems && item.descriptionItems.length > 0}\n quantity={item.quantity}\n onQuantityChange={(qty) => onOrderItemQuantityChange?.(item.productId, qty)}\n onDelete={() => onOrderItemDelete?.(item.productId)}\n />\n {index < orderItems.length - 1 && <Divider />}\n </React.Fragment>\n ))}\n\n {/ Estado vacío /}\n {orderItems.length === 0 && (\n <div className=\"flex items-center justify-center h-full\">\n <p className=\"text-content-secondary dark:text-content-secondary text-center\">\n No hay productos en el pedido\n </p>\n </div>\n )}\n </div>\n\n {/ Footer: Resumen y botón confirmar /}\n <div className=\"flex flex-col gap-4 pt-4 z-10\">\n {/ Resumen de precios /}\n <div className=\"flex flex-col gap-2\">\n {/ Subtotal /}\n <div className=\"flex items-start text-base font-bold leading-6 text-content-primary dark:text-dark-content-primary\">\n <div className=\"flex-1\">Subtotal</div>\n <div className=\"flex-1 text-right\">{subtotal}</div>\n </div>\n\n {/ Impuestos /}\n <div className=\"flex items-start text-base font-bold leading-6 text-content-primary dark:text-dark-content-primary\">\n <div className=\"flex-1\">Impuestos</div>\n <div className=\"flex-1 text-right\">{taxes}</div>\n </div>\n\n {/ Divider /}\n <Divider />\n\n {/ Total /}\n <div className=\"flex items-start text-lg font-bold leading-7 text-content-primary dark:text-dark-content-primary\">\n <div className=\"flex-1\">Total</div>\n <div className=\"flex-1 text-right\">{total}</div>\n </div>\n </div>\n\n {/ Botón confirmar /}\n <div className=\"flex gap-2 w-full\">\n <Button\n type=\"default\"\n leftIcon={<CheckIcon className=\"w-4 h-4\" />}\n onClick={onConfirmOrder}\n fullWidth\n disabled={orderItems.length === 0 \|\| isLoading}\n >\n {confirmLabel}\n </Button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nProductsView.displayName = 'ProductsView';\n","import React from 'react';\n\n/\n Icono de sobre (envelope) para el campo de email\n * @see https://heroicons.com/\n /\nexport const EnvelopeIcon: React.FC<{ className?: string }> = ({ className = 'w-4 h-4' }) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className={className}\n >\n <path d=\"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z\" />\n <path d=\"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z\" />\n </svg>\n);\n","import React, { useState } from 'react';\nimport type { FormEvent } from 'react';\nimport type { RecoverPasswordViewProps } from './RecoverPasswordView.types';\nimport { EnvelopeIcon } from './icons';\n\n/\n RecoverPasswordView - Vista de recuperación de contraseña del sistema Siesa\n \n Vista completa para restablecer contraseña que incluye:\n * - Logo de Siesa\n * - Campo de email para enviar instrucciones\n * - Botón para regresar al login\n * - Fondo decorativo opcional\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels y manejo de formulario semántico\n * - Validación de email básica\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras\n \n @example\n * ```tsx\n * <RecoverPasswordView\n * onSubmit={(email) => console.log('Recover password for', email)}\n * onBackToLogin={() => console.log('Back to login')}\n * />\n * ```\n /\nexport const RecoverPasswordView: React.FC<RecoverPasswordViewProps> = ({\n onSubmit,\n onBackToLogin,\n isLoading = false,\n errorMessage,\n successMessage,\n className = '',\n showBackground = true,\n variant = 'responsive',\n}) => {\n // ===== ESTADO LOCAL =====\n const [email, setEmail] = useState('');\n const [emailError, setEmailError] = useState('');\n\n // ===== HANDLERS =====\n const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n\n // Validación básica de email\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (!emailRegex.test(email)) {\n setEmailError('Por favor ingresa un email válido');\n return;\n }\n\n setEmailError('');\n onSubmit?.(email);\n };\n\n const handleEmailChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setEmail(e.target.value);\n if (emailError) setEmailError('');\n };\n\n return (\n <div\n className={[\n 'relative',\n 'min-h-screen',\n 'w-full',\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'box-border',\n // Mobile: sin padding en el wrapper (el padding está en el contenedor)\n 'p-0',\n // Desktop: padding para centrar el card\n 'md:p-4',\n className,\n ].join(' ')}\n >\n {/ ===== FONDO DECORATIVO (solo desktop) ===== /}\n {showBackground && (\n <div className=\"hidden md:block absolute inset-0 pointer-events-none\" aria-hidden=\"true\">\n <div className=\"absolute inset-0 bg-primary-custom-100 dark:bg-dark-bg-custom\" />\n <img\n src=\"/bg_siesa.jpg\"\n alt=\"\"\n className=\"absolute inset-0 w-full h-full object-cover opacity-10\"\n />\n </div>\n )}\n\n {/ ===== CONTENEDOR PRINCIPAL ===== /}\n <div\n className={[\n // Clases base comunes\n 'relative',\n 'box-border',\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'gap-4',\n 'p-16',\n 'shrink-0',\n 'bg-bg-primary',\n 'dark:bg-zinc-700',\n\n // Clases específicas según variant\n ...(variant === 'mobile' ? [\n // Forzar mobile: sin efectos de card\n 'w-full',\n 'h-full',\n 'shadow-none',\n 'rounded-none',\n 'border-0',\n ] : variant === 'desktop' ? [\n // Forzar desktop: con efectos de card\n 'w-[400px]',\n 'h-auto',\n 'rounded-2xl',\n 'shadow-lg',\n 'dark:shadow-2xl',\n 'overflow-clip',\n 'border',\n 'border-transparent',\n 'dark:border-dark-border-primary',\n ] : [\n // Responsive: cambia según viewport\n 'w-full',\n 'h-full',\n 'shadow-none',\n 'rounded-none',\n 'border-0',\n 'md:w-[400px]',\n 'md:h-auto',\n 'md:rounded-2xl',\n 'md:shadow-lg',\n 'md:dark:shadow-2xl',\n 'md:overflow-clip',\n 'md:border',\n 'md:border-transparent',\n 'md:dark:border-dark-border-primary',\n ]),\n ].join(' ')}\n >\n {/ ===== LOGO ===== /}\n <div className=\"w-full flex flex-col items-center pb-4\">\n <img\n src=\"/.Siesa Logo.png\"\n alt=\"Siesa\"\n className=\"w-[200px] h-[50px] object-contain\"\n />\n </div>\n\n {/ ===== HEADING ===== /}\n <div className=\"w-full text-center\">\n <h1\n className={[\n 'text-[20px]',\n 'leading-[28px]',\n 'font-bold',\n 'tracking-[-0.5px]',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Restablecer Contraseña\n </h1>\n <p\n className={[\n 'text-[12px]',\n 'leading-[16px]',\n 'font-normal',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Reestablece tu contraseña ingresando con tu correo electrónico.\n </p>\n </div>\n\n {/ ===== MENSAJE DE ERROR GENERAL ===== /}\n {errorMessage && (\n <div\n className={[\n 'w-full',\n 'p-3',\n 'bg-error-bg',\n 'dark:bg-error-bg',\n 'border',\n 'border-error-border',\n 'dark:border-error-border',\n 'rounded-md',\n 'text-error-content',\n 'dark:text-error-content',\n 'text-sm',\n ].join(' ')}\n role=\"alert\"\n >\n {errorMessage}\n </div>\n )}\n\n {/ ===== MENSAJE DE ÉXITO ===== /}\n {successMessage && (\n <div\n className={[\n 'w-full',\n 'p-3',\n 'bg-[#d1fae5]',\n 'dark:bg-[#064e3b]',\n 'border',\n 'border-[#a7f3d0]',\n 'dark:border-[#065f46]',\n 'rounded-md',\n 'text-[#065f46]',\n 'dark:text-[#a7f3d0]',\n 'text-sm',\n ].join(' ')}\n role=\"status\"\n >\n {successMessage}\n </div>\n )}\n\n {/ ===== FORMULARIO ===== /}\n <form onSubmit={handleSubmit} className=\"w-full flex flex-col gap-2\">\n {/ Email Input /}\n <div className=\"flex flex-col gap-2 w-full\">\n <label\n htmlFor=\"email-input\"\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n Correo Electrónico <span className=\"text-red-600\"></span>\n </label>\n <div className=\"relative\">\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\">\n <EnvelopeIcon className=\"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary\" />\n </div>\n <input\n id=\"email-input\"\n type=\"email\"\n placeholder=\"ejemplo@miempresa.com\"\n value={email}\n onChange={handleEmailChange}\n disabled={isLoading}\n required\n autoComplete=\"email\"\n className={[\n 'w-full',\n 'pl-9',\n 'pr-3',\n 'py-1.5',\n 'text-base',\n 'leading-6',\n 'bg-bg-primary',\n 'dark:bg-zinc-700',\n 'border',\n 'border-border-primary',\n 'dark:border-dark-border-primary',\n 'rounded-lg',\n 'placeholder:text-content-tertiary',\n 'dark:placeholder:text-dark-content-tertiary',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n 'focus:outline-hidden',\n 'focus:border-primary-custom-600',\n 'dark:focus:border-dark-border-custom',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-dark-border-custom',\n 'transition-all',\n 'duration-150',\n emailError ? 'border-error-border!' : '',\n ].filter(Boolean).join(' ')}\n />\n </div>\n {emailError && (\n <p className=\"text-xs text-error-content dark:text-error-content\">\n {emailError}\n </p>\n )}\n </div>\n\n {/* Submit Button /}\n <button\n type=\"submit\"\n disabled={isLoading \|\| !email}\n className={[\n 'relative',\n 'w-full',\n 'px-2.5',\n 'py-1.5',\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'font-bold',\n 'text-sm',\n 'leading-5',\n 'text-primary-inverse-content',\n 'dark:text-[#0e79fd]',\n 'bg-[#0e79fd]',\n 'dark:bg-dark-bg-inverse',\n 'border',\n 'border-[#3c9bf6]',\n 'dark:border-[#93d1fd]',\n 'rounded-md',\n 'shadow-button-inset',\n 'hover:bg-primary-custom-500',\n 'dark:hover:bg-[#93d1fd]',\n 'active:scale-95',\n 'transition-all',\n 'duration-150',\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-[#93d1fd]',\n 'focus:ring-offset-2',\n 'dark:focus:ring-offset-[#3f3f46]',\n 'disabled:opacity-50',\n 'disabled:cursor-not-allowed',\n ].join(' ')}\n >\n {isLoading ? 'Enviando...' : 'Reestablecer Contraseña'}\n </button>\n </form>\n\n {/ ===== BACK TO LOGIN BUTTON ===== /}\n <button\n type=\"button\"\n onClick={onBackToLogin}\n className={[\n 'w-full',\n 'px-2.5',\n 'py-1.5',\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'font-bold',\n 'text-sm',\n 'leading-5',\n 'text-[#0e79fd]',\n 'dark:text-[#93d1fd]',\n 'bg-transparent',\n 'border',\n 'border-[#93d1fd]',\n 'dark:border-[#93d1fd]',\n 'rounded-md',\n 'hover:bg-primary-custom-100',\n 'dark:hover:bg-[#93d1fd]/10',\n 'transition-all',\n 'duration-150',\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-[#93d1fd]',\n 'focus:ring-offset-2',\n 'dark:focus:ring-offset-[#3f3f46]',\n ].join(' ')}\n >\n Iniciar Sesión\n </button>\n </div>\n </div>\n );\n};\n","import React from 'react';\n\n/\n Icono de círculo de usuario para el input de nombre\n /\nexport const UserCircleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n d=\"M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-5-2a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 9c-1.825 0-3.422.977-4.295 2.437A5.49 5.49 0 0 0 8 13.5a5.49 5.49 0 0 0 4.294-2.063A4.997 4.997 0 0 0 8 9Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n/\n Icono de sobre (envelope) para el input de email\n /\nexport const EnvelopeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z\" />\n <path d=\"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z\" />\n </svg>\n);\n\n/\n Icono de candado cerrado (lock) para el input de contraseña\n /\nexport const LockClosedIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n d=\"M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n/\n Icono de ojo (eye) para mostrar/ocultar contraseña\n /\nexport const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\" />\n <path\n fillRule=\"evenodd\"\n d=\"M1.38 8.28a.87.87 0 0 1 0-.566 7.003 7.003 0 0 1 13.238.006.87.87 0 0 1 0 .56A7.003 7.003 0 0 1 1.379 8.28ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n","import React, { useState } from 'react';\nimport type { FormEvent } from 'react';\nimport type { SignUpViewProps } from './SignUpView.types';\nimport { UserCircleIcon, EnvelopeIcon, LockClosedIcon, EyeIcon } from './icons';\n\n/\n SignUpView - Vista de registro del sistema Siesa\n \n Vista completa de registro con formulario que incluye:\n * - Logo de Siesa\n * - Campos de nombre, email y contraseña\n * - Botón de registro\n * - Link para iniciar sesión\n * - Texto de términos y condiciones\n * - Fondo decorativo opcional\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels y manejo de formulario semántico\n * - Validación de email básica\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras\n \n @example\n * ```tsx\n * <SignUpView\n * onSubmit={(name, email, password) => console.log('Sign up', name, email, password)}\n * onSignIn={() => console.log('Go to sign in')}\n * onTermsClick={() => console.log('View terms')}\n * onPrivacyClick={() => console.log('View privacy')}\n * />\n * ```\n /\nexport const SignUpView: React.FC<SignUpViewProps> = ({\n onSubmit,\n onSignIn,\n onTermsClick,\n onPrivacyClick,\n isLoading = false,\n errorMessage,\n className = '',\n showBackground = true,\n variant = 'responsive',\n}) => {\n // ===== ESTADO LOCAL =====\n const [name, setName] = useState('');\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const [showPassword, setShowPassword] = useState(false);\n const [emailError, setEmailError] = useState('');\n\n // ===== HANDLERS =====\n const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n\n // Validación básica de email\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (!emailRegex.test(email)) {\n setEmailError('Por favor ingresa un email válido');\n return;\n }\n\n setEmailError('');\n onSubmit?.(name, email, password);\n };\n\n const handleEmailChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setEmail(e.target.value);\n if (emailError) setEmailError('');\n };\n\n const togglePasswordVisibility = () => {\n setShowPassword(!showPassword);\n };\n\n return (\n <div\n className={[\n 'relative',\n 'min-h-screen',\n 'w-full',\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'box-border',\n // Mobile: sin padding en el wrapper\n 'p-0',\n // Desktop: padding para centrar el card\n 'md:p-4',\n className,\n ].join(' ')}\n >\n {/ ===== FONDO DECORATIVO ===== /}\n {showBackground && (\n <div className=\"absolute inset-0 pointer-events-none\" aria-hidden=\"true\">\n <div className=\"absolute inset-0 bg-primary-custom-100 dark:bg-dark-bg-custom\" />\n <img\n src=\"/bg_siesa.png\"\n alt=\"\"\n className=\"absolute inset-0 w-full h-full object-cover opacity-10\"\n />\n </div>\n )}\n\n {/ ===== CONTENEDOR PRINCIPAL ===== /}\n <div\n className={[\n // Clases base comunes\n 'relative',\n 'box-border',\n 'flex',\n 'flex-col',\n 'items-center',\n 'justify-center',\n 'gap-4',\n 'p-16',\n 'shrink-0',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n\n // Clases específicas según variant\n ...(variant === 'mobile' ? [\n // Forzar mobile: sin efectos de card\n 'w-full',\n 'h-full',\n 'shadow-none',\n 'rounded-none',\n 'border-0',\n ] : variant === 'desktop' ? [\n // Forzar desktop: con efectos de card\n 'w-[400px]',\n 'h-auto',\n 'rounded-2xl',\n 'shadow-lg',\n 'dark:shadow-2xl',\n 'overflow-clip',\n 'border',\n 'border-transparent',\n 'dark:border-dark-border-primary',\n ] : [\n // Responsive: cambia según viewport\n 'w-full',\n 'h-full',\n 'shadow-none',\n 'rounded-none',\n 'border-0',\n 'md:w-[400px]',\n 'md:h-auto',\n 'md:rounded-2xl',\n 'md:shadow-lg',\n 'md:dark:shadow-2xl',\n 'md:overflow-clip',\n 'md:border',\n 'md:border-transparent',\n 'md:dark:border-dark-border-primary',\n ]),\n ].join(' ')}\n >\n {/ ===== LOGO ===== /}\n <div className=\"w-full flex flex-col items-center pb-4\">\n <img\n src=\"/.Siesa Logo.png\"\n alt=\"Siesa\"\n className=\"w-[200px] h-[50px] object-contain\"\n />\n </div>\n\n {/ ===== HEADING ===== /}\n <div className=\"w-full text-center\">\n <h1\n className={[\n 'text-[20px]',\n 'leading-[28px]',\n 'font-bold',\n 'tracking-[-0.5px]',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Crear Cuenta\n </h1>\n <p\n className={[\n 'text-[12px]',\n 'leading-[16px]',\n 'font-normal',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Ingresa todos los datos para crear tu cuenta.\n </p>\n </div>\n\n {/ ===== MENSAJE DE ERROR GENERAL ===== /}\n {errorMessage && (\n <div\n className={[\n 'w-full',\n 'p-3',\n 'bg-error-bg',\n 'dark:bg-error-bg',\n 'border',\n 'border-error-border',\n 'dark:border-error-border',\n 'rounded-md',\n 'text-error-content',\n 'dark:text-error-content',\n 'text-sm',\n ].join(' ')}\n role=\"alert\"\n >\n {errorMessage}\n </div>\n )}\n\n {/ ===== FORMULARIO ===== /}\n <form onSubmit={handleSubmit} className=\"w-full flex flex-col gap-2\">\n {/ Name Input /}\n <div className=\"flex flex-col gap-2 w-full\">\n <label\n htmlFor=\"name-input\"\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n Nombre <span className=\"text-red-600\"></span>\n </label>\n <div className=\"relative\">\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\">\n <UserCircleIcon className=\"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary\" />\n </div>\n <input\n id=\"name-input\"\n type=\"text\"\n placeholder=\"Juan Pérez\"\n value={name}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => setName(e.target.value)}\n disabled={isLoading}\n required\n autoComplete=\"name\"\n className={[\n 'w-full',\n 'pl-9',\n 'pr-3',\n 'py-1.5',\n 'text-base',\n 'leading-6',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n 'border',\n 'border-border-primary',\n 'dark:border-dark-border-primary',\n 'rounded-lg',\n 'placeholder:text-content-tertiary',\n 'dark:placeholder:text-dark-content-tertiary',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n 'focus:outline-hidden',\n 'focus:border-primary-custom-600',\n 'dark:focus:border-dark-border-custom',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-dark-border-custom',\n 'transition-all',\n 'duration-150',\n ].join(' ')}\n />\n </div>\n </div>\n\n {/* Email Input /}\n <div className=\"flex flex-col gap-2 w-full\">\n <label\n htmlFor=\"email-input\"\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n Correo Electrónico <span className=\"text-red-600\"></span>\n </label>\n <div className=\"relative\">\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\">\n <EnvelopeIcon className=\"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary\" />\n </div>\n <input\n id=\"email-input\"\n type=\"email\"\n placeholder=\"ejemplo@miempresa.com\"\n value={email}\n onChange={handleEmailChange}\n disabled={isLoading}\n required\n autoComplete=\"email\"\n className={[\n 'w-full',\n 'pl-9',\n 'pr-3',\n 'py-1.5',\n 'text-base',\n 'leading-6',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n 'border',\n 'border-border-primary',\n 'dark:border-dark-border-primary',\n 'rounded-lg',\n 'placeholder:text-content-tertiary',\n 'dark:placeholder:text-dark-content-tertiary',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n 'focus:outline-hidden',\n 'focus:border-primary-custom-600',\n 'dark:focus:border-dark-border-custom',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-dark-border-custom',\n 'transition-all',\n 'duration-150',\n emailError ? 'border-error-border!' : '',\n ].filter(Boolean).join(' ')}\n />\n </div>\n {emailError && (\n <p className=\"text-xs text-error-content dark:text-error-content\">\n {emailError}\n </p>\n )}\n </div>\n\n {/* Password Input /}\n <div className=\"flex flex-col gap-2 w-full\">\n <label\n htmlFor=\"password-input\"\n className=\"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary\"\n >\n Contraseña <span className=\"text-red-600\"></span>\n </label>\n <div className=\"relative\">\n <div className=\"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50\">\n <LockClosedIcon className=\"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary\" />\n </div>\n <input\n id=\"password-input\"\n type={showPassword ? 'text' : 'password'}\n placeholder=\"••••••••\"\n value={password}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => setPassword(e.target.value)}\n disabled={isLoading}\n required\n autoComplete=\"new-password\"\n className={[\n 'w-full',\n 'pl-9',\n 'pr-10',\n 'py-1.5',\n 'text-base',\n 'leading-6',\n 'bg-bg-primary',\n 'dark:bg-dark-bg-primary',\n 'border',\n 'border-border-primary',\n 'dark:border-dark-border-primary',\n 'rounded-lg',\n 'placeholder:text-content-tertiary',\n 'dark:placeholder:text-dark-content-tertiary',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n 'focus:outline-hidden',\n 'focus:border-primary-custom-600',\n 'dark:focus:border-dark-border-custom',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-dark-border-custom',\n 'transition-all',\n 'duration-150',\n ].join(' ')}\n />\n <button\n type=\"button\"\n onClick={togglePasswordVisibility}\n className=\"absolute right-3 top-1/2 -translate-y-1/2 opacity-50 hover:opacity-100 text-content-tertiary dark:text-dark-content-tertiary transition-opacity duration-150 focus:outline-hidden focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-dark-border-custom rounded-sm p-1\"\n aria-label={showPassword ? 'Ocultar contraseña' : 'Mostrar contraseña'}\n >\n <EyeIcon className=\"w-4 h-4\" />\n </button>\n </div>\n </div>\n\n {/* Submit Button /}\n <button\n type=\"submit\"\n disabled={isLoading \|\| !name \|\| !email \|\| !password}\n className={[\n 'relative',\n 'w-full',\n 'px-2.5',\n 'py-1.5',\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'font-bold',\n 'text-sm',\n 'leading-5',\n 'text-primary-inverse-content',\n 'dark:text-[#0e79fd]',\n 'bg-[#0e79fd]',\n 'dark:bg-dark-bg-inverse',\n 'border',\n 'border-[#3c9bf6]',\n 'dark:border-[#93d1fd]',\n 'rounded-md',\n 'shadow-button-inset',\n 'hover:bg-primary-custom-500',\n 'dark:hover:bg-[#93d1fd]',\n 'active:scale-95',\n 'transition-all',\n 'duration-150',\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-[#93d1fd]',\n 'focus:ring-offset-2',\n 'dark:focus:ring-offset-[#3f3f46]',\n 'disabled:opacity-50',\n 'disabled:cursor-not-allowed',\n ].join(' ')}\n >\n {isLoading ? 'Registrando...' : 'Registrarse'}\n </button>\n </form>\n\n {/ ===== SIGN IN LINK ===== /}\n <button\n type=\"button\"\n onClick={onSignIn}\n className={[\n 'w-full',\n 'px-2.5',\n 'py-1.5',\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'font-bold',\n 'text-sm',\n 'leading-5',\n 'text-[#0e79fd]',\n 'dark:text-[#93d1fd]',\n 'hover:bg-primary-custom-100',\n 'dark:hover:bg-[#93d1fd]/10',\n 'rounded-md',\n 'transition-all',\n 'duration-150',\n 'focus:outline-hidden',\n 'focus:ring-2',\n 'focus:ring-primary-custom-400',\n 'dark:focus:ring-[#93d1fd]',\n 'focus:ring-offset-2',\n 'dark:focus:ring-offset-[#3f3f46]',\n ].join(' ')}\n >\n Ya tengo una cuenta\n </button>\n\n {/ ===== TÉRMINOS Y CONDICIONES ===== /}\n <div className=\"w-full text-center\">\n <p\n className={[\n 'text-[12px]',\n 'leading-[16px]',\n 'font-normal',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Al registrarse, estás aceptando nuestras{' '}\n <button\n type=\"button\"\n onClick={onTermsClick}\n className=\"text-[#0e79fd] dark:text-[#93d1fd] underline hover:no-underline focus:outline-hidden focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-[#93d1fd] rounded-sm\"\n >\n Condiciones de Uso\n </button>\n {' '}y nuestras{' '}\n <button\n type=\"button\"\n onClick={onPrivacyClick}\n className=\"text-[#0e79fd] dark:text-[#93d1fd] underline hover:no-underline focus:outline-hidden focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-[#93d1fd] rounded-sm\"\n >\n Políticas de Privacidad\n </button>\n .\n </p>\n </div>\n </div>\n </div>\n );\n};\n","import React from 'react';\n\n/\n Iconos para TableLayoutView\n * Basados en Heroicons Micro (16x16px)\n /\n\n// Icono Plus (heroicons-micro/plus)\nexport const PlusIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path d=\"M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z\" />\n </svg>\n);\n\n// Icono Arrows Pointing In (heroicons-micro/arrows-pointing-in)\nexport const ArrowsPointingInIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M2.22 2.22a.75.75 0 0 1 1.06 0l2 2a.75.75 0 1 1-1.06 1.06l-.72-.72v2.69a.75.75 0 0 1-1.5 0V2.5c0-.69.56-1.25 1.25-1.25h4.75a.75.75 0 0 1 0 1.5H4.81l.72.72a.75.75 0 0 1-1.06 1.06l-2-2a.75.75 0 0 1 0-1.06ZM9 2.75a.75.75 0 0 1 .75-.75h4.75C15.19 2 15.75 2.56 15.75 3.25v4.75a.75.75 0 0 1-1.5 0V5.31l-.72.72a.75.75 0 1 1-1.06-1.06l2-2a.75.75 0 0 1 1.06 0l2 2a.75.75 0 1 1-1.06 1.06l-.72-.72V8a.75.75 0 0 1-1.5 0V3.5H9.75A.75.75 0 0 1 9 2.75ZM2.75 9a.75.75 0 0 1 .75.75v2.69l.72-.72a.75.75 0 1 1 1.06 1.06l-2 2a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06l.72.72V9.75c0-.41.34-.75.75-.75Zm10.5 0a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-4.75c-.69 0-1.25-.56-1.25-1.25V9.75a.75.75 0 0 1 .75-.75Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n// Icono Arrows Pointing Out (heroicons-micro/arrows-pointing-out)\nexport const ArrowsPointingOutIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M2.75 2a.75.75 0 0 0-.75.75v3.5a.75.75 0 0 0 1.5 0V3.81l2.47 2.47a.75.75 0 1 0 1.06-1.06L4.56 2.75h2.69a.75.75 0 0 0 0-1.5h-4.5ZM9 2.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l2.47 2.47a.75.75 0 1 1-1.06 1.06L10.5 4.56v2.69a.75.75 0 0 1-1.5 0v-4.5ZM2.75 9a.75.75 0 0 1 .75.75v2.69l2.47-2.47a.75.75 0 1 1 1.06 1.06L4.56 13.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 .75-.75Zm10.5 0a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-2.47-2.47a.75.75 0 1 1 1.06-1.06l2.47 2.47V9.75a.75.75 0 0 1 .75-.75Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n// Icono Arrow Right End On Rectangle (heroicons-micro/arrow-right-end-on-rectangle)\nexport const ArrowRightEndOnRectangleIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M2 4.75A2.75 2.75 0 0 1 4.75 2h3a2.75 2.75 0 0 1 2.75 2.75v.5a.75.75 0 0 1-1.5 0v-.5c0-.69-.56-1.25-1.25-1.25h-3c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h3c.69 0 1.25-.56 1.25-1.25v-.5a.75.75 0 0 1 1.5 0v.5A2.75 2.75 0 0 1 7.75 14h-3A2.75 2.75 0 0 1 2 11.25v-6.5Zm10.58 2.96-1.72-1.72a.75.75 0 1 1 1.06-1.06l2.78 2.78c.3.29.3.76 0 1.06l-2.78 2.78a.75.75 0 1 1-1.06-1.06l1.72-1.72H7.25a.75.75 0 0 1 0-1.5h5.33Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n// Icono Arrows Right Left (heroicons-micro/arrows-right-left)\nexport const ArrowsRightLeftIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M13.78 10.47a.75.75 0 0 1 0 1.06l-2.25 2.25a.75.75 0 1 1-1.06-1.06l.97-.97H5.75a.75.75 0 0 1 0-1.5h5.69l-.97-.97a.75.75 0 0 1 1.06-1.06l2.25 2.25ZM2.22 5.53a.75.75 0 0 1 0-1.06l2.25-2.25a.75.75 0 0 1 1.06 1.06l-.97.97h5.69a.75.75 0 0 1 0 1.5H4.56l.97.97a.75.75 0 1 1-1.06 1.06L2.22 5.53Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n\n// Icono Rectangle Group (heroicons-micro/rectangle-group)\nexport const RectangleGroupIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path d=\"M2.5 3.5h3v3h-3v-3ZM6.5 2a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4ZM2.5 10.5h3v3h-3v-3ZM6.5 9a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4ZM10.5 3.5h3v3h-3v-3ZM13.5 2h-3a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-.5ZM10.5 10.5h3v3h-3v-3Z\" />\n </svg>\n);\n\n// Icono X Mark (heroicons-micro/x-mark)\nexport const XMarkIcon: React.FC<{ className?: string }> = ({ className = '' }) => (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path d=\"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z\" />\n </svg>\n);\n","import React from 'react';\nimport type { TableLayoutViewProps } from './TableLayoutView.types';\nimport { Navbar } from '../../components/Navbar/Navbar';\nimport { POSLocationButton } from '../../components/POSLocationButton/POSLocationButton';\nimport { POSTable } from '../../components/POSTable/POSTable';\nimport { POSConvention } from '../../components/POSConvention/POSConvention';\nimport { POSNumberButton } from '../../components/POSNumberButton/POSNumberButton';\nimport { Switch } from '../../components/Switch/Switch';\nimport { Button } from '../../components/Button/Button';\nimport {\n PlusIcon,\n ArrowsPointingInIcon,\n ArrowsPointingOutIcon,\n ArrowRightEndOnRectangleIcon,\n ArrowsRightLeftIcon,\n RectangleGroupIcon,\n XMarkIcon,\n} from './icons';\n\n/\n TableLayoutView - Vista de layout de mesas para restaurante (POS)\n \n Vista completa pixel-perfect según especificaciones de Figma que incluye:\n * - Navbar superior con usuario y acciones\n * - Sidebar izquierdo con lista de salones/ubicaciones\n * - Área central con grid de mesas y controles\n * - Sidebar derecho con selector de cantidad de personas\n * - Leyenda de convenciones al pie del área central\n \n Layout responsive:\n * - Mobile: Columnas apiladas verticalmente\n * - Desktop: 3 columnas (sidebar izq 245px + centro flex + sidebar der 304px)\n \n Mejores prácticas implementadas:\n * - Orden de modificadores: {responsive}:{dark}:{state}:{utility}\n * - Dark mode con estrategia 'class' (darkMode: 'class')\n * - Tokens de color consistentes con la documentación\n * - Type safety con TypeScript estricto\n * - Accesibilidad con ARIA labels\n * - Mobile-first responsive design\n \n @see docs/colors.md - Sistema de colores\n * @see docs/typography.md - Sistema tipográfico\n * @see docs/spacing.md - Sistema de espaciado\n * @see docs/shadows.md - Sistema de sombras\n \n @example\n * ```tsx\n * <TableLayoutView\n * locations={[\n * { id: '1', name: 'Antejardín', status: 'available', capacity: { current: 1, total: 8 } },\n * { id: '2', name: 'Terraza', status: 'occupied', capacity: { current: 8, total: 8 } },\n * ]}\n * tables={[\n * { tableNumber: '01', status: 'available', shape: 'square', chairs: 8, isActive: true },\n * { tableNumber: '02', status: 'available', shape: 'circle', chairs: 2 },\n * ]}\n * onTableSelect={(tableNum) => console.log('Mesa seleccionada:', tableNum)}\n * />\n * ```\n /\nexport const TableLayoutView: React.FC<TableLayoutViewProps> = ({\n locations = [],\n activeLocationId,\n tables = [],\n tablesTitle = 'Mesas de Antejardín',\n showPeopleCountPanel = false,\n selectedTable,\n onLocationSelect,\n onTableSelect,\n onCreateTables,\n onMergeTables,\n onSplitTables,\n onPeopleCountSelect,\n onAssignTable,\n onTransferTable,\n onSetCutlery,\n onClosePeoplePanel,\n onTableSwitchChange,\n isLoading = false,\n errorMessage,\n tableLayout = 'grid',\n className = '',\n userInfo,\n}) => {\n // ===== RENDER NAVBAR =====\n const renderNavbar = () => (\n <div className=\"w-full shrink-0\">\n <Navbar\n variant=\"desktop\"\n productName=\"\"\n userDropdown={\n userInfo\n ? {\n avatar: userInfo.avatar,\n name: userInfo.name,\n email: userInfo.role,\n onMenuClick: () => { },\n }\n : undefined\n }\n />\n </div>\n );\n\n // ===== RENDER SIDEBAR IZQUIERDO (SALONES) =====\n const renderLocationsSidebar = () => (\n <div\n className={[\n 'w-full',\n 'md:w-[245px]',\n 'h-auto',\n 'md:h-full',\n 'shrink-0',\n 'flex',\n 'flex-col',\n 'gap-2.5',\n 'p-4',\n 'overflow-auto',\n ].join(' ')}\n >\n {/ Título /}\n <div className=\"w-full\">\n <h2\n className={[\n 'text-xl',\n 'leading-7',\n 'font-bold',\n 'tracking-[-0.5px]',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Salones\n </h2>\n </div>\n\n {/ Lista de ubicaciones /}\n <div className=\"flex flex-col gap-2 w-full\">\n {isLoading ? (\n <div className=\"text-content-secondary dark:text-content-secondary text-sm\">\n Cargando salones...\n </div>\n ) : locations.length === 0 ? (\n <div className=\"text-content-secondary dark:text-content-secondary text-sm\">\n No hay salones disponibles\n </div>\n ) : (\n locations.map((location) => (\n <POSLocationButton\n key={location.id}\n locationName={location.name}\n status={location.status}\n state={location.id === activeLocationId ? 'actived' : 'enabled'}\n capacity={location.capacity}\n onClick={() => onLocationSelect?.(location.id)}\n />\n ))\n )}\n </div>\n </div>\n );\n\n // ===== RENDER ÁREA CENTRAL (MESAS) =====\n const renderTablesArea = () => (\n <div\n className={[\n 'flex-1',\n 'min-w-0',\n 'flex',\n 'flex-col',\n 'gap-4',\n 'p-4',\n 'bg-white',\n 'dark:bg-dark-bg-primary',\n 'rounded-tl-3xl',\n 'rounded-tr-3xl',\n 'overflow-auto',\n ].join(' ')}\n >\n {/ Header con título y botones /}\n <div className=\"flex flex-col md:flex-row gap-4 items-start md:items-center justify-between w-full\">\n {/ Título /}\n <h2\n className={[\n 'text-xl',\n 'leading-7',\n 'font-bold',\n 'tracking-[-0.5px]',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n 'flex-1',\n ].join(' ')}\n >\n {tablesTitle}\n </h2>\n\n {/ Botones de acción /}\n <div className=\"flex gap-2 flex-wrap\">\n <Button\n type=\"default\"\n size=\"sm\"\n leftIcon={<PlusIcon />}\n onClick={onCreateTables}\n >\n Crear Mesas\n </Button>\n <Button\n type=\"default\"\n size=\"sm\"\n leftIcon={<ArrowsPointingInIcon />}\n onClick={onMergeTables}\n >\n Unir Mesas\n </Button>\n <Button\n type=\"default\"\n size=\"sm\"\n leftIcon={<ArrowsPointingOutIcon />}\n onClick={onSplitTables}\n >\n Separar Mesas\n </Button>\n </div>\n </div>\n\n {/ Área de mesas /}\n <div\n className={[\n 'flex-1',\n 'bg-background-secondary',\n 'dark:bg-dark-bg-secondary',\n 'rounded-xl',\n 'p-4',\n 'overflow-auto',\n 'min-h-[400px]',\n ].join(' ')}\n >\n {isLoading ? (\n <div className=\"flex items-center justify-center h-full text-content-secondary dark:text-content-secondary\">\n Cargando mesas...\n </div>\n ) : errorMessage ? (\n <div className=\"flex items-center justify-center h-full text-error-content dark:text-error-content\">\n {errorMessage}\n </div>\n ) : tables.length === 0 ? (\n <div className=\"flex items-center justify-center h-full text-content-secondary dark:text-content-secondary\">\n No hay mesas en esta ubicación\n </div>\n ) : tableLayout === 'grid' ? (\n / Layout Flexbox centrado con ancho máximo restringido para 4 columnas (160px * 4 + 8px * 3 = 664px) /\n <div className=\"flex flex-col items-center justify-center min-h-full w-full p-4\">\n <div className=\"flex flex-wrap gap-2 justify-center max-w-[664px]\">\n {tables.map((table) => (\n <POSTable\n key={table.tableNumber}\n tableNumber={table.tableNumber}\n status={table.status}\n shape={table.shape}\n chairs={table.chairs}\n isActive={table.isActive}\n onClick={() => onTableSelect?.(table.tableNumber)}\n />\n ))}\n </div>\n </div>\n ) : (\n / Layout libre con posicionamiento absoluto /\n <div className=\"relative w-full h-full min-h-[400px]\">\n {tables.map((table) => (\n <div\n key={table.tableNumber}\n className=\"absolute\"\n style={\n table.position\n ? {\n left: `${table.position.x}%`,\n top: `${table.position.y}%`,\n transform: 'translate(-50%, -50%)',\n }\n : undefined\n }\n >\n <POSTable\n tableNumber={table.tableNumber}\n status={table.status}\n shape={table.shape}\n chairs={table.chairs}\n isActive={table.isActive}\n onClick={() => onTableSelect?.(table.tableNumber)}\n />\n </div>\n ))}\n </div>\n )}\n </div>\n\n {/ Leyenda de convenciones /}\n <div className=\"flex flex-wrap gap-4 items-center w-full\">\n <POSConvention status=\"available\" />\n <POSConvention status=\"occupied\" />\n <POSConvention status=\"reserved\" />\n <POSConvention status=\"outOfService\" />\n </div>\n </div>\n );\n\n // ===== RENDER SIDEBAR DERECHO (SELECTOR DE PERSONAS) =====\n const renderPeopleCountSidebar = () => {\n if (!showPeopleCountPanel) return null;\n\n return (\n <div\n className={[\n 'w-full',\n 'md:w-[304px]',\n 'shrink-0',\n 'flex',\n 'flex-col',\n 'p-4',\n 'overflow-hidden',\n ].join(' ')}\n >\n {/ Header con switch y botón cerrar /}\n <div className=\"flex items-center justify-between w-full pb-4 border-b border-border-primary dark:border-dark-border-primary shrink-0\">\n <Switch\n label={selectedTable?.locationName \|\| 'Ubicación'}\n description={selectedTable?.tableName \|\| 'Mesa'}\n labelPosition=\"trailing\"\n checked={false}\n onChange={(e) => onTableSwitchChange?.(e.target.checked)}\n />\n <button\n className={[\n 'p-2',\n 'rounded-md',\n 'border',\n 'border-primary-custom-300',\n 'text-primary-custom-600',\n 'hover:bg-background-secondary',\n 'dark:border-dark-border-custom',\n 'dark:hover:bg-dark-bg-primary',\n 'transition-colors',\n ].join(' ')}\n onClick={onClosePeoplePanel}\n aria-label=\"Cerrar panel\"\n >\n <XMarkIcon className=\"w-4 h-4\" />\n </button>\n </div>\n\n {/ Body - Título, descripción y teclado numérico /}\n <div className=\"flex flex-col gap-2 w-full flex-1 overflow-auto pt-4\">\n {/ Título y descripción /}\n <div className=\"flex flex-col gap-1 w-full\">\n <h3\n className={[\n 'text-xl',\n 'leading-7',\n 'font-bold',\n 'tracking-[-0.5px]',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Tomar pedido\n </h3>\n <p\n className={[\n 'text-sm',\n 'leading-5',\n 'text-content-primary',\n 'dark:text-dark-content-primary',\n ].join(' ')}\n >\n Selecciona la cantidad de personas\n </p>\n </div>\n\n {/ Teclado numérico 3x3 /}\n <div className=\"grid grid-cols-3 gap-2 w-full mt-2\">\n {[1, 2, 3, 4, 5, 6, 7, 8].map((num) => (\n <POSNumberButton\n key={num}\n size=\"l\"\n border\n onClick={() => onPeopleCountSelect?.(num)}\n >\n {num}\n </POSNumberButton>\n ))}\n </div>\n </div>\n\n {/ Footer - Botones de acción FIJADOS AL BOTTOM con border-top /}\n <div className=\"flex flex-col gap-4 w-full pt-4 mt-auto shrink-0 grow-0 basis-auto border-t border-border-primary dark:border-dark-border-primary\">\n <Button\n type=\"default\"\n size=\"sm\"\n fullWidth\n leftIcon={<ArrowRightEndOnRectangleIcon />}\n onClick={onAssignTable}\n >\n Asignar\n </Button>\n <div className=\"flex gap-2 w-full\">\n <Button\n type=\"outline\"\n size=\"sm\"\n fullWidth\n leftIcon={<ArrowsRightLeftIcon />}\n onClick={onTransferTable}\n >\n Transferir\n </Button>\n <Button\n type=\"outline\"\n size=\"sm\"\n fullWidth\n leftIcon={<RectangleGroupIcon />}\n onClick={onSetCutlery}\n >\n Cubiertos\n </Button>\n </div>\n </div>\n </div>\n );\n };\n\n // ===== RENDER PRINCIPAL =====\n return (\n <div\n className={[\n 'flex',\n 'flex-col',\n 'w-full',\n 'min-h-screen',\n 'bg-background-secondary',\n 'dark:bg-dark-bg-primary',\n className,\n ].join(' ')}\n >\n {/ Navbar /}\n {renderNavbar()}\n\n {/ Contenedor principal con sidebars y área central /}\n <div className=\"flex flex-1 w-full overflow-hidden\">\n {/ Sidebar izquierdo - Salones /}\n {renderLocationsSidebar()}\n\n {/ Área central - Mesas /}\n {renderTablesArea()}\n\n {/ Sidebar derecho - Selector de personas (condicional) /}\n {renderPeopleCountSidebar()}\n </div>\n </div>\n );\n};\n","import React, { createContext, useContext, useEffect, useState } from 'react';\n\nexport type Theme = 'light' \| 'dark';\n\ninterface ThemeContextType {\n theme: Theme;\n toggleTheme: () => void;\n setTheme: (theme: Theme) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextType \| undefined>(undefined);\n\ninterface ThemeProviderProps {\n children: React.ReactNode;\n defaultTheme?: Theme;\n}\n\n/\n ThemeProvider - Proveedor de contexto para el tema de la aplicación\n \n Maneja el estado del tema (light/dark) y lo persiste en localStorage.\n * Aplica la clase 'dark' al elemento HTML root cuando el tema es dark.\n \n @example\n * ```tsx\n * <ThemeProvider defaultTheme=\"light\">\n * <App />\n * </ThemeProvider>\n * ```\n /\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n children,\n defaultTheme = 'light'\n}) => {\n const [theme, setThemeState] = useState<Theme>(() => {\n // Intenta obtener el tema del localStorage\n if (typeof window !== 'undefined') {\n const savedTheme = localStorage.getItem('siesa-ui-theme') as Theme;\n return savedTheme \|\| defaultTheme;\n }\n return defaultTheme;\n });\n\n useEffect(() => {\n // Aplica o remueve la clase 'dark' del elemento root\n const root = window.document.documentElement;\n\n if (theme === 'dark') {\n root.classList.add('dark');\n } else {\n root.classList.remove('dark');\n }\n\n // Guarda el tema en localStorage\n localStorage.setItem('siesa-ui-theme', theme);\n }, [theme]);\n\n const toggleTheme = () => {\n setThemeState((prev) => (prev === 'light' ? 'dark' : 'light'));\n };\n\n const setTheme = (newTheme: Theme) => {\n setThemeState(newTheme);\n };\n\n return (\n <ThemeContext.Provider value={{ theme, toggleTheme, setTheme }}>\n {children}\n </ThemeContext.Provider>\n );\n};\n\n/\n useTheme - Hook para acceder al contexto del tema\n \n @returns {ThemeContextType} Objeto con el tema actual y funciones para modificarlo\n \n @example\n * ```tsx\n * function MyComponent() {\n * const { theme, toggleTheme } = useTheme();\n \n return (\n * <button onClick={toggleTheme}>\n * Tema actual: {theme}\n * </button>\n * );\n * }\n * ```\n */\nexport const useTheme = (): ThemeContextType => {\n const context = useContext(ThemeContext);\n\n if (context === undefined) {\n throw new Error('useTheme debe ser usado dentro de un ThemeProvider');\n }\n\n return context;\n};\n"],"names":["Button","type","size","iconOnly","leftIcon","rightIcon","children","disabled","className","onClick","htmlType","fullWidth","ariaLabel","badge","badgeCount","badgeColor","rest","sizeClasses","iconSizeClasses","textSizeClasses","typeClasses","baseClasses","widthClass","buttonClasses","renderIcon","icon","jsx","renderContent","jsxs","Fragment","badgeColorClasses","badgeColors","renderBadge","Input","forwardRef","label","labelSecondary","helperText","error","errorMessage","id","props","ref","inputId","baseInputClasses","interactiveClasses","errorClasses","containerClasses","existingClassName","cloneElement","Textarea","description","resize","rows","textareaId","baseTextareaClasses","resizeClasses","Checkbox","checked","indeterminate","onChange","inputRef","useRef","combinedRef","checkboxId","useEffect","checkboxClasses","Radio","value","name","radioId","baseRadioClasses","checkedClasses","Switch","labelPosition","switchId","baseTrackClasses","getTrackStateClasses","getButtonClasses","baseButtonClasses","positionClass","trackClasses","LabelContent","SwitchInput","Avatar","src","alt","initials","containerSizeClasses","Divider","finalClasses","DescriptionList","term","details","columnClasses","Alert","title","actions","onCancel","onConfirm","cancelText","confirmText","actionButtons","Badge","color","count","colors","Quantity","controlledValue","defaultValue","min","max","linkText","onLinkClick","internalValue","setInternalValue","useState","isControlled","currentValue","handleValueChange","newValue","clampedValue","handleDecrement","handleIncrement","isDecrementDisabled","isIncrementDisabled","MinusIcon","PlusIcon","borderClass","hoverClass","focusClass","NavigationRailItem","selected","onMouseEnter","onMouseLeave","showLabelText","showIcon","iconContainerClasses","iconClasses","labelClasses","ChevronDownIcon","Dropdown","variant","items","controlledOpen","onOpenChange","menuClassName","placeholder","renderTrigger","internalOpen","setInternalOpen","menuPosition","setMenuPosition","dropdownRef","menuRef","isOpen","calculateMenuPosition","useCallback","triggerRect","viewportWidth","viewportHeight","menuWidth","menuHeight","spaceBelow","spaceAbove","spaceRight","spaceLeft","openAbove","openLeft","handleToggle","newOpen","handleClickOutside","event","handleEscape","handleItemClick","item","triggerClasses","menuClasses","index","DropdownDivider","DropdownHeading","DropdownItem","shortcut","itemClasses","headingClasses","dividerClasses","DropdownItemCollapsible","defaultOpen","isCollapsible","showHeading","headingLabel","showDivider","setIsOpen","handleHeaderClick","e","handleChildClick","child","CogIcon","CheckIcon","XIcon","iconMap","getIcon","iconName","IconComponent","DropdownItemHeading","showDescription","actionLabel","showAction","onActionClick","Notification","colorClasses","dynamicAriaLabel","displayCount","ArrowLeftIcon","ArrowRightIcon","Pagination","currentPage","totalPages","onPageChange","backText","nextText","siblingCount","showBackButton","showNextButton","paginationRange","useMemo","totalBlocks","_","i","leftSiblingIndex","rightSiblingIndex","shouldShowLeftDots","shouldShowRightDots","firstPageIndex","lastPageIndex","leftItemCount","rightItemCount","rightRange","middleRange","handlePageChange","page","PageButton","isActive","buttonAriaLabel","isDots","titleId","svgRef","React","ForwardRef","ChevronUpDownIcon","ClockIcon","HeroChevronUpDown","HeroCheck","Select","options","showLabel","menuHeader","triggerClassName","required","selectedValue","setSelectedValue","focusedIndex","setFocusedIndex","containerRef","triggerRef","handleKeyDown","prev","handleSelect","selectedOption","opt","toggleMenu","option","finalTriggerClasses","finalMenuClasses","baseMenuItemClasses","getMenuItemClasses","isSelected","isFocused","hoverClasses","disabledClasses","checkIconClasses","NavigationRail","alignment","showFab","fabIcon","onFabClick","fabAriaLabel","selectedId","onItemSelect","wrapperClasses","itemsContainerClasses","fabClasses","NavigationRailPanel","height","width","heading","showSearch","search","sections","panelClassName","searchValue","setSearchValue","handleSearchChange","containerStyle","panelStyle","section","sectionIndex","itemIndex","NavigationRailPanelItem","ChevronLeftIcon","ChevronRightIcon","MagnifyingGlassIcon","HeroChevronRight","HeroChevronLeft","HeroClockOutline","HeroSearch","NavigationRailTypes","collapsed","showRecentButton","showSearchButton","onCollapsedChange","onItemClick","onItemHover","labels","searchQuery","setSearchQuery","finalLabels","handleCollapsedToggle","handleItemHover","idx","NavigationRailItemComponent","HeroMagnifyingGlass","NavigationRailGroup","state","onStateChange","showPanel","setShowPanel","panelType","setPanelType","hoveredItem","setHoveredItem","hideTimeoutRef","isCollapsed","handleCollapsedChange","commercialItem","handleItemHoverFromRail","handleItemMouseLeave","handlePanelMouseEnter","handlePanelMouseLeave","railItems","ChevronUpIcon","TableHeader","column","sortable","sorted","sortDirection","onSort","combinedClasses","TableCell","align","isStriped","rowIndex","alignClasses","stripedBg","previousLabel","nextLabel","pageNumbers","pages","Table","columns","data","showBorder","showShadow","externalSortColumn","externalSortDirection","emptyMessage","loading","loadingRows","pagination","internalSortColumn","setInternalSortColumn","internalSortDirection","setInternalSortDirection","sortColumn","handleSort","columnAccessor","newDirection","getCellValue","row","accessor","colIndex","content","Tab","active","contentBaseClasses","contentStateClasses","textClasses","badgeClasses","indicatorClasses","contentFinalClasses","Tabs","activeId","defaultActiveId","internalActiveId","setInternalActiveId","currentActiveId","handleTabClick","itemWidthClass","ShoppingCartIcon","BellIcon","ExclamationTriangleIcon","ArrowLeftStartOnRectangleIcon","Navbar","logo","productName","environmentBadge","userDropdown","notifications","hideActionButtons","showNavigationButton","navigationButtonProps","leadingAction","siesaLogo","showBusinessLogo","showSiesaLogoLeading","showSiesaLogoTrailing","onNavigationClick","onSearchClick","onCartClick","onNotificationsClick","actionButtonClasses","isMobile","isDesktop","isTablet","isResponsive","NavigationButton","defaultButtonProps","BusinessLogo","logoContent","SiesaLogoLeading","logoFull","logoMobile","SiesaLogoTrailing","responsive","dividerContent","ProductName","nameContent","EnvironmentBadge","SearchButton","CartButton","NotificationsButton","UserDropdown","userMenuItems","renderFullDropdown","NavigationBar","activeItemId","renderItem","itemContainerClasses","destinationsClasses","ConventionIcon","lightColor","darkColor","POSConvention","status","config","XMarkIcon","CalendarIcon","NoSymbolIcon","UsersIcon","POSLocationButton","locationName","capacity","StatusIcon","backgroundClasses","capacityText","POSNumberButton","border","POSProductButton","image","POSProductCard","price","buttonText","onAddClick","onCardClick","stateClasses","cardClasses","handleCardClick","handleButtonClick","TrashIcon","POSProductSidebarItems","categoryLabel","categoryColor","productRef","descriptionItems","quantity","minQuantity","maxQuantity","onQuantityChange","onDelete","deleteIcon","categoryColorClasses","handleQuantityChange","newQuantity","handleDelete","POSTable","tableNumber","shape","chairs","showChairs","statusColors","shapeClasses","Chair","rotation","handleClick","EnvelopeIcon","LockClosedIcon","EyeIcon","LoginView","onSubmit","onForgotPassword","onSignUp","isLoading","showBackground","email","setEmail","password","setPassword","showPassword","setShowPassword","emailError","setEmailError","handleSubmit","handleEmailChange","togglePasswordVisibility","UserCircleIcon","SignUpView","onSignIn","onTermsClick","onPrivacyClick","setName","toKebabCase","string","toCamelCase","match","p1","p2","toPascalCase","camelCase","mergeClasses","classes","array","hasA11yProp","prop","defaultAttributes","Icon","strokeWidth","absoluteStrokeWidth","iconNode","createElement","tag","attrs","createLucideIcon","Component","__iconNode","ChevronDown","LoaderCircle","Search","X","r","t","f","n","o","clsx","concatArrays","array1","array2","combinedArray","createClassValidatorObject","classGroupId","validator","createClassPartObject","nextPart","validators","CLASS_PART_SEPARATOR","EMPTY_CONFLICTS","ARBITRARY_PROPERTY_PREFIX","createClassGroupUtils","classMap","createClassMap","conflictingClassGroups","conflictingClassGroupModifiers","getGroupIdForArbitraryProperty","classParts","startIndex","getGroupRecursive","hasPostfixModifier","modifierConflicts","baseConflicts","classPartObject","currentClassPart","nextClassPartObject","result","classRest","validatorsLength","validatorObj","colonIndex","property","theme","classGroups","processClassGroups","group","processClassesRecursively","classGroup","len","classDefinition","processClassDefinition","processStringDefinition","processFunctionDefinition","processObjectDefinition","classPartObjectToEdit","getPart","isThemeGetter","entries","key","path","current","parts","part","next","func","createLruCache","maxCacheSize","cacheSize","cache","previousCache","update","IMPORTANT_MODIFIER","MODIFIER_SEPARATOR","EMPTY_MODIFIERS","createResultObject","modifiers","hasImportantModifier","baseClassName","maybePostfixModifierPosition","isExternal","createParseClassName","prefix","experimentalParseClassName","parseClassName","bracketDepth","parenDepth","modifierStart","postfixModifierPosition","currentCharacter","baseClassNameWithImportantModifier","fullPrefix","parseClassNameOriginal","createSortModifiers","modifierWeights","mod","currentSegment","modifier","isArbitrary","isOrderSensitive","createConfigUtils","SPLIT_CLASSES_REGEX","mergeClassList","classList","configUtils","getClassGroupId","getConflictingClassGroupIds","sortModifiers","classGroupsInConflict","classNames","originalClassName","variantModifier","modifierId","classId","conflictGroups","twJoin","classLists","argument","resolvedValue","toValue","mix","k","createTailwindMerge","createConfigFirst","createConfigRest","cacheGet","cacheSet","functionToCall","initTailwindMerge","previousConfig","createConfigCurrent","tailwindMerge","cachedResult","args","fallbackThemeArr","fromTheme","themeGetter","arbitraryValueRegex","arbitraryVariableRegex","fractionRegex","tshirtUnitRegex","lengthUnitRegex","colorFunctionRegex","shadowRegex","imageRegex","isFraction","isNumber","isInteger","isPercent","isTshirtSize","isAny","isLengthOnly","isNever","isShadow","isImage","isAnyNonArbitrary","isArbitraryValue","isArbitraryVariable","isArbitrarySize","getIsArbitraryValue","isLabelSize","isArbitraryLength","isLabelLength","isArbitraryNumber","isLabelNumber","isArbitraryPosition","isLabelPosition","isArbitraryImage","isLabelImage","isArbitraryShadow","isLabelShadow","isArbitraryVariableLength","getIsArbitraryVariable","isArbitraryVariableFamilyName","isLabelFamilyName","isArbitraryVariablePosition","isArbitraryVariableSize","isArbitraryVariableImage","isArbitraryVariableShadow","testLabel","testValue","shouldMatchNoLabel","getDefaultConfig","themeColor","themeFont","themeText","themeFontWeight","themeTracking","themeLeading","themeBreakpoint","themeContainer","themeSpacing","themeRadius","themeShadow","themeInsetShadow","themeTextShadow","themeDropShadow","themeBlur","themePerspective","themeAspect","themeEase","themeAnimate","scaleBreak","scalePosition","scalePositionWithArbitrary","scaleOverflow","scaleOverscroll","scaleUnambiguousSpacing","scaleInset","scaleGridTemplateColsRows","scaleGridColRowStartAndEnd","scaleGridColRowStartOrEnd","scaleGridAutoColsRows","scaleAlignPrimaryAxis","scaleAlignSecondaryAxis","scaleMargin","scaleSizing","scaleColor","scaleBgPosition","scaleBgRepeat","scaleBgSize","scaleGradientStopPosition","scaleRadius","scaleBorderWidth","scaleLineStyle","scaleBlendMode","scaleMaskImagePosition","scaleBlur","scaleRotate","scaleScale","scaleSkew","scaleTranslate","twMerge","cn","inputs","interpolateTemplate","template","record","fieldName","isExpressiveFilter","filter","buildExpressiveFilter","simpleFilter","normalizeFilters","filters","mergeFilters","DEBOUNCE_MS","useDebouncedSearch","delay","debouncedValue","setDebouncedValue","timer","useKeyboardNavigation","records","onSelect","onClose","onEscape","onClear","highlightedIndex","setHighlightedIndex","warn","i18n","code","msg","isString","alreadyWarned","warnOnce","loadedClb","cb","initialized","loadNamespaces","ns","loadLanguages","lng","hasLoadedNamespace","i18nInstance","loadNotPending","obj","isObject","matchHtmlEntity","htmlEntities","unescapeHtmlEntity","m","unescape","text","defaultOptions","getDefaults","getI18n","I18nContext","createContext","ReportNamespaces","namespaces","require$$0","is","x","y","objectIs","useLayoutEffect","useDebugValue","useSyncExternalStore$2","subscribe","getSnapshot","_useState","inst","forceUpdate","checkIfSnapshotChanged","latestGetSnapshot","nextValue","useSyncExternalStore$1","shim","useSyncExternalStoreShim_production","didWarnOld18Alpha","didWarnUncachedGetSnapshot","cachedValue","useSyncExternalStoreShim_development","shimModule","require$$1","notReadyT","optsOrDefaultValue","notReadySnapshot","dummySubscribe","useTranslation","i18nFromProps","i18nFromContext","defaultNSFromContext","useContext","i18nOptions","useSuspense","keyPrefix","nsOrContext","unstableNamespaces","revisionRef","callback","bindI18n","bindI18nStore","wrappedCallback","snapshotRef","calculatedReady","currentLng","currentRevision","lastSnapshot","newSnapshot","loadCount","setLoadCount","ready","useSyncExternalStore","onLoaded","c","finalI18n","wrapperRef","wrapperLangRef","createI18nWrapper","original","descriptors","wrapper","ret","lang","i18nWrapper","arr","resolve","FALLBACK_STRINGS","interpolate","params","useTranslationSafe","i18nT","useClickOutside","handler","enabled","hasWindow","getNodeName","node","isNode","getWindow","_node$ownerDocument","getDocumentElement","_ref","isElement","isHTMLElement","isShadowRoot","invalidOverflowDisplayValues","isOverflowElement","element","overflow","overflowX","overflowY","display","getComputedStyle","tableElements","isTableElement","topLayerSelectors","isTopLayer","selector","transformProperties","willChangeValues","containValues","isContainingBlock","elementOrCss","webkit","isWebKit","css","getContainingBlock","currentNode","getParentNode","isLastTraversableNode","lastTraversableNodeNames","getNodeScroll","getNearestOverflowAncestor","parentNode","getOverflowAncestors","list","traverseIframes","_node$ownerDocument2","scrollableAncestor","isBody","win","frameElement","getFrameElement","round","floor","createCoords","v","oppositeSideMap","oppositeAlignmentMap","evaluate","param","getSide","placement","getAlignment","getOppositeAxis","axis","getAxisLength","yAxisSides","getSideAxis","getAlignmentAxis","getAlignmentSides","rects","rtl","alignmentAxis","length","mainAlignmentSide","getOppositePlacement","getExpandedPlacements","oppositePlacement","getOppositeAlignmentPlacement","lrPlacement","rlPlacement","tbPlacement","btPlacement","getSideList","side","isStart","getOppositeAxisPlacements","flipAlignment","direction","expandPaddingObject","padding","getPaddingObject","rectToClientRect","rect","isClient","noop","SafeReact","useInsertionEffect","useSafeInsertionEffect","fn","useEffectEvent","_len","_key","computeCoordsFromPlacement","reference","floating","sideAxis","alignLength","isVertical","commonX","commonY","commonAlign","coords","computePosition","strategy","middleware","platform","validMiddleware","statefulPlacement","middlewareData","resetCount","nextX","nextY","reset","detectOverflow","_await$platform$isEle","elements","boundary","rootBoundary","elementContext","altBoundary","paddingObject","clippingClientRect","offsetParent","offsetScale","elementClientRect","flip","_middlewareData$arrow","_middlewareData$flip","initialPlacement","checkMainAxis","checkCrossAxis","specifiedFallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","detectOverflowOptions","initialSideAxis","isBasePlacement","fallbackPlacements","hasFallbackAxisSideDirection","placements","overflows","overflowsData","sides","_middlewareData$flip2","_overflowsData$filter","nextIndex","nextPlacement","d","resetPlacement","a","b","_overflowsData$filter2","currentSideAxis","acc","originSides","convertValueToCoords","mainAxisMulti","crossAxisMulti","rawValue","mainAxis","crossAxis","offset","_middlewareData$offse","diffCoords","_state$middlewareData","_state$middlewareData2","apply","isYAxis","heightSide","widthSide","maximumClippingHeight","maximumClippingWidth","overflowAvailableHeight","overflowAvailableWidth","noShift","availableHeight","availableWidth","xMin","xMax","yMin","yMax","nextDimensions","getCssDimensions","getComputedStyle$1","hasOffset","offsetWidth","offsetHeight","shouldFallback","unwrapElement","getScale","domElement","$","noOffsets","getVisualOffsets","shouldAddVisualOffsets","isFixed","floatingOffsetParent","getBoundingClientRect","includeScale","isFixedStrategy","clientRect","scale","visualOffsets","offsetWin","currentWin","currentIFrame","iframeScale","iframeRect","left","top","getWindowScrollBarX","leftScroll","getHTMLOffset","documentElement","scroll","htmlRect","convertOffsetParentRelativeRectToViewportRelativeRect","topLayer","offsets","isOffsetParentAnElement","offsetRect","htmlOffset","getClientRects","getDocumentRect","html","body","SCROLLBAR_MAX","getViewportRect","visualViewport","visualViewportBased","windowScrollbarX","doc","bodyStyles","bodyMarginInline","clippingStableScrollbarWidth","absoluteOrFixed","getInnerBoundingClientRect","getClientRectFromClippingAncestor","clippingAncestor","hasFixedPositionAncestor","stopNode","getClippingElementAncestors","el","currentContainingBlockComputedStyle","elementIsFixed","computedStyle","currentNodeIsContaining","ancestor","getClippingRect","clippingAncestors","firstClippingAncestor","clippingRect","accRect","getDimensions","getRectRelativeToOffsetParent","setLeftRTLScrollbarOffset","isStaticPositioned","getTrueOffsetParent","polyfill","rawOffsetParent","getOffsetParent","svgOffsetParent","getElementRects","getOffsetParentFn","getDimensionsFn","floatingDimensions","isRTL","rectsAreEqual","observeMove","onMove","io","timeoutId","root","cleanup","_io","refresh","skip","threshold","elementRectForRootMargin","insetTop","insetRight","insetBottom","insetLeft","isFirstUpdate","handleObserve","ratio","autoUpdate","ancestorScroll","ancestorResize","elementResize","layoutShift","animationFrame","referenceEl","ancestors","cleanupIo","reobserveFrame","resizeObserver","firstEntry","_resizeObserver","frameId","prevRefRect","frameLoop","nextRefRect","_resizeObserver2","offset$1","flip$1","size$1","mergedOptions","platformWithCache","computePosition$1","deepEqual","keys","getDPR","roundByDPR","dpr","useLatestRef","useFloating","externalReference","externalFloating","transform","whileElementsMounted","open","setData","latestMiddleware","setLatestMiddleware","_reference","_setReference","_floating","_setFloating","setReference","referenceRef","setFloating","floatingRef","floatingEl","dataRef","hasWhileElementsMounted","whileElementsMountedRef","platformRef","openRef","fullData","isMountedRef","ReactDOM","refs","floatingStyles","initialStyles","deps","serverHandoffComplete","genId","useFloatingId","setId","useModernLayoutEffect","useReactId","useId","devMessageSet","_devMessageSet3","_len2","messages","_key2","message","_devMessageSet4","createEventEmitter","map","_map$get","listener","_map$get2","FloatingNodeContext","FloatingTreeContext","useFloatingParentNodeId","_React$useContext","useFloatingTree","useFloatingRootContext","onOpenChangeProp","elementsProp","floatingId","events","nested","optionDomReference","positionReference","setPositionReference","reason","nodeId","internalRootContext","rootContext","computedElements","_domReference","setDomReference","_setPositionReference","domReference","domReferenceRef","tree","position","useFloating$1","computedPositionReference","context","useFloatingDropdown","offsetPx","memo","getDeps","opts","isInitial","memoizedFunction","_a","_b","_c","depTime","newDeps","dep","resultTime","depEndTime","resultEndTime","resultFpsPercentage","pad","str","num","notUndefined","approxEqual","debounce","targetWindow","ms","getRect","defaultKeyExtractor","defaultRangeExtractor","range","start","end","observeElementRect","instance","observer","run","entry","box","addEventListenerOptions","supportsScrollend","observeElementOffset","fallback","createHandler","isScrolling","horizontal","isRtl","endHandler","registerScrollendEvent","measureElement","elementScroll","adjustments","behavior","toOffset","Virtualizer","_ro","get","target","opts2","sync","scrollElement","cached","measurements","furthestMeasurementsFound","furthestMeasurements","measurement","previousFurthestMeasurement","paddingStart","scrollMargin","getItemKey","lanes","itemSizeCache","laneLastIndex","cachedLane","lane","prevIndex","prevInLane","furthestMeasurement","measuredSize","outerSize","scrollOffset","calculateRange","endIndex","rangeExtractor","overscan","attributeName","indexStr","prevNode","itemSize","delta","indexes","virtualItems","findNearestBinarySearch","maxOffset","initialAlign","attempts","maxAttempts","tryScroll","currentAlign","offsetInfo","verify","currentOffset","afterInfo","scheduleRetry","endByLane","val","low","high","getCurrentValue","middle","lastIndex","getOffset","endPerLane","pos","startPerLane","useIsomorphicLayoutEffect","useVirtualizerBase","useFlushSync","rerender","resolvedOptions","instance2","flushSync","useVirtualizer","DEFAULT_OPTION_HEIGHT_PX","DEFAULT_OVERSCAN","useVirtualList","parentRef","estimateSize","virtualizer","SearchInput","listboxId","activeDescendantId","handleClear","LiveRegion","DEFAULT_PAGE_SIZE","SCROLL_THRESHOLD_PX","DEFAULT_MIN_CHARS","LookupFieldInner","entity","displayFields","fetcher","clearable","pageSize","onError","searchFields","minChars","displayValue","displayTemplate","renderSelected","getFilters","dependencies","orderBy","bindFields","readOnly","onFocusProp","onBlurProp","onReady","onInvalidValue","noResultsText","searchPlaceholder","showRequiredIndicator","validateOnBlur","onValidationChange","effectiveOrderBy","setIsLoading","apiError","setApiError","setRecords","selectedRecord","setSelectedRecord","setCurrentPage","hasMorePages","setHasMorePages","isLoadingMore","setIsLoadingMore","abortControllerRef","previousRecordRef","previousDependenciesRef","optionsRef","searchInputRef","debouncedSearchQuery","announcement","setAnnouncement","hasCalledOnReadyRef","selectedRecordRef","componentRef","isFocusWithinRef","onInvalidValueRef","floatingRefs","totalSize","isInvalidValue","setIsInvalidValue","validationError","setValidationError","cachedRecords","setCachedRecords","cachedScrollPosition","setCachedScrollPosition","cachedCurrentPage","setCachedCurrentPage","cacheValid","setCacheValid","cachedSearchQueryRef","isRestoringCacheRef","currentPageRef","showError","effectiveShowRequiredIndicator","onValidationChangeRef","getEffectiveFilters","fetchRecords","controller","effectiveFilters","allFields","response","imperativeRef","err","fetchError","fetchMoreRecords","actualCurrentPage","nextPage","fetchAndSetRecordById","recordId","performValidation","handleScroll","container","scrollTop","scrollHeight","clientHeight","previousValueRef","fetchAndSetRecordByIdRef","valueSyncRequestIdRef","valueChanged","currentRequestId","dependenciesKey","filtersKey","previousFiltersRef","getSelectedDisplay","field","handleTriggerClick","getOptionDisplay","handleSelectRecord","justSelectedRef","displayText","handleKeyboardClear","handleClose","isTabNavigatingRef","allTabbable","componentIndex","nextElement","handleEscapeClose","handleImperativeClear","useImperativeHandle","highlightedOption","wasClickedRef","handleTriggerMouseDown","handleTriggerKeyDown","handleTriggerFocus","handleComponentFocus","handleComponentBlur","relatedTarget","renderDropdownContent","Loader2","useVirtualizedRendering","virtualItem","LookupField","ApiError","statusText","DEFAULT_HEADERS","createFetcher","baseUrl","headers","request","url","fields","LayoutBase","siesaLogoPath","siesaLogoWidth","siesaLogoHeight","navigationItems","contentClassName","navbarProps","navigationRailProps","navState","setNavState","handleNavStateChange","HomeIcon","GlobeAltIcon","DocumentTextIcon","CloudIcon","SquaresPlusIcon","ListBulletIcon","FunnelIcon","ListView","navbarProductName","tableTitle","quickFilters","showNavigationRail","navigationRailState","onNavigationRailStateChange","onNavItemClick","onSearch","viewOptions","selectedViewOption","onViewOptionChange","showViewDropdown","setShowViewDropdown","defaultNavigationItems","defaultQuickFilters","defaultActionButtons","handleSearch","tableColumns","col","btn","ProductsView","changeTableLabel","menusTitle","menus","selectedMenuId","onMenuSelect","onChangeTable","categoryTitle","categories","selectedCategoryId","onCategorySelect","productsTitle","products","onAddProduct","activeTab","onTabChange","orderItems","onOrderItemQuantityChange","onOrderItemDelete","subtotal","taxes","total","confirmLabel","onConfirmOrder","userAvatar","userName","userRole","businessLogo","menu","category","product","qty","RecoverPasswordView","onBackToLogin","successMessage","ArrowsPointingInIcon","ArrowsPointingOutIcon","ArrowRightEndOnRectangleIcon","ArrowsRightLeftIcon","RectangleGroupIcon","TableLayoutView","locations","activeLocationId","tables","tablesTitle","showPeopleCountPanel","selectedTable","onLocationSelect","onTableSelect","onCreateTables","onMergeTables","onSplitTables","onPeopleCountSelect","onAssignTable","onTransferTable","onSetCutlery","onClosePeoplePanel","onTableSwitchChange","tableLayout","userInfo","renderNavbar","renderLocationsSidebar","location","renderTablesArea","table","renderPeopleCountSidebar","ThemeContext","ThemeProvider","defaultTheme","setThemeState","toggleTheme","setTheme","newTheme","useTheme"],"mappings":"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","x_google_ignoreList":[22,23,24,29,30,31,56,57,58,59,60,61,62,63,64,65,71,72,73,74,75,76,77,78,79,82,83,84,85,86,87,88,90,91,92]}