@beweco/aurora-ui 0.6.76 → 0.6.77

package/dist/index.esm.js

@@ -614,6 +614,139 @@ function AreaLineChart(_a) {
     return jsx("div", { className: className, children: content });
 }
 
+/**
+ * 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); };
+/**
+ * `true` si el elemento vive dentro de una superficie modal: un diálogo estándar
+ * o un contenedor marcado con `containerProps`.
+ *
+ * Es la condición que decide si un componente con popover no-modal necesita el
+ * predicado de más abajo. Fuera de una superficie así, HeroUI ya resuelve el
+ * caso por su cuenta (`ariaShouldCloseOnInteractOutside` cierra el desplegable
+ * y devuelve `false`, de modo que la pulsación llega a su destino); solo falla
+ * cuando hay un diálogo de por medio, y ahí entra el nuestro.
+ */
+var isInsideDismissContainer = function (element) { return matchesAncestor(element, CONTAINER_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 propio.
+ * 3. Dentro del mismo diálogo/contenedor que el componente: seguir rellenando
+ *    el formulario no es descartar el desplegable.
+ *
+ * Las exenciones 2 y 3 se limitan al contenedor del propio componente. Un
+ * control de cierre suelto en la página —la X de un toast, la de un banner— no
+ * tiene nada que ver con este desplegable, así que sigue contando como externo
+ * y lo cierra.
+ *
+ * @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;
+    }
+    var container = (_a = root === null || root === void 0 ? void 0 : root.closest) === null || _a === void 0 ? void 0 : _a.call(root, CONTAINER_SELECTOR);
+    if (isDismissControl(element)) {
+        // Sin contenedor propio no hay a quién eximir: el control de cierre es
+        // de otra cosa y su pulsación descarta el desplegable como cualquier otra.
+        return container ? !container.contains(element) : true;
+    }
+    if (!matchesAncestor(element, CONTAINER_SELECTOR)) {
+        return true;
+    }
+    // Solo exime el contenedor propio: un diálogo distinto sigue siendo externo.
+    return !(container === null || container === void 0 ? void 0 : container.contains(element));
+};
+/**
+ * Mezcla las `popoverProps` de un consumidor con el predicado por defecto, para
+ * que un componente con popover no-modal no trate como "clic fuera" lo que no lo
+ * es (ver `shouldClosePopoverOnInteractOutside`).
+ *
+ * Llamar solo cuando el componente está dentro de una superficie modal
+ * (`isInsideDismissContainer`). Fuera de ella HeroUI trae su propio default y
+ * hay que dejárselo: instalar cualquier predicado lo desactiva, porque su mezcla
+ * es por truthiness (`@heroui/autocomplete` → `use-autocomplete`).
+ *
+ * El consumidor puede sustituir el predicado pasando el suyo — es la salida para
+ * casos a medida, no la puerta a `() => true`. Pasar `shouldCloseOnInteractOutside:
+ * undefined` NO desactiva el default: para eso hay que pasar un predicado propio.
+ *
+ * @param popoverProps Las que llegan del consumidor, si las hay.
+ * @param getRoot      Lector de la raíz del componente. Es una función y no un
+ *                     valor porque el `ref` todavía es `null` en el primer
+ *                     render: hay que leerlo cuando ocurre la interacción.
+ */
+var withPopoverDismissDefaults = function (popoverProps, getRoot) {
+    var _a;
+    return (__assign(__assign({}, popoverProps), { shouldCloseOnInteractOutside: (_a = popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.shouldCloseOnInteractOutside) !== null && _a !== void 0 ? _a : (function (element) {
+            return shouldClosePopoverOnInteractOutside(element, getRoot());
+        }) }));
+};
+
 /** Clases del wrapper del icono: margen derecho y alineación igual para lupa e iconos custom */
 var ICON_WRAPPER_CLASSNAME = "mr-2 flex shrink-0 items-center [&_svg]:shrink-0";
 var DEFAULT_ICON = (jsx(IconComponent, { icon: "solar:magnifer-outline", className: "text-default-400 pointer-events-none shrink-0", size: "sm", "aria-hidden": true }));
@@ -626,15 +759,39 @@ var DEFAULT_ICON = (jsx(IconComponent, { icon: "solar:magnifer-outline", classNa
  * - labelPlacement: Outside
  * - Size: sm, md, lg (configurable)
  * - Icono: lupa por defecto; acepta prop icon para personalizar u ocultar (null).
+ *
+ * **Dentro de un modal, drawer o contenedor marcado con `containerProps`**, el
+ * desplegable deja de contar como "clic fuera" lo que ocurre dentro del propio
+ * componente, sobre un control de cierre del contenedor o dentro de ese mismo
+ * contenedor: react-aria hace `preventDefault()` sobre esas pulsaciones y el
+ * control de destino nunca llegaba a recibir su `onPress` (ver
+ * `shouldClosePopoverOnInteractOutside`). Sigue cerrándose, por la vía del
+ * `shouldCloseOnBlur` del combobox de HeroUI — no por `onBlurWithin` del
+ * overlay, que está gateado por el mismo predicado.
+ *
+ * **Fuera de un contenedor así no se instala nada**: HeroUI ya resuelve ese caso
+ * con `ariaShouldCloseOnInteractOutside`, y como su mezcla es por truthiness,
+ * poner un predicado propio lo desactivaría y volvería a tragarse la pulsación.
+ *
+ * Un consumidor puede sustituir el predicado con su propio
+ * `popoverProps.shouldCloseOnInteractOutside`; entonces manda el suyo siempre.
  */
 var AuraAutocomplete = function (_a) {
-    var label = _a.label, id = _a.id, icon = _a.icon, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "bordered" : _c, _d = _a.radius, radius = _d === void 0 ? "md" : _d, props = __rest(_a, ["label", "id", "icon", "size", "variant", "radius"]);
+    var label = _a.label, id = _a.id, icon = _a.icon, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "bordered" : _c, _d = _a.radius, radius = _d === void 0 ? "md" : _d, popoverProps = _a.popoverProps, props = __rest(_a, ["label", "id", "icon", "size", "variant", "radius", "popoverProps"]);
     var generatedId = useId();
+    // El desplegable se renderiza en un portal, así que el campo de búsqueda
+    // queda fuera de él. Sin esta raíz el predicado no puede distinguir lo que
+    // pasa dentro del componente de un clic real de fuera. Se guarda en estado
+    // —y no en un ref— porque de ella depende SI se instala el predicado, y eso
+    // hay que decidirlo en render: un ref no dispara el re-render que hace falta.
+    var _e = useState(null), root = _e[0], setRoot = _e[1];
     var autoId = id || generatedId;
     var resolvedIcon = icon === undefined ? DEFAULT_ICON : icon;
     var hasIcon = resolvedIcon != null;
     var endContent = hasIcon ? (jsx("span", { className: ICON_WRAPPER_CLASSNAME, children: resolvedIcon })) : null;
-    return (jsxs("div", { children: [label && (jsx("label", { htmlFor: autoId, className: "block mb-2 text-tiny text-default-600", children: label })), jsx(Autocomplete, __assign({}, props, { id: autoId, label: undefined, labelPlacement: "outside", variant: variant, size: size, radius: radius, endContent: endContent, classNames: __assign({ base: "[&_[data-slot=input-wrapper][data-focus=true]]:!border-primary-500", popoverContent: "aura-popover-content [&_li[data-hover=true]]:!bg-primary-50 [&_li[data-hover=true]]:!text-default-600 [&_li]:!text-default-500" }, (hasIcon && { selectorButton: "!hidden" })) }))] }));
+    return (jsxs("div", { ref: setRoot, children: [label && (jsx("label", { htmlFor: autoId, className: "block mb-2 text-tiny text-default-600", children: label })), jsx(Autocomplete, __assign({}, props, { id: autoId, label: undefined, labelPlacement: "outside", variant: variant, size: size, radius: radius, endContent: endContent, popoverProps: isInsideDismissContainer(root)
+                    ? withPopoverDismissDefaults(popoverProps, function () { return root; })
+                    : popoverProps, classNames: __assign({ base: "[&_[data-slot=input-wrapper][data-focus=true]]:!border-primary-500", popoverContent: "aura-popover-content [&_li[data-hover=true]]:!bg-primary-50 [&_li[data-hover=true]]:!text-default-600 [&_li]:!text-default-500" }, (hasIcon && { selectorButton: "!hidden" })) }))] }));
 };
 
 /**
@@ -4039,96 +4196,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: collapsed, children: !collapsed ? (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);
@@ -8977,7 +9044,9 @@ 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);
+    // En estado y no en un ref: de la raíz depende SI se instala el predicado
+    // (solo dentro de una superficie modal), y eso se decide en render.
+    var _p = useState(null), root = _p[0], setRoot = _p[1];
     useEffect(function () {
         if (!onLoadMore || !sentinelNode || !hasMore) {
             return;
@@ -9049,7 +9118,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", { ref: setRoot, 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, 
@@ -9083,9 +9152,16 @@ function TagsFilter(_a) {
                                     // 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);
-                                    },
+                                    //
+                                    // Solo dentro de una superficie modal: fuera de ella HeroUI ya
+                                    // resuelve el caso por su cuenta, y como su mezcla es por
+                                    // truthiness, instalar cualquier predicado lo desactivaría y la
+                                    // pulsación volvería a perderse.
+                                    shouldCloseOnInteractOutside: isInsideDismissContainer(root)
+                                        ? function (element) {
+                                            return shouldClosePopoverOnInteractOutside(element, root);
+                                        }
+                                        : undefined,
                                 }, listboxProps: {
                                     className: "max-h-[200px] overflow-y-auto",
                                 }, className: "w-full", children: function (item) {
@@ -9974,4 +10050,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, LINDA_TONE_PROPERTIES, 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, applyLindaTones, computeBars, computeMax, computeSlices, computeTotal, containerProps, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$5 as defaultTranslations, deriveLindaTones, dismissControlProps, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isDismissControl, isDonutEmpty, isExactThemeColor, isGroupState, isHexColor, isRankedBarListEmpty, isSegmentationGroup, parseHslTriplet, removeCustomPrimaryColor, removeLindaTones, 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, 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, LINDA_TONE_PROPERTIES, 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, applyLindaTones, computeBars, computeMax, computeSlices, computeTotal, containerProps, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$5 as defaultTranslations, deriveLindaTones, dismissControlProps, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isDismissControl, isDonutEmpty, isExactThemeColor, isGroupState, isHexColor, isInsideDismissContainer, isRankedBarListEmpty, isSegmentationGroup, parseHslTriplet, removeCustomPrimaryColor, removeLindaTones, shouldClosePopoverOnInteractOutside, sizeMap, themeColors, useAuraToast, useCloseOnAncestorScroll, useMediaQuery, useNavigationLoading, useThemeContext, withPopoverDismissDefaults };

package/dist/types/components/autocomplete/AutoComplete.d.ts

@@ -9,6 +9,22 @@ import type { AuraAutocompleteProps } from "./AutoComplete.types";
  * - labelPlacement: Outside
  * - Size: sm, md, lg (configurable)
  * - Icono: lupa por defecto; acepta prop icon para personalizar u ocultar (null).
+ *
+ * **Dentro de un modal, drawer o contenedor marcado con `containerProps`**, el
+ * desplegable deja de contar como "clic fuera" lo que ocurre dentro del propio
+ * componente, sobre un control de cierre del contenedor o dentro de ese mismo
+ * contenedor: react-aria hace `preventDefault()` sobre esas pulsaciones y el
+ * control de destino nunca llegaba a recibir su `onPress` (ver
+ * `shouldClosePopoverOnInteractOutside`). Sigue cerrándose, por la vía del
+ * `shouldCloseOnBlur` del combobox de HeroUI — no por `onBlurWithin` del
+ * overlay, que está gateado por el mismo predicado.
+ *
+ * **Fuera de un contenedor así no se instala nada**: HeroUI ya resuelve ese caso
+ * con `ariaShouldCloseOnInteractOutside`, y como su mezcla es por truthiness,
+ * poner un predicado propio lo desactivaría y volvería a tragarse la pulsación.
+ *
+ * Un consumidor puede sustituir el predicado con su propio
+ * `popoverProps.shouldCloseOnInteractOutside`; entonces manda el suyo siempre.
  */
 export declare const AuraAutocomplete: React.FC<AuraAutocompleteProps>;
 //# sourceMappingURL=AutoComplete.d.ts.map

package/dist/types/components/autocomplete/AutoComplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAelE;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8C5D,CAAC"}
+{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAelE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0D5D,CAAC"}

package/dist/types/components/autocomplete/AutoComplete.types.d.ts

@@ -10,6 +10,18 @@ export type AuraAutocompleteProps = Omit<HeroUIAutocompleteProps, "size" | "vari
      * Por defecto se muestra una lupa. Pasa `null` para ocultar o un nodo para personalizar.
      */
     icon?: React.ReactNode | null;
+    /**
+     * Props del popover del desplegable (se reenvían al Autocomplete de HeroUI).
+     *
+     * Dentro de un modal, drawer o contenedor marcado con `containerProps`, el
+     * componente rellena `shouldCloseOnInteractOutside` con su predicado por
+     * defecto para que las pulsaciones dentro del contenedor no se pierdan; fuera
+     * de una superficie así no toca nada y manda el default de HeroUI.
+     *
+     * Pasar un `shouldCloseOnInteractOutside` propio sustituye al predicado.
+     * Pasarlo como `undefined` NO lo desactiva.
+     */
+    popoverProps?: HeroUIAutocompleteProps["popoverProps"];
     /** Controla si el listado está abierto (se reenvía al Autocomplete de HeroUI). */
     isOpen?: boolean;
     /** Callback cuando cambia el estado de apertura (se reenvía al Autocomplete de HeroUI). */

package/dist/types/components/autocomplete/AutoComplete.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.types.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAElF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACvC,uBAAuB,EACvB,MAAM,GAAG,SAAS,GAAG,QAAQ,CAC7B,GAAG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B,kFAAkF;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC"}
+{"version":3,"file":"AutoComplete.types.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAElF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACvC,uBAAuB,EACvB,MAAM,GAAG,SAAS,GAAG,QAAQ,CAC7B,GAAG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,uBAAuB,CAAC,cAAc,CAAC,CAAC;IACvD,kFAAkF;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC"}

package/dist/types/components/tags-filter/TagsFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/tags-filter/TagsFilter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EACX,eAAe,EAEf,MAAM,oBAAoB,CAAC;AAuC5B;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,EACpE,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAiB,EACjB,KAAK,EACL,SAAiB,EACjB,SAAc,EACd,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,WAA2D,EAC3D,SAAkD,EAClD,aAAa,EACb,OAAe,EACf,aAAqB,EACrB,UAAU,EACV,kBAA0B,GAC1B,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAkQzC;yBAnRe,UAAU"}
+{"version":3,"file":"TagsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/tags-filter/TagsFilter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EACX,eAAe,EAEf,MAAM,oBAAoB,CAAC;AAuC5B;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,EACpE,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAiB,EACjB,KAAK,EACL,SAAiB,EACjB,SAAc,EACd,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,WAA2D,EAC3D,SAAkD,EAClD,aAAa,EACb,OAAe,EACf,aAAqB,EACrB,UAAU,EACV,kBAA0B,GAC1B,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CA2QzC;yBA5Re,UAAU"}

package/dist/types/utils/dismiss-control.d.ts

@@ -41,6 +41,17 @@ export declare const containerProps: {
 };
 /** `true` si el elemento es un control de cierre (o está dentro de uno). */
 export declare const isDismissControl: (element: Element | null | undefined) => boolean;
+/**
+ * `true` si el elemento vive dentro de una superficie modal: un diálogo estándar
+ * o un contenedor marcado con `containerProps`.
+ *
+ * Es la condición que decide si un componente con popover no-modal necesita el
+ * predicado de más abajo. Fuera de una superficie así, HeroUI ya resuelve el
+ * caso por su cuenta (`ariaShouldCloseOnInteractOutside` cierra el desplegable
+ * y devuelve `false`, de modo que la pulsación llega a su destino); solo falla
+ * cuando hay un diálogo de por medio, y ahí entra el nuestro.
+ */
+export declare const isInsideDismissContainer: (element: Element | null | undefined) => boolean;
 /**
  * Predicado listo para `popoverProps.shouldCloseOnInteractOutside` de un
  * componente con popover no-modal.
@@ -50,12 +61,47 @@ export declare const isDismissControl: (element: Element | null | undefined) =>
  * 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.
+ * 2. Sobre un control de cierre del contenedor propio.
  * 3. Dentro del mismo diálogo/contenedor que el componente: seguir rellenando
  *    el formulario no es descartar el desplegable.
  *
+ * Las exenciones 2 y 3 se limitan al contenedor del propio componente. Un
+ * control de cierre suelto en la página —la X de un toast, la de un banner— no
+ * tiene nada que ver con este desplegable, así que sigue contando como externo
+ * y lo cierra.
+ *
  * @param element Elemento donde ha empezado la interacción.
  * @param root    Raíz del componente.
  */
 export declare const shouldClosePopoverOnInteractOutside: (element: Element, root: Element | null | undefined) => boolean;
+/**
+ * Forma mínima de `popoverProps` que consume este helper. Replica a mano el
+ * contrato de `PopoverProps["shouldCloseOnInteractOutside"]` de `@heroui/popover`
+ * para no arrastrar los tipos de HeroUI dentro de `utils`: si esa firma cambia,
+ * el error saldrá en el componente que llama, no aquí.
+ */
+interface DismissAwarePopoverProps {
+    shouldCloseOnInteractOutside?: (element: Element) => boolean;
+}
+/**
+ * Mezcla las `popoverProps` de un consumidor con el predicado por defecto, para
+ * que un componente con popover no-modal no trate como "clic fuera" lo que no lo
+ * es (ver `shouldClosePopoverOnInteractOutside`).
+ *
+ * Llamar solo cuando el componente está dentro de una superficie modal
+ * (`isInsideDismissContainer`). Fuera de ella HeroUI trae su propio default y
+ * hay que dejárselo: instalar cualquier predicado lo desactiva, porque su mezcla
+ * es por truthiness (`@heroui/autocomplete` → `use-autocomplete`).
+ *
+ * El consumidor puede sustituir el predicado pasando el suyo — es la salida para
+ * casos a medida, no la puerta a `() => true`. Pasar `shouldCloseOnInteractOutside:
+ * undefined` NO desactiva el default: para eso hay que pasar un predicado propio.
+ *
+ * @param popoverProps Las que llegan del consumidor, si las hay.
+ * @param getRoot      Lector de la raíz del componente. Es una función y no un
+ *                     valor porque el `ref` todavía es `null` en el primer
+ *                     render: hay que leerlo cuando ocurre la interacción.
+ */
+export declare const withPopoverDismissDefaults: <P extends DismissAwarePopoverProps>(popoverProps: P | undefined, getRoot: () => Element | null) => P;
+export {};
 //# sourceMappingURL=dismiss-control.d.ts.map

package/dist/types/utils/dismiss-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dismiss-control.d.ts","sourceRoot":"","sources":["../../../src/utils/dismiss-control.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH;;;GAGG;AACH,eAAO,MAAM,yBAAyB,sBAAsB,CAAC;AAE7D,uFAAuF;AACvF,eAAO,MAAM,mBAAmB;;CAEtB,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAEzD,sEAAsE;AACtE,eAAO,MAAM,cAAc;;CAEjB,CAAC;AAsBX,4EAA4E;AAC5E,eAAO,MAAM,gBAAgB,GAC5B,SAAS,OAAO,GAAG,IAAI,GAAG,SAAS,KACjC,OAA6D,CAAC;AAEjE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,mCAAmC,GAC/C,SAAS,OAAO,EAChB,MAAM,OAAO,GAAG,IAAI,GAAG,SAAS,KAC9B,OAaF,CAAC"}
+{"version":3,"file":"dismiss-control.d.ts","sourceRoot":"","sources":["../../../src/utils/dismiss-control.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH;;;GAGG;AACH,eAAO,MAAM,yBAAyB,sBAAsB,CAAC;AAE7D,uFAAuF;AACvF,eAAO,MAAM,mBAAmB;;CAEtB,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAEzD,sEAAsE;AACtE,eAAO,MAAM,cAAc;;CAEjB,CAAC;AAsBX,4EAA4E;AAC5E,eAAO,MAAM,gBAAgB,GAC5B,SAAS,OAAO,GAAG,IAAI,GAAG,SAAS,KACjC,OAA6D,CAAC;AAEjE;;;;;;;;;GASG;AACH,eAAO,MAAM,wBAAwB,GACpC,SAAS,OAAO,GAAG,IAAI,GAAG,SAAS,KACjC,OAAuD,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,mCAAmC,GAC/C,SAAS,OAAO,EAChB,MAAM,OAAO,GAAG,IAAI,GAAG,SAAS,KAC9B,OAeF,CAAC;AAEF;;;;;GAKG;AACH,UAAU,wBAAwB;IACjC,4BAA4B,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,wBAAwB,EAC5E,cAAc,CAAC,GAAG,SAAS,EAC3B,SAAS,MAAM,OAAO,GAAG,IAAI,KAC3B,CAOK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.6.76",
+	"version": "0.6.77",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",