@beweco/aurora-ui 0.6.72-qa.96 → 0.6.73

package/dist/index.cjs.js

@@ -3280,6 +3280,27 @@ var KanbanComponent = function (_a) {
 var Kanban = React.memo(KanbanComponent);
 Kanban.displayName = "Kanban";
 
+/**
+ * Icono canónico de Linda para CTAs inteligentes (TECH-2386).
+ *
+ * SVG empaquetado como import estático — NUNCA usar `@iconify/react` /
+ * `IconComponent` con este glifo: los iconos de Iconify se resuelven en
+ * runtime contra api.iconify.design y desaparecen (control entero invisible
+ * si es `isIconOnly`) cuando ese host no responde — ver TECH-2103/2104.
+ * Este componente no depende de red.
+ *
+ * Glifo: el mismo path ya usado en el producto para señalar acciones de
+ * Linda (equivalente al icono "magic-stick" ya presente junto a
+ * "Linda Recommended Actions"), resuelto para v1 en TECH-2374 sin
+ * diseñadora asignada — funcional-first, sin inventar iconografía nueva.
+ * Cuando exista un asset bespoke (identidad "droide retro-futurista"),
+ * este es el único componente a sustituir — ver README.md.
+ */
+var LindaIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 24 : _b, className = _a.className, nativeProps = __rest(_a, ["size", "className"]);
+    return (jsxRuntime.jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", className: className, role: "img", "aria-hidden": "true" }, nativeProps, { children: jsxRuntime.jsxs("g", { fill: "currentColor", children: [jsxRuntime.jsx("path", { d: "M3.84453 3.84453C2.71849 4.97056 2.71849 6.79623 3.84453 7.92226L5.43227 9.51C5.44419 9.49622 5.45669 9.48276 5.46978 9.46967L9.46978 5.46967C9.48284 5.45662 9.49625 5.44415 9.50999 5.43226L7.92226 3.84453C6.79623 2.71849 4.97056 2.71849 3.84453 3.84453Z" }), jsxRuntime.jsx("path", { d: "M10.5679 6.49012C10.556 6.50386 10.5435 6.51728 10.5304 6.53033L6.53044 10.5303C6.51735 10.5434 6.5039 10.5559 6.49011 10.5678L16.0777 20.1555C17.2038 21.2815 19.0294 21.2815 20.1555 20.1555C21.2815 19.0294 21.2815 17.2038 20.1555 16.0777L10.5679 6.49012Z" }), jsxRuntime.jsx("path", { d: "M16.1 2.30719C16.261 1.8976 16.8385 1.8976 16.9994 2.30719L17.4298 3.40247C17.479 3.52752 17.5776 3.62651 17.7022 3.67583L18.7934 4.1078C19.2015 4.26934 19.2015 4.849 18.7934 5.01054L17.7022 5.44252C17.5776 5.49184 17.479 5.59082 17.4298 5.71587L16.9995 6.81115C16.8385 7.22074 16.261 7.22074 16.1 6.81116L15.6697 5.71587C15.6205 5.59082 15.5219 5.49184 15.3973 5.44252L14.3061 5.01054C13.898 4.849 13.898 4.26934 14.3061 4.1078L15.3973 3.67583C15.5219 3.62651 15.6205 3.52752 15.6697 3.40247L16.1 2.30719Z" }), jsxRuntime.jsx("path", { d: "M19.9672 9.12945C20.1281 8.71987 20.7057 8.71987 20.8666 9.12945L21.0235 9.5288C21.0727 9.65385 21.1713 9.75284 21.2959 9.80215L21.6937 9.95965C22.1018 10.1212 22.1018 10.7009 21.6937 10.8624L21.2959 11.0199C21.1713 11.0692 21.0727 11.1682 21.0235 11.2932L20.8666 11.6926C20.7057 12.1022 20.1281 12.1022 19.9672 11.6926L19.8103 11.2932C19.7611 11.1682 19.6625 11.0692 19.5379 11.0199L19.14 10.8624C18.732 10.7009 18.732 10.1212 19.14 9.95965L19.5379 9.80215C19.6625 9.75284 19.7611 9.65385 19.8103 9.5288L19.9672 9.12945Z" }), jsxRuntime.jsx("path", { d: "M5.1332 15.3072C5.29414 14.8976 5.87167 14.8976 6.03261 15.3072L6.18953 15.7065C6.23867 15.8316 6.33729 15.9306 6.46188 15.9799L6.85975 16.1374C7.26783 16.2989 7.26783 16.8786 6.85975 17.0401L6.46188 17.1976C6.33729 17.2469 6.23867 17.3459 6.18953 17.471L6.03261 17.8703C5.87167 18.2799 5.29414 18.2799 5.1332 17.8703L4.97628 17.471C4.92714 17.3459 4.82852 17.2469 4.70393 17.1976L4.30606 17.0401C3.89798 16.8786 3.89798 16.2989 4.30606 16.1374L4.70393 15.9799C4.82852 15.9306 4.92714 15.8316 4.97628 15.7065L5.1332 15.3072Z" })] }) })));
+};
+
 var defaultTranslations$8 = {
     previewAlt: "Vista previa de imagen",
     removeButtonAriaLabel: "Eliminar imagen",
@@ -3993,96 +4014,6 @@ var MenuClaw = React.memo(function MenuClaw(_a) {
                             }) }), helpSection ? (jsxRuntime.jsx("div", { className: "mt-auto flex flex-col items-center justify-center", children: jsxRuntime.jsx(react.Button, { fullWidth: true, className: "text-default-500 data-[hover=true]:text-default-600", startContent: jsxRuntime.jsx(IconComponent, { className: "text-default-500", icon: "solar:info-circle-line-duotone", size: "md" }), variant: "light", onPress: handleHelpClick, isIconOnly: isCollapsed, children: !isCollapsed ? (jsxRuntime.jsx("span", { className: "menu-claw-collapsible truncate", children: helpSection.title })) : null }) })) : null] }) })] }));
 });
 
-/**
- * Interacciones que un popover no-modal NO debe tratar como "clic fuera".
- *
- * El problema que resuelve: `useOverlay` de react-aria trata cualquier
- * pulsación fuera del popover como interacción externa y, cuando el popover es
- * el overlay visible más reciente, hace `stopPropagation()` + `preventDefault()`
- * sobre el `pointerdown` **y** sobre el `click`
- * (`@react-aria/overlays/useOverlay`). El evento nunca llega a su destino, así
- * que `usePress` no registra la pulsación y `onPress` no se dispara: el primer
- * clic solo cierra el desplegable.
- *
- * Para un clic en la página de fondo eso es lo correcto: descartar el
- * desplegable sin activar nada por debajo. Dentro del mismo diálogo no: ahí el
- * usuario está rellenando un formulario y espera que su clic llegue. Y como los
- * buscadores se reabren al recuperar el foco, el clic siguiente se volvía a
- * tragar — un callejón sin salida del que solo se salía vaciando el campo.
- *
- * La única palanca es `shouldCloseOnInteractOutside`: es el guardián de esos dos
- * `preventDefault`. Devolviendo `false` para lo que no es realmente "fuera", la
- * pulsación llega intacta. El desplegable sigue cerrándose igual, pero por
- * pérdida de foco (`shouldCloseOnBlur`) en vez de por interacción externa.
- */
-var _a, _b;
-/**
- * Marca un botón como control de cierre de su contenedor. Los popovers de Aura
- * no lo cuentan como interacción externa, así que su pulsación no se pierde.
- */
-var DISMISS_CONTROL_ATTRIBUTE = "data-aura-dismiss";
-/** Props a esparcir en un control de cierre: `<Button {...dismissControlProps} />`. */
-var dismissControlProps = (_a = {},
-    _a[DISMISS_CONTROL_ATTRIBUTE] = "true",
-    _a);
-/**
- * Marca el contenedor de una superficie modal propia (wizard, panel a medida).
- * No hace falta en `Modal` ni `Drawer`: los diálogos de HeroUI ya traen
- * `role="dialog"`, que cuenta igual.
- */
-var CONTAINER_ATTRIBUTE = "data-aura-container";
-/** Props a esparcir en el contenedor: `<div {...containerProps}>`. */
-var containerProps = (_b = {},
-    _b[CONTAINER_ATTRIBUTE] = "true",
-    _b);
-/**
- * Selector de controles de cierre. Incluye `[aria-label="Close"]` para cubrir
- * los botones de cerrar internos de HeroUI (Modal, Drawer), que no admiten
- * atributos propios.
- */
-var DISMISS_CONTROL_SELECTOR = "[".concat(DISMISS_CONTROL_ATTRIBUTE, "],[aria-label=\"Close\"]");
-/** Selector del contenedor modal: el marcado de Aura o un diálogo estándar. */
-var CONTAINER_SELECTOR = "[".concat(CONTAINER_ATTRIBUTE, "],[role=\"dialog\"],[role=\"alertdialog\"]");
-var matchesAncestor = function (element, selector) {
-    if (!element || typeof element.closest !== "function") {
-        return false;
-    }
-    return element.closest(selector) != null;
-};
-/** `true` si el elemento es un control de cierre (o está dentro de uno). */
-var isDismissControl = function (element) { return matchesAncestor(element, DISMISS_CONTROL_SELECTOR); };
-/**
- * Predicado listo para `popoverProps.shouldCloseOnInteractOutside` de un
- * componente con popover no-modal.
- *
- * Devuelve `false` —no es interacción externa— en tres casos:
- *
- * 1. Dentro del propio componente: el popover vive en un portal, así que el
- *    campo de búsqueda queda fuera de él y una pulsación sobre el texto se
- *    contaba como externa.
- * 2. Sobre un control de cierre del contenedor.
- * 3. Dentro del mismo diálogo/contenedor que el componente: seguir rellenando
- *    el formulario no es descartar el desplegable.
- *
- * @param element Elemento donde ha empezado la interacción.
- * @param root    Raíz del componente.
- */
-var shouldClosePopoverOnInteractOutside = function (element, root) {
-    var _a;
-    if (root === null || root === void 0 ? void 0 : root.contains(element)) {
-        return false;
-    }
-    if (isDismissControl(element)) {
-        return false;
-    }
-    if (!matchesAncestor(element, CONTAINER_SELECTOR)) {
-        return true;
-    }
-    // Solo exime el contenedor propio: un diálogo distinto sigue siendo externo.
-    var container = (_a = root === null || root === void 0 ? void 0 : root.closest) === null || _a === void 0 ? void 0 : _a.call(root, CONTAINER_SELECTOR);
-    return !(container === null || container === void 0 ? void 0 : container.contains(element));
-};
-
 var StepIndicator = function (_a) {
     var currentStep = _a.currentStep, totalSteps = _a.totalSteps, _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.showStepText, showStepText = _c === void 0 ? true : _c, stepTextFormatter = _a.stepTextFormatter, className = _a.className, props = __rest(_a, ["currentStep", "totalSteps", "color", "showStepText", "stepTextFormatter", "className"]);
     var progressPercentage = Math.min((currentStep / totalSteps) * 100, 100);
@@ -4266,7 +4197,7 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
 VerticalSteps.displayName = "VerticalSteps";
 
 var MultiStepSidebar = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var _b = _a.closeTranslation, closeTranslation = _b === void 0 ? "Close" : _b, onClose = _a.onClose, _c = _a.hideInactiveDescriptions, hideInactiveDescriptions = _c === void 0 ? false : _c, _d = _a.isDismissable, isDismissable = _d === void 0 ? true : _d, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "closeTranslation", "onClose", "hideInactiveDescriptions", "isDismissable"]);
+    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, _b = _a.hideInactiveDescriptions, hideInactiveDescriptions = _b === void 0 ? false : _b, _c = _a.isDismissable, isDismissable = _c === void 0 ? true : _c, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "onClose", "hideInactiveDescriptions", "isDismissable"]);
     var handleOverlayClick = function (e) {
         if (!isDismissable) {
             return;
@@ -4275,7 +4206,7 @@ var MultiStepSidebar = React.forwardRef(function (_a, ref) {
             onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     };
-    return (jsxRuntime.jsx("div", __assign({}, containerProps, { className: "fixed inset-0 z-50 flex items-center justify-center bg-content3/50 backdrop-blur-sm", onClick: handleOverlayClick, children: jsxRuntime.jsxs("div", __assign({ ref: ref, className: react.cn("relative flex h-full w-full max-w-4xl overflow-hidden rounded-lg bg-background shadow-lg lg:h-auto lg:max-h-[85vh] lg:min-h-[512px]", className) }, props, { children: [jsxRuntime.jsx("div", { className: react.cn("absolute inset-y-0 left-0 hidden w-1/3 flex-col justify-start gap-y-8 overflow-y-auto p-8 md:flex [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"), children: jsxRuntime.jsx(VerticalSteps, { className: "aura-stepper-theme", color: "primary", currentStep: currentPage, steps: steps, onStepChange: onChangePage, hideInactiveDescriptions: hideInactiveDescriptions }) }), jsxRuntime.jsxs("div", { className: "relative flex w-full flex-col items-center justify-between gap-4 md:ml-[33.333333%] md:w-2/3 md:p-4 min-h-0", children: [jsxRuntime.jsx(Button, __assign({ isIconOnly: true }, dismissControlProps, { "aria-label": closeTranslation, className: "absolute right-4 top-4", size: "sm", variant: "light", color: "default", onPress: onClose, startContent: jsxRuntime.jsx(IconComponent, { className: "text-foreground", icon: "material-symbols:close-rounded", size: "lg" }) })), jsxRuntime.jsx("div", { className: "pt-9 w-10/12 md:hidden", children: jsxRuntime.jsx("div", { className: "flex  w-full justify-center", children: jsxRuntime.jsx(StepIndicator, { className: "aura-stepper-theme", currentStep: currentPage + 1, totalSteps: steps.length }) }) }), jsxRuntime.jsx("div", { className: "flex flex-col flex-1 w-full justify-between p-4 sm:max-w-md md:max-w-lg overflow-y-auto min-h-0 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: children })] })] })) })));
+    return (jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-content3/50 backdrop-blur-sm", onClick: handleOverlayClick, children: jsxRuntime.jsxs("div", __assign({ ref: ref, className: react.cn("relative flex h-full w-full max-w-4xl overflow-hidden rounded-lg bg-background shadow-lg lg:h-auto lg:max-h-[85vh] lg:min-h-[512px]", className) }, props, { children: [jsxRuntime.jsx("div", { className: react.cn("absolute inset-y-0 left-0 hidden w-1/3 flex-col justify-start gap-y-8 overflow-y-auto p-8 md:flex [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"), children: jsxRuntime.jsx(VerticalSteps, { className: "aura-stepper-theme", color: "primary", currentStep: currentPage, steps: steps, onStepChange: onChangePage, hideInactiveDescriptions: hideInactiveDescriptions }) }), jsxRuntime.jsxs("div", { className: "relative flex w-full flex-col items-center justify-between gap-4 md:ml-[33.333333%] md:w-2/3 md:p-4 min-h-0", children: [jsxRuntime.jsx(Button, { isIconOnly: true, className: "absolute right-4 top-4", size: "sm", variant: "light", color: "default", onPress: onClose, startContent: jsxRuntime.jsx(IconComponent, { className: "text-foreground", icon: "material-symbols:close-rounded", size: "lg" }) }), jsxRuntime.jsx("div", { className: "pt-9 w-10/12 md:hidden", children: jsxRuntime.jsx("div", { className: "flex  w-full justify-center", children: jsxRuntime.jsx(StepIndicator, { className: "aura-stepper-theme", currentStep: currentPage + 1, totalSteps: steps.length }) }) }), jsxRuntime.jsx("div", { className: "flex flex-col flex-1 w-full justify-between p-4 sm:max-w-md md:max-w-lg overflow-y-auto min-h-0 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: children })] })] })) }));
 });
 MultiStepSidebar.displayName = "MultiStepSidebar";
 
@@ -4302,7 +4233,6 @@ var MultiStepWizard = function (_a) {
         cancel: "Cancel",
         next: "Next",
         complete: "Complete",
-        close: "Close",
     }, translations);
     var paginate = React.useCallback(function (newDirection) {
         setPage(function (prev) {
@@ -4354,11 +4284,14 @@ var MultiStepWizard = function (_a) {
     if (!isOpen) {
         return null;
     }
-    return (jsxRuntime.jsxs(MultiStepSidebar, { currentPage: page, goBackTranslation: t.goBack, closeTranslation: t.close, steps: steps, onBack: onBack, onChangePage: onChangePage, onClose: onClose, onNext: onNext, hideInactiveDescriptions: hideInactiveDescriptions, isDismissable: isDismissable, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Button, { className: "w-fit text-default-600 mb-6", color: "default", variant: "light", onPress: onBack, isDisabled: page === 0, startContent: jsxRuntime.jsx(IconComponent, { className: "text-default-500", icon: "material-symbols:arrow-back-rounded", size: "sm" }), children: t.goBack || "Back" }), jsxRuntime.jsx("div", { className: "relative flex h-fit w-full flex-col text-center lg:justify-center lg:pt-0", children: content })] }), jsxRuntime.jsx(MultistepNavigationButtons, { backButtonProps: {
+    return (jsxRuntime.jsxs(MultiStepSidebar, { currentPage: page, goBackTranslation: t.goBack, steps: steps, onBack: onBack, onChangePage: onChangePage, onClose: onClose, onNext: onNext, hideInactiveDescriptions: hideInactiveDescriptions, isDismissable: isDismissable, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Button, { className: "w-fit text-default-600 mb-6", color: "default", variant: "light", onPress: onBack, isDisabled: page === 0, startContent: jsxRuntime.jsx(IconComponent, { className: "text-default-500", icon: "material-symbols:arrow-back-rounded", size: "sm" }), children: t.goBack || "Back" }), jsxRuntime.jsx("div", { className: "relative flex h-fit w-full flex-col text-center lg:justify-center lg:pt-0", children: content })] }), jsxRuntime.jsx(MultistepNavigationButtons, { backButtonProps: {
                     isDisabled: page === 0,
                     onPress: onBack,
                     children: t.goBack,
-                }, cancelButtonProps: __assign(__assign({}, dismissControlProps), { onPress: onClose, children: t.cancel }), nextButtonProps: {
+                }, cancelButtonProps: {
+                    onPress: onClose,
+                    children: t.cancel,
+                }, nextButtonProps: {
                     children: getButtonText(),
                     onPress: handleNextAction,
                     isDisabled: steps[page].isStepValid === false,
@@ -4437,6 +4370,13 @@ var Phone = function (_a) {
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [isDropdownOpen]);
+    // El dropdown se portea a `body` con posición absoluta fija; cerrarlo cuando
+    // un ancestro hace scroll para que no quede flotando fuera de lugar.
+    useCloseOnAncestorScroll({
+        isOpen: isDropdownOpen,
+        onClose: function () { return setIsDropdownOpen(false); },
+        contentRef: portalDropdownRef,
+    });
     var handleCountrySelect = function (country) {
         setSelectedCountry(country);
         setIsDropdownOpen(false);
@@ -8924,7 +8864,6 @@ function TagsFilter(_a) {
     var _m = React.useState(0), autocompleteKey = _m[0], setAutocompleteKey = _m[1];
     var selectedList = value !== null && value !== void 0 ? value : [];
     var _o = React.useState(null), sentinelNode = _o[0], setSentinelNode = _o[1];
-    var rootRef = React.useRef(null);
     React.useEffect(function () {
         if (!onLoadMore || !sentinelNode || !hasMore) {
             return;
@@ -8996,7 +8935,7 @@ function TagsFilter(_a) {
     if (isLoading) {
         return (jsxRuntime.jsx("div", { className: "flex flex-col gap-4 ".concat(className), children: jsxRuntime.jsx("div", { className: "flex justify-center py-4", children: jsxRuntime.jsx(react.Spinner, { size: "sm" }) }) }));
     }
-    return (jsxRuntime.jsxs("div", { ref: rootRef, className: "flex flex-col gap-4 ".concat(className), children: [error && (jsxRuntime.jsxs("div", { className: "text-danger text-small py-2", children: [t.errorLoadingPrefix, ": ", error] })), !error && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntime.jsxs(H4, { className: "text-tiny text-left text-default-700", children: [t.labelSelect, required && jsxRuntime.jsx("span", { className: "text-danger ml-0.5", children: "*" })] }), jsxRuntime.jsx(AuraAutocomplete, { placeholder: t.placeholder, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : t.placeholder, inputValue: inputValue, onInputChange: function (v) {
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 ".concat(className), children: [error && (jsxRuntime.jsxs("div", { className: "text-danger text-small py-2", children: [t.errorLoadingPrefix, ": ", error] })), !error && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntime.jsxs(H4, { className: "text-tiny text-left text-default-700", children: [t.labelSelect, required && jsxRuntime.jsx("span", { className: "text-danger ml-0.5", children: "*" })] }), jsxRuntime.jsx(AuraAutocomplete, { placeholder: t.placeholder, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : t.placeholder, inputValue: inputValue, onInputChange: function (v) {
                                     setInputValue(v);
                                     onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(v);
                                 }, selectedKey: null, items: itemsWithSentinel, onSelectionChange: handleAutocompleteSelection, 
@@ -9015,24 +8954,7 @@ function TagsFilter(_a) {
                                     // intercepts pointer events, blocking the parent modal's close button.
                                     // shouldCloseOnInteractOutside already handles closing on outside clicks.
                                     isNonModal: true,
-                                    // El desplegable se renderiza en un portal, así que el campo de
-                                    // búsqueda queda FUERA de él y una pulsación sobre el texto contaba
-                                    // como interacción externa. Al cerrarse, el FocusScope devolvía el
-                                    // foco con un `.focus()` que abortaba el gesto de selección que el
-                                    // navegador acababa de iniciar: de ahí que arrastrar o hacer doble
-                                    // clic no seleccionara nada y solo quedara borrar letra a letra
-                                    // (con el teclado sí funcionaba, porque no pasa por aquí).
-                                    // Las pulsaciones dentro del componente dejan de contar como
-                                    // externas; las de fuera siguen cerrando el desplegable igual.
-                                    //
-                                    // Los controles de cierre del contenedor también quedan exentos:
-                                    // react-aria hace `preventDefault()` sobre el pointerdown Y el
-                                    // click de toda interacción externa, así que su `onPress` no se
-                                    // disparaba y el contenedor no se podía cerrar mientras el
-                                    // desplegable estuviera abierto (ver `shouldClosePopoverOnInteractOutside`).
-                                    shouldCloseOnInteractOutside: function (element) {
-                                        return shouldClosePopoverOnInteractOutside(element, rootRef.current);
-                                    },
+                                    shouldCloseOnInteractOutside: function () { return true; },
                                 }, listboxProps: {
                                     className: "max-h-[200px] overflow-y-auto",
                                 }, className: "w-full", children: function (item) {
@@ -9797,7 +9719,6 @@ exports.AuraToastProvider = AuraToastProvider;
 exports.BEWEOS_THEME_MODE_COOKIE_NAME = BEWEOS_THEME_MODE_COOKIE_NAME;
 exports.BreadcrumbsComponent = BreadcrumbsComponent;
 exports.Button = Button;
-exports.CONTAINER_ATTRIBUTE = CONTAINER_ATTRIBUTE;
 exports.Card = Card;
 exports.Chip = Chip;
 exports.ColorPicker = ColorPicker;
@@ -9807,7 +9728,6 @@ exports.Currency = Currency;
 exports.DEFAULT_DONUT_COLORS = DEFAULT_DONUT_COLORS;
 exports.DEFAULT_PREDEFINED_COLORS = DEFAULT_PREDEFINED_COLORS;
 exports.DEFAULT_RANKED_BAR_COLORS = DEFAULT_RANKED_BAR_COLORS;
-exports.DISMISS_CONTROL_ATTRIBUTE = DISMISS_CONTROL_ATTRIBUTE;
 exports.DatePicker = DatePicker;
 exports.DateRangePicker = DateRangePicker;
 exports.DateSelector = DateSelector;
@@ -9827,6 +9747,7 @@ exports.InputPassword = InputPassword;
 exports.Kanban = Kanban;
 exports.KanbanCard = KanbanCard;
 exports.KanbanColumn = KanbanColumn;
+exports.LindaIcon = LindaIcon;
 exports.MenuClaw = MenuClaw;
 exports.MenuComponent = MenuComponent;
 exports.Modal = Modal;
@@ -9880,12 +9801,10 @@ exports.computeBars = computeBars;
 exports.computeMax = computeMax;
 exports.computeSlices = computeSlices;
 exports.computeTotal = computeTotal;
-exports.containerProps = containerProps;
 exports.createCurrencyFormatter = createCurrencyFormatter;
 exports.defaultCountries = uniqueCountries;
 exports.defaultCurrencyOptions = defaultCurrencyOptions;
 exports.defaultTranslations = defaultTranslations$5;
-exports.dismissControlProps = dismissControlProps;
 exports.forceLightOnlyThemeBeforeReact = forceLightOnlyThemeBeforeReact;
 exports.formatAuroraThemeTooltip = formatAuroraThemeTooltip;
 exports.generateThemeColorScale = generateThemeColorScale;
@@ -9895,7 +9814,6 @@ exports.getSelectedKeyFromPath = getSelectedKeyFromPath;
 exports.hexToThemeColor = hexToThemeColor;
 exports.hslToCssValue = hslToCssValue;
 exports.isAuroraFullThemeId = isAuroraFullThemeId;
-exports.isDismissControl = isDismissControl;
 exports.isDonutEmpty = isDonutEmpty;
 exports.isExactThemeColor = isExactThemeColor;
 exports.isGroupState = isGroupState;
@@ -9903,7 +9821,6 @@ exports.isHexColor = isHexColor;
 exports.isRankedBarListEmpty = isRankedBarListEmpty;
 exports.isSegmentationGroup = isSegmentationGroup;
 exports.removeCustomPrimaryColor = removeCustomPrimaryColor;
-exports.shouldClosePopoverOnInteractOutside = shouldClosePopoverOnInteractOutside;
 exports.sizeMap = sizeMap;
 exports.themeColors = themeColors;
 exports.useAuraToast = useAuraToast;

package/dist/index.esm.js

@@ -3281,6 +3281,27 @@ var KanbanComponent = function (_a) {
 var Kanban = memo(KanbanComponent);
 Kanban.displayName = "Kanban";
 
+/**
+ * Icono canónico de Linda para CTAs inteligentes (TECH-2386).
+ *
+ * SVG empaquetado como import estático — NUNCA usar `@iconify/react` /
+ * `IconComponent` con este glifo: los iconos de Iconify se resuelven en
+ * runtime contra api.iconify.design y desaparecen (control entero invisible
+ * si es `isIconOnly`) cuando ese host no responde — ver TECH-2103/2104.
+ * Este componente no depende de red.
+ *
+ * Glifo: el mismo path ya usado en el producto para señalar acciones de
+ * Linda (equivalente al icono "magic-stick" ya presente junto a
+ * "Linda Recommended Actions"), resuelto para v1 en TECH-2374 sin
+ * diseñadora asignada — funcional-first, sin inventar iconografía nueva.
+ * Cuando exista un asset bespoke (identidad "droide retro-futurista"),
+ * este es el único componente a sustituir — ver README.md.
+ */
+var LindaIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 24 : _b, className = _a.className, nativeProps = __rest(_a, ["size", "className"]);
+    return (jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", className: className, role: "img", "aria-hidden": "true" }, nativeProps, { children: jsxs("g", { fill: "currentColor", children: [jsx("path", { d: "M3.84453 3.84453C2.71849 4.97056 2.71849 6.79623 3.84453 7.92226L5.43227 9.51C5.44419 9.49622 5.45669 9.48276 5.46978 9.46967L9.46978 5.46967C9.48284 5.45662 9.49625 5.44415 9.50999 5.43226L7.92226 3.84453C6.79623 2.71849 4.97056 2.71849 3.84453 3.84453Z" }), jsx("path", { d: "M10.5679 6.49012C10.556 6.50386 10.5435 6.51728 10.5304 6.53033L6.53044 10.5303C6.51735 10.5434 6.5039 10.5559 6.49011 10.5678L16.0777 20.1555C17.2038 21.2815 19.0294 21.2815 20.1555 20.1555C21.2815 19.0294 21.2815 17.2038 20.1555 16.0777L10.5679 6.49012Z" }), jsx("path", { d: "M16.1 2.30719C16.261 1.8976 16.8385 1.8976 16.9994 2.30719L17.4298 3.40247C17.479 3.52752 17.5776 3.62651 17.7022 3.67583L18.7934 4.1078C19.2015 4.26934 19.2015 4.849 18.7934 5.01054L17.7022 5.44252C17.5776 5.49184 17.479 5.59082 17.4298 5.71587L16.9995 6.81115C16.8385 7.22074 16.261 7.22074 16.1 6.81116L15.6697 5.71587C15.6205 5.59082 15.5219 5.49184 15.3973 5.44252L14.3061 5.01054C13.898 4.849 13.898 4.26934 14.3061 4.1078L15.3973 3.67583C15.5219 3.62651 15.6205 3.52752 15.6697 3.40247L16.1 2.30719Z" }), jsx("path", { d: "M19.9672 9.12945C20.1281 8.71987 20.7057 8.71987 20.8666 9.12945L21.0235 9.5288C21.0727 9.65385 21.1713 9.75284 21.2959 9.80215L21.6937 9.95965C22.1018 10.1212 22.1018 10.7009 21.6937 10.8624L21.2959 11.0199C21.1713 11.0692 21.0727 11.1682 21.0235 11.2932L20.8666 11.6926C20.7057 12.1022 20.1281 12.1022 19.9672 11.6926L19.8103 11.2932C19.7611 11.1682 19.6625 11.0692 19.5379 11.0199L19.14 10.8624C18.732 10.7009 18.732 10.1212 19.14 9.95965L19.5379 9.80215C19.6625 9.75284 19.7611 9.65385 19.8103 9.5288L19.9672 9.12945Z" }), jsx("path", { d: "M5.1332 15.3072C5.29414 14.8976 5.87167 14.8976 6.03261 15.3072L6.18953 15.7065C6.23867 15.8316 6.33729 15.9306 6.46188 15.9799L6.85975 16.1374C7.26783 16.2989 7.26783 16.8786 6.85975 17.0401L6.46188 17.1976C6.33729 17.2469 6.23867 17.3459 6.18953 17.471L6.03261 17.8703C5.87167 18.2799 5.29414 18.2799 5.1332 17.8703L4.97628 17.471C4.92714 17.3459 4.82852 17.2469 4.70393 17.1976L4.30606 17.0401C3.89798 16.8786 3.89798 16.2989 4.30606 16.1374L4.70393 15.9799C4.82852 15.9306 4.92714 15.8316 4.97628 15.7065L5.1332 15.3072Z" })] }) })));
+};
+
 var defaultTranslations$8 = {
     previewAlt: "Vista previa de imagen",
     removeButtonAriaLabel: "Eliminar imagen",
@@ -3994,96 +4015,6 @@ var MenuClaw = React.memo(function MenuClaw(_a) {
                             }) }), helpSection ? (jsx("div", { className: "mt-auto flex flex-col items-center justify-center", children: jsx(Button$1, { fullWidth: true, className: "text-default-500 data-[hover=true]:text-default-600", startContent: jsx(IconComponent, { className: "text-default-500", icon: "solar:info-circle-line-duotone", size: "md" }), variant: "light", onPress: handleHelpClick, isIconOnly: isCollapsed, children: !isCollapsed ? (jsx("span", { className: "menu-claw-collapsible truncate", children: helpSection.title })) : null }) })) : null] }) })] }));
 });
 
-/**
- * Interacciones que un popover no-modal NO debe tratar como "clic fuera".
- *
- * El problema que resuelve: `useOverlay` de react-aria trata cualquier
- * pulsación fuera del popover como interacción externa y, cuando el popover es
- * el overlay visible más reciente, hace `stopPropagation()` + `preventDefault()`
- * sobre el `pointerdown` **y** sobre el `click`
- * (`@react-aria/overlays/useOverlay`). El evento nunca llega a su destino, así
- * que `usePress` no registra la pulsación y `onPress` no se dispara: el primer
- * clic solo cierra el desplegable.
- *
- * Para un clic en la página de fondo eso es lo correcto: descartar el
- * desplegable sin activar nada por debajo. Dentro del mismo diálogo no: ahí el
- * usuario está rellenando un formulario y espera que su clic llegue. Y como los
- * buscadores se reabren al recuperar el foco, el clic siguiente se volvía a
- * tragar — un callejón sin salida del que solo se salía vaciando el campo.
- *
- * La única palanca es `shouldCloseOnInteractOutside`: es el guardián de esos dos
- * `preventDefault`. Devolviendo `false` para lo que no es realmente "fuera", la
- * pulsación llega intacta. El desplegable sigue cerrándose igual, pero por
- * pérdida de foco (`shouldCloseOnBlur`) en vez de por interacción externa.
- */
-var _a, _b;
-/**
- * Marca un botón como control de cierre de su contenedor. Los popovers de Aura
- * no lo cuentan como interacción externa, así que su pulsación no se pierde.
- */
-var DISMISS_CONTROL_ATTRIBUTE = "data-aura-dismiss";
-/** Props a esparcir en un control de cierre: `<Button {...dismissControlProps} />`. */
-var dismissControlProps = (_a = {},
-    _a[DISMISS_CONTROL_ATTRIBUTE] = "true",
-    _a);
-/**
- * Marca el contenedor de una superficie modal propia (wizard, panel a medida).
- * No hace falta en `Modal` ni `Drawer`: los diálogos de HeroUI ya traen
- * `role="dialog"`, que cuenta igual.
- */
-var CONTAINER_ATTRIBUTE = "data-aura-container";
-/** Props a esparcir en el contenedor: `<div {...containerProps}>`. */
-var containerProps = (_b = {},
-    _b[CONTAINER_ATTRIBUTE] = "true",
-    _b);
-/**
- * Selector de controles de cierre. Incluye `[aria-label="Close"]` para cubrir
- * los botones de cerrar internos de HeroUI (Modal, Drawer), que no admiten
- * atributos propios.
- */
-var DISMISS_CONTROL_SELECTOR = "[".concat(DISMISS_CONTROL_ATTRIBUTE, "],[aria-label=\"Close\"]");
-/** Selector del contenedor modal: el marcado de Aura o un diálogo estándar. */
-var CONTAINER_SELECTOR = "[".concat(CONTAINER_ATTRIBUTE, "],[role=\"dialog\"],[role=\"alertdialog\"]");
-var matchesAncestor = function (element, selector) {
-    if (!element || typeof element.closest !== "function") {
-        return false;
-    }
-    return element.closest(selector) != null;
-};
-/** `true` si el elemento es un control de cierre (o está dentro de uno). */
-var isDismissControl = function (element) { return matchesAncestor(element, DISMISS_CONTROL_SELECTOR); };
-/**
- * Predicado listo para `popoverProps.shouldCloseOnInteractOutside` de un
- * componente con popover no-modal.
- *
- * Devuelve `false` —no es interacción externa— en tres casos:
- *
- * 1. Dentro del propio componente: el popover vive en un portal, así que el
- *    campo de búsqueda queda fuera de él y una pulsación sobre el texto se
- *    contaba como externa.
- * 2. Sobre un control de cierre del contenedor.
- * 3. Dentro del mismo diálogo/contenedor que el componente: seguir rellenando
- *    el formulario no es descartar el desplegable.
- *
- * @param element Elemento donde ha empezado la interacción.
- * @param root    Raíz del componente.
- */
-var shouldClosePopoverOnInteractOutside = function (element, root) {
-    var _a;
-    if (root === null || root === void 0 ? void 0 : root.contains(element)) {
-        return false;
-    }
-    if (isDismissControl(element)) {
-        return false;
-    }
-    if (!matchesAncestor(element, CONTAINER_SELECTOR)) {
-        return true;
-    }
-    // Solo exime el contenedor propio: un diálogo distinto sigue siendo externo.
-    var container = (_a = root === null || root === void 0 ? void 0 : root.closest) === null || _a === void 0 ? void 0 : _a.call(root, CONTAINER_SELECTOR);
-    return !(container === null || container === void 0 ? void 0 : container.contains(element));
-};
-
 var StepIndicator = function (_a) {
     var currentStep = _a.currentStep, totalSteps = _a.totalSteps, _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.showStepText, showStepText = _c === void 0 ? true : _c, stepTextFormatter = _a.stepTextFormatter, className = _a.className, props = __rest(_a, ["currentStep", "totalSteps", "color", "showStepText", "stepTextFormatter", "className"]);
     var progressPercentage = Math.min((currentStep / totalSteps) * 100, 100);
@@ -4267,7 +4198,7 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
 VerticalSteps.displayName = "VerticalSteps";
 
 var MultiStepSidebar = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var _b = _a.closeTranslation, closeTranslation = _b === void 0 ? "Close" : _b, onClose = _a.onClose, _c = _a.hideInactiveDescriptions, hideInactiveDescriptions = _c === void 0 ? false : _c, _d = _a.isDismissable, isDismissable = _d === void 0 ? true : _d, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "closeTranslation", "onClose", "hideInactiveDescriptions", "isDismissable"]);
+    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, _b = _a.hideInactiveDescriptions, hideInactiveDescriptions = _b === void 0 ? false : _b, _c = _a.isDismissable, isDismissable = _c === void 0 ? true : _c, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "onClose", "hideInactiveDescriptions", "isDismissable"]);
     var handleOverlayClick = function (e) {
         if (!isDismissable) {
             return;
@@ -4276,7 +4207,7 @@ var MultiStepSidebar = React.forwardRef(function (_a, ref) {
             onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     };
-    return (jsx("div", __assign({}, containerProps, { className: "fixed inset-0 z-50 flex items-center justify-center bg-content3/50 backdrop-blur-sm", onClick: handleOverlayClick, children: jsxs("div", __assign({ ref: ref, className: cn("relative flex h-full w-full max-w-4xl overflow-hidden rounded-lg bg-background shadow-lg lg:h-auto lg:max-h-[85vh] lg:min-h-[512px]", className) }, props, { children: [jsx("div", { className: cn("absolute inset-y-0 left-0 hidden w-1/3 flex-col justify-start gap-y-8 overflow-y-auto p-8 md:flex [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"), children: jsx(VerticalSteps, { className: "aura-stepper-theme", color: "primary", currentStep: currentPage, steps: steps, onStepChange: onChangePage, hideInactiveDescriptions: hideInactiveDescriptions }) }), jsxs("div", { className: "relative flex w-full flex-col items-center justify-between gap-4 md:ml-[33.333333%] md:w-2/3 md:p-4 min-h-0", children: [jsx(Button, __assign({ isIconOnly: true }, dismissControlProps, { "aria-label": closeTranslation, className: "absolute right-4 top-4", size: "sm", variant: "light", color: "default", onPress: onClose, startContent: jsx(IconComponent, { className: "text-foreground", icon: "material-symbols:close-rounded", size: "lg" }) })), jsx("div", { className: "pt-9 w-10/12 md:hidden", children: jsx("div", { className: "flex  w-full justify-center", children: jsx(StepIndicator, { className: "aura-stepper-theme", currentStep: currentPage + 1, totalSteps: steps.length }) }) }), jsx("div", { className: "flex flex-col flex-1 w-full justify-between p-4 sm:max-w-md md:max-w-lg overflow-y-auto min-h-0 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: children })] })] })) })));
+    return (jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-content3/50 backdrop-blur-sm", onClick: handleOverlayClick, children: jsxs("div", __assign({ ref: ref, className: cn("relative flex h-full w-full max-w-4xl overflow-hidden rounded-lg bg-background shadow-lg lg:h-auto lg:max-h-[85vh] lg:min-h-[512px]", className) }, props, { children: [jsx("div", { className: cn("absolute inset-y-0 left-0 hidden w-1/3 flex-col justify-start gap-y-8 overflow-y-auto p-8 md:flex [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"), children: jsx(VerticalSteps, { className: "aura-stepper-theme", color: "primary", currentStep: currentPage, steps: steps, onStepChange: onChangePage, hideInactiveDescriptions: hideInactiveDescriptions }) }), jsxs("div", { className: "relative flex w-full flex-col items-center justify-between gap-4 md:ml-[33.333333%] md:w-2/3 md:p-4 min-h-0", children: [jsx(Button, { isIconOnly: true, className: "absolute right-4 top-4", size: "sm", variant: "light", color: "default", onPress: onClose, startContent: jsx(IconComponent, { className: "text-foreground", icon: "material-symbols:close-rounded", size: "lg" }) }), jsx("div", { className: "pt-9 w-10/12 md:hidden", children: jsx("div", { className: "flex  w-full justify-center", children: jsx(StepIndicator, { className: "aura-stepper-theme", currentStep: currentPage + 1, totalSteps: steps.length }) }) }), jsx("div", { className: "flex flex-col flex-1 w-full justify-between p-4 sm:max-w-md md:max-w-lg overflow-y-auto min-h-0 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: children })] })] })) }));
 });
 MultiStepSidebar.displayName = "MultiStepSidebar";
 
@@ -4303,7 +4234,6 @@ var MultiStepWizard = function (_a) {
         cancel: "Cancel",
         next: "Next",
         complete: "Complete",
-        close: "Close",
     }, translations);
     var paginate = React.useCallback(function (newDirection) {
         setPage(function (prev) {
@@ -4355,11 +4285,14 @@ var MultiStepWizard = function (_a) {
     if (!isOpen) {
         return null;
     }
-    return (jsxs(MultiStepSidebar, { currentPage: page, goBackTranslation: t.goBack, closeTranslation: t.close, steps: steps, onBack: onBack, onChangePage: onChangePage, onClose: onClose, onNext: onNext, hideInactiveDescriptions: hideInactiveDescriptions, isDismissable: isDismissable, children: [jsxs("div", { children: [jsx(Button, { className: "w-fit text-default-600 mb-6", color: "default", variant: "light", onPress: onBack, isDisabled: page === 0, startContent: jsx(IconComponent, { className: "text-default-500", icon: "material-symbols:arrow-back-rounded", size: "sm" }), children: t.goBack || "Back" }), jsx("div", { className: "relative flex h-fit w-full flex-col text-center lg:justify-center lg:pt-0", children: content })] }), jsx(MultistepNavigationButtons, { backButtonProps: {
+    return (jsxs(MultiStepSidebar, { currentPage: page, goBackTranslation: t.goBack, steps: steps, onBack: onBack, onChangePage: onChangePage, onClose: onClose, onNext: onNext, hideInactiveDescriptions: hideInactiveDescriptions, isDismissable: isDismissable, children: [jsxs("div", { children: [jsx(Button, { className: "w-fit text-default-600 mb-6", color: "default", variant: "light", onPress: onBack, isDisabled: page === 0, startContent: jsx(IconComponent, { className: "text-default-500", icon: "material-symbols:arrow-back-rounded", size: "sm" }), children: t.goBack || "Back" }), jsx("div", { className: "relative flex h-fit w-full flex-col text-center lg:justify-center lg:pt-0", children: content })] }), jsx(MultistepNavigationButtons, { backButtonProps: {
                     isDisabled: page === 0,
                     onPress: onBack,
                     children: t.goBack,
-                }, cancelButtonProps: __assign(__assign({}, dismissControlProps), { onPress: onClose, children: t.cancel }), nextButtonProps: {
+                }, cancelButtonProps: {
+                    onPress: onClose,
+                    children: t.cancel,
+                }, nextButtonProps: {
                     children: getButtonText(),
                     onPress: handleNextAction,
                     isDisabled: steps[page].isStepValid === false,
@@ -4438,6 +4371,13 @@ var Phone = function (_a) {
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [isDropdownOpen]);
+    // El dropdown se portea a `body` con posición absoluta fija; cerrarlo cuando
+    // un ancestro hace scroll para que no quede flotando fuera de lugar.
+    useCloseOnAncestorScroll({
+        isOpen: isDropdownOpen,
+        onClose: function () { return setIsDropdownOpen(false); },
+        contentRef: portalDropdownRef,
+    });
     var handleCountrySelect = function (country) {
         setSelectedCountry(country);
         setIsDropdownOpen(false);
@@ -8925,7 +8865,6 @@ function TagsFilter(_a) {
     var _m = useState(0), autocompleteKey = _m[0], setAutocompleteKey = _m[1];
     var selectedList = value !== null && value !== void 0 ? value : [];
     var _o = useState(null), sentinelNode = _o[0], setSentinelNode = _o[1];
-    var rootRef = useRef(null);
     useEffect(function () {
         if (!onLoadMore || !sentinelNode || !hasMore) {
             return;
@@ -8997,7 +8936,7 @@ function TagsFilter(_a) {
     if (isLoading) {
         return (jsx("div", { className: "flex flex-col gap-4 ".concat(className), children: jsx("div", { className: "flex justify-center py-4", children: jsx(Spinner, { size: "sm" }) }) }));
     }
-    return (jsxs("div", { ref: rootRef, className: "flex flex-col gap-4 ".concat(className), children: [error && (jsxs("div", { className: "text-danger text-small py-2", children: [t.errorLoadingPrefix, ": ", error] })), !error && (jsxs(Fragment, { children: [jsxs("div", { className: "flex flex-col gap-3", children: [jsxs(H4, { className: "text-tiny text-left text-default-700", children: [t.labelSelect, required && jsx("span", { className: "text-danger ml-0.5", children: "*" })] }), jsx(AuraAutocomplete, { placeholder: t.placeholder, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : t.placeholder, inputValue: inputValue, onInputChange: function (v) {
+    return (jsxs("div", { className: "flex flex-col gap-4 ".concat(className), children: [error && (jsxs("div", { className: "text-danger text-small py-2", children: [t.errorLoadingPrefix, ": ", error] })), !error && (jsxs(Fragment, { children: [jsxs("div", { className: "flex flex-col gap-3", children: [jsxs(H4, { className: "text-tiny text-left text-default-700", children: [t.labelSelect, required && jsx("span", { className: "text-danger ml-0.5", children: "*" })] }), jsx(AuraAutocomplete, { placeholder: t.placeholder, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : t.placeholder, inputValue: inputValue, onInputChange: function (v) {
                                     setInputValue(v);
                                     onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(v);
                                 }, selectedKey: null, items: itemsWithSentinel, onSelectionChange: handleAutocompleteSelection, 
@@ -9016,24 +8955,7 @@ function TagsFilter(_a) {
                                     // intercepts pointer events, blocking the parent modal's close button.
                                     // shouldCloseOnInteractOutside already handles closing on outside clicks.
                                     isNonModal: true,
-                                    // El desplegable se renderiza en un portal, así que el campo de
-                                    // búsqueda queda FUERA de él y una pulsación sobre el texto contaba
-                                    // como interacción externa. Al cerrarse, el FocusScope devolvía el
-                                    // foco con un `.focus()` que abortaba el gesto de selección que el
-                                    // navegador acababa de iniciar: de ahí que arrastrar o hacer doble
-                                    // clic no seleccionara nada y solo quedara borrar letra a letra
-                                    // (con el teclado sí funcionaba, porque no pasa por aquí).
-                                    // Las pulsaciones dentro del componente dejan de contar como
-                                    // externas; las de fuera siguen cerrando el desplegable igual.
-                                    //
-                                    // Los controles de cierre del contenedor también quedan exentos:
-                                    // react-aria hace `preventDefault()` sobre el pointerdown Y el
-                                    // click de toda interacción externa, así que su `onPress` no se
-                                    // disparaba y el contenedor no se podía cerrar mientras el
-                                    // desplegable estuviera abierto (ver `shouldClosePopoverOnInteractOutside`).
-                                    shouldCloseOnInteractOutside: function (element) {
-                                        return shouldClosePopoverOnInteractOutside(element, rootRef.current);
-                                    },
+                                    shouldCloseOnInteractOutside: function () { return true; },
                                 }, listboxProps: {
                                     className: "max-h-[200px] overflow-y-auto",
                                 }, className: "w-full", children: function (item) {
@@ -9777,4 +9699,4 @@ var NavigationLoadingProvider = function (_a) {
     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, BEWEOS_THEME_MODE_COOKIE_NAME, BreadcrumbsComponent, Button, CONTAINER_ATTRIBUTE, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_DONUT_COLORS, DEFAULT_PREDEFINED_COLORS, DEFAULT_RANKED_BAR_COLORS, DISMISS_CONTROL_ATTRIBUTE, DatePicker, DateRangePicker, DateSelector, DonutChart, DrawerFilters, EmailPreview, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, MenuClaw, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, REGISTERED_THEME_COLORS, RangeFilter, RankedBarList, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StatTile, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, Tooltip, TwoColumnLayoutAgent, UploadFile, VerticalSteps, ViolinPlot, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, computeBars, computeMax, computeSlices, computeTotal, containerProps, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$5 as defaultTranslations, dismissControlProps, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isDismissControl, isDonutEmpty, isExactThemeColor, isGroupState, isHexColor, isRankedBarListEmpty, isSegmentationGroup, removeCustomPrimaryColor, shouldClosePopoverOnInteractOutside, sizeMap, themeColors, useAuraToast, useCloseOnAncestorScroll, useMediaQuery, useNavigationLoading, useThemeContext };
+export { ALL_THEMES, AURORA_THEME_FAMILIES, AURORA_THEME_REGISTRY, AccordionList, AddHolidayForm, AnalyticsCard, AreaLineChart, AuraAutocomplete, AuraTable, AuraToastProvider, BEWEOS_THEME_MODE_COOKIE_NAME, BreadcrumbsComponent, Button, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_DONUT_COLORS, DEFAULT_PREDEFINED_COLORS, DEFAULT_RANKED_BAR_COLORS, DatePicker, DateRangePicker, DateSelector, DonutChart, DrawerFilters, EmailPreview, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, LindaIcon, MenuClaw, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, REGISTERED_THEME_COLORS, RangeFilter, RankedBarList, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StatTile, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, Tooltip, TwoColumnLayoutAgent, UploadFile, VerticalSteps, ViolinPlot, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, computeBars, computeMax, computeSlices, computeTotal, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$5 as defaultTranslations, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isDonutEmpty, isExactThemeColor, isGroupState, isHexColor, isRankedBarListEmpty, isSegmentationGroup, removeCustomPrimaryColor, sizeMap, themeColors, useAuraToast, useCloseOnAncestorScroll, useMediaQuery, useNavigationLoading, useThemeContext };

package/dist/types/components/linda-icon/LindaIcon.d.ts

@@ -0,0 +1,20 @@
+import type React from "react";
+import type { LindaIconProps } from "./LindaIcon.types";
+/**
+ * Icono canónico de Linda para CTAs inteligentes (TECH-2386).
+ *
+ * SVG empaquetado como import estático — NUNCA usar `@iconify/react` /
+ * `IconComponent` con este glifo: los iconos de Iconify se resuelven en
+ * runtime contra api.iconify.design y desaparecen (control entero invisible
+ * si es `isIconOnly`) cuando ese host no responde — ver TECH-2103/2104.
+ * Este componente no depende de red.
+ *
+ * Glifo: el mismo path ya usado en el producto para señalar acciones de
+ * Linda (equivalente al icono "magic-stick" ya presente junto a
+ * "Linda Recommended Actions"), resuelto para v1 en TECH-2374 sin
+ * diseñadora asignada — funcional-first, sin inventar iconografía nueva.
+ * Cuando exista un asset bespoke (identidad "droide retro-futurista"),
+ * este es el único componente a sustituir — ver README.md.
+ */
+export declare const LindaIcon: React.FC<LindaIconProps>;
+//# sourceMappingURL=LindaIcon.d.ts.map

package/dist/types/components/linda-icon/LindaIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LindaIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/linda-icon/LindaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyB9C,CAAC"}

package/dist/types/components/linda-icon/LindaIcon.types.d.ts

@@ -0,0 +1,6 @@
+import type React from "react";
+export interface LindaIconProps extends React.SVGProps<SVGSVGElement> {
+    /** Tamaño en píxeles (ancho = alto). Default: 24. */
+    size?: number;
+}
+//# sourceMappingURL=LindaIcon.types.d.ts.map

package/dist/types/components/linda-icon/LindaIcon.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LindaIcon.types.d.ts","sourceRoot":"","sources":["../../../../src/components/linda-icon/LindaIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACpE,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd"}

package/dist/types/components/linda-icon/index.d.ts

@@ -0,0 +1,3 @@
+export { LindaIcon } from "./LindaIcon";
+export type { LindaIconProps } from "./LindaIcon.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/linda-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/linda-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/types/components/multi-step-wizard/MultiStepWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIpE,eAAO,MAAM,eAAe,GAAI,oHAS7B,oBAAoB,mDAmJtB,CAAC"}
+{"version":3,"file":"MultiStepWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIpE,eAAO,MAAM,eAAe,GAAI,oHAS7B,oBAAoB,mDA6ItB,CAAC"}

package/dist/types/components/multi-step-wizard/MultiStepWizard.types.d.ts

@@ -30,7 +30,5 @@ export interface MultiStepWizardTranslations {
     cancel?: string;
     next?: string;
     complete?: string;
-    /** Nombre accesible del botón de cerrar (solo icono). Por defecto `"Close"`. */
-    close?: string;
 }
 //# sourceMappingURL=MultiStepWizard.types.d.ts.map

package/dist/types/components/multi-step-wizard/MultiStepWizard.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepWizard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,IAAI;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qEAAqE;IACrE,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,2BAA2B;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"MultiStepWizard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,IAAI;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qEAAqE;IACrE,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,2BAA2B;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/types/components/multi-step-wizard/_internal/MultiStepSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/multi-step-wizard/_internal/MultiStepSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,eAAO,MAAM,gBAAgB,8FAuG5B,CAAC"}
+{"version":3,"file":"MultiStepSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/multi-step-wizard/_internal/MultiStepSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,eAAO,MAAM,gBAAgB,8FA6F5B,CAAC"}

package/dist/types/components/multi-step-wizard/_internal/MultiStepSidebar.types.d.ts

@@ -9,8 +9,6 @@ export interface MultiStepSidebarProps extends React.HTMLAttributes<HTMLDivEleme
     onChangePage?: (page: number) => void;
     steps: Step[];
     goBackTranslation?: string;
-    /** Nombre accesible del botón de cerrar (solo icono). Por defecto `"Close"`. */
-    closeTranslation?: string;
     hideInactiveDescriptions?: boolean;
     /** Permite cerrar al hacer clic en el backdrop. Por defecto `true`. */
     isDismissable?: boolean;