@beweco/aurora-ui 1.0.0-beta.150 → 1.0.0-beta.155

package/dist/index.cjs.js

@@ -8113,18 +8113,49 @@ const MenuComponent = $8WNJc$react.memo(function Menu({ commerceInfo, userInfo,
                                 color: "default", className: " text-default-500 data-[hovered=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: "collapsible-item truncate", children: helpSection.title })) }) })) : null] }) })] }));
 });
 
+/**
+ * «Cargar más» solo se ofrece si hay otra página, alguien que pueda pedirla y la lista
+ * ya enseña todo lo recibido (desplegada, o sin ítems plegados tras «Ver más»).
+ */
+function isLoadMoreVisible({ hasMore, hasOnLoadMore, isExpanded, hasHiddenItems, }) {
+    return hasMore && hasOnLoadMore && (isExpanded || !hasHiddenItems);
+}
+/**
+ * Pulsación de «Cargar más». Con una página en vuelo no hace nada: el botón no usa
+ * `disabled` nativo (perdería el foco del teclado), así que la guarda vive aquí.
+ * Si no, despliega la lista y pide la página, para que lo nuevo no quede tras «Ver más».
+ */
+function pressLoadMore({ isLoadingMore, onLoadMore, expand, }) {
+    if (isLoadingMore) {
+        return;
+    }
+    expand();
+    onLoadMore();
+}
+
 /**
  * Sección de historial de conversaciones: botón de nueva conversación + lista de
- * entradas recientes con "ver más".
+ * entradas recientes con "ver más" y, si el consumidor tiene más páginas,
+ * "cargar más".
  *
  * La lista tiene **scroll interno propio** (`flex-1 min-h-0 overflow-y-auto`) y
  * la sección está acotada en altura, para que crecer el historial no arrastre ni
  * recorte el área de navegación.
  *
- * Densidad de MenuClaw: fila de 36px, `px-2`, `text-small`/`text-tiny` y radios
- * `rounded-lg`/`rounded-xl` — que es justo lo que difiere del menú compartido.
+ * Densidad de MenuClaw: fila de 36px, `px-2`, `text-small`/`text-tiny` y filas del
+ * historial con `rounded-lg` — que es justo lo que difiere del menú compartido.
+ *
+ * «Nueva conversación» es el `Button` de la librería, no un `<button>` propio, y
+ * por eso lleva su radio por defecto (`rounded-[24px]`, la píldora de v3): sobre
+ * 36px de alto el radio se recorta a la mitad, así que desplegado es una píldora
+ * y plegado (`isIconOnly`, 36×36) un círculo. Encima de la fachada solo se fija lo
+ * propio de MenuClaw: el alto de 36px (`size="md"` de la fachada mide 40), el
+ * contenido alineado a la izquierda con `px-2`/`gap-3`, el peso 500 y el color
+ * `bg-foreground`/`text-background`, que la fachada no tiene como `color` y que
+ * gana a sus `--button-*` porque las utilidades van en una capa posterior a la de
+ * `.button`.
  */
-const MenuClawHistoryPanel = $8WNJc$react.memo(function MenuClawHistoryPanel({ items, initialVisibleCount, onNewConversation, isCollapsed, title, newLabel, showMoreLabel, showLessLabel, onBeforeSelect, }) {
+const MenuClawHistoryPanel = $8WNJc$react.memo(function MenuClawHistoryPanel({ items, initialVisibleCount, onNewConversation, hasMore, onLoadMore, isLoadingMore, loadMoreLabel, isCollapsed, title, newLabel, showMoreLabel, showLessLabel, onBeforeSelect, }) {
     const [isExpanded, setIsExpanded] = $8WNJc$react.useState(false);
     const visibleItems = $8WNJc$react.useMemo(() => (isExpanded ? items : items.slice(0, initialVisibleCount)), [isExpanded, items, initialVisibleCount]);
     const hasHiddenItems = items.length > initialVisibleCount;
@@ -8145,11 +8176,23 @@ const MenuClawHistoryPanel = $8WNJc$react.memo(function MenuClawHistoryPanel({ i
     if (isCollapsed && !onNewConversation) {
         return null;
     }
-    return (jsxRuntime.jsxs("div", { className: "flex max-h-[40%] min-h-0 flex-col gap-2 pb-3", children: [onNewConversation ? (jsxRuntime.jsxs("button", { type: "button", title: newLabel, onClick: onNewConversation, className: cn("flex h-9 shrink-0 items-center gap-3 rounded-xl bg-foreground px-2 text-sm font-medium text-background transition-opacity hover:opacity-90", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus", isCollapsed && "justify-center"), children: [jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: jsxRuntime.jsx(IconComponent, { icon: "solar:pen-new-square-linear", size: "md", "aria-hidden": true }) }), !isCollapsed ? (jsxRuntime.jsx("span", { className: "menu-claw-collapsible truncate", children: newLabel })) : null] })) : null, !isCollapsed && items.length > 0 ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("p", { className: "shrink-0 px-2 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-default-400", children: title }), jsxRuntime.jsx("ul", { "aria-label": title, className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: visibleItems.map((item) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("button", { type: "button", disabled: item.disabled, "aria-disabled": item.disabled, title: item.title, onClick: () => handleItemPress(item), className: cn("flex min-h-9 w-full items-center gap-3 rounded-lg px-2 py-1.5 text-left text-sm text-default-600 transition-colors", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus", item.disabled
+    return (jsxRuntime.jsxs("div", { className: "flex max-h-[40%] min-h-0 flex-col gap-2 pb-3", children: [onNewConversation ? (jsxRuntime.jsxs(Button, { title: newLabel, "aria-label": isCollapsed ? newLabel : undefined, isIconOnly: isCollapsed, fullWidth: !isCollapsed, onPress: () => onNewConversation(), className: cn("h-9 shrink-0 bg-foreground text-sm font-medium text-background", isCollapsed
+                    ? "w-9 min-w-9 self-center"
+                    : "justify-start gap-3 px-2"), children: [jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: jsxRuntime.jsx(IconComponent, { icon: "solar:pen-new-square-linear", size: "md", "aria-hidden": true }) }), !isCollapsed ? (jsxRuntime.jsx("span", { className: "menu-claw-collapsible truncate", children: newLabel })) : null] })) : null, !isCollapsed && items.length > 0 ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("p", { className: "shrink-0 px-2 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-default-400", children: title }), jsxRuntime.jsx("ul", { "aria-label": title, className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: visibleItems.map((item) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("button", { type: "button", disabled: item.disabled, "aria-disabled": item.disabled, title: item.title, onClick: () => handleItemPress(item), className: cn("flex min-h-9 w-full items-center gap-3 rounded-lg px-2 py-1.5 text-left text-sm text-default-600 transition-colors", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus", item.disabled
                                     ? "cursor-not-allowed opacity-50"
                                     : "hover:bg-default-100"), children: [jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-default-400", children: jsxRuntime.jsx(IconComponent, { icon: "solar:chat-round-dots-linear", size: "md", "aria-hidden": true }) }), jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col", children: [jsxRuntime.jsx("span", { className: "truncate", children: item.title }), item.meta ? (jsxRuntime.jsx("span", { className: "truncate text-xs text-default-400", children: item.meta })) : null] })] }) }, item.id))) }), hasHiddenItems ? (jsxRuntime.jsxs("button", { type: "button", onClick: handleToggleExpand, "aria-expanded": isExpanded, className: "flex w-full shrink-0 items-center gap-1.5 rounded-lg px-2 py-2 text-xs font-medium text-default-500 transition-colors hover:bg-default-100 hover:text-default-700 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus", children: [jsxRuntime.jsx(IconComponent, { icon: isExpanded
                                     ? "solar:alt-arrow-up-linear"
-                                    : "solar:alt-arrow-down-linear", size: "sm", "aria-hidden": true }), isExpanded ? showLessLabel : showMoreLabel] })) : null] })) : null] }));
+                                    : "solar:alt-arrow-down-linear", size: "sm", "aria-hidden": true }), isExpanded ? showLessLabel : showMoreLabel] })) : null, onLoadMore &&
+                        isLoadMoreVisible({
+                            hasMore,
+                            hasOnLoadMore: true,
+                            isExpanded,
+                            hasHiddenItems,
+                        }) ? (jsxRuntime.jsxs("button", { type: "button", onClick: () => pressLoadMore({
+                            isLoadingMore,
+                            onLoadMore,
+                            expand: () => setIsExpanded(true),
+                        }), "aria-disabled": isLoadingMore, "aria-busy": isLoadingMore, className: "flex w-full shrink-0 items-center gap-1.5 rounded-lg px-2 py-2 text-xs font-medium text-default-500 transition-colors hover:bg-default-100 hover:text-default-700 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus aria-disabled:cursor-not-allowed aria-disabled:opacity-50", children: [jsxRuntime.jsx(IconComponent, { icon: "solar:add-circle-linear", size: "sm", "aria-hidden": true }), loadMoreLabel] })) : null] })) : null] }));
 });
 
 /** ¿Está la key seleccionada en este ítem o en cualquiera de sus descendientes? */
@@ -8213,6 +8256,7 @@ const DEFAULT_TRANSLATIONS$a = {
     historyNewLabel: "Nueva conversación",
     historyShowMoreLabel: "Ver más",
     historyShowLessLabel: "Ver menos",
+    historyLoadMoreLabel: "Cargar más",
 };
 /** Ítems del historial visibles antes de pulsar "ver más". */
 const DEFAULT_HISTORY_VISIBLE_COUNT = 5;
@@ -8271,7 +8315,12 @@ const MenuClaw = $8WNJc$react.memo(function MenuClaw({ userInfo, helpButton, men
         const initialVisibleCount = typeof rawCount === "number" && Number.isFinite(rawCount) && rawCount > 0
             ? Math.floor(rawCount)
             : DEFAULT_HISTORY_VISIBLE_COUNT;
-        return { items, initialVisibleCount };
+        return {
+            items,
+            initialVisibleCount,
+            hasMore: history?.hasMore === true,
+            isLoadingMore: history?.isLoadingMore === true,
+        };
     }, [history]);
     const bottomBarItems = $8WNJc$react.useMemo(() => {
         if (!mobileBottomBarGroupKey) {
@@ -8316,7 +8365,7 @@ const MenuClaw = $8WNJc$react.memo(function MenuClaw({ userInfo, helpButton, men
                                             ? "solar:alt-arrow-right-linear"
                                             : "solar:alt-arrow-left-linear", size: "md", "aria-hidden": true }) })] }), jsxRuntime.jsxs("div", { className: cn("flex items-center py-3", collapsed ? "justify-center gap-0" : "gap-3"), children: [jsxRuntime.jsxs(react.Avatar, { size: "sm", className: "shrink-0", children: [userInfo?.avatar?.trim() ? (jsxRuntime.jsx(react.Avatar.Image, { src: userInfo.avatar, alt: userName })) : null, jsxRuntime.jsx(react.Avatar.Fallback, { className: userInfo?.avatar?.trim()
                                                 ? undefined
-                                                : "bg-warning text-warning-foreground", children: getUserInitials(userName) })] }), !collapsed ? (jsxRuntime.jsxs("div", { className: "menu-claw-collapsible flex min-w-0 flex-col overflow-hidden", children: [jsxRuntime.jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: userName }), jsxRuntime.jsx("p", { className: "truncate text-xs text-default-400", children: userRole })] })) : null] }), jsxRuntime.jsx(MenuClawHistoryPanel, { items: historyConfig.items, initialVisibleCount: historyConfig.initialVisibleCount, onNewConversation: history?.onNewConversation, isCollapsed: collapsed, title: t.historyTitle, newLabel: t.historyNewLabel, showMoreLabel: t.historyShowMoreLabel, showLessLabel: t.historyShowLessLabel, onBeforeSelect: handleSidebarClose }), jsxRuntime.jsx("nav", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: menuItems.items.map((group) => (jsxRuntime.jsxs("div", { className: "mb-2", children: [group.title && !collapsed ? (jsxRuntime.jsx("p", { className: "px-2 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-default-400", children: group.title })) : null, jsxRuntime.jsx("ul", { className: "flex flex-col gap-0.5", children: (group.items ?? []).map((item) => (jsxRuntime.jsx(MenuClawNavItem, { item: item, selectedKey: selectedKey, isCollapsed: collapsed, onSelect: handleMenuSelect }, item.key))) })] }, group.key))) }), helpSection ? (jsxRuntime.jsx("div", { className: "mt-auto flex flex-col items-center justify-center", children: jsxRuntime.jsx(Button, { fullWidth: true, 
+                                                : "bg-warning text-warning-foreground", children: getUserInitials(userName) })] }), !collapsed ? (jsxRuntime.jsxs("div", { className: "menu-claw-collapsible flex min-w-0 flex-col overflow-hidden", children: [jsxRuntime.jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: userName }), jsxRuntime.jsx("p", { className: "truncate text-xs text-default-400", children: userRole })] })) : null] }), jsxRuntime.jsx(MenuClawHistoryPanel, { items: historyConfig.items, initialVisibleCount: historyConfig.initialVisibleCount, onNewConversation: history?.onNewConversation, hasMore: historyConfig.hasMore, onLoadMore: history?.onLoadMore, isLoadingMore: historyConfig.isLoadingMore, isCollapsed: collapsed, title: t.historyTitle, newLabel: t.historyNewLabel, showMoreLabel: t.historyShowMoreLabel, showLessLabel: t.historyShowLessLabel, loadMoreLabel: t.historyLoadMoreLabel, onBeforeSelect: handleSidebarClose }), jsxRuntime.jsx("nav", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: menuItems.items.map((group) => (jsxRuntime.jsxs("div", { className: "mb-2", children: [group.title && !collapsed ? (jsxRuntime.jsx("p", { className: "px-2 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-default-400", children: group.title })) : null, jsxRuntime.jsx("ul", { className: "flex flex-col gap-0.5", children: (group.items ?? []).map((item) => (jsxRuntime.jsx(MenuClawNavItem, { item: item, selectedKey: selectedKey, isCollapsed: collapsed, onSelect: handleMenuSelect }, item.key))) })] }, group.key))) }), helpSection ? (jsxRuntime.jsx("div", { className: "mt-auto flex flex-col items-center justify-center", children: jsxRuntime.jsx(Button, { fullWidth: true, 
                                 // TECH-2459 · G2 — la fachada propia de `Button` (D-G4-1) pinta
                                 // `color="primary"` por defecto; el crudo de v2 pintaba "default"
                                 // (gris). Se fija explícito para no teñir de azul un botón neutro.
@@ -12209,7 +12258,7 @@ function measureTextareaHeight(node, minRows, maxRows) {
     };
 }
 // `useLayoutEffect` en el servidor avisa en React 18; el alto solo tiene sentido en el cliente.
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? $8WNJc$react.useLayoutEffect : $8WNJc$react.useEffect;
+const useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? $8WNJc$react.useLayoutEffect : $8WNJc$react.useEffect;
 /**
  * Autocrecimiento del `<textarea>` apuntado por `nodeRef`. Devuelve el `resize` para llamarlo
  * desde el `onChange` de la fachada.
@@ -12239,11 +12288,11 @@ function useTextareaAutosize(nodeRef, { enabled, minRows, maxRows }) {
     const resizeRef = $8WNJc$react.useRef(resize);
     resizeRef.current = resize;
     // Cada render, como v2: el valor controlado, el `size` o la clase pueden haber cambiado.
-    useIsomorphicLayoutEffect(() => {
+    useIsomorphicLayoutEffect$1(() => {
         resize();
     });
     // Al apagar el autosize, se retira lo que se escribió a mano para que mande el CSS.
-    useIsomorphicLayoutEffect(() => {
+    useIsomorphicLayoutEffect$1(() => {
         const node = nodeRef.current;
         if (enabled || !node) {
             return;
@@ -12691,6 +12740,68 @@ const useAuraToast = () => {
     return context;
 };
 
+const ToastHostContext = $8WNJc$react.createContext(null);
+// `useLayoutEffect` para que el cambio de quién pinta se resuelva antes de pintar (sin un frame
+// con cero o con dos toasts); en el servidor avisa en React 18, y ahí no hay nada que pintar.
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? $8WNJc$react.useLayoutEffect : $8WNJc$react.useEffect;
+function pickActive(hosts) {
+    let best = null;
+    for (const entry of hosts) {
+        if (best === null ||
+            entry[1].priority > best[1].priority ||
+            (entry[1].priority === best[1].priority && entry[1].seq < best[1].seq)) {
+            best = entry;
+        }
+    }
+    return best ? best[0] : null;
+}
+/** Estado del registro, para el provider. */
+function useToastHostRegistry() {
+    const [hosts, setHosts] = $8WNJc$react.useState(() => new Map());
+    const seqRef = $8WNJc$react.useRef(0);
+    const register = $8WNJc$react.useCallback((id, priority) => {
+        seqRef.current += 1;
+        const seq = seqRef.current;
+        setHosts((prev) => {
+            const next = new Map(prev);
+            next.set(id, { priority, seq });
+            return next;
+        });
+        return () => {
+            setHosts((prev) => {
+                // Solo borra SU registro: si ya lo sustituyó otro con el mismo id, no lo toca.
+                if (prev.get(id)?.seq !== seq) {
+                    return prev;
+                }
+                const next = new Map(prev);
+                next.delete(id);
+                return next;
+            });
+        };
+    }, []);
+    const activeId = $8WNJc$react.useMemo(() => pickActive(hosts), [hosts]);
+    return $8WNJc$react.useMemo(() => ({ activeId, register }), [activeId, register]);
+}
+/**
+ * Registra la instancia y dice si le toca pintar. Sin provider (sin registro) devuelve `true`:
+ * el comportamiento de antes, que decide `useAuraToast`.
+ */
+function useIsActiveToastHost(priority) {
+    const registry = $8WNJc$react.useContext(ToastHostContext);
+    const id = $8WNJc$react.useId();
+    const register = registry?.register;
+    useIsomorphicLayoutEffect(() => {
+        if (!register) {
+            return;
+        }
+        return register(id, priority);
+    }, [register, id, priority]);
+    if (!registry) {
+        return true;
+    }
+    return registry.activeId === id;
+}
+
 const VARIANT_BY_COLOR = {
     primary: "accent",
     secondary: "default",
@@ -12706,13 +12817,28 @@ const VARIANT_BY_COLOR = {
 // de `.toast` (`bg-surface`: blanco en claro, la superficie oscura del pack en oscuro) en los seis
 // colores, y el color del estado va SOLO en el título y en el icono. La descripción es la de v3
 // (`text-muted`), sin tocar.
-// La `x`, neutra en los seis colores: `text-muted`, el mismo gris de `.close-button--default` de
-// v3, que llega solo al no pisarlo. `bg-transparent` quita el `bg-default` de esa clase: en Aurora
-// `--color-default` es el gris MEDIO de v2 (`#d4d4d8`), no el casi imperceptible que v3 espera, y
-// sobre el fondo blanco cantaba como una píldora gris permanente. El hover sí lleva el gris suave
-// de v3 (`bg-default-hover`, que deriva del `--default` PROPIO de v3, no del de Aurora); hay que
-// declararlo como utilidad porque el `bg-transparent` de arriba también gana al hover de v3.
-const CLOSE_CLASS = "shrink-0 self-center bg-transparent hover:bg-default-hover data-[hovered=true]:bg-default-hover";
+// TECH-2459 · Geometría de v3 — DECISIÓN DEL USUARIO del 2-oct-2026, tras ver la .149/.150 en la
+// app: «déjalos tal cual se ven en la v3 de HeroUI». Al aspecto del 1-oct (colores) se suma ahora
+// la geometría: radio, caja del icono, hueco, alto y botón de cierre son los de `.toast` de v3 sin
+// pisar nada (`toast.css` de `@heroui/styles`, última aparición de cada selector):
+// - radio: `min(32px, var(--radius-3xl))` de `.toast` (24px con el tema de v3);
+// - padding `px-4 py-3` y `gap-1.5` (6px) entre icono y contenido, de `.toast`;
+// - icono: `.toast__indicator` (`p-1`) con el glifo a `size-4` por `[data-slot="toast-default-icon"]`,
+//   así que el glifo lleva ese `data-slot`, igual que el que monta el `ToastIndicator` nativo;
+// - contenido: `.toast__content` (`self-center`), sin suelo de alto: lo dan el padding y el texto;
+// - la `x`: `.toast__close-button` (slot `close` de `toastVariants`), un círculo de 20px absoluto en
+//   la esquina superior final (`-top-1 -end-1`, sobresale 4px), con borde y fondo `overlay` desde
+//   `sm` y sin borde y fondo `default` por debajo; oculto en reposo y revelado por
+//   `.toast[data-frontmost="true"]:hover` — el flag `data-frontmost` de abajo hace que esa regla
+//   nativa aplique aquí también. v3 no tiene regla para `(hover: none)`: en táctil el primer toque
+//   sobre el toast activa el `:hover` emulado y revela la `x`, y el segundo la pulsa (medido igual
+//   en el nativo).
+//
+// Lo ÚNICO que se añade a v3 es el revelado con teclado (`REVEAL_ON_FOCUS`): v3 no tiene ninguna
+// regla de `:focus`/`:focus-visible`/`:focus-within` que lo haga visible, así que con Tab el foco
+// caía en un botón con `opacity: 0` (medido en el `Toast` nativo). Es accesibilidad, no aspecto: en
+// reposo y con ratón el botón se comporta exactamente como el nativo.
+const REVEAL_ON_FOCUS = "data-[focus-visible=true]:pointer-events-auto data-[focus-visible=true]:opacity-100";
 // TECH-2459 · Indicador de estado — REPUESTO el 8-sep-2026 por decisión del usuario, a partir del
 // finding `app-loginos-toast-v3-visual.md` (smoke de loginos contra QA, beta.114): con el MISMO
 // toast (`color="danger"`, login con credenciales inválidas) v2 pintaba un glifo de estado a la
@@ -12759,20 +12885,29 @@ const ICON_BY_COLOR = {
     danger: "",
     default: "",
 };
-// Geometría del hueco del icono en v2 (slot `iconWrapper`: `flex-none relative w-9 h-9
-// rounded-full grid place-items-center`, con el glifo a `w-6`). El toast de v2 pasaba
-// `hideIconWrapper`, que solo dejaba transparente el círculo (`!bg-transparent !shadow-none
-// !border-none`) sin ocultar el glifo, así que aquí se repone la caja de 36 px y el glifo de
-// 24 px, sin fondo ni borde. `p-0` y `[&_svg]:size-6` anulan el `p-1` + icono de 16 px de
-// `.toast__indicator`; son utilidades, así que ganan a la capa `components` de `@heroui/styles`.
-const INDICATOR_BASE = "size-9 p-0 [&_svg]:size-6 [&_svg]:fill-current";
 const DEFAULT_TRANSLATIONS$6 = {
     closeButtonAriaLabel: "Cerrar notificación",
 };
-function GlobalToast({ translations = {} } = {}) {
+/**
+ * Toast global de la app. Idempotente: si bajo el mismo `AuraToastProvider` hay más de uno
+ * montado (el que el provider monta por dentro + el que la app pone en su layout), pinta solo
+ * uno — el de la app, y entre varios de la app el que recibe `translations` (ver
+ * `_internal/toast-host.ts`).
+ */
+function GlobalToast({ translations } = {}) {
+    const priority = translations ? 2 : 1;
+    return jsxRuntime.jsx(ToastSlot, { translations: translations, priority: priority });
+}
+/** El `GlobalToast` que `AuraToastProvider` monta por dentro: el de menor prioridad. */
+function ProviderToast() {
+    return jsxRuntime.jsx(ToastSlot, { priority: 0 });
+}
+function ToastSlot({ translations = {}, priority, }) {
+    // Sin provider, `useAuraToast` lanza igual que antes (no se cambia ese contrato).
     const { toast, hideToast } = useAuraToast();
+    const isActive = useIsActiveToastHost(priority);
     const t = { ...DEFAULT_TRANSLATIONS$6, ...translations };
-    if (!toast.isVisible) {
+    if (!(toast.isVisible && isActive)) {
         return null;
     }
     const color = toast.color ?? "primary";
@@ -12782,7 +12917,7 @@ function GlobalToast({ translations = {} } = {}) {
     const slots = react.toastVariants({ placement: "top end", variant });
     const isSecondary = color === "secondary";
     const StatusIcon = ICON_BY_VARIANT[variant];
-    return (jsxRuntime.jsx("div", { className: "fixed top-4 right-4 z-[2000] w-full max-w-sm", children: jsxRuntime.jsxs("div", { className: cn(slots.toast(), "gap-x-0 rounded-[12px]"), "data-frontmost": "true", style: { position: "relative" }, children: [jsxRuntime.jsx("div", { className: cn(slots.indicator(), INDICATOR_BASE, ICON_BY_COLOR[color]), children: jsxRuntime.jsx(StatusIcon, {}) }), jsxRuntime.jsxs("div", { className: cn(slots.content(), "ms-2 box-border min-h-10 justify-center"), children: [jsxRuntime.jsx("div", { className: slots.title(), style: isSecondary ? { color: "var(--color-secondary-600)" } : undefined, children: toast.title }), toast.description && (jsxRuntime.jsx("div", { className: slots.description(), children: toast.description }))] }), jsxRuntime.jsx(react.CloseButton, { "aria-label": t.closeButtonAriaLabel, className: CLOSE_CLASS, onPress: hideToast })] }) }));
+    return (jsxRuntime.jsx("div", { className: "fixed top-4 right-4 z-[2000] w-full max-w-sm", children: jsxRuntime.jsxs("div", { className: slots.toast(), "data-frontmost": "true", style: { position: "relative" }, children: [jsxRuntime.jsx("div", { className: cn(slots.indicator(), ICON_BY_COLOR[color]), children: jsxRuntime.jsx(StatusIcon, { "data-slot": "toast-default-icon" }) }), jsxRuntime.jsxs("div", { className: slots.content(), children: [jsxRuntime.jsx("div", { className: slots.title(), style: isSecondary ? { color: "var(--color-secondary-600)" } : undefined, children: toast.title }), toast.description && (jsxRuntime.jsx("div", { className: slots.description(), children: toast.description }))] }), jsxRuntime.jsx(react.CloseButton, { "aria-label": t.closeButtonAriaLabel, className: cn(slots.close(), REVEAL_ON_FOCUS), onPress: hideToast })] }) }));
 }
 
 /**
@@ -19532,6 +19667,8 @@ const AuraToastProvider = ({ children }) => {
         color: "primary",
         duration: 8000,
     });
+    // Registro de los `GlobalToast` montados debajo, para que pinte uno solo (ver toast-host.ts).
+    const toastHosts = useToastHostRegistry();
     const timerRef = $8WNJc$react.useRef(null);
     const hideToast = $8WNJc$react.useCallback(() => {
         if (timerRef.current) {
@@ -19559,7 +19696,7 @@ const AuraToastProvider = ({ children }) => {
             }
         };
     }, []);
-    return (jsxRuntime.jsxs(ToastContext.Provider, { value: { toast, showToast, hideToast }, children: [jsxRuntime.jsx(GlobalToast, {}), children] }));
+    return (jsxRuntime.jsx(ToastContext.Provider, { value: { toast, showToast, hideToast }, children: jsxRuntime.jsxs(ToastHostContext.Provider, { value: toastHosts, children: [jsxRuntime.jsx(ProviderToast, {}), children] }) }));
 };
 
 const NavigationLoadingContext = $8WNJc$react.createContext(undefined);