mnfst 0.5.260 → 0.5.262

package/lib/manifest.appwrite.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.260';
+const MANIFEST_BUILD_VERSION = '0.5.262';
 
 /* Manifest Data Sources - Appwrite Integration */
 

package/lib/manifest.colorpicker.js

@@ -1068,6 +1068,8 @@ function initializeColorpickerPlugin() {
 
         const state = {
             rootEl,
+            _effects: [],
+            _observers: [],
             pickerUid,
 
             // Data
@@ -1615,9 +1617,9 @@ function initializeColorpickerPlugin() {
                 if (this.libraryRootValue && window.Alpine?.effect && window.Alpine?.evaluateLater) {
                     // Explicit expression — bypass discovery, re-render on dep change.
                     const evalFn = Alpine.evaluateLater(evalHost, this.libraryRootValue);
-                    Alpine.effect(() => {
+                    this._effects.push(Alpine.effect(() => {
                         evalFn(v => { this._libraryResolvedData = v; this._doRenderLibrary(); });
-                    });
+                    }));
                 } else if (window.Alpine?.effect) {
                     // Zero-config — scan $x.manifest.data for `colorpicker:`-flagged
                     // entries, collect their $x.<name> values, merge in declaration
@@ -1688,7 +1690,7 @@ function initializeColorpickerPlugin() {
                     };
 
                     // Reactive deps trigger re-runs on locale switch / manifest load.
-                    Alpine.effect(() => {
+                    this._effects.push(Alpine.effect(() => {
                         try { Alpine.evaluate(evalCtx, 'typeof $locale !== "undefined" && $locale.current'); } catch {}
                         try { Alpine.evaluate(evalCtx, '$x && $x.manifest && $x.manifest._loadedFrom'); } catch {}
                         runDiscovery();
@@ -1705,7 +1707,7 @@ function initializeColorpickerPlugin() {
                                 }
                             }, 150);
                         }
-                    });
+                    }));
                 } else {
                     this._doRenderLibrary();
                 }
@@ -2022,6 +2024,7 @@ function initializeColorpickerPlugin() {
                         if (r.width > 0 && r.height > 0) { self.drawCanvas(); self.updateCanvasMarker(); }
                     });
                     ro.observe(refs.canvas);
+                    self._observers.push(ro);
                 }
 
                 if (refs.hueSlider) {
@@ -2453,10 +2456,17 @@ function initializeColorpickerPlugin() {
 
                 // Defer mount so child directives register first. setTimeout (not rAF)
                 // so it still fires when backgrounded.
-                setTimeout(() => state.mount(), 0);
+                setTimeout(() => { if (!state._destroyed) state.mount(); }, 0);
 
                 cleanup(() => {
                     if (el.id) delete _pickerRegistry[el.id];
+                    state._destroyed = true;
+                    state._effects.forEach((fx) => Alpine.release(fx));
+                    state._effects.length = 0;
+                    state._observers.forEach((ro) => ro.disconnect());
+                    state._observers.length = 0;
+                    clearInterval(state._libraryPollTimer);
+                    state._libraryPollTimer = null;
                     delete el._colorpickerState;
                 });
                 return;
@@ -2468,18 +2478,12 @@ function initializeColorpickerPlugin() {
             // Swatches trigger OUTSIDE any picker — handle before the ancestor check.
             // We assign IDs + the popover tag; x-dropdown owns popover mechanics.
             if (role === 'swatch') {
-                if (el._cpSwatchWired) return; // guard against re-firing via initTree
-                el._cpSwatchWired = true;
-
-                // ---- Optional x-model binding ----
-                // x-model is the swatch's source of truth: reactive background preview,
-                // plus read (open) / write (close) accessors the picker uses.
                 const modelExpr = el.getAttribute('x-model');
                 if (modelExpr && window.Alpine?.evaluateLater && window.Alpine?.effect) {
                     try {
                         const readFn = Alpine.evaluateLater(el, modelExpr);
                         // Reactive background preview
-                        Alpine.effect(() => {
+                        const modelEffect = Alpine.effect(() => {
                             readFn(v => {
                                 if (typeof v === 'string' && v.length) {
                                     el.style.setProperty('--color-picker-swatch', v);
@@ -2487,6 +2491,7 @@ function initializeColorpickerPlugin() {
                                 }
                             });
                         });
+                        cleanup(() => Alpine.release(modelEffect));
                         el._cpModelGetter = (cb) => readFn(cb);
                         // Writer: `<modelExpr> = <JSON value>` (color/gradient strings are JSON-safe).
                         el._cpModelSetter = (v) => {
@@ -2495,6 +2500,12 @@ function initializeColorpickerPlugin() {
                     } catch {}
                 }
 
+                if (el._cpSwatchWired) return; // guard against re-firing via initTree
+                el._cpSwatchWired = true;
+
+                // ---- Optional x-model binding ----
+                // x-model is the swatch's source of truth: reactive background preview,
+                // plus read (open) / write (close) accessors the picker uses.
                 // ---- Initial color via `value` attribute ----
                 // Mirrors native <input type=color>: seeds the picker on first open and
                 // the swatch CSS var so border-color paints before interaction.

package/lib/manifest.combobox.js

@@ -165,7 +165,9 @@ function initializeComboboxPlugin() {
     Alpine.directive('combobox', (el, { modifiers, expression }, { cleanup }) => {
         captureModel(el);   // fallback for any path that bypasses the above
         // Build after the current tick so sibling sources (datalist/menu) exist.
-        setTimeout(() => build(el, modifiers, expression || '', cleanup), 0);
+        let removed = false;
+        cleanup(() => { removed = true; });
+        setTimeout(() => { if (!removed) build(el, modifiers, expression || '', cleanup); }, 0);
     });
 
     // Resolve the menu's owning top-layer context fresh, every time — never cache it.
@@ -201,6 +203,8 @@ function initializeComboboxPlugin() {
             // it into wherever the owner lives now. Harmless no-op otherwise.
             const m = el.__mnfstComboboxMenu;
             if (m) reattach(el, m);
+            // A re-initialized field: its cleanup released these
+            el.__cbBindEffects?.(cleanup);
             return;
         }
         el.__mnfstCombobox = true;
@@ -941,6 +945,8 @@ function initializeComboboxPlugin() {
         disabledObserver.observe(el, { attributes: true, attributeFilter: ['disabled'] });
         if (cleanup) cleanup(() => disabledObserver.disconnect());
 
+        const effectFactories = [];
+
         // ----- Reactive model (x-model) -----
         // Render chips from the bound value on init and external change; write back on
         // add/remove. Read inside an Alpine effect so $x / nested state stay reactive.
@@ -951,7 +957,7 @@ function initializeComboboxPlugin() {
                     : (modelArrayShape === false ? vals.join(',') : vals.slice());
                 try { Alpine.evaluate(el, `${modelExpr} = ${JSON.stringify(out)}`); } catch (_) { }
             };
-            Alpine.effect(() => {
+            effectFactories.push(() => Alpine.effect(() => {
                 read(raw => {
                     if (modelArrayShape === null && raw != null && raw !== '') modelArrayShape = Array.isArray(raw);
                     const incoming = modelToValues(raw);
@@ -960,20 +966,26 @@ function initializeComboboxPlugin() {
                     if (!multiple && selected.length > 1) selected = selected.slice(-1);
                     render();
                 });
-            });
+            }));
         }
 
         // ----- Reactive locked list (config-object form, so `locked` can gate on state) -----
         if (expr.startsWith('{')) {
-            Alpine.effect(() => {
+            effectFactories.push(() => Alpine.effect(() => {
                 let c; try { c = Alpine.evaluate(el, expr); } catch (_) { return; }
                 const next = computeLocked(c && typeof c === 'object' && !Array.isArray(c) ? c : null);
                 if (next.size === lockedSet.size && [...next].every(v => lockedSet.has(v))) return;
                 lockedSet = next;
                 render();
-            });
+            }));
         }
 
+        el.__cbBindEffects = (onCleanup) => {
+            const effects = effectFactories.map((make) => make());
+            if (onCleanup) onCleanup(() => effects.forEach((fx) => Alpine.release(fx)));
+        };
+        el.__cbBindEffects(cleanup);
+
         // ----- Dynamic options: re-read when x-for / $x fills the source after build,
         //        keeping the menu, chip labels, and data-locked flags current. -----
         if (src) {

package/lib/manifest.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.260';
+const MANIFEST_BUILD_VERSION = '0.5.262';
 
 /* Manifest Data Sources - Configuration */
 

package/lib/manifest.datepicker.js

@@ -108,6 +108,7 @@
 
 		// Reactive registry id -> api, so $date('id') resolves across mount order.
 		const _registry = Alpine.reactive ? Alpine.reactive({}) : {};
+		const _registryOwners = new Map();
 		let _uid = 0;
 
 		// Default English UI chrome; overridable via a data source's `_ui.date`.
@@ -173,6 +174,7 @@
 			const now = new Date();
 			const state = {
 				rootEl,
+				_effects: [],
 				id: rootEl.id || ('mnfst-dp-' + (++_uid)),
 				selectionMode: 'single',   // 'single' | 'range' | 'multiple'
 				selected: null,            // Date | null  (single)
@@ -975,7 +977,7 @@
 		}
 		function bindConfigValue(state, el, expression) {
 			if (!expression) return;
-			Alpine.effect(() => {
+			state._effects.push(Alpine.effect(() => {
 				let cfg;
 				try { cfg = Alpine.evaluate(el, expression); } catch (_) { return; }
 				if (!cfg || typeof cfg !== 'object' || Array.isArray(cfg)) return;
@@ -990,14 +992,14 @@
 				if (Array.isArray(cfg.presets)) { state.presets = cfg.presets; dirty = true; }
 				if (cfg.format !== undefined) { state.format = cfg.format || null; dirty = true; }
 				if (dirty) { state.bump(); if (state._mounted) state.render(); }
-			});
+			}));
 		}
 		/* ---- Reactive chrome — re-render when locale, direction, or resolved `_ui`
 		 * text changes. Output comparison skips no-op _dataVersion bumps. */
 		function bindReactiveRender(state) {
 			if (state._uiEffectBound) return;
 			state._uiEffectBound = true;
-			Alpine.effect(() => {
+			state._effects.push(Alpine.effect(() => {
 				let locale = '', dir = '';
 				try { const ls = Alpine.store('locale'); locale = ls?.current || document.documentElement.lang || ''; dir = ls?.direction || ''; } catch (_) { }
 				try { const ds = Alpine.store('data'); if (ds) void ds._dataVersion; } catch (_) { }
@@ -1008,7 +1010,7 @@
 				state._uiKey = key;
 				if (state._destroyed || first) return; // initial render happens at mount
 				if (state._mounted) { state.render(); state.syncOut(); }
-			});
+			}));
 		}
 
 		function bindModel(state, el, modelExpr) {
@@ -1016,7 +1018,23 @@
 			state.modelGet = (cb) => { let out; read(v => { out = v; if (cb) cb(v); }); return out; };
 			state.modelSet = (v) => { try { Alpine.evaluate(el, `${modelExpr} = ${JSON.stringify(v)}`); } catch (_) { } };
 			// React to external model changes; syncOut writes the same value back (no loop).
-			Alpine.effect(() => { read(v => { const iso = (v instanceof Date) ? D.toISO(v) : v; const cur = state._primaryValue(); if (typeof iso === 'string' && iso !== cur) { const tm = iso.match(/T(\d{2}:\d{2})/); if (tm) state.time = tm[1]; const d = D.fromISO(iso); state.selected = d; if (d) state.view = { y: d.getFullYear(), m: d.getMonth() + 1 }; state.bump(); if (state._mounted) { state.render(); state.syncOut(); } } }); });
+			state._effects.push(Alpine.effect(() => { read(v => { const iso = (v instanceof Date) ? D.toISO(v) : v; const cur = state._primaryValue(); if (typeof iso === 'string' && iso !== cur) { const tm = iso.match(/T(\d{2}:\d{2})/); if (tm) state.time = tm[1]; const d = D.fromISO(iso); state.selected = d; if (d) state.view = { y: d.getFullYear(), m: d.getMonth() + 1 }; state.bump(); if (state._mounted) { state.render(); state.syncOut(); } } }); }));
+		}
+
+		// Global effects stay subscribed to the stores (and pin the calendar) until released.
+		function register(id, state) {
+			_registryOwners.set(id, state);
+			_registry[id] = state.api;
+		}
+		function unregister(id, state) {
+			if (!id || _registryOwners.get(id) !== state) return;
+			_registryOwners.delete(id);
+			delete _registry[id];
+		}
+		function disposeState(state) {
+			state._destroyed = true;
+			state._effects.forEach((fx) => Alpine.release(fx));
+			state._effects.length = 0;
 		}
 
 		function createDefaultMenu(fieldEl) {
@@ -1075,9 +1093,9 @@
 			if (modelExpr) bindModel(state, fieldEl, modelExpr);
 
 			if (!state._mounted) { state.seed(); state.syncOut(); state.render(); state._mounted = true; }
-			if (calendar.id) _registry[calendar.id] = state.api;
+			if (calendar.id) register(calendar.id, state);
 			// Also resolve $date(fieldId) when the calendar is an auto-generated menu.
-			if (fieldEl.id) _registry[fieldEl.id] = state.api;
+			if (fieldEl.id) register(fieldEl.id, state);
 
 			// CSS anchor positioning (as in the dropdowns plugin); showPopover() on click
 			// since a text <input> can't carry popovertarget.
@@ -1098,7 +1116,9 @@
 				if (fieldEl._dpSynthesizedHidden && fieldEl._dpSynthesizedHidden.isConnected) fieldEl._dpSynthesizedHidden.remove();
 				if (state._timeMenuEl && state._timeMenuEl.isConnected) state._timeMenuEl.remove();
 				if (calendar && calendar.isConnected) calendar.remove(); // the generated dropdown
-				state._destroyed = true;
+				unregister(fieldEl.id, state);
+				unregister(calendar.id, state);
+				disposeState(state);
 			});
 		}
 
@@ -1127,18 +1147,18 @@
 
 			// Defer mount so linked fields can register first.
 			setTimeout(() => {
-				if (state._mounted) return;
+				if (state._mounted || state._destroyed) return;
 				state.seed();
 				state.render();
 				state._mounted = true;
-				if (el.id) _registry[el.id] = state.api;
+				if (el.id) register(el.id, state);
 				bindReactiveRender(state);
 			}, 0);
 
 			cleanup(() => {
-				if (el.id) delete _registry[el.id];
+				unregister(el.id, state);
 				if (state._timeMenuEl && state._timeMenuEl.isConnected) state._timeMenuEl.remove();
-				state._destroyed = true;
+				disposeState(state);
 				delete el._dateState;
 			});
 		});

package/lib/manifest.defer.js

@@ -134,18 +134,41 @@ function register(el, rule, opts) {
         cleanup: []
     };
     wire(rec);
+    Alpine.onElRemoved?.(el, () => forget(rec));
     if (rule === 'route') routes.add(rec);
-    else if (!rec.lazy) { addPending(rec); if (!el.closest('[x-route][hidden]')) track(rec); schedule(); }
+    else if (!rec.lazy) { addPending(rec); if (!el.closest('[x-route][hidden]')) track(rec); if (rec.urgent || warm.size < PREWARM_CAP) schedule(); }
     return rec;
 }
 
+// A copy that renders like the original: a baked x-if clone is adopted through expandos
+// cloneNode drops, so the copy leaves it out and its x-if renders fresh.
+function pristineCopy(fragment) {
+    const copy = fragment.cloneNode(true);
+    const copies = copy.querySelectorAll('template[x-if]');
+    fragment.querySelectorAll('template[x-if]').forEach((t, i) => {
+        if (t._x_currentIfEl && t._x_currentIfEl === t.nextElementSibling) copies[i].nextElementSibling?.remove();
+    });
+    return copy;
+}
+
 function render(rec, viaPrewarm) {
-    if (rec.rendered) { if (!viaPrewarm && warm.delete(rec)) schedule(); return; }
+    if (rec.rendered) {
+        if (!viaPrewarm && warm.delete(rec)) {
+            rec.pristine = null; // opened: never evicted
+            schedule();
+        }
+        return;
+    }
     rec.rendered = true;
     pending.delete(rec);
     if (viaPrewarm) warm.add(rec); else { warm.delete(rec); untrack(rec); }
     const { el, tpl } = rec;
-    const content = rec.discard ? tpl.content.cloneNode(true) : tpl.content;
+    // A prewarm can be evicted, and eviction must restore unused markup: re-initializing
+    // used nodes stacks listeners on any directive without cleanup and re-runs plugins that
+    // rewrite their markup. So it keeps a copy, and the originals (with whatever adoption
+    // set on them) still render.
+    if (viaPrewarm && !rec.discard) rec.pristine = pristineCopy(tpl.content);
+    const content = rec.discard ? pristineCopy(tpl.content) : tpl.content;
     Alpine.mutateDom(() => {
         tpl.remove();
         el.appendChild(content);
@@ -165,6 +188,30 @@ function teardown(rec) {
     });
 }
 
+// Records hold the element and its anchor: a removed one must not pin its page.
+function forget(rec) {
+    rec.forgotten = true;
+    rec.pristine = null;
+    pending.delete(rec);
+    routes.delete(rec);
+    pool = null;
+    untrack(rec);
+    rec.invoker = null;
+    if (warm.delete(rec)) schedule();
+}
+
+// A forgotten container initialized again (re-attached, or destroyed and re-walked).
+// destroyTree also dropped its attribute watchers.
+function revive(rec) {
+    if (!rec.forgotten) return;
+    rec.forgotten = false;
+    Alpine.onElRemoved?.(rec.el, () => forget(rec));
+    if (rec.rendered) return;
+    rec.rearm?.();
+    if (rec.rule === 'route') routes.add(rec);
+    else if (!rec.lazy) { addPending(rec); track(rec); schedule(); }
+}
+
 // Evict a warm, still-closed, never-opened container back to its stash (non-urgent, least reachable first)
 function restash(rec) {
     if (!rec.rendered) return;
@@ -174,7 +221,8 @@ function restash(rec) {
     const { el, tpl } = rec;
     Alpine.mutateDom(() => {
         Array.from(el.children).forEach((child) => Alpine.destroyTree(child));
-        while (el.firstChild) tpl.content.appendChild(el.firstChild);
+        while (el.firstChild) el.firstChild.remove();
+        if (rec.pristine) { tpl.content.appendChild(rec.pristine); rec.pristine = null; }
         el.appendChild(tpl);
     });
     warm.delete(rec);
@@ -226,6 +274,7 @@ function wire(rec) {
             render(rec);
             if (rec.discard) arm();
         });
+        rec.rearm = arm;
         arm();
         if (rec.discard) observe(['hidden'], () => { if (el.hasAttribute('hidden')) teardown(rec); });
     } else if (rule === 'route') {
@@ -235,6 +284,7 @@ function wire(rec) {
             if (!el.hasAttribute('hidden')) render(rec);
             if (!rec.rendered || rec.discard) arm();
         });
+        rec.rearm = arm;
         arm();
         if (rec.discard) observe(['hidden'], () => { if (el.hasAttribute('hidden')) teardown(rec); });
     } else if (rule === 'panel') {
@@ -300,6 +350,7 @@ function reachablePending() {
     if (pool && poolEpoch === reachEpoch && pool.length < pending.size * 2 + 64) return pool;
     poolEpoch = reachEpoch;
     pool = [];
+    for (const set of [warm, routes]) for (const rec of set) if (!rec.el.isConnected) { set.delete(rec); untrack(rec); }
     for (const rec of pending) {
         if (!rec.el.isConnected) { pending.delete(rec); untrack(rec); continue; }
         if (reachable(rec)) { track(rec); pool.push(rec); } else untrack(rec);
@@ -416,12 +467,14 @@ const inViewport = (r) => !!r && r.bottom > 0 && r.top < window.innerHeight && r
 // On-screen rect for ranking, or null when off-screen / boxless
 function nearRect(rec) {
     if (rec.box !== undefined) return rec.ioNear ? rec.box : null;
+    if (rec.anchor) return null; // IO reports within a frame; a read here forces layout per record
     const r = anchorRect(rec);
     rec.near = inViewport(r);
     return rec.near ? r : null;
 }
 function isNear(rec) {
     if (rec.box !== undefined) return !!rec.ioNear;
+    if (rec.anchor) return false;
     if (rec.near === undefined) rec.near = inViewport(anchorRect(rec));
     return rec.near;
 }
@@ -498,7 +551,7 @@ function defer(el) {
 }
 
 function intercept(el, skip) {
-    if (el.__mnfstDefer) return;
+    if (el.__mnfstDefer) { revive(el.__mnfstDefer); return; }
     if (defer(el)) skip();
 }
 

package/lib/manifest.dropdowns.js

@@ -11,7 +11,7 @@ let lastInputModality = 'mouse';
 // navigating item came from.
 let lastPointerTarget = null;
 document.addEventListener('keydown', () => { lastInputModality = 'keyboard'; }, true);
-document.addEventListener('pointerdown', (e) => { lastInputModality = 'mouse'; lastPointerTarget = e.target; }, true);
+document.addEventListener('pointerdown', (e) => { lastInputModality = 'mouse'; lastPointerTarget = new WeakRef(e.target); }, true);
 
 // Context-menu dismiss (click outside / Escape). Module scope on purpose: a closure
 // made inside the directive shares its V8 context with every sibling closure, so it
@@ -38,6 +38,114 @@ function ensureContextDismiss(menu, owner) {
     bindContextDismiss(menu, ctxAbort.signal);
 }
 
+// A removed trigger stops being the menu's context host and dismiss owner. A menu it
+// opened closes with it; one opened by another trigger keeps its dismiss listeners.
+function releaseContextTrigger(menu, el) {
+    if (menu._triggerHost === el) {
+        menu._triggerHost = null;
+        menu._triggerEl = null;
+        hideIfOpen(menu);
+    }
+    if (menu.__mnfstCtxOwner === el) {
+        menu.__mnfstContextAbort?.abort();
+        menu.__mnfstContextDismissBound = false;
+        menu.__mnfstContextAbort = null;
+        menu.__mnfstCtxOwner = null;
+        const host = menu._triggerHost;
+        if (host && host.isConnected && menu.matches(':popover-open')) ensureContextDismiss(menu, host);
+    }
+}
+
+function hideIfOpen(menu) {
+    try { if (menu.matches(':popover-open')) menu.hidePopover(); } catch (_) { }
+}
+
+// Menus the plugin cloned into <body> (template, component) belong to the triggers
+// using them, and leave with the last one. Removal waits a tick: a menu item's own
+// click may be what removed the trigger, and its dispatch must finish in the DOM.
+function retainManagedMenu(menu, el) {
+    (menu.__mnfstManagedBy ||= new Set()).add(el);
+}
+
+function releaseManagedMenu(menu, el) {
+    const users = menu.__mnfstManagedBy;
+    if (!users || !users.delete(el) || users.size) return;
+    hideIfOpen(menu);
+    setTimeout(() => {
+        if (users.size) return;
+        menu.__mnfstManagedBy = null;
+        window.Alpine?.destroyTree?.(menu);
+        menu.remove();
+    }, 0);
+}
+
+// Per-menu handlers (bound once, outliving any one trigger). Module scope for the same
+// reason as bindContextDismiss: they must hold the menu and nothing else.
+function bindMenuRoles(menu) {
+    const roleItems = () => menu.querySelectorAll('li').forEach((li) => {
+        if (!li.hasAttribute('role')) li.setAttribute('role', 'menuitem');
+    });
+    roleItems();
+    if (menu.__mnfstRoleOnRender) return;
+    menu.__mnfstRoleOnRender = true;
+    menu.addEventListener('manifest:defer-render', roleItems);
+}
+
+function bindMenuAriaToggle(menu) {
+    if (menu.__mnfstAriaToggleBound) return;
+    menu.__mnfstAriaToggleBound = true;
+    menu.addEventListener('toggle', (e) => {
+        const expanded = e.newState === 'open' ? 'true' : 'false';
+        document.querySelectorAll(`[aria-controls="${menu.id}"]`).forEach(t => t.setAttribute('aria-expanded', expanded));
+    });
+}
+
+const MENU_ROW = 'li, a, button, label, [role=menuitem], [role=option]';
+const MENU_CONTROL = 'input, select, textarea, [contenteditable]:not([contenteditable=false]), [role=switch], .combobox, [x-dropdown], [popovertarget], [keep-open]';
+
+function bindMenuClose(menu) {
+    if (menu.__mnfstCloseBound) return;
+    menu.__mnfstCloseBound = true;
+
+    // Close the item's menu plus any menus it was nested in. The owned
+    // popover isn't always a <menu> (e.g. .dropdown-menu on a div), so
+    // fall back to it rather than relying on the ancestor lookup.
+    const closeFrom = (node) => {
+        let m = node.closest('menu[popover]') || menu;
+        while (m) {
+            if (m.matches(':popover-open')) m.hidePopover();
+            m = m.parentElement?.closest('menu[popover]');
+        }
+        if (lastInputModality === 'keyboard') {
+            const trigger = menu.__mnfstTrigger || menu._triggerHost || document.querySelector(`[aria-controls="${menu.id}"]`);
+            trigger?.focus?.();
+        }
+    };
+
+    menu.addEventListener('click', (e) => {
+        // Explicit opt-in wins over every exclusion below
+        const opted = e.target.closest('[close]');
+        if (opted && menu.contains(opted)) return closeFrom(opted);
+        if (!menu.__mnfstAutoClose) return;
+
+        // Outermost row between the click target and the menu
+        let row = null;
+        for (let n = e.target; n && n !== menu; n = n.parentElement) {
+            if (n.matches?.(MENU_ROW)) row = n;
+        }
+        if (!row) return;
+
+        // A control that *is* the row is a menu item; one nested
+        // inside it is embedded UI, so leave the menu open
+        const hit = e.target.closest(MENU_CONTROL);
+        if (hit && hit !== row && row.contains(hit)) return;
+        if (row.querySelector(MENU_CONTROL)) return;
+        if (row.matches('[role=switch], [x-dropdown], [popovertarget], [keep-open]')) return;
+
+        closeFrom(row);
+    });
+}
+
 function initializeDropdownPlugin() {
     // Ensure an Alpine context exists. Keep the scope empty — seeding properties
     // collides with author state and the tabs plugin's `tab` property.
@@ -79,6 +187,11 @@ function initializeDropdownPlugin() {
     registerDirective('dropdown', (el, { modifiers, expression }, { effect, evaluateLater, cleanup }) => {
         let menu;
 
+        // Shared hover state for all dropdown types
+        let hoverTimeout;
+        let autoCloseTimeout;
+        let startAutoCloseTimer;
+
         // Listeners this trigger adds to things that outlive it (its menu, document)
         // are bound with this run's signal and aborted when Alpine tears the trigger
         // down, or when the effect re-runs setup. Without it every re-rendered trigger
@@ -88,23 +201,17 @@ function initializeDropdownPlugin() {
         cleanup(() => {
             if (runAbort) runAbort.abort();
             runAbort = null;
-            if (menu && menu.__mnfstCtxOwner === el) {
-                menu.__mnfstContextAbort?.abort();
-                menu.__mnfstContextDismissBound = false;
-                menu.__mnfstContextAbort = null;
-                menu.__mnfstCtxOwner = null;
-            }
-            if (menu && menu.__mnfstTrigger === el) menu.__mnfstTrigger = null;
-            if (menu && menu._triggerHost === el) { menu._triggerHost = null; menu._triggerEl = null; }
+            clearTimeout(hoverTimeout);
+            clearTimeout(autoCloseTimeout);
+            if (!menu) return;
+            releaseContextTrigger(menu, el);
+            if (menu.__mnfstTrigger === el) menu.__mnfstTrigger = null;
+            releaseManagedMenu(menu, el);
         });
 
-        // Shared hover state for all dropdown types
-        let hoverTimeout;
-        let autoCloseTimeout;
-        let startAutoCloseTimer;
-
         effect(() => {
             if (runAbort) runAbort.abort();
+            if (menu) releaseManagedMenu(menu, el);
             const runCtl = new AbortController();
             runAbort = runCtl;
             const signal = runCtl.signal;
@@ -146,6 +253,7 @@ function initializeDropdownPlugin() {
                     const uniqueDropdownId = `dropdown-${anchorCode}`;
                     menu.setAttribute('id', uniqueDropdownId);
                     document.body.appendChild(menu);
+                    retainManagedMenu(menu, el);
                     // Appending to <body> loses the fact that the trigger sits inside a
                     // dialog, which is how manifest.dialog.css tells a dialog's own menus
                     // from the page's. An authored menu keeps its place and needs no mark.
@@ -171,6 +279,16 @@ function initializeDropdownPlugin() {
                                 const waitForComponent = async () => {
                                     const loader = window.ManifestComponentsLoader;
                                     const content = await loader.loadComponent(componentName);
+                                    if (signal.aborted) return;
+                                    // Another trigger of this menu may have cloned it during the await
+                                    const loaded = document.getElementById(dropdownId);
+                                    if (loaded) {
+                                        menu = loaded;
+                                        if (menu.__mnfstManagedBy) retainManagedMenu(menu, el);
+                                        if (!modifiers.includes('context')) el.setAttribute('popovertarget', dropdownId);
+                                        setupDropdown();
+                                        return;
+                                    }
                                     if (content) {
                                         // Create a temporary container to parse the component
                                         const tempDiv = document.createElement('div');
@@ -182,6 +300,7 @@ function initializeDropdownPlugin() {
                                             menu = menuElement.cloneNode(true);
                                             menu.setAttribute('id', dropdownId);
                                             document.body.appendChild(menu);
+                                            retainManagedMenu(menu, el);
                                             if (el.closest('[popover]')) menu.setAttribute('data-popover-nested', '');
                                             if (!modifiers.includes('context')) el.setAttribute('popovertarget', dropdownId);
 
@@ -216,6 +335,7 @@ function initializeDropdownPlugin() {
                         console.warn(`[Manifest] Dropdown menu with id "${dropdownId}" not found`);
                         return;
                     }
+                    if (menu.__mnfstManagedBy) retainManagedMenu(menu, el);
                     if (!modifiers.includes('context')) el.setAttribute('popovertarget', dropdownId);
                 }
 
@@ -241,10 +361,9 @@ function initializeDropdownPlugin() {
                         const a = el.style.getPropertyValue('--trigger-anchor');
                         if (a) menu.style.setProperty('position-anchor', a);
                     };
-                    if (!modifiers.includes('context') && !el.__mnfstAnchorSwapBound) {
-                        el.__mnfstAnchorSwapBound = true;
-                        el.addEventListener('pointerdown', pointMenuHere);
-                        el.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') pointMenuHere(); });
+                    if (!modifiers.includes('context')) {
+                        el.addEventListener('pointerdown', pointMenuHere, { signal });
+                        el.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') pointMenuHere(); }, { signal });
                     }
 
                     // A11y wiring (WAI-ARIA Menu Button): trigger gets aria-haspopup/
@@ -258,22 +377,9 @@ function initializeDropdownPlugin() {
                         if (!menu.hasAttribute('role')) menu.setAttribute('role', 'menu');
                         // Deferred menus get their items later — role them off the gesture,
                         // never in the toggle task (243 role writes on a visible list ≈ 70ms)
-                        const roleItems = () => menu.querySelectorAll('li').forEach((li) => {
-                            if (!li.hasAttribute('role')) li.setAttribute('role', 'menuitem');
-                        });
-                        roleItems();
-                        if (!menu.__mnfstRoleOnRender) {
-                            menu.__mnfstRoleOnRender = true;
-                            menu.addEventListener('manifest:defer-render', roleItems);
-                        }
+                        bindMenuRoles(menu);
                         // Keep aria-expanded in sync across every trigger of this menu.
-                        if (!menu.__mnfstAriaToggleBound) {
-                            menu.__mnfstAriaToggleBound = true;
-                            menu.addEventListener('toggle', (e) => {
-                                const expanded = e.newState === 'open' ? 'true' : 'false';
-                                document.querySelectorAll(`[aria-controls="${menu.id}"]`).forEach(t => t.setAttribute('aria-expanded', expanded));
-                            });
-                        }
+                        bindMenuAriaToggle(menu);
                     }
 
                     // Set up hover functionality after menu is ready
@@ -312,8 +418,8 @@ function initializeDropdownPlugin() {
                             }, 300); // Small delay to prevent accidental closes
                         };
 
-                        el.addEventListener('mouseenter', handleShowPopover);
-                        el.addEventListener('mouseleave', startAutoCloseTimer);
+                        el.addEventListener('mouseenter', handleShowPopover, { signal });
+                        el.addEventListener('mouseleave', startAutoCloseTimer, { signal });
                     }
 
                     // Set up context menu (right-click) functionality
@@ -359,84 +465,78 @@ function initializeDropdownPlugin() {
                             });
                         };
 
-                        // Bind once per element (reprocessing would stack duplicates).
-                        if (!el.__mnfstContextTriggerBound) {
-                            el.__mnfstContextTriggerBound = true;
-                            el.addEventListener('contextmenu', (e) => {
-                                e.preventDefault();
-                                e.stopPropagation();
+                        el.addEventListener('contextmenu', (e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
 
-                                // Android fires a real contextmenu after a touch long-press too —
-                                // our pointer path already opened the menu, so ignore the dupe.
-                                if (el.__mnfstLongPressOpenedAt && Date.now() - el.__mnfstLongPressOpenedAt < LONG_PRESS_DUPE_WINDOW_MS) return;
+                            // Android fires a real contextmenu after a touch long-press too —
+                            // our pointer path already opened the menu, so ignore the dupe.
+                            if (el.__mnfstLongPressOpenedAt && Date.now() - el.__mnfstLongPressOpenedAt < LONG_PRESS_DUPE_WINDOW_MS) return;
 
-                                openContextMenuAt(e.target, e.clientX, e.clientY);
-                            });
+                            openContextMenuAt(e.target, e.clientX, e.clientY);
+                        }, { signal });
 
-                            // iOS Safari never fires `contextmenu` for a touch long-press (Android
-                            // does). Drive the same open from pointer events instead — touch/pen
-                            // only, mouse keeps native contextmenu semantics.
-                            const LONG_PRESS_MS = 500;
-                            const MOVE_SLOP_PX = 10;
-                            let pressTimer = null;
-                            let startX = 0, startY = 0;
-                            let pressTarget = null;
-
-                            const suppressCallout = () => {
-                                el.style.setProperty('-webkit-touch-callout', 'none');
-                                el.style.setProperty('-webkit-user-select', 'none');
-                                el.style.setProperty('user-select', 'none');
-                            };
-                            const restoreCallout = () => {
-                                el.style.removeProperty('-webkit-touch-callout');
-                                el.style.removeProperty('-webkit-user-select');
-                                el.style.removeProperty('user-select');
-                            };
-                            const cancelPress = () => {
-                                if (pressTimer) clearTimeout(pressTimer);
+                        // iOS Safari never fires `contextmenu` for a touch long-press (Android
+                        // does). Drive the same open from pointer events instead — touch/pen
+                        // only, mouse keeps native contextmenu semantics.
+                        const LONG_PRESS_MS = 500;
+                        const MOVE_SLOP_PX = 10;
+                        let pressTimer = null;
+                        let startX = 0, startY = 0;
+                        let pressTarget = null;
+
+                        const suppressCallout = () => {
+                            el.style.setProperty('-webkit-touch-callout', 'none');
+                            el.style.setProperty('-webkit-user-select', 'none');
+                            el.style.setProperty('user-select', 'none');
+                        };
+                        const restoreCallout = () => {
+                            el.style.removeProperty('-webkit-touch-callout');
+                            el.style.removeProperty('-webkit-user-select');
+                            el.style.removeProperty('user-select');
+                        };
+                        const cancelPress = () => {
+                            if (pressTimer) clearTimeout(pressTimer);
+                            pressTimer = null;
+                            restoreCallout();
+                        };
+
+                        el.addEventListener('pointerdown', (e) => {
+                            if (e.pointerType !== 'touch' && e.pointerType !== 'pen') return;
+                            cancelPress();
+                            startX = e.clientX;
+                            startY = e.clientY;
+                            pressTarget = e.target;
+                            suppressCallout();
+                            pressTimer = setTimeout(() => {
                                 pressTimer = null;
+                                if (signal.aborted) return;
                                 restoreCallout();
-                            };
-
-                            el.addEventListener('pointerdown', (e) => {
-                                if (e.pointerType !== 'touch' && e.pointerType !== 'pen') return;
-                                cancelPress();
-                                startX = e.clientX;
-                                startY = e.clientY;
-                                pressTarget = e.target;
-                                suppressCallout();
-                                pressTimer = setTimeout(() => {
-                                    pressTimer = null;
-                                    restoreCallout();
-                                    el.__mnfstLongPressOpenedAt = Date.now();
-                                    // No contextmenu event on iOS: announce the press so composing plugins (x-edit) can track the target.
-                                    pressTarget.dispatchEvent(new CustomEvent('dropdown:context', { bubbles: true, detail: { x: startX, y: startY } }));
-                                    openContextMenuAt(pressTarget, startX, startY);
-                                }, LONG_PRESS_MS);
-                            });
-                            el.addEventListener('pointermove', (e) => {
-                                if (!pressTimer) return;
-                                if (Math.abs(e.clientX - startX) > MOVE_SLOP_PX || Math.abs(e.clientY - startY) > MOVE_SLOP_PX) cancelPress();
-                            });
-                            el.addEventListener('pointerup', cancelPress);
-                            el.addEventListener('pointercancel', cancelPress);
-                            el.addEventListener('scroll', cancelPress, true);
-
-                            // Suppress the synthetic click that follows the touch sequence which
-                            // opened the menu, so it doesn't also activate/navigate the trigger.
-                            el.addEventListener('click', (e) => {
-                                if (el.__mnfstLongPressOpenedAt && Date.now() - el.__mnfstLongPressOpenedAt < LONG_PRESS_DUPE_WINDOW_MS) {
-                                    e.preventDefault();
-                                    e.stopPropagation();
-                                }
-                            }, true);
-                        }
+                                el.__mnfstLongPressOpenedAt = Date.now();
+                                // No contextmenu event on iOS: announce the press so composing plugins (x-edit) can track the target.
+                                pressTarget.dispatchEvent(new CustomEvent('dropdown:context', { bubbles: true, detail: { x: startX, y: startY } }));
+                                openContextMenuAt(pressTarget, startX, startY);
+                            }, LONG_PRESS_MS);
+                        }, { signal });
+                        el.addEventListener('pointermove', (e) => {
+                            if (!pressTimer) return;
+                            if (Math.abs(e.clientX - startX) > MOVE_SLOP_PX || Math.abs(e.clientY - startY) > MOVE_SLOP_PX) cancelPress();
+                        }, { signal });
+                        el.addEventListener('pointerup', cancelPress, { signal });
+                        el.addEventListener('pointercancel', cancelPress, { signal });
+                        el.addEventListener('scroll', cancelPress, { capture: true, signal });
+
+                        // Suppress the synthetic click that follows the touch sequence which
+                        // opened the menu, so it doesn't also activate/navigate the trigger.
+                        el.addEventListener('click', (e) => {
+                            if (el.__mnfstLongPressOpenedAt && Date.now() - el.__mnfstLongPressOpenedAt < LONG_PRESS_DUPE_WINDOW_MS) {
+                                e.preventDefault();
+                                e.stopPropagation();
+                            }
+                        }, { capture: true, signal });
 
-                        // Document-level dismiss listeners are global — bind once per
-                        // menu via an AbortController so reprocessing can't leak them.
-                        // Bound once per menu, owned by one trigger and released in that
-                        // trigger's cleanup (see top). Any other trigger of the same menu
-                        // re-binds on its next open, so a shared menu never loses dismiss.
+                        // Owned by one trigger, released in its cleanup. Any other trigger of
+                        // the same menu re-binds on its next open.
                         ensureContextDismiss(menu, el);
                     }
 
@@ -445,47 +545,7 @@ function initializeDropdownPlugin() {
                     // Context menus auto-close by nature, so .close is implied.
                     if (modifiers.includes('close') || modifiers.includes('context')) menu.__mnfstAutoClose = true;
 
-                    if (!menu.__mnfstCloseBound) {
-                        menu.__mnfstCloseBound = true;
-
-                        const ROW = 'li, a, button, label, [role=menuitem], [role=option]';
-                        const CONTROL = 'input, select, textarea, [contenteditable]:not([contenteditable=false]), [role=switch], .combobox, [x-dropdown], [popovertarget], [keep-open]';
-
-                        // Close the item's menu plus any menus it was nested in. The owned
-                        // popover isn't always a <menu> (e.g. .dropdown-menu on a div), so
-                        // fall back to it rather than relying on the ancestor lookup.
-                        const closeFrom = (node) => {
-                            let m = node.closest('menu[popover]') || menu;
-                            while (m) {
-                                if (m.matches(':popover-open')) m.hidePopover();
-                                m = m.parentElement?.closest('menu[popover]');
-                            }
-                            if (lastInputModality === 'keyboard') (menu.__mnfstTrigger || el).focus?.();
-                        };
-
-                        menu.addEventListener('click', (e) => {
-                            // Explicit opt-in wins over every exclusion below
-                            const opted = e.target.closest('[close]');
-                            if (opted && menu.contains(opted)) return closeFrom(opted);
-                            if (!menu.__mnfstAutoClose) return;
-
-                            // Outermost row between the click target and the menu
-                            let row = null;
-                            for (let n = e.target; n && n !== menu; n = n.parentElement) {
-                                if (n.matches?.(ROW)) row = n;
-                            }
-                            if (!row) return;
-
-                            // A control that *is* the row is a menu item; one nested
-                            // inside it is embedded UI, so leave the menu open
-                            const hit = e.target.closest(CONTROL);
-                            if (hit && hit !== row && row.contains(hit)) return;
-                            if (row.querySelector(CONTROL)) return;
-                            if (row.matches('[role=switch], [x-dropdown], [popovertarget], [keep-open]')) return;
-
-                            closeFrom(row);
-                        });
-                    }
+                    bindMenuClose(menu);
 
                     // Add keyboard navigation handling
                     menu.addEventListener('keydown', (e) => {
@@ -695,7 +755,7 @@ document.addEventListener('click', (event) => {
 // the route change it dispatches instead. Hash links aren't intercepted and still
 // close via the normal path.
 window.addEventListener('manifest:route-change', () => {
-    const pressed = lastPointerTarget;
+    const pressed = lastPointerTarget?.deref();
     document.querySelectorAll('[popover]:popover-open').forEach((menu) => {
         if (!menu.__mnfstCloseBound) return;
         const row = pressed && menu.contains(pressed) ? pressed : null;

package/lib/manifest.integrity.json

@@ -1,21 +1,21 @@
 {
   "manifest.appwrite.auth.js": "sha384-9WNhIeSEzxxJm+yP7cV41kV2xyzyXgFCNpThqiREcNbb6tnIW6O7VRZPL2jwy9Nk",
-  "manifest.appwrite.data.js": "sha384-NrUgzRg0XIrS/BYh6iw9V/S5MH2EkMy7935n7UnT+nq9nUrPtVBRHlmfNuymT9R4",
+  "manifest.appwrite.data.js": "sha384-lNtw0QrcI1Hnshur38Dqw+iA9nTQ4GSnkeYUgKYdUWkGyqQ47XFiVAFr1LKGV/ZP",
   "manifest.appwrite.presences.js": "sha384-/CagPsgWhO1sWEevCNGJmZ/ezRK9YCjLjvF7hxNSM4gVlJmEVtfSLfF7wnsRq441",
   "manifest.bindings.js": "sha384-lPtMf8Ykaic9gNVZKq8Scia1881ZeMAyxer3WCIkUNwwrgzGBWto1OXADUwjvORF",
   "manifest.charts.js": "sha384-lzcoovnPCKhcwigrwYvc5rPAZuZNHwWmNNuu7hxPsfJuKAu8ejla5F7agHZ2Xft9",
   "manifest.chat.js": "sha384-88DfMfJLoi2oxclVD2iIMDkIGAExMXq5k47mekUredlicLaP3oZY5bwtwqs+TqDF",
   "manifest.code.js": "sha384-WGPlZE5Sp9GygUzJSmCdpLyYQTgvmEKc9BQS9Hmq1VTQwkqYJzPSWibHvPekcres",
   "manifest.color.js": "sha384-6Rv3LxyTcZNjrhtayQfqRdCx0uSZ4BiEbgEI98I62eTvp8Aw7LBIoNJ0Je1oktwL",
-  "manifest.colorpicker.js": "sha384-BhcCe8cGcd0DTJNwzXWWY+FQNRfSFFl6XqfHIFP8yHg/aXFks1NIC6lVx0Sr1VkM",
-  "manifest.combobox.js": "sha384-MILTkrgsTzsYUjGo4ZuADqV85Xs4GmfB4xexfe9vbJMIoQTZ42W4zs+DTaVSPEsx",
+  "manifest.colorpicker.js": "sha384-H6u6FHBbqIViQAYM9DTcFSVScghuvSEZqT1ZIKg7vv7zQx/5GiebDlJvyXdBxuM/",
+  "manifest.combobox.js": "sha384-eY5w3XHiFa1s6mXfmFbn/ff2GNHvlGUDAPVedlc0rvH4XhfBn3mWGLjj539q5IwS",
   "manifest.components.js": "sha384-BUFA8h+G5Plr82sV7bKzO42pPoiRZwRQcKj1lt2ROFiKjjlkayU/vmkAFqEsdBA+",
   "manifest.computed.js": "sha384-GYML/e81gQfN+iDbqhPUgny8bINCyL+SrbTofoGk4hlCnLLjv51mCv42JMqq+ku5",
-  "manifest.data.js": "sha384-OXdlXbo1eKsq/47pj6A9qPTyxtvvjxycFzgZeE5tmLbIT/Nj+A1JdofNmoV9/iRa",
-  "manifest.datepicker.js": "sha384-JeDdzdwXdXmnvgv1N1N+7WIQlezew9YJcvui3uVEvqAOX0WEaJO7ofLRRuc4hFBS",
-  "manifest.defer.js": "sha384-GK9qJkYtchtyzSQ+3zmDQUJE3+au4qthT2M8JnFjXxgfwCH5IVKc2r3tackgMryU",
+  "manifest.data.js": "sha384-kwLHIxnThzjCDfjqJwq96lSb2dPcz4ntutRZ25jWmADaR9U8+T9ISU7GankNch4Z",
+  "manifest.datepicker.js": "sha384-tA4Dh8xXfyRw+3C19XXXDE0O6O6V6mGMdWv/lJA3Jcw/gcLG3aFTTEhvQEkJNkvb",
+  "manifest.defer.js": "sha384-5cHzFTbx+cZmGpk9FuiUtW3ciC9NvvHwJeHP7xL5yiZVp9PhMWVdQ7L9y6ju2yoo",
   "manifest.device.js": "sha384-YeQaS56L8IILqrQNBSeAOLwIh5DuAOrE60cYLK1+46qJtUrXlAvqGe2j5mbV4Vq7",
-  "manifest.dropdowns.js": "sha384-ORVhBVvqhx58sd7Ij8b+NOIkjWF2TGcz5a8BC+CIswsS8TDLtyIDqD3YM4HDsGzB",
+  "manifest.dropdowns.js": "sha384-TlFrYVWTXvpUmGnYaAk2til4lu0p6w5YcmWWEzZAokzd2qlmoyRLLXXVuYAK/AlR",
   "manifest.edit.js": "sha384-MOgQNdNLeHijhR0u2W6ntoOulKFglsATCFDqkinesOU15tHoILk/JNzHKkGi5dUG",
   "manifest.export.js": "sha384-Rx6XvqBZc4apzP/FwcDr6yIln4/zNa08Q4ZqBZcEqUz1aNZQfl4h0+Ae7mqCQyuG",
   "manifest.icons.js": "sha384-kKOINpX70YzNO3FvkV6umrmO3f0KIu0DNbwB+ej55a7y/lhU7v/myQtXL0bwCTbt",
@@ -28,11 +28,11 @@
   "manifest.slides.js": "sha384-3uRTkyK9XPLmnxI2+igZlpi4EyPlU/7IHj5j3BZJJ2KN455vXyk99fiXV3feO/XY",
   "manifest.status.js": "sha384-Zf07q/5tRS2F0o128sINYrce8xP035FTV0Ot7V7/hh+cwFhVZg+EWkHZN5b42aBn",
   "manifest.svg.js": "sha384-qr/8H9+2cIhSXNbRWRtIdrDlTOxKlNJqwEefHvCYoiBNW/kKhPTFa109Orv/EBnb",
-  "manifest.sw.js": "sha384-V4isxMDJOOMSqedY9JNCeVXhe4tJTA/GUBReX9dghYtNr68cUhsqur76nOmlO3iF",
+  "manifest.sw.js": "sha384-my5z7X0SU63k0XDo1MuISuHz/R0iD8TOoJhwBs1hLSxAej366Skfo4QDtMl87EqJ",
   "manifest.tabs.js": "sha384-otU09H7jnawVKQdLAYpMCd3jx00tgyPVr42D2hLIBzN5dG4se505YesavdnMqEi1",
   "manifest.tailwind.js": "sha384-r/Jvqb+Piz21jUts10BbVAJoKkShOdJRVFpywyi4HPIi/OfOJq5CtPyWAPbdkMgt",
   "manifest.toasts.js": "sha384-3zkWxzw693pxg3QDFsoYCA3CqYaLKmBaMArULXODD66Utolpewl0OAeTB92aWUVv",
-  "manifest.tooltips.js": "sha384-4b24PH5WsfFsewGea5SMWLwmrhC4kD6eDP/vvjNyjXYnQXXFGi4nLdojrIOwzG8M",
+  "manifest.tooltips.js": "sha384-hXGp5j0s6p2kGZY/hqLPEbaUv68ca63kFCjYiZqK3DcC12mpHTBy1vz3kuApyf4p",
   "manifest.url.parameters.js": "sha384-J2aSVBOPsoqsbafHndrWLHEDpKb4AKJAoQnVmKA4gZh5P/8HHjFWHO/lkusmG84l",
   "manifest.utilities.js": "sha384-h17EquaRtNcEW0yfhk7R+a+2+CzTlBxPuFryO6i9NV/OiIRMihREoyzQ77QawoQ7",
   "manifest.virtual.js": "sha384-ZDNoF9QVhVcVpkjIK6NH15S6I5c6OBshiJpXSOYjNsIB+298I0a7g3aFO+jyq4Vb",

package/lib/manifest.sw.js

@@ -16,7 +16,7 @@
 
 // Build stamps the published version here; unstamped (dev) falls back to the
 // registration URL's `v`, then 'dev'.
-const BUILD_VERSION = '0.5.260';
+const BUILD_VERSION = '0.5.262';
 const CACHE_PREFIX = 'mnfst-sw:';
 const META_CACHE = CACHE_PREFIX + 'meta';
 // Sized to hold a full precache.json warm-up (PRECACHE_MAX_ENTRIES server-side)

package/lib/manifest.tooltips.js

@@ -171,6 +171,7 @@ function initializeTooltipPlugin() {
         s.el.style.setProperty('position-anchor', anchorName);
 
         s.activeTrigger = trigger;
+        trigger._tooltipSingleton = s;
         s.currentAnchorName = anchorName;
 
         // A11y: aria-describedby links trigger → tooltip for screen readers.
@@ -212,7 +213,20 @@ function initializeTooltipPlugin() {
 
     // ---- Directive ----
 
-    Alpine.directive('tooltip', (el, { modifiers, expression }, { effect, evaluateLater }) => {
+    Alpine.directive('tooltip', (el, { modifiers, expression }, { effect, evaluateLater, cleanup }) => {
+        const listeners = new AbortController();
+        const { signal } = listeners;
+        cleanup(() => {
+            listeners.abort();
+            if (_pendingTrigger === el) cancelPendingShow();
+            // A removal root is already detached here, so its host can't be looked up
+            const s = el._tooltipSingleton;
+            el._tooltipSingleton = null;
+            if (s && s.activeTrigger === el) {
+                if (s.el.matches(':popover-open')) s.el.hidePopover();
+                s.activeTrigger = null;
+            }
+        });
 
         // --- Content ---
         // Escape by default; author literal HTML or .html/.safe opts in.
@@ -288,15 +302,15 @@ function initializeTooltipPlugin() {
         };
 
         // Mouse interactions
-        el.addEventListener('mouseenter', requestShow);
-        el.addEventListener('mouseleave', requestHide);
+        el.addEventListener('mouseenter', requestShow, { signal });
+        el.addEventListener('mouseleave', requestHide, { signal });
 
         // Keyboard focus (WCAG 2.1 SC 1.4.13). Gated on :focus-visible so mouse-click
         // focus doesn't flash the tooltip.
         el.addEventListener('focus', () => {
             if (el.matches(':focus-visible')) requestShow();
-        });
-        el.addEventListener('blur', requestHide);
+        }, { signal });
+        el.addEventListener('blur', requestHide, { signal });
 
         // Mousedown/click hides now and clears the chain window, so a synthetic
         // re-hover (content shifting under the cursor) waits the full delay.
@@ -305,8 +319,8 @@ function initializeTooltipPlugin() {
             hideAnySingleton();
             clearChainWindow();
         };
-        el.addEventListener('mousedown', hideOnInteraction);
-        el.addEventListener('click', hideOnInteraction);
+        el.addEventListener('mousedown', hideOnInteraction, { signal });
+        el.addEventListener('click', hideOnInteraction, { signal });
     });
 
     // Global: when ANY other popover opens, close the singleton(s). Dropdowns and

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mnfst",
-    "version": "0.5.260",
+    "version": "0.5.262",
     "private": false,
     "workspaces": [
         "templates/starter",