@beweco/aurora-ui 1.0.0-beta.112 → 1.0.0-beta.113

package/dist/index.esm.js

@@ -1,7 +1,7 @@
-import { Card as Card$1, Breadcrumbs, ListBoxSection, ListBoxItem, Separator, ProgressBar, useOverlayState, Spinner, Button as Button$1, Chip as Chip$1, cn, CloseButton, Pagination as Pagination$1, Skeleton, Accordion, DatePicker as DatePicker$1, Label, DateField, Description, Calendar, FieldError, DateRangePicker as DateRangePicker$1, RangeCalendar, TextField, InputGroup, RadioGroup, Radio, Tabs, Dropdown, ComboBox, Input as Input$1, ListBox, Tooltip as Tooltip$2, DropdownTrigger, DropdownPopover, DropdownMenu, DropdownSection, DropdownItem, Badge as Badge$1, Popover, PopoverTrigger, PopoverContent, Header, Avatar, Link, Switch as Switch$1, TimeField, Select as Select$1, Table, TextArea, toastVariants, Modal as Modal$1, Slider, Drawer, Checkbox, ModalHeader as ModalHeader$1, ModalBody as ModalBody$1, ModalFooter as ModalFooter$1 } from '@heroui/react';
-export { Accordion, AccordionItem, Alert, Avatar, Breadcrumbs, CardFooter, CardHeader, Checkbox, CheckboxGroup, Drawer, DrawerBody, DrawerContent, DrawerFooter, DrawerHeader, Dropdown, DropdownItem, DropdownMenu, DropdownSection, DropdownTrigger, Link, Popover, PopoverContent, PopoverTrigger, Radio, RadioGroup, Skeleton, Slider, Spinner, Switch, Tab, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tabs, cn } from '@heroui/react';
+import { Card as Card$1, Breadcrumbs, ListBoxSection, ListBoxItem, Separator, ProgressBar, useOverlayState, Spinner, Button as Button$1, Chip as Chip$1, cn, CloseButton, Pagination as Pagination$1, Skeleton, Accordion, DatePicker as DatePicker$1, Label, DateField, Description, Calendar, FieldError, DateRangePicker as DateRangePicker$1, RangeCalendar, TextField, InputGroup, RadioGroup, Radio, Tabs, Dropdown, ComboBox, Input as Input$1, ListBox, Tooltip as Tooltip$2, DropdownTrigger, DropdownPopover, DropdownMenu, DropdownSection, DropdownItem, Badge as Badge$1, Popover, PopoverTrigger, PopoverContent, Header, Avatar, Link, Switch as Switch$1, TimeField, Select as Select$1, Table, TextArea, toastVariants, Modal as Modal$1, Slider, Drawer, Checkbox as Checkbox$1, ModalHeader as ModalHeader$1, ModalBody as ModalBody$1, ModalFooter as ModalFooter$1, Alert as Alert$1 } from '@heroui/react';
+export { Accordion, AccordionItem, Avatar, Breadcrumbs, CardFooter, CardHeader, CheckboxGroup, CloseButton, Drawer, DrawerBody, DrawerContent, DrawerFooter, DrawerHeader, Dropdown, DropdownItem, DropdownMenu, DropdownSection, DropdownTrigger, Link, Popover, PopoverContent, PopoverTrigger, Radio, RadioGroup, Skeleton, Slider, Spinner, Switch, Tab, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tabs, cn } from '@heroui/react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import $8WNJc$react, { useState, useRef, useCallback, useEffect, useId, useMemo, isValidElement, cloneElement, forwardRef, useImperativeHandle, createContext, useContext, useLayoutEffect, memo, useReducer, Fragment as Fragment$1 } from 'react';
+import $8WNJc$react, { useState, useRef, useCallback, useEffect, useId, useMemo, isValidElement, cloneElement, forwardRef, useImperativeHandle, createContext, useContext, useLayoutEffect, memo, useReducer, Fragment as Fragment$1, Children } from 'react';
 import { Icon } from '@iconify/react';
 export { loadIcons } from '@iconify/react';
 import { ResponsiveContainer, AreaChart, CartesianGrid, XAxis, Tooltip as Tooltip$1, Area, LineChart, YAxis, Line, PieChart, Pie, Cell } from 'recharts';
@@ -363,7 +363,7 @@ const CLASE_AURA = {
     ring: "linda-aura-ring",
     surface: "linda-aura",
 };
-const RADIUS_CLASS$8 = {
+const RADIUS_CLASS$a = {
     none: "rounded-none",
     sm: "rounded-[8px]",
     md: "rounded-[12px]",
@@ -432,7 +432,7 @@ const Button = ({ color = "primary", size = "md", variant = "solid", radius = "s
     const contenido = ai ? (jsx("span", { className: "linda-aura-content", children: children })) : (children);
     return (jsxs(Button$1, { ...rest, variant: v3Variant, size: size, isIconOnly: isIconOnly, isPending: isLoading, isDisabled: isDisabled || isLoading, onPress: alPulsar, className: [
             SHAPE_CLASS[shape],
-            RADIUS_CLASS$8[radius],
+            RADIUS_CLASS$a[radius],
             ai ? CLASE_AURA[ai] : "",
             // P-05: v2 apagaba transición + hundido con esta prop; v3 no tiene la prop, así
             // que el interruptor es una clase propia (`Button.css`).
@@ -672,7 +672,7 @@ const CUSTOM_COLOR_CLASSES = {
 // v3 usa `rounded-2xl` (16px) por defecto; v2/Aurora forzaba `full`. `neutralize-v3.css` ya
 // neutraliza el default global (`.chip { border-radius: 9999px }`); aquí se cubren el resto de
 // valores explícitos con el valor EXACTO de v2 (rounded-md/lg de Tailwind no coinciden).
-const RADIUS_CLASS$7 = {
+const RADIUS_CLASS$9 = {
     none: "rounded-none",
     sm: "rounded-[8px]",
     md: "rounded-[12px]",
@@ -764,7 +764,7 @@ const Chip = ({ color = "default", variant = "solid", size = "md", radius = "ful
         className: cn(SIZE_CLASS$7[size], 
         // Después de `SIZE_CLASS` a propósito: el cuadrado de un carácter ENCOGE la caja
         // respecto al tamaño normal y tiene que ganar en tailwind-merge.
-        isSquare ? ONE_CHAR_CLASS[size] : "", RADIUS_CLASS$7[radius], outlineClass, flatDarkFgClass, customClass, isDisabled ? "opacity-50 pointer-events-none" : "", classNames?.base, className), style: style, "aria-disabled": isDisabled || undefined, children: [startContent, jsx("span", { className: cn("flex-1 text-inherit font-normal", startContent
+        isSquare ? ONE_CHAR_CLASS[size] : "", RADIUS_CLASS$9[radius], outlineClass, flatDarkFgClass, customClass, isDisabled ? "opacity-50 pointer-events-none" : "", classNames?.base, className), style: style, "aria-disabled": isDisabled || undefined, children: [startContent, jsx("span", { className: cn("flex-1 text-inherit font-normal", startContent
                     ? CONTENT_PADDING[size].leftWithContent
                     : CONTENT_PADDING[size].left, hasEndContent
                     ? CONTENT_PADDING[size].rightWithContent
@@ -785,7 +785,9 @@ const sizeMap = {
     xl: "32px",
 };
 const IconComponent = ({ icon, size = "md", className, style, color, hFlip, vFlip, flip, rotate, ...nativeProps }) => {
-    const iconSize = sizeMap[size] ?? sizeMap.md;
+    // Un número son píxeles tal cual (p. ej. 64): la escala con nombre se queda en 32 y
+    // `width`/`height` no son props del componente (caerían en el <span>, sin efecto).
+    const iconSize = typeof size === "number" ? `${size}px` : (sizeMap[size] ?? sizeMap.md);
     return (jsx("span", { ...nativeProps, children: jsx(Icon, { icon: icon, width: iconSize, height: iconSize, className: className, style: style, color: color, hFlip: hFlip, vFlip: vFlip, flip: flip, rotate: rotate }) }));
 };
 
@@ -1104,7 +1106,7 @@ const SIZE_TEXT_CLASS$3 = {
     md: "text-sm",
     lg: "text-base",
 };
-const RADIUS_CLASS$6 = {
+const RADIUS_CLASS$8 = {
     none: "rounded-none",
     sm: "rounded-[8px]",
     md: "rounded-[12px]",
@@ -1173,7 +1175,7 @@ function DatePicker({ label, description, errorMessage, id, size = "md", variant
             .filter(Boolean)
             .join(" "), children: [label && (jsx(Label, { className: "text-default-600 text-xs font-medium", children: label })), jsxs(DateField.Group, { fullWidth: fullWidth, className: [
                     SIZE_CLASS$6[size],
-                    RADIUS_CLASS$6[radius],
+                    RADIUS_CLASS$8[radius],
                     VARIANT_CLASS$5[variant],
                     FIELD_FOCUS_CLASS$5,
                 ]
@@ -1193,7 +1195,7 @@ const SIZE_TEXT_CLASS$2 = {
     md: "text-sm",
     lg: "text-base",
 };
-const RADIUS_CLASS$5 = {
+const RADIUS_CLASS$7 = {
     none: "rounded-none",
     sm: "rounded-[8px]",
     md: "rounded-[12px]",
@@ -1265,7 +1267,7 @@ function DateRangePicker({ label, description, errorMessage, id, size = "md", va
             .filter(Boolean)
             .join(" "), children: [label && (jsx(Label, { className: "text-default-600 text-xs font-medium", children: label })), jsxs(DateField.Group, { fullWidth: fullWidth, className: [
                     SIZE_CLASS$5[size],
-                    RADIUS_CLASS$5[radius],
+                    RADIUS_CLASS$7[radius],
                     VARIANT_CLASS$4[variant],
                     FIELD_FOCUS_CLASS$4,
                 ]
@@ -1330,7 +1332,7 @@ const SIZE_TEXT_CLASS$1 = {
 // v3 usa `--field-radius` (12px, ya coincide con el "md" de v2) para el radio por defecto —
 // neutralize-v3.css no toca fields. Para el resto de valores explícitos, clases arbitrarias con
 // el valor EXACTO de v2 (rounded-md/lg de Tailwind no coinciden: 6/8px en vez de 12/14px).
-const RADIUS_CLASS$4 = {
+const RADIUS_CLASS$6 = {
     none: "rounded-none",
     sm: "rounded-[8px]",
     md: "rounded-[12px]",
@@ -1600,7 +1602,7 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
                     SIZE_CLASS$4[size],
                     radius === "full" ? PADDING_FULL_CLASS$1[size] : PADDING_CLASS$2[size],
                     variant === "underlined" ? UNDERLINED_INNER_CLASS$1[size] : "",
-                    RADIUS_CLASS$4[radius],
+                    RADIUS_CLASS$6[radius],
                     VARIANT_CLASS$3[variant],
                     FIELD_FOCUS_CLASS$3,
                     FIELD_SHADOW_CLASS$2,
@@ -1719,7 +1721,7 @@ const paddingClasses = {
 // `src/styles/neutralize-v3.css` (`.card { border-radius: 8px }`, el "sm" de v2). Para el resto de
 // valores explícitos, clases arbitrarias con el valor EXACTO de v2 (`rounded-md`/`rounded-lg` de
 // Tailwind no coinciden: 6px/8px en vez de 12px/14px — ver findings/tabla-mapeo-tokens.md §4).
-const RADIUS_CLASS$3 = {
+const RADIUS_CLASS$5 = {
     none: "rounded-none",
     sm: "rounded-[8px]",
     md: "rounded-[12px]",
@@ -1751,7 +1753,7 @@ const SHADOW_CLASS = {
 const Card = ({ children, className = "", shadow = "sm", radius = "sm", padding = "md", ...props }) => {
     const combinedClassName = [
         paddingClasses[padding],
-        RADIUS_CLASS$3[radius],
+        RADIUS_CLASS$5[radius],
         SHADOW_CLASS[shadow],
         className,
     ]
@@ -4723,7 +4725,7 @@ function computeSlices(data, palette = DEFAULT_DONUT_COLORS) {
     });
 }
 
-const DEFAULT_TRANSLATIONS$c = {
+const DEFAULT_TRANSLATIONS$d = {
     emptyState: "Sin datos para mostrar",
     totalLabel: "Total",
 };
@@ -4733,7 +4735,7 @@ const DEFAULT_TRANSLATIONS$c = {
  * para que sean estables independientemente del tamaño medido del contenedor.
  */
 const DonutChart = ({ data, height = 220, innerRadiusRatio = 0.65, showLegend = true, showTotal = true, colors, formatValue, animated = true, translations = {}, className, }) => {
-    const t = { ...DEFAULT_TRANSLATIONS$c, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$d, ...translations };
     if (isDonutEmpty(data)) {
         return (jsx("div", { className: className, children: jsx(P, { children: t.emptyState }) }));
     }
@@ -4922,11 +4924,11 @@ const NotificationButton = ({ notificationCount = 0, onPress, color = "secondary
 };
 NotificationButton.displayName = "NotificationButton";
 
-const DEFAULT_TRANSLATIONS$b = {
+const DEFAULT_TRANSLATIONS$c = {
     logout: "Cerrar sesión",
 };
 const HeaderComponent = ({ notificationCount, options, onMenuClick, onLogout, translations = {}, breadcrumbs, extraContent, showMenuButton = true, onNotificationClick, onOptionSelect, onBreadcrumbClick, notificationButtonColor, }) => {
-    const t = { ...DEFAULT_TRANSLATIONS$b, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$c, ...translations };
     return (jsx("header", { className: "header__container", children: jsxs("div", { className: "flex items-center justify-between w-full", children: [jsxs("div", { className: "flex items-center gap-4", children: [showMenuButton && (jsx(Button, { className: "sm:hidden", isIconOnly: true, 
                             // Fachada propia por defecto pinta color="primary" (D-G4-1); el crudo
                             // de v2 pintaba "default" (gris) — se fija explícito.
@@ -5182,7 +5184,7 @@ KanbanColumn.displayName = "KanbanColumn";
  * Traducciones por defecto en español.
  * Se mezclan con las traducciones proporcionadas por el usuario.
  */
-const DEFAULT_TRANSLATIONS$a = {
+const DEFAULT_TRANSLATIONS$b = {
     dropHere: "Soltar aquí",
     emptyMessage: "No hay elementos",
     itemsLabel: "elementos",
@@ -5216,7 +5218,7 @@ const columnGapClasses = {
  */
 const KanbanComponent = ({ columns, renderItem, onCardClick, onItemMove, isDraggable, cardClassName, isCardClickable, className, columnWidth = "280px", columnGap = "md", horizontalScroll = true, columnMaxHeight, renderColumnHeader, renderEmptyState, translations = {}, onLoadMore, showItemCount = false, }) => {
     // Mezclar traducciones del usuario con las por defecto
-    const t = { ...DEFAULT_TRANSLATIONS$a, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$b, ...translations };
     // Determinar si drag está habilitado
     const dragEnabled = isDraggable ?? !!onItemMove;
     // Estado del drag actual
@@ -5601,7 +5603,7 @@ const MenuNavList = $8WNJc$react.forwardRef(({ items, isCollapsed, defaultSelect
 });
 MenuNavList.displayName = "MenuNavList";
 
-const DEFAULT_TRANSLATIONS$9 = {
+const DEFAULT_TRANSLATIONS$a = {
     menuLabel: "Menú",
     closeSidebarAriaLabel: "Cerrar menú lateral",
     mobileNavAriaLabel: "Navegación móvil",
@@ -5617,7 +5619,7 @@ const DEFAULT_TRANSLATIONS$9 = {
 const MenuComponent = $8WNJc$react.memo(function Menu({ commerceInfo, userInfo, helpButton, isOpenSidebar, onOpenSidebarChange, menuItems, mobileBottomBarGroupKey, showNativeMenu = true, onUserInfoClick, translations = {}, }) {
     const [isCollapsed, setIsCollapsed] = $8WNJc$react.useState(false);
     const [logoError, setLogoError] = $8WNJc$react.useState(false);
-    const t = { ...DEFAULT_TRANSLATIONS$9, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$a, ...translations };
     const selectedKey = $8WNJc$react.useMemo(() => {
         if (menuItems.selectedPath) {
             return (getSelectedKeyFromPath(menuItems.selectedPath, menuItems.items) ??
@@ -5895,7 +5897,7 @@ const MenuClawNavItem = ({ item, selectedKey, isCollapsed, onSelect, depth = 0,
 };
 MenuClawNavItem.displayName = "MenuClawNavItem";
 
-const DEFAULT_TRANSLATIONS$8 = {
+const DEFAULT_TRANSLATIONS$9 = {
     menuLabel: "Menú",
     closeSidebarAriaLabel: "Cerrar menú lateral",
     mobileNavAriaLabel: "Navegación móvil",
@@ -5933,7 +5935,7 @@ const MenuClaw = $8WNJc$react.memo(function MenuClaw({ userInfo, helpButton, men
     const isControlled = isCollapsedProp !== undefined;
     const [internalCollapsed, setInternalCollapsed] = $8WNJc$react.useState(defaultCollapsed ?? false);
     const collapsed = isCollapsedProp ?? internalCollapsed;
-    const t = { ...DEFAULT_TRANSLATIONS$8, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$9, ...translations };
     const selectedKey = useMemo(() => {
         if (menuItems.selectedPath) {
             return (getSelectedKeyFromPath(menuItems.selectedPath, menuItems.items) ??
@@ -6783,7 +6785,7 @@ function computeBars(data, palette = DEFAULT_RANKED_BAR_COLORS) {
     });
 }
 
-const DEFAULT_TRANSLATIONS$7 = {
+const DEFAULT_TRANSLATIONS$8 = {
     emptyState: "Sin datos para mostrar",
 };
 /**
@@ -6793,7 +6795,7 @@ const DEFAULT_TRANSLATIONS$7 = {
  * etapa del funnel, etc.).
  */
 const RankedBarList = ({ data, colors, formatValue, showValue = true, barHeight = 8, translations = {}, className, }) => {
-    const t = { ...DEFAULT_TRANSLATIONS$7, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$8, ...translations };
     if (isRankedBarListEmpty(data)) {
         return (jsx("div", { className: className, children: jsx(P, { children: t.emptyState }) }));
     }
@@ -8182,7 +8184,7 @@ const SIZE_TEXT_CLASS = {
 // `min-w-0` es obligatorio: un ítem flex tiene `min-width: auto`, o sea no baja de su `min-content`,
 // y sin eso el texto desborda el trigger en vez de truncar con elipsis.
 const VALUE_ROOM_CLASS = "me-6 min-w-0 truncate";
-const RADIUS_CLASS$2 = {
+const RADIUS_CLASS$4 = {
     none: "rounded-none",
     sm: "rounded-[8px]",
     md: "rounded-[12px]",
@@ -8405,7 +8407,7 @@ fullWidth = true, isOpen, defaultOpen, onOpenChange, className, classNames, }) =
         SIZE_CLASS$1[size],
         radius === "full" ? PADDING_FULL_CLASS[size] : PADDING_CLASS[size],
         TRIGGER_ALIGN_CLASS,
-        RADIUS_CLASS$2[radius],
+        RADIUS_CLASS$4[radius],
         VARIANT_CLASS$1[variant],
         // En v2 el estado inválido MANDABA también con el campo enfocado
         // (`group-data-[focus=true]:!border-danger`), así que el borde de foco no se aplica cuando
@@ -8559,7 +8561,7 @@ const SocialMediaPreview = ({ platform, imageUrl, caption, variant = "full", pos
     }
 };
 
-const DEFAULT_TRANSLATIONS$6 = {
+const DEFAULT_TRANSLATIONS$7 = {
     trendUpAriaLabel: "Tendencia al alza",
     trendDownAriaLabel: "Tendencia a la baja",
     trendNeutralAriaLabel: "Sin variación",
@@ -8581,7 +8583,7 @@ const TREND_ARIA_KEY = {
  * varios dashboards de estadísticas y no encajaba en ningún chart existente de AuraUI.
  */
 const StatTile = ({ title, value, icon, trend, translations = {}, className, padding = "md", ...cardProps }) => {
-    const t = { ...DEFAULT_TRANSLATIONS$6, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$7, ...translations };
     const direction = trend?.direction ?? "neutral";
     return (jsxs(Card, { padding: padding, className: ["flex flex-row items-center gap-3", className]
             .filter(Boolean)
@@ -8631,7 +8633,7 @@ const SIZE_CLASS = {
 // esquina. Es el único resto que quedaba entre `textarea--default` y su referencia: 12 píxeles en
 // x[780..786] y[407..413], gris `102,102,102` donde v2 tiene el fondo.
 const RESIZE_CLASS = "resize-none";
-const RADIUS_CLASS$1 = {
+const RADIUS_CLASS$3 = {
     none: "rounded-none",
     sm: "rounded-[8px]",
     md: "rounded-[12px]",
@@ -8739,7 +8741,7 @@ fullWidth = true, value, defaultValue, onChange, onValueChange, className, class
                     .join(" "), children: label })), jsx(TextArea, { ...rest, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: handleChange, className: [
                     SIZE_CLASS[size],
                     RESIZE_CLASS,
-                    RADIUS_CLASS$1[radius],
+                    RADIUS_CLASS$3[radius],
                     VARIANT_CLASS[variant],
                     isInvalid ? INVALID_TEXT_CLASS : "",
                     FIELD_FOCUS_CLASS,
@@ -8850,12 +8852,12 @@ const CLOSE_BY_COLOR = {
     danger: "text-danger-500 hover:bg-danger-200",
     default: "text-default-400 hover:bg-default-200",
 };
-const DEFAULT_TRANSLATIONS$5 = {
+const DEFAULT_TRANSLATIONS$6 = {
     closeButtonAriaLabel: "Cerrar notificación",
 };
 function GlobalToast({ translations = {} } = {}) {
     const { toast, hideToast } = useAuraToast();
-    const t = { ...DEFAULT_TRANSLATIONS$5, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$6, ...translations };
     if (!toast.isVisible) {
         return null;
     }
@@ -9205,7 +9207,7 @@ const AURORAS = [
         duration: 55,
     },
 ];
-const DEFAULT_TRANSLATIONS$4 = {
+const DEFAULT_TRANSLATIONS$5 = {
     backButtonLabel: "Atras",
 };
 const BackButton = ({ onPress, visible = true, className = "", label }) => {
@@ -9237,7 +9239,7 @@ const AnimatedBackground = ({ className = "", }) => {
 const TwoColumnLayoutAgent = ({ assistantState = "happy", assistantSpeech, assistantSize = "xl", assistantHint, enableSequence = true, children, showBackButton = false, onBack, translations = {}, className = "", }) => {
     const [showRightContent, setShowRightContent] = useState(!enableSequence);
     const isDesktop = useMediaQuery(`(min-width: ${DESKTOP_BREAKPOINT_PX}px)`);
-    const t = useMemo(() => ({ ...DEFAULT_TRANSLATIONS$4, ...translations }), [translations]);
+    const t = useMemo(() => ({ ...DEFAULT_TRANSLATIONS$5, ...translations }), [translations]);
     const handleBackPress = onBack ?? (() => undefined);
     useEffect(() => {
         if (enableSequence && !showRightContent) {
@@ -10052,7 +10054,7 @@ const ListMessageSheet = ({ action, onClose, onPick, translations, }) => {
     const footerHint = action.listFooterHint ?? translations.listSelectHintDefault;
     return (jsxs("div", { className: "absolute inset-0 z-40 flex flex-col justify-end pointer-events-auto", role: "presentation", children: [jsx("button", { type: "button", className: "absolute inset-0 z-40 bg-black/45 dark:bg-black/60 border-0 cursor-pointer p-0 m-0", onClick: onClose, "aria-label": translations.listCloseAriaLabel }), jsxs("div", { className: "relative z-50 mx-1 mb-1 rounded-2xl bg-white dark:bg-[#1f1f1f] shadow-2xl flex flex-col max-h-[min(52vh,420px)] overflow-hidden ring-1 ring-black/5 dark:ring-white/10", children: [jsxs("div", { className: "flex items-center justify-center relative shrink-0 px-10 pt-3 pb-2.5 border-b border-black/[0.08] dark:border-white/[0.12]", children: [jsx("span", { className: "text-[15px] font-semibold text-gray-900 dark:text-gray-100 text-center", children: headerTitle }), jsx("button", { type: "button", onClick: onClose, className: "absolute right-2 top-1.5 p-1.5 rounded-full text-gray-500 hover:bg-black/[0.06] dark:text-gray-400 dark:hover:bg-white/[0.08]", "aria-label": translations.listCloseAriaLabel, children: jsx(IconComponent, { icon: "solar:close-circle-bold", className: "text-current", size: "lg" }) })] }), jsx("div", { className: "overflow-y-auto flex-1 min-h-0", children: items.map((item, rowIndex) => (jsxs("button", { type: "button", onClick: () => onPick(item), className: "w-full text-left flex gap-3 px-4 py-3 border-t border-black/[0.06] dark:border-white/[0.08] first:border-t-0 hover:bg-black/[0.04] dark:hover:bg-white/[0.05] transition-colors", children: [item.emoji || item.icon ? (jsx("div", { className: "shrink-0 w-9 inline-flex items-center justify-center self-start", children: item.emoji ? (jsx("span", { className: "text-xl leading-none", "aria-hidden": true, children: item.emoji })) : item.icon ? (jsx("span", { className: "inline-flex h-6 w-6 items-center justify-center [&>span]:flex [&>span]:size-full [&>span]:items-center [&>span]:justify-center", children: jsx(IconComponent, { icon: item.icon, className: "text-gray-600 dark:text-gray-300 [&_svg]:block", size: "sm" }) })) : null })) : null, jsxs("div", { className: "min-w-0 flex-1", children: [jsx("p", { className: "text-[15px] font-semibold text-gray-900 dark:text-gray-100 leading-snug", children: item.title }), item.description ? (jsx("p", { className: "text-[13px] text-gray-600 dark:text-gray-400 mt-0.5 leading-snug", children: item.description })) : null] })] }, item.id ?? `${item.title}-${rowIndex}`))) }), footerHint ? (jsx("p", { className: "shrink-0 text-center text-[11px] text-gray-500 dark:text-gray-500 px-4 py-2.5 border-t border-black/[0.06] dark:border-white/[0.08]", children: footerHint })) : null] })] }));
 };
-const DEFAULT_TRANSLATIONS$3 = {
+const DEFAULT_TRANSLATIONS$4 = {
     businessName: "Tu Negocio",
     businessInitials: "TN",
     onlineStatus: "en linea",
@@ -10078,7 +10080,7 @@ const DEFAULT_TRANSLATIONS$3 = {
  * ```
  */
 const WhatsAppPreview = ({ imageUrl, caption, variant = "compact", showHeader = false, maxCaptionLength, onToggleCaption, showFullCaption = false, ctaType, ctaLabel, ctaValue, previewAction, campaignView = false, translations = {}, className = "", timeLocale = "es-ES", onListItemPick, }) => {
-    const t = { ...DEFAULT_TRANSLATIONS$3, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$4, ...translations };
     const [openListSheetIndex, setOpenListSheetIndex] = useState(null);
     const closeListSheet = useCallback(() => {
         setOpenListSheetIndex(null);
@@ -11237,7 +11239,7 @@ const DrawerFilters = ({ isOpen, onOpenChange, config, onApplyFilters, onClearFi
 };
 DrawerFilters.displayName = "DrawerFilters";
 
-const DEFAULT_TRANSLATIONS$2 = {
+const DEFAULT_TRANSLATIONS$3 = {
     subjectLabel: "Asunto",
     fromLabel: "De",
     toLabel: "Para",
@@ -11269,7 +11271,7 @@ const DEFAULT_TRANSLATIONS$2 = {
  * ```
  */
 const EmailPreview = ({ htmlContent, subject, from, to, iframeHeight = 480, translations = {}, className = "", showEmailHeader = true, deviceColor = "black", }) => {
-    const t = { ...DEFAULT_TRANSLATIONS$2, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$3, ...translations };
     const displayFrom = from || t.fromEmail;
     const displayTo = to || t.toEmail;
     const deviceFrameColor = deviceColor === "white"
@@ -12239,7 +12241,7 @@ const DEFAULT_OPERATOR_LABELS = {
     withinLastDays: "en los ultimos (dias)",
     beforeDays: "hace mas de (dias)",
 };
-const DEFAULT_TRANSLATIONS$1 = {
+const DEFAULT_TRANSLATIONS$2 = {
     includeItemsText: "Incluir los que cumplan",
     allConditionsLabel: "Y todas",
     anyConditionLabel: "O alguna",
@@ -12412,7 +12414,7 @@ const ChipMultiSelect = ({ options, value, onChange, placeholder = "Seleccionar.
                                     e.preventDefault();
                                     toggleValue(opt.v);
                                 }
-                            }, role: "option", "aria-selected": value.includes(opt.v), tabIndex: 0, children: jsxs(Checkbox, { isSelected: value.includes(opt.v), onChange: () => toggleValue(opt.v), children: [jsx(Checkbox.Control, { children: jsx(Checkbox.Indicator, {}) }), jsx(Checkbox.Content, { className: "text-sm", children: opt.l })] }) }, opt.v))) }), jsxs("div", { className: "px-3 py-1.5 text-xs text-default-400 border-t border-default-100", children: [value.length, " ", value.length === 1
+                            }, role: "option", "aria-selected": value.includes(opt.v), tabIndex: 0, children: jsxs(Checkbox$1, { isSelected: value.includes(opt.v), onChange: () => toggleValue(opt.v), children: [jsx(Checkbox$1.Control, { children: jsx(Checkbox$1.Indicator, {}) }), jsx(Checkbox$1.Content, { className: "text-sm", children: opt.l })] }) }, opt.v))) }), jsxs("div", { className: "px-3 py-1.5 text-xs text-default-400 border-t border-default-100", children: [value.length, " ", value.length === 1
                                 ? selectedCountSingular
                                 : selectedCountPlural] })] }))] }));
 };
@@ -12651,7 +12653,7 @@ const FilterSummary = ({ group, fieldMap, tagMap, translations: t, }) => {
 // ─── Main Component ────────────────────────────────────────────────
 const SegmentationBuilder = forwardRef(({ fields, tags = [], value, onChange, maxDepth = 5, showSummary = true, showJsonPreview = false, translations, className = "", isDisabled = false, }, ref) => {
     const t = useMemo(() => ({
-        ...DEFAULT_TRANSLATIONS$1,
+        ...DEFAULT_TRANSLATIONS$2,
         ...translations,
         operatorLabels: {
             ...DEFAULT_OPERATOR_LABELS,
@@ -12758,7 +12760,7 @@ const FIELD_ICON_CLASS = "pointer-events-none absolute end-0 top-1/2 flex h-full
 const SEARCH_ICON = (jsx(IconComponent, { icon: "solar:magnifer-outline", className: "text-default-400 pointer-events-none shrink-0", size: "sm", "aria-hidden": true }));
 const SENTINEL_KEY = "__tags-filter-sentinel__";
 const EMPTY_KEY = "__tags-filter-empty__";
-const DEFAULT_TRANSLATIONS = {
+const DEFAULT_TRANSLATIONS$1 = {
     placeholder: "Nombre de la etiqueta",
     labelSelect: "Selecciona etiqueta",
     labelSelected: "Etiquetas actuales",
@@ -12786,7 +12788,7 @@ const defaultGetTagKey = (tag) => tag.id ?? tag.value;
  * Cumple con i18n mediante la prop `translations`.
  */
 function TagsFilter({ items, value, onChange, translations = {}, error, isLoading = false, className = "", "aria-label": ariaLabel, required = false, compareTags = defaultCompareTags, getTagKey = defaultGetTagKey, onInputChange, hasMore = false, isLoadingMore = false, onLoadMore, loadMoreRootMargin = "0px", }) {
-    const t = { ...DEFAULT_TRANSLATIONS, ...translations };
+    const t = { ...DEFAULT_TRANSLATIONS$1, ...translations };
     const [inputValue, setInputValue] = useState("");
     const [autocompleteKey, setAutocompleteKey] = useState(0);
     const selectedList = value ?? [];
@@ -12938,7 +12940,7 @@ const createCurrencyFormatter = (locale, currency, fractionDigits = 0) => {
 // v2 no tiene prop `radius` en el diálogo del modal: v3 tampoco (eliminada, "usar Tailwind"), así
 // que se reimplementa vía className arbitrario — mismo criterio y mismos valores exactos que
 // Button/Card de F3.0 (RADIUS_CLASS).
-const RADIUS_CLASS = {
+const RADIUS_CLASS$2 = {
     none: "rounded-none",
     sm: "rounded-[8px]",
     md: "rounded-[12px]",
@@ -12980,7 +12982,7 @@ const ModalCloseContext = createContext(() => { });
  * gestiona react-aria-components internamente (`ModalOverlay`/`Dialog`), sin código propio.
  */
 const Modal = ({ isOpen, defaultOpen, onOpenChange, size = "md", radius = "lg", backdrop = "opaque", scrollBehavior = "normal", placement, isDismissable = true, isKeyboardDismissDisabled = false, hideCloseButton = false, className, children, }) => {
-    return (jsx(Modal$1, { children: jsx(Modal$1.Backdrop, { isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: onOpenChange, variant: backdrop, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, children: jsx(Modal$1.Container, { size: SIZE_MAP[size], placement: placement, scroll: scrollBehavior === "inside" ? "inside" : undefined, className: className, children: jsx(Modal$1.Dialog, { className: cn(RADIUS_CLASS[radius], "px-6 py-9"), children: ({ close }) => (jsxs(ModalCloseContext.Provider, { value: close, children: [!hideCloseButton && jsx(Modal$1.CloseTrigger, {}), children] })) }) }) }) }));
+    return (jsx(Modal$1, { children: jsx(Modal$1.Backdrop, { isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: onOpenChange, variant: backdrop, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, children: jsx(Modal$1.Container, { size: SIZE_MAP[size], placement: placement, scroll: scrollBehavior === "inside" ? "inside" : undefined, className: className, children: jsx(Modal$1.Dialog, { className: cn(RADIUS_CLASS$2[radius], "px-6 py-9"), children: ({ close }) => (jsxs(ModalCloseContext.Provider, { value: close, children: [!hideCloseButton && jsx(Modal$1.CloseTrigger, {}), children] })) }) }) }) }));
 };
 
 /**
@@ -13187,6 +13189,469 @@ ModalBody.displayName = "ModalBody";
 const ModalFooter = ({ className, ...props }) => (jsx(ModalFooter$1, { ...props, className: cn("mt-0 px-6 py-4", className) }));
 ModalFooter.displayName = "ModalFooter";
 
+// TECH-2459 — Fachada `Alert` (hallazgo loginos 07-sep: `index.tsx` reexportaba el `Alert` CRUDO de
+// v3 y solo shimeaba el TIPO `AlertProps` v2 → el JSX v2 compilaba pero el componente era v3).
+//
+// HeroUI v3 convierte el Alert en compound (`Alert.Indicator`/`Content`/`Title`/`Description`),
+// cambia `color` por `status` (`primary`→`accent`, `secondary`→`default`) y ELIMINA `variant`,
+// `radius`, `title`/`description`, `icon`/`hideIcon`/`hideIconWrapper`, `isClosable`/`onClose`,
+// `isVisible`/`onVisibleChange`, `startContent`/`endContent` y `classNames` (guía oficial
+// `alert`). Además `.alert` de v3 es SIEMPRE `bg-surface`: el fondo teñido por estado que daba
+// `variant="flat"` en v2 desapareció (`@heroui/styles/dist/components/alert.css:4`).
+//
+// Esta fachada compone el compound de v3 por dentro y repone cada prop v2 con los literales del
+// `tv` de v2 (`@heroui/theme@2.4.15` → `dist/components/alert.js`, leído, no deducido),
+// traducidos al vocabulario de Tailwind 4 sobre los tokens de Aurora (que emite toda la escala
+// 50-900, así que `bg-danger-50` sigue siendo una utilidad válida). Todo va como utilidades
+// (capa `utilities`), que ganan a las reglas de `alert.css` (capa `components`) — mismo mecanismo
+// que Badge/Card/Chip.
+//
+// ⚠️ Ni una clase v2 muerta (`text-small`, `rounded-medium`, `border-small`, `shadow-small`):
+// `cn` (tailwind-merge 3) las BORRA del DOM cuando compiten con otra del mismo prefijo (ver
+// skill `auraui-components`, "La trampa de las clases v2 muertas + cn").
+const DEFAULT_TRANSLATIONS = {
+    closeButtonAriaLabel: "Cerrar",
+};
+/** `color` v2 → `status` v3 (tabla de la guía oficial de migración). */
+const STATUS_BY_COLOR = {
+    default: "default",
+    primary: "accent",
+    secondary: "default",
+    success: "success",
+    warning: "warning",
+    danger: "danger",
+};
+/** Inverso: si el consumidor pasa `status` (v3) sin `color`, las utilidades siguen ese color. */
+const COLOR_BY_STATUS = {
+    default: "default",
+    accent: "primary",
+    success: "success",
+    warning: "warning",
+    danger: "danger",
+};
+// v3 usa `min(32px, var(--radius-3xl))`; v2 `radius="md"` = `rounded-medium` = 12px. Mismos
+// valores EXACTOS que Button/Card/Chip (los `rounded-md`/`lg` de Tailwind son 6/8px, no 12/14).
+const RADIUS_CLASS$1 = {
+    none: "rounded-none",
+    sm: "rounded-[8px]",
+    md: "rounded-[12px]",
+    lg: "rounded-[14px]",
+    full: "rounded-full",
+};
+// ---------------------------------------------------------------------------------------------
+// Matriz variant × color — literales de v2 (`alert.js`, `compoundVariants`), por slot.
+// ---------------------------------------------------------------------------------------------
+/**
+ * `flat` (y base de `faded`): `colorVariants.flat.<color>` + `bg-<color>-50 dark:bg-<color>-50/50`.
+ * El `bg-<color>/20` de `colorVariants.flat` lo pisaba el `bg-<color>-50` posterior (tailwind-merge
+ * dentro del `tv` de v2), así que el fondo REAL era el paso 50 — que es lo que se repone aquí.
+ */
+const FLAT_BASE = {
+    default: "bg-default-100 text-default-foreground dark:bg-default-50/50",
+    primary: "bg-primary-50 text-primary-600 dark:bg-primary-50/50",
+    secondary: "bg-secondary-50 text-secondary-600 dark:bg-secondary-50/50",
+    success: "bg-success-50 text-success-700 dark:bg-success-50/50 dark:text-success",
+    warning: "bg-warning-50 text-warning-700 dark:bg-warning-50/50 dark:text-warning",
+    danger: "bg-danger-50 text-danger-600 dark:bg-danger-50/50 dark:text-danger-500",
+};
+/** `faded` = `flat` + `border-small` (1px) con este color de borde. */
+const FADED_BORDER = {
+    default: "border-default-300 dark:border-default-200",
+    primary: "border-primary-200 dark:border-primary-100",
+    secondary: "border-secondary-200",
+    success: "border-success-300 dark:border-success-100",
+    warning: "border-warning-300 dark:border-warning-100",
+    danger: "border-danger-200 dark:border-danger-100",
+};
+/** `bordered`: `colorVariants.bordered.<color>` (+ `border-small`, sin fondo). */
+const BORDERED_BASE = {
+    default: "bg-transparent border-default text-foreground",
+    primary: "bg-transparent border-primary text-primary",
+    secondary: "bg-transparent border-secondary text-secondary",
+    success: "bg-transparent border-success text-success",
+    warning: "bg-transparent border-warning text-warning",
+    danger: "bg-transparent border-danger text-danger",
+};
+/** `solid`: `colorVariants.solid.<color>`. `default` usa el gris de Aurora (`--color-default`). */
+const SOLID_BASE = {
+    default: "bg-default text-default-foreground",
+    primary: "bg-primary text-primary-foreground",
+    secondary: "bg-secondary text-secondary-foreground",
+    success: "bg-success text-success-foreground",
+    warning: "bg-warning text-warning-foreground",
+    danger: "bg-danger text-danger-foreground",
+};
+/**
+ * Círculo del icono (slot `iconWrapper` de v2). `flat`/`faded`: `bg-<color>-50 dark:bg-<color>-100
+ * border-<color>-100` (+ `border-1 shadow-small`, ver `ICON_WRAPPER_TINTED`); `bordered`:
+ * `bg-<color>-100 dark:bg-<color>-50` (+ `shadow-small`); `solid`: sin fondo.
+ */
+const FLAT_ICON_WRAPPER = {
+    default: "bg-default-50 border-default-200 dark:bg-default-100",
+    primary: "bg-primary-50 border-primary-100 dark:bg-primary-100",
+    secondary: "bg-secondary-50 border-secondary-100 dark:bg-secondary-100",
+    success: "bg-success-50 border-success-100 dark:bg-success-100",
+    warning: "bg-warning-50 border-warning-100 dark:bg-warning-100",
+    danger: "bg-danger-50 border-danger-100 dark:bg-danger-100",
+};
+const BORDERED_ICON_WRAPPER = {
+    default: "bg-default-200 dark:bg-default-100",
+    primary: "bg-primary-100 dark:bg-primary-50",
+    secondary: "bg-secondary-100 dark:bg-secondary-50",
+    success: "bg-success-100 dark:bg-success-50",
+    warning: "bg-warning-100 dark:bg-warning-50",
+    danger: "bg-danger-100 dark:bg-danger-50",
+};
+/**
+ * La `x` (slot `closeButton` de v2): `text-<color>-500 data-[hover]:bg-<color>-200` en
+ * `flat`/`faded`; `data-[hover]:bg-<color>-50` en `bordered` (texto heredado del alert);
+ * `data-[hover]:bg-default-100` en `solid default`. En `solid` de color el botón de v2 era un
+ * `Button variant="light"` sin color: hover `bg-default/40`.
+ *
+ * `hover:` y no `data-[hover=true]:` — react-aria emite `data-hovered`, y `:hover` cubre igual el
+ * ratón (trampa 3 de la skill). `bg-transparent` anula el `bg-default` de `.close-button--default`
+ * de v3, que sobre un fondo teñido canta como una píldora gris (mismo arreglo que GlobalToast).
+ */
+const FLAT_CLOSE = {
+    default: "text-default-400 hover:bg-default-200",
+    primary: "text-primary-500 hover:bg-primary-200",
+    secondary: "text-secondary-500 hover:bg-secondary-200",
+    success: "text-success-500 hover:bg-success-200",
+    warning: "text-warning-500 hover:bg-warning-200",
+    danger: "text-danger-500 hover:bg-danger-200",
+};
+const BORDERED_CLOSE = {
+    default: "text-default-400 hover:bg-default-100",
+    primary: "text-inherit hover:bg-primary-50",
+    secondary: "text-inherit hover:bg-secondary-50",
+    success: "text-inherit hover:bg-success-50",
+    warning: "text-inherit hover:bg-warning-100",
+    danger: "text-inherit hover:bg-danger-50",
+};
+const SOLID_CLOSE = {
+    default: "text-inherit hover:bg-default-100",
+    primary: "text-inherit hover:bg-default/40",
+    secondary: "text-inherit hover:bg-default/40",
+    success: "text-inherit hover:bg-default/40",
+    warning: "text-inherit hover:bg-default/40",
+    danger: "text-inherit hover:bg-default/40",
+};
+// Base v2 del círculo del icono: `flex-none relative w-9 h-9 rounded-full grid place-items-center`
+// + `alertIcon: fill-current w-6` (24px). v3 (`.alert__indicator`): `flex items-center
+// justify-center p-1`, con el icono por defecto a `size-4` (16px) — se repone el tamaño de v2.
+// `text-inherit`: `.alert--<status> .alert__indicator` de v3 pinta el icono con
+// `--<status>-soft-foreground`, que sobre un `solid` sería rojo sobre rojo.
+const ICON_WRAPPER_BASE = "relative size-9 shrink-0 rounded-full p-0 text-inherit [&_svg]:size-6 [&_svg]:fill-current";
+/** `flat`/`bordered`/`faded`: `shadow-small`; `flat`/`faded` además `border-1`. */
+const ICON_WRAPPER_SHADOW = "shadow-[var(--aurora-shadow-small)]";
+const ICON_WRAPPER_TINTED = `${ICON_WRAPPER_SHADOW} border`;
+// Base v2 del botón de cierre: `Button isIconOnly size="sm" radius="full" variant="light"` (32px,
+// icono de 20px) + slot `relative text-inherit translate-x-1 -translate-y-1`. v3
+// (`.close-button`): 24px, `rounded-xl`, svg a 16px con `-mx-0.5 my-0.5`.
+const CLOSE_BASE = "relative size-8 min-w-8 shrink-0 translate-x-1 -translate-y-1 rounded-full bg-transparent p-0 [&_svg]:m-0 [&_svg]:size-5";
+function slotClasses(variant, color) {
+    // v2: `description: text-default-600` solo para `default` en flat/faded/bordered; el resto
+    // heredaba el color del base (`text-inherit`).
+    const defaultDescription = color === "default" ? "text-default-600" : "";
+    switch (variant) {
+        case "solid":
+            return {
+                base: SOLID_BASE[color],
+                description: "",
+                iconWrapper: "",
+                closeButton: SOLID_CLOSE[color],
+            };
+        case "bordered":
+            return {
+                base: `border ${BORDERED_BASE[color]}`,
+                description: defaultDescription,
+                iconWrapper: `${ICON_WRAPPER_SHADOW} ${BORDERED_ICON_WRAPPER[color]}`,
+                closeButton: BORDERED_CLOSE[color],
+            };
+        case "faded":
+            return {
+                base: `border ${FLAT_BASE[color]} ${FADED_BORDER[color]}`,
+                description: defaultDescription,
+                iconWrapper: `${ICON_WRAPPER_TINTED} ${FLAT_ICON_WRAPPER[color]}`,
+                closeButton: FLAT_CLOSE[color],
+            };
+        default:
+            return {
+                base: FLAT_BASE[color],
+                description: defaultDescription,
+                iconWrapper: `${ICON_WRAPPER_TINTED} ${FLAT_ICON_WRAPPER[color]}`,
+                closeButton: FLAT_CLOSE[color],
+            };
+    }
+}
+// Los subcomponentes compound de v3, adjuntos como estáticos (`Alert.Indicator`…) para que el JSX
+// v3 (loginos ya migró el suyo) siga compilando y renderizando IGUAL que contra el `Alert` crudo.
+const COMPOUND_PARTS$1 = new Set([
+    Alert$1.Indicator,
+    Alert$1.Content,
+    Alert$1.Title,
+    Alert$1.Description,
+]);
+/**
+ * Detecta la API compound de v3: si algún hijo directo es `Alert.Indicator`/`Content`/`Title`/
+ * `Description`, el consumidor ya compone la estructura y la fachada NO debe envolver nada (si lo
+ * hiciera, saldrían dos indicadores). `<Alert>Texto</Alert>` (sin partes compound) sigue siendo
+ * API v2: children bajo la descripción, con icono y círculo, como en v2.
+ */
+function hasCompoundChildren$1(children) {
+    return Children.toArray(children).some((child) => isValidElement(child) && COMPOUND_PARTS$1.has(child.type));
+}
+/** `isEmpty` de v2 (`@heroui/shared-utils`): null/undefined/"" no cuentan como contenido. */
+function hasValue(node) {
+    return node !== null && node !== undefined && node !== "" && node !== false;
+}
+/**
+ * Alert - Aviso contextual basado en HeroUI v3 con la API pública de v2 intacta (TECH-2459).
+ *
+ * Dos modos, decididos por los `children`:
+ * - **API v2** (`color`/`variant`/`title`/`description`/`isClosable`…): la fachada compone el
+ *   compound de v3 y repone `variant` (fondo teñido en `flat`), `radius`, el círculo del icono,
+ *   el botón de cerrar (`CloseButton` de v3 con `aria-label` traducido) y la visibilidad.
+ * - **API compound v3** (`<Alert status="danger"><Alert.Indicator/><Alert.Content>…`): pasa tal
+ *   cual al `Alert` de HeroUI; `color`, si viene, se traduce a `status`.
+ */
+const AlertFacade = ({ color, status, variant = "flat", radius = "md", title, description, icon, hideIcon = false, hideIconWrapper = false, isClosable = false, onClose, isVisible: isVisibleProp, isDefaultVisible, onVisibleChange, startContent, endContent, classNames, className, children, translations = {}, ...rest }) => {
+    // `useControlledState` de v2 (`use-alert.ts`): controlado si llega `isVisible`; si no, estado
+    // propio que arranca en `isDefaultVisible ?? true` y se apaga al cerrar.
+    const [uncontrolledVisible, setUncontrolledVisible] = useState(isDefaultVisible ?? true);
+    const isControlled = isVisibleProp !== undefined;
+    const isVisible = isControlled ? isVisibleProp : uncontrolledVisible;
+    const t = { ...DEFAULT_TRANSLATIONS, ...translations };
+    // `status` (v3) gana sobre `color` (v2) para la clase de estado de HeroUI; y si SOLO llega
+    // `status`, las utilidades de Aurora siguen el color equivalente (`accent` → `primary`).
+    const effectiveColor = color ?? (status ? COLOR_BY_STATUS[status] : "default");
+    const effectiveStatus = status ?? STATUS_BY_COLOR[effectiveColor];
+    if (!isVisible) {
+        return null;
+    }
+    if (hasCompoundChildren$1(children)) {
+        return (jsx(Alert$1, { ...rest, status: effectiveStatus, className: cn(classNames?.base, className), children: children }));
+    }
+    const handleClose = () => {
+        if (!isControlled) {
+            setUncontrolledVisible(false);
+        }
+        onVisibleChange?.(false);
+        onClose?.();
+    };
+    const slots = slotClasses(variant, effectiveColor);
+    const hasTitle = hasValue(title);
+    const hasDescription = hasValue(description);
+    // `hasContent` de v2: sin descripción ni children, el título se centra verticalmente con el icono.
+    const hasContent = hasDescription || hasValue(children);
+    const showClose = isClosable || Boolean(onClose);
+    return (jsxs(Alert$1, { role: "alert", "data-visible": "true", "data-closeable": showClose ? "true" : undefined, "data-has-title": hasTitle ? "true" : undefined, "data-has-description": hasDescription ? "true" : undefined, ...rest, status: effectiveStatus, 
+        // Base v2: `flex flex-grow flex-row w-full items-start py-3 px-4 gap-x-1`. v3 ya trae
+        // flex/w-full/items-start/px-4/py-3; se repone el `gap-x-1` (v3: `gap-4`), se quita el
+        // `shadow-surface` (v2 no tenía sombra en el base) y se aplica variant/radius.
+        className: cn("grow gap-x-1 shadow-none", slots.base, RADIUS_CLASS$1[radius], hideIconWrapper && "gap-x-0", classNames?.base, className), children: [startContent, !hideIcon && (jsx(Alert$1.Indicator, { className: cn(ICON_WRAPPER_BASE, 
+                // v2 `hideIconWrapper`: `!bg-transparent !shadow-none !border-none` — se omiten
+                // las clases teñidas en vez de pisarlas, porque `bg-transparent` no borraría el
+                // `dark:bg-*` (grupo distinto para tailwind-merge).
+                hideIconWrapper ? "bg-transparent" : slots.iconWrapper, classNames?.iconWrapper), children: icon !== undefined && icon !== null ? (classNames?.alertIcon ? (
+                // `alertIcon` de v2 se aplicaba al propio SVG; aquí solo alcanza al icono
+                // personalizado (el de v3 por defecto se renderiza dentro del indicador).
+                jsx("span", { className: classNames.alertIcon, children: icon })) : (icon)) : undefined })), jsxs(Alert$1.Content, { className: cn("ms-2 box-border min-h-10 justify-center text-inherit", !hasContent && "items-center", classNames?.mainWrapper), children: [hasTitle && (
+                    // v2: `text-small w-full font-medium block text-inherit leading-5`; v3 (`.alert__title`)
+                    // pone `leading-6` y el color del estado — `text-inherit` devuelve el de v2.
+                    jsx(Alert$1.Title, { className: cn("w-full leading-5 text-inherit", classNames?.title), children: title })), hasDescription && (
+                    // v2: `pl-[1px] text-small font-normal text-inherit`; v3 (`.alert__description`) pone
+                    // `text-muted`.
+                    jsx(Alert$1.Description, { className: cn("pl-px font-normal text-inherit", slots.description, classNames?.description), children: description })), children] }), endContent, showClose && (jsx(CloseButton, { "aria-label": t.closeButtonAriaLabel, className: cn(CLOSE_BASE, slots.closeButton, classNames?.closeButton), onPress: handleClose }))] }));
+};
+AlertFacade.displayName = "Aurora.Alert";
+/**
+ * `Alert` de Aurora: fachada v2 + estáticos compound de v3 (`Alert.Indicator`, `Alert.Content`,
+ * `Alert.Title`, `Alert.Description`), los mismos objetos que exporta `@heroui/react`.
+ */
+const Alert = Object.assign(AlertFacade, {
+    Indicator: Alert$1.Indicator,
+    Content: Alert$1.Content,
+    Title: Alert$1.Title,
+    Description: Alert$1.Description,
+});
+
+// TECH-2459 — Fachada `Checkbox` (hallazgo loginos 07-sep: `index.tsx` reexportaba el `Checkbox`
+// CRUDO de v3, así que el JSX v2 de las apps — `isSelected` + `onValueChange` dentro de `Controller`
+// de RHF en backoffice ×12, smbs ×23, agency ×5 — no compilaba pese a existir el símbolo).
+//
+// HeroUI v3 convierte el Checkbox en compound (`Checkbox.Content` > `Checkbox.Control` >
+// `Checkbox.Indicator` + la etiqueta como children de `Content`), renombra `onValueChange` →
+// `onChange` y ELIMINA `color`, `size`, `radius`, `lineThrough`, `icon`, `classNames` y
+// `disableAnimation` (guía oficial `checkbox`). Su único eje propio es `variant`
+// (`primary`/`secondary`), que NO es un color: `secondary` es un tratamiento gris de menor énfasis
+// — el falso amigo de siempre (skill `auraui-design-tokens`).
+//
+// Esta fachada compone el compound por dentro y repone cada prop v2 con los literales del `tv`
+// de v2 (`@heroui/theme@2.4.15` → `dist/components/checkbox.js`), traducidos a utilidades de
+// Tailwind 4 sobre los tokens de Aurora. El relleno del estado marcado en v3 es el `::before` del
+// control (`bg-accent`, = `--color-primary` vía F1), así que `color` se reimplementa pisando ese
+// pseudo-elemento con `before:bg-<color>` — utilidad (capa `utilities`) que gana a la regla de
+// `checkbox.css` (capa `components`), incluida la de hover (`bg-accent-hover`).
+//
+// ⚠️ Estados de react-aria, verificados en el navegador contra `checkbox.css`: `data-selected`/
+// `data-indeterminate`/`data-invalid`/`data-disabled` viven en la RAÍZ (`.checkbox`);
+// `data-hovered`/`data-pressed`/`data-focus-visible` en `[data-slot="checkbox-content"]`. Por
+// eso hay dos grupos con nombre (`group/checkbox`, `group/content`) y NUNCA `data-[hover=true]`
+// (trampa 3 de la skill: v2 escribía `data-hover`; react-aria escribe `data-hovered`).
+/**
+ * Relleno del estado marcado (`::before` del control) y del indeterminado (fondo del control)
+ * por color. `primary` no pisa nada: el `bg-accent` de v3 YA es `--color-primary`. `default`
+ * usa el gris de Aurora (`--color-default`, = v2), nunca el `--default` crudo de v3 (D-F1-3).
+ *
+ * Literal v2: `after:bg-<color> after:text-<color>-foreground text-<color>-foreground`.
+ */
+const CONTROL_COLOR = {
+    primary: "",
+    default: "before:bg-default group-data-[indeterminate=true]/checkbox:bg-default",
+    secondary: "before:bg-secondary group-data-[indeterminate=true]/checkbox:bg-secondary",
+    success: "before:bg-success group-data-[indeterminate=true]/checkbox:bg-success",
+    warning: "before:bg-warning group-data-[indeterminate=true]/checkbox:bg-warning",
+    danger: "before:bg-danger group-data-[indeterminate=true]/checkbox:bg-danger",
+};
+/**
+ * Color del glifo (check / línea). v3 lo fija en el SVG (`[data-slot="checkbox-default-indicator--
+ * checkmark"] { text-accent-foreground }`), así que hay que alcanzar al SVG, no al indicador.
+ */
+const INDICATOR_COLOR = {
+    primary: "",
+    default: "[&_svg]:text-default-foreground",
+    secondary: "[&_svg]:text-secondary-foreground",
+    success: "[&_svg]:text-success-foreground",
+    warning: "[&_svg]:text-warning-foreground",
+    danger: "[&_svg]:text-danger-foreground",
+};
+// v2 (`checkbox.js`, variante `size`): wrapper `w-4/w-5/w-6` (16/20/24px), label
+// `text-small/medium/large`, icon `w-3 h-2` / `w-4 h-3` / `w-5 h-4`. v3: control `size-4`, glifo
+// `size-2.5`, texto `text-sm`, para todos.
+const CONTROL_SIZE = {
+    sm: "size-4",
+    md: "size-5",
+    lg: "size-6",
+};
+const INDICATOR_SIZE = {
+    sm: "size-3 [&_svg]:size-2.5",
+    md: "size-3.5 [&_svg]:size-3",
+    lg: "size-4 [&_svg]:size-3.5",
+};
+const LABEL_SIZE = {
+    sm: "text-sm",
+    md: "text-base",
+    lg: "text-lg",
+};
+// v2: `rounded-[calc(theme(borderRadius.medium)*K)]` con `medium` = 12px → 6 / 7.2 / 8.4 px, y por
+// defecto el radio lo decidía `size` (sm→0.5, md→0.6, lg→0.7). El `::before` (relleno) lleva el
+// mismo radio porque aquí cubre el border-box completo (ver `CONTROL_BASE`).
+const RADIUS_CLASS = {
+    none: "rounded-none before:rounded-none",
+    sm: "rounded-[6px] before:rounded-[6px]",
+    md: "rounded-[7.2px] before:rounded-[7.2px]",
+    lg: "rounded-[8.4px] before:rounded-[8.4px]",
+    full: "rounded-full before:rounded-full",
+};
+const RADIUS_BY_SIZE = {
+    sm: "sm",
+    md: "md",
+    lg: "lg",
+};
+/**
+ * Caja del control (slot `wrapper` de v2): borde de 2px en `--color-default` sin sombra
+ * (`before:border-2 before:border-default`), y el relleno cubriendo la caja ENTERA al marcarse.
+ *
+ * En v3 el borde vive en el propio control (1px, `border-field-border`, `shadow-field`) y el
+ * relleno es un `::before` a `inset-0`, que solo alcanza al padding-box: por eso v3 pone
+ * `border-transparent` al marcarse y el relleno queda 1px por dentro. Con el borde de 2px de v2
+ * eso dejaría un anillo de 2px: se lleva el `::before` al border-box (`-inset-0.5` = −2px) y se
+ * quita el `overflow-hidden` de v3 para que no lo recorte. El `::before` es un descendiente
+ * posicionado, así que pinta ENCIMA del borde y lo tapa, como el `after` de v2.
+ *
+ * Hover v2: `group-data-[hover=true]:before:bg-default-100` — tinte suave de la caja sin marcar
+ * (en v3 la caja es el fondo del control, no un pseudo). `data-hovered` lo emite `Checkbox.Content`.
+ *
+ * Indeterminado: v3 pinta el fondo del control (dentro del borde). Se enciende también el
+ * `::before` para que el relleno cubra la caja entera, igual que al marcar.
+ */
+const CONTROL_BASE = [
+    "border-2 border-default shadow-none overflow-visible",
+    "before:-inset-0.5",
+    "group-data-[hovered=true]/content:bg-default-100",
+    "group-data-[indeterminate=true]/checkbox:before:scale-100",
+    "group-data-[indeterminate=true]/checkbox:before:opacity-100",
+].join(" ");
+// v2 (`lineThrough: true`, slot `label`): la raya crece de 0 al 100% al marcarse y la etiqueta se
+// atenúa al 60%. `data-selected` está en la raíz → `group-data-[…]/checkbox`.
+const LINE_THROUGH = [
+    "inline-flex items-center justify-center",
+    "before:absolute before:h-0.5 before:w-0 before:bg-foreground before:content-['']",
+    "group-data-[selected=true]/checkbox:opacity-60",
+    "group-data-[selected=true]/checkbox:before:w-full",
+].join(" ");
+// Los subcomponentes compound de v3, adjuntos como estáticos para que la API v3 siga funcionando
+// a través de la fachada (`<Checkbox><Checkbox.Control>…`).
+const COMPOUND_PARTS = new Set([
+    Checkbox$1.Control,
+    Checkbox$1.Indicator,
+    Checkbox$1.Content,
+]);
+/** API compound de v3 detectada por hijos directos: la fachada no envuelve nada. */
+function hasCompoundChildren(children) {
+    return Children.toArray(children).some((child) => isValidElement(child) && COMPOUND_PARTS.has(child.type));
+}
+/**
+ * Checkbox - Casilla basada en HeroUI v3 con la API pública de v2 intacta (TECH-2459).
+ *
+ * - **API v2**: `children` como etiqueta, `isSelected`/`defaultSelected` + `onValueChange`
+ *   (también `onChange`), `color`, `size`, `radius`, `lineThrough`, `icon`, `classNames`. Funciona
+ *   dentro de `Controller` de react-hook-form (`isSelected={value} onValueChange={onChange}`).
+ * - **API compound v3**: si los children traen `Checkbox.Control`/`Indicator`/`Content`, pasa tal
+ *   cual a la raíz de HeroUI (con `onValueChange` seguido igualmente).
+ */
+const CheckboxFacade = ({ children, onChange, onValueChange, color = "primary", size = "md", radius, lineThrough = false, icon, disableAnimation = false, isInvalid, classNames, className, ...rest }) => {
+    const handleChange = (isSelected) => {
+        onChange?.(isSelected);
+        onValueChange?.(isSelected);
+    };
+    if (hasCompoundChildren(children)) {
+        return (jsx(Checkbox$1, { ...rest, isInvalid: isInvalid, onChange: handleChange, className: cn(classNames?.base, className), children: children }));
+    }
+    const indicatorContent = typeof icon === "function"
+        ? (state) => icon({
+            isSelected: state.isSelected,
+            isIndeterminate: state.isIndeterminate,
+            isDisabled: state.isDisabled,
+        })
+        : icon;
+    const hasLabel = children !== undefined && children !== null && children !== false;
+    return (jsx(Checkbox$1, { ...rest, isInvalid: isInvalid, onChange: handleChange, 
+        // Base v2: `group relative max-w-fit inline-flex items-center justify-start cursor-pointer
+        // p-2 -m-2 select-none` (el `p-2 -m-2` es el área de pulsado ampliada de v2). v3
+        // (`.checkbox`) usa `flex flex-col items-start` para apilar `Description`/`FieldError`,
+        // slots que esta fachada no renderiza; en **inline** la caja participa de la línea de
+        // texto, donde la esperan los consumidores (mismo criterio que la fachada `Switch`).
+        className: cn("group/checkbox relative -m-2 inline-flex max-w-fit flex-row items-center p-2", classNames?.base, className), children: jsxs(Checkbox$1.Content, { className: "group/content gap-2 font-normal", children: [jsx(Checkbox$1.Control, { className: cn(CONTROL_BASE, CONTROL_SIZE[size], RADIUS_CLASS[radius ?? RADIUS_BY_SIZE[size]], CONTROL_COLOR[color], 
+                    // v2 `isInvalid`: `before:border-danger` (el borde vivía en el pseudo).
+                    isInvalid && "border-danger", disableAnimation && "transition-none before:transition-none", classNames?.wrapper), children: jsx(Checkbox$1.Indicator, { className: cn(INDICATOR_SIZE[size], INDICATOR_COLOR[color], disableAnimation && "[&_svg]:transition-none", classNames?.icon), children: indicatorContent }) }), hasLabel && (
+                // Slot `label` de v2: `relative text-foreground select-none` + tamaño de texto.
+                // `data-slot="label"` para que las reglas de cursor/selección de `.checkbox` de v3
+                // le alcancen igual que a un `<Label>`.
+                jsx("span", { "data-slot": "label", className: cn("relative select-none text-foreground", LABEL_SIZE[size], lineThrough && LINE_THROUGH, isInvalid && "text-danger", classNames?.label), children: children }))] }) }));
+};
+CheckboxFacade.displayName = "Aurora.Checkbox";
+/**
+ * `Checkbox` de Aurora: fachada v2 + estáticos compound de v3 (`Checkbox.Control`,
+ * `Checkbox.Indicator`, `Checkbox.Content`), los mismos objetos que exporta `@heroui/react`.
+ */
+const Checkbox = Object.assign(CheckboxFacade, {
+    Control: Checkbox$1.Control,
+    Indicator: Checkbox$1.Indicator,
+    Content: Checkbox$1.Content,
+});
+
 /**
  * Tooltip - Componente BeweOS basado en HeroUI.
  *
@@ -13321,7 +13786,15 @@ function formatAuroraThemeTooltip(entry) {
 }
 
 const HEROUI_THEME_STORAGE_KEY = "heroui-theme";
-/** Debe coincidir con `THEME_MODE_COOKIE_NAME` en SMBs (`apply-initial-session-theme`). */
+/**
+ * Nombre de la cookie con la que BeweOS SMBs guarda el modo de apariencia del usuario. Debe
+ * coincidir con `THEME_MODE_COOKIE_NAME` en SMBs (`apply-initial-session-theme`).
+ *
+ * Se exporta solo como constante compartida: esta librería NO la lee ni la escribe. Hasta el
+ * 08-sep-2026 `forceLightOnlyThemeBeforeReact()` la borraba, y como `useThemeManager` llama a
+ * esa función al montar `ThemeProvider`, toda app que montara el provider perdía la
+ * preferencia del usuario (medido en loginos, ver runbook-apps.md).
+ */
 const BEWEOS_THEME_MODE_COOKIE_NAME = "beweos_theme_mode";
 const normalizeStoredHeroUiTheme = (raw) => {
     const t = raw.trim();
@@ -13334,8 +13807,11 @@ const normalizeStoredHeroUiTheme = (raw) => {
     return t;
 };
 /**
- * Asegura apariencia solo clara antes de montar React: corrige `localStorage` de HeroUI,
- * clases `dark` / `*-dark` en `<html>`, `color-scheme: light` y elimina la cookie de modo.
+ * Asegura apariencia solo clara antes de montar React: corrige `localStorage["heroui-theme"]`
+ * (`dark`/`system` → `light`, `<pack>-dark` → `<pack>-light`), sustituye las clases `dark` /
+ * `*-dark` de `<html>` por su pack claro y fija `color-scheme: light`.
+ *
+ * No toca ninguna cookie: `beweos_theme_mode` es de la app (BeweOS SMBs), no de la librería.
  * Debe ejecutarse lo antes posible en el entry (p. ej. justo antes de `createRoot`).
  */
 function forceLightOnlyThemeBeforeReact() {
@@ -13361,7 +13837,6 @@ function forceLightOnlyThemeBeforeReact() {
                 }
             }
         }
-        document.cookie = `${BEWEOS_THEME_MODE_COOKIE_NAME}=; Max-Age=0; path=/`;
     }
     catch {
         // ignore
@@ -13959,4 +14434,4 @@ const NavigationLoadingProvider = ({ children, }) => {
     return (jsxs(NavigationLoadingContext.Provider, { value: value, children: [children, jsx(NavigationLoadingOverlay, { isVisible: isVisible })] }));
 };
 
-export { ALL_THEMES, AURORA_THEME_FAMILIES, AURORA_THEME_REGISTRY, AccordionList, AddHolidayForm, AnalyticsCard, AreaLineChart, AuraAutocomplete, AuraTable, AuraToastProvider, AuraAutocomplete as Autocomplete, AutocompleteItem, BEWEOS_THEME_MODE_COOKIE_NAME, Badge, BreadcrumbItem, BreadcrumbsComponent, Button, CONTAINER_ATTRIBUTE, Card, CardBody, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_DONUT_COLORS, DEFAULT_PREDEFINED_COLORS, DEFAULT_RANKED_BAR_COLORS, DISMISS_CONTROL_ATTRIBUTE, DatePicker, DateRangePicker, DateSelector, Divider, DonutChart, DrawerFilters, EmailPreview, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HeroUIProvider, HolidayType, IconComponent, Image$1 as Image, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, LINDA_TONE_PROPERTIES, LindaIcon, MenuClaw, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, Progress, PromotionalBanner, REGISTERED_THEME_COLORS, RangeFilter, RankedBarList, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SelectItem, SelectSection, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StatTile, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput, TimeInput as TimeInputComponent, ToastContext, Tooltip, TwoColumnLayoutAgent, UploadFile, VerticalSteps, ViolinPlot, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, applyLindaTones, computeBars, computeMax, computeSlices, computeTotal, containerProps, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$5 as defaultTranslations, deriveLindaTones, dismissControlProps, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToHsl, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isDismissControl, isDonutEmpty, isExactThemeColor, isGroupState, isHexColor, isRankedBarListEmpty, isSegmentationGroup, parseColorToHsl, removeCustomPrimaryColor, removeLindaTones, shouldClosePopoverOnInteractOutside, sizeMap, themeColors, useAuraToast, useCloseOnAncestorScroll, useDisclosure, useMediaQuery, useNavigationLoading, useThemeContext };
+export { ALL_THEMES, AURORA_THEME_FAMILIES, AURORA_THEME_REGISTRY, AccordionList, AddHolidayForm, Alert, AnalyticsCard, AreaLineChart, AuraAutocomplete, AuraTable, AuraToastProvider, AuraAutocomplete as Autocomplete, AutocompleteItem, BEWEOS_THEME_MODE_COOKIE_NAME, Badge, BreadcrumbItem, BreadcrumbsComponent, Button, CONTAINER_ATTRIBUTE, Card, CardBody, Checkbox, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_DONUT_COLORS, DEFAULT_PREDEFINED_COLORS, DEFAULT_RANKED_BAR_COLORS, DISMISS_CONTROL_ATTRIBUTE, DatePicker, DateRangePicker, DateSelector, Divider, DonutChart, DrawerFilters, EmailPreview, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HeroUIProvider, HolidayType, IconComponent, Image$1 as Image, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, LINDA_TONE_PROPERTIES, LindaIcon, MenuClaw, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, Progress, PromotionalBanner, REGISTERED_THEME_COLORS, RangeFilter, RankedBarList, RowSteps, DEFAULT_TRANSLATIONS$2 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SelectItem, SelectSection, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StatTile, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput, TimeInput as TimeInputComponent, ToastContext, Tooltip, TwoColumnLayoutAgent, UploadFile, VerticalSteps, ViolinPlot, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, applyLindaTones, computeBars, computeMax, computeSlices, computeTotal, containerProps, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$5 as defaultTranslations, deriveLindaTones, dismissControlProps, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToHsl, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isDismissControl, isDonutEmpty, isExactThemeColor, isGroupState, isHexColor, isRankedBarListEmpty, isSegmentationGroup, parseColorToHsl, removeCustomPrimaryColor, removeLindaTones, shouldClosePopoverOnInteractOutside, sizeMap, themeColors, useAuraToast, useCloseOnAncestorScroll, useDisclosure, useMediaQuery, useNavigationLoading, useThemeContext };