sia-reactor 0.0.30 → 0.0.32

package/dist/{TimeTravelOverlay-DBMDUAK7.d.cts → TimeTravelOverlay-BlVhj8n1.d.cts}

@@ -1,5 +1,5 @@
-import { e as Reactive } from './index-BLpfq517.cjs';
-import { m as TimeTravelModule } from './timeTravel-W41Kk9SQ.cjs';
+import { e as Reactive } from './index-CWbDYjby.cjs';
+import { m as TimeTravelModule } from './timeTravel-DoWtLH_e.cjs';
 
 /** Reactive options for the TimeTravel overlay instance. */
 interface TimeTravelOverlayConfig {

package/dist/{TimeTravelOverlay-BzMn-xDV.d.ts → TimeTravelOverlay-D8jAd_Fz.d.ts}

@@ -1,5 +1,5 @@
-import { e as Reactive } from './index-BLpfq517.js';
-import { m as TimeTravelModule } from './timeTravel-L32xiEw-.js';
+import { e as Reactive } from './index-CWbDYjby.js';
+import { m as TimeTravelModule } from './timeTravel-BsVQ5z7v.js';
 
 /** Reactive options for the TimeTravel overlay instance. */
 interface TimeTravelOverlayConfig {

package/dist/adapters/react.cjs

@@ -280,8 +280,8 @@ var ReactorEvent = class _ReactorEvent {
   /**
    * Marks a rejectable event as rejected.
    * @param reason Optional rejection reason or identity.
-   * @example e.resolve("html5Tech"); // identity
-   * @example e.resolve("User is not logged in"); // reason
+   * @example e.reject("html5Tech"); // identity
+   * @example e.reject("User is not logged in"); // reason
    */
   reject(reason) {
     if (!this.rejectable) return this.reactor.log(`[ReactorEvent] Ignored \`reject()\` call on a non-rejectable ${this.staticType} at "${this.path}"`);
@@ -652,7 +652,7 @@ var Reactor = class {
     if (!raw && this.config.smartCloning) this.snapCache.set(obj, clone), obj[SSVERSION] = version;
     return clone;
   }
-  syncAdd(key, path, cb, opts, onImmediate = NOOP) {
+  addSync(key, path, cb, opts, onImmediate = NOOP) {
     const { lazy = false, once = false, signal, immediate = false } = parseEvtOpts(opts, EVT_OPTS.MEDIATOR), store = this[`${key}${key.endsWith("t") ? "t" : ""}ers`] ??= /* @__PURE__ */ new Map();
     let cords = store.get(path), cord;
     if (cords)
@@ -671,7 +671,7 @@ var Reactor = class {
     lazy ? this.stall(task) : task();
     return this.bindSignal(cord, signal);
   }
-  syncDrop(store, path, cb) {
+  dropSync(store, path, cb) {
     const cords = store?.get(path);
     if (!cords) return void 0;
     for (let i = 0, len = cords.length; i < len; i++) {
@@ -690,7 +690,7 @@ var Reactor = class {
    * const cleanup = rtr.get("user.name", (value) => String(value).trim());
    */
   get(path, callback, options) {
-    return this.syncAdd("get", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && getAny(this.core, path));
+    return this.addSync("get", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && getAny(this.core, path));
   }
   /** Registers a get mediator for a path that only triggers once. */
   gonce(path, callback, options) {
@@ -703,7 +703,7 @@ var Reactor = class {
    * @returns `undefined` when the path has no records, `false` when records exist but callback is not found, `true` when removed.
    */
   noget(path, callback) {
-    return this.syncDrop(this.getters, path, callback);
+    return this.dropSync(this.getters, path, callback);
   }
   /**
    * Registers a set mediator for a path.
@@ -715,7 +715,7 @@ var Reactor = class {
    * rtr.set("user.name", (value) => String(value).trim());
    */
   set(path, callback, options) {
-    return this.syncAdd("set", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && setAny(this.core, path, getAny(this.core, path)));
+    return this.addSync("set", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && setAny(this.core, path, getAny(this.core, path)));
   }
   /** Registers a set mediator for a path that only triggers once. */
   sonce(path, callback, options) {
@@ -728,7 +728,7 @@ var Reactor = class {
    * @returns `undefined` when the path has no records, `false` when records exist but callback is not found, `true` when removed.
    */
   noset(path, callback) {
-    return this.syncDrop(this.setters, path, callback);
+    return this.dropSync(this.setters, path, callback);
   }
   /**
    * Registers a delete mediator for a path.
@@ -740,7 +740,7 @@ var Reactor = class {
    * rtr.delete("cache.temp", () => TERMINATOR);
    */
   delete(path, callback, options) {
-    return this.syncAdd("delete", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && deleteAny(this.core, path));
+    return this.addSync("delete", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && deleteAny(this.core, path));
   }
   /** Registers a delete mediator for a path that only triggers once. */
   donce(path, callback, options) {
@@ -753,7 +753,7 @@ var Reactor = class {
    * @returns `undefined` when the path has no records, `false` when records exist but callback is not found, `true` when removed.
    */
   nodelete(path, callback) {
-    return this.syncDrop(this.deleters, path, callback);
+    return this.dropSync(this.deleters, path, callback);
   }
   /**
    * Registers a watcher for a path.
@@ -766,7 +766,7 @@ var Reactor = class {
    * const cleanup = rtr.watch("user.name", (value) => console.log(value));
    */
   watch(path, callback, options) {
-    return this.syncAdd("watch", path, callback, options, (imm) => imm !== "auto" && inAny(this.core, path) && ((target) => callback(target.value, { type: "init", target, currentTarget: target, root: this.core, rejectable: false }))(this.getContext(path)));
+    return this.addSync("watch", path, callback, options, (imm) => imm !== "auto" && inAny(this.core, path) && ((target) => callback(target.value, { type: "init", target, currentTarget: target, root: this.core, rejectable: false }))(this.getContext(path)));
   }
   /** Registers a watcher for a path that only triggers once. */
   wonce(path, callback, options) {
@@ -779,7 +779,7 @@ var Reactor = class {
    * @returns `undefined` when the path has no records, `false` when records exist but callback is not found, `true` when removed.
    */
   nowatch(path, callback) {
-    return this.syncDrop(this.watchers, path, callback);
+    return this.dropSync(this.watchers, path, callback);
   }
   /**
    * Registers an event listener for a path.
@@ -1132,6 +1132,10 @@ function assignEl(el, props, dataset, styles) {
     for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
   }
 }
+function getActiveEl(root) {
+  const activeEl = (root ?? document).activeElement;
+  return !activeEl ? null : activeEl.shadowRoot ? getActiveEl(activeEl.shadowRoot) : activeEl;
+}
 
 // src/ts/utils/keys.ts
 function stringifyKeyEvent(e) {
@@ -1173,7 +1177,7 @@ function getTermsForKey(combo, settings) {
   return terms;
 }
 function keyEventAllowed(e, settings) {
-  if (settings.disabled || (e.key === " " || e.key === "Enter") && (e.target?.ownerDocument || document).activeElement?.tagName === "BUTTON" || (e.target?.ownerDocument || document).activeElement?.matches("input,textarea,[contenteditable='true']")) return false;
+  if (settings.disabled || (e.key === " " || e.key === "Enter") && getActiveEl(e.target?.ownerDocument)?.matches("button,input,textarea,[contenteditable='true']")) return false;
   const combo = stringifyKeyEvent(e), { override, block, action, whitelisted } = getTermsForKey(combo, settings);
   if (block) return false;
   if (override) e.preventDefault();
@@ -1268,15 +1272,12 @@ var TimeTravelOverlay = class _TimeTravelOverlay {
     nuke(this), --_TimeTravelOverlay.count;
   }
 };
-function getDirChild(parent, className) {
-  for (const child of parent.children) if (child instanceof HTMLElement && child.classList.contains(className)) return child;
-}
 function getDock(container) {
   const host = container && container !== document.documentElement ? container : document.body;
   if (host !== document.body && getComputedStyle(host).position === "static") host.style.position = "relative";
-  const layer = getDirChild(host, "tt-overlay-layer") || createEl("div", { className: "tt-overlay-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
+  const layer = host.querySelector(":scope > .tt-overlay-layer") || createEl("div", { className: "tt-overlay-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
   if (layer.parentElement !== host) host.appendChild(layer);
-  const dock = getDirChild(layer, "tt-overlay-dock") || createEl("div", { className: "tt-overlay-dock" });
+  const dock = layer.querySelector(":scope > .tt-overlay-dock") || createEl("div", { className: "tt-overlay-dock" });
   return dock.parentElement !== layer && layer.appendChild(dock), dock;
 }
 function formatPaths(paths, emptyText) {

package/dist/adapters/react.d.cts

@@ -1,7 +1,7 @@
-import { E as EffectOptions, a as Reactor, e as Reactive, x as ReactorBuild, D as DeepReadonly, W as WildPaths, f as PathValue } from '../index-BLpfq517.cjs';
+import { E as EffectOptions, a as Reactor, e as Reactive, x as ReactorBuild, D as DeepReadonly, W as WildPaths, f as PathValue } from '../index-CWbDYjby.cjs';
 import { useLayoutEffect } from 'react';
-import { m as TimeTravelModule } from '../timeTravel-W41Kk9SQ.cjs';
-import { a as TimeTravelOverlayConfig } from '../TimeTravelOverlay-DBMDUAK7.cjs';
+import { m as TimeTravelModule } from '../timeTravel-DoWtLH_e.cjs';
+import { a as TimeTravelOverlayConfig } from '../TimeTravelOverlay-BlVhj8n1.cjs';
 
 /**
  * Subscribes a component to desired Reactor state and returns it.

package/dist/adapters/react.d.ts

@@ -1,7 +1,7 @@
-import { E as EffectOptions, a as Reactor, e as Reactive, x as ReactorBuild, D as DeepReadonly, W as WildPaths, f as PathValue } from '../index-BLpfq517.js';
+import { E as EffectOptions, a as Reactor, e as Reactive, x as ReactorBuild, D as DeepReadonly, W as WildPaths, f as PathValue } from '../index-CWbDYjby.js';
 import { useLayoutEffect } from 'react';
-import { m as TimeTravelModule } from '../timeTravel-L32xiEw-.js';
-import { a as TimeTravelOverlayConfig } from '../TimeTravelOverlay-BzMn-xDV.js';
+import { m as TimeTravelModule } from '../timeTravel-BsVQ5z7v.js';
+import { a as TimeTravelOverlayConfig } from '../TimeTravelOverlay-D8jAd_Fz.js';
 
 /**
  * Subscribes a component to desired Reactor state and returns it.

package/dist/adapters/react.js

@@ -2,13 +2,13 @@ import {
   Autotracker,
   TimeTravelOverlay,
   withTracker
-} from "../chunk-3LIKXZ7X.js";
+} from "../chunk-XNYVGOKB.js";
 import "../chunk-PLYS4CVP.js";
-import "../chunk-NG3WWQV4.js";
+import "../chunk-GD7HZBXA.js";
 import {
   getReactor
-} from "../chunk-2EIKOZAD.js";
-import "../chunk-RVYL3OLW.js";
+} from "../chunk-AKQSBLBX.js";
+import "../chunk-RI45W4O6.js";
 import "../chunk-3OT72G7R.js";
 import {
   CTX,

package/dist/adapters/vanilla.cjs

@@ -268,8 +268,8 @@ var ReactorEvent = class _ReactorEvent {
   /**
    * Marks a rejectable event as rejected.
    * @param reason Optional rejection reason or identity.
-   * @example e.resolve("html5Tech"); // identity
-   * @example e.resolve("User is not logged in"); // reason
+   * @example e.reject("html5Tech"); // identity
+   * @example e.reject("User is not logged in"); // reason
    */
   reject(reason) {
     if (!this.rejectable) return this.reactor.log(`[ReactorEvent] Ignored \`reject()\` call on a non-rejectable ${this.staticType} at "${this.path}"`);
@@ -640,7 +640,7 @@ var Reactor = class {
     if (!raw && this.config.smartCloning) this.snapCache.set(obj, clone), obj[SSVERSION] = version;
     return clone;
   }
-  syncAdd(key, path, cb, opts, onImmediate = NOOP) {
+  addSync(key, path, cb, opts, onImmediate = NOOP) {
     const { lazy = false, once = false, signal, immediate = false } = parseEvtOpts(opts, EVT_OPTS.MEDIATOR), store = this[`${key}${key.endsWith("t") ? "t" : ""}ers`] ??= /* @__PURE__ */ new Map();
     let cords = store.get(path), cord;
     if (cords)
@@ -659,7 +659,7 @@ var Reactor = class {
     lazy ? this.stall(task) : task();
     return this.bindSignal(cord, signal);
   }
-  syncDrop(store, path, cb) {
+  dropSync(store, path, cb) {
     const cords = store?.get(path);
     if (!cords) return void 0;
     for (let i = 0, len = cords.length; i < len; i++) {
@@ -678,7 +678,7 @@ var Reactor = class {
    * const cleanup = rtr.get("user.name", (value) => String(value).trim());
    */
   get(path, callback, options) {
-    return this.syncAdd("get", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && getAny(this.core, path));
+    return this.addSync("get", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && getAny(this.core, path));
   }
   /** Registers a get mediator for a path that only triggers once. */
   gonce(path, callback, options) {
@@ -691,7 +691,7 @@ var Reactor = class {
    * @returns `undefined` when the path has no records, `false` when records exist but callback is not found, `true` when removed.
    */
   noget(path, callback) {
-    return this.syncDrop(this.getters, path, callback);
+    return this.dropSync(this.getters, path, callback);
   }
   /**
    * Registers a set mediator for a path.
@@ -703,7 +703,7 @@ var Reactor = class {
    * rtr.set("user.name", (value) => String(value).trim());
    */
   set(path, callback, options) {
-    return this.syncAdd("set", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && setAny(this.core, path, getAny(this.core, path)));
+    return this.addSync("set", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && setAny(this.core, path, getAny(this.core, path)));
   }
   /** Registers a set mediator for a path that only triggers once. */
   sonce(path, callback, options) {
@@ -716,7 +716,7 @@ var Reactor = class {
    * @returns `undefined` when the path has no records, `false` when records exist but callback is not found, `true` when removed.
    */
   noset(path, callback) {
-    return this.syncDrop(this.setters, path, callback);
+    return this.dropSync(this.setters, path, callback);
   }
   /**
    * Registers a delete mediator for a path.
@@ -728,7 +728,7 @@ var Reactor = class {
    * rtr.delete("cache.temp", () => TERMINATOR);
    */
   delete(path, callback, options) {
-    return this.syncAdd("delete", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && deleteAny(this.core, path));
+    return this.addSync("delete", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && deleteAny(this.core, path));
   }
   /** Registers a delete mediator for a path that only triggers once. */
   donce(path, callback, options) {
@@ -741,7 +741,7 @@ var Reactor = class {
    * @returns `undefined` when the path has no records, `false` when records exist but callback is not found, `true` when removed.
    */
   nodelete(path, callback) {
-    return this.syncDrop(this.deleters, path, callback);
+    return this.dropSync(this.deleters, path, callback);
   }
   /**
    * Registers a watcher for a path.
@@ -754,7 +754,7 @@ var Reactor = class {
    * const cleanup = rtr.watch("user.name", (value) => console.log(value));
    */
   watch(path, callback, options) {
-    return this.syncAdd("watch", path, callback, options, (imm) => imm !== "auto" && inAny(this.core, path) && ((target) => callback(target.value, { type: "init", target, currentTarget: target, root: this.core, rejectable: false }))(this.getContext(path)));
+    return this.addSync("watch", path, callback, options, (imm) => imm !== "auto" && inAny(this.core, path) && ((target) => callback(target.value, { type: "init", target, currentTarget: target, root: this.core, rejectable: false }))(this.getContext(path)));
   }
   /** Registers a watcher for a path that only triggers once. */
   wonce(path, callback, options) {
@@ -767,7 +767,7 @@ var Reactor = class {
    * @returns `undefined` when the path has no records, `false` when records exist but callback is not found, `true` when removed.
    */
   nowatch(path, callback) {
-    return this.syncDrop(this.watchers, path, callback);
+    return this.dropSync(this.watchers, path, callback);
   }
   /**
    * Registers an event listener for a path.
@@ -878,6 +878,27 @@ function getReactor(target, create = false, build) {
   return (target instanceof Reactor ? target : target.__Reactor__) || (create ? new Reactor(target, build) : void 0);
 }
 
+// src/ts/utils/dom.ts
+function createEl(tag, props, dataset, styles, el = tag ? document?.createElement(tag) : null) {
+  return assignEl(el, props, dataset, styles), el;
+}
+function assignEl(el, props, dataset, styles) {
+  if (!el) return;
+  if (props) {
+    for (const k of Object.keys(props)) if (props[k] !== void 0) el[k] = props[k];
+  }
+  if (dataset) {
+    for (const k of Object.keys(dataset)) if (dataset[k] !== void 0) el.dataset[k] = String(dataset[k]);
+  }
+  if (styles) {
+    for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
+  }
+}
+function getActiveEl(root) {
+  const activeEl = (root ?? document).activeElement;
+  return !activeEl ? null : activeEl.shadowRoot ? getActiveEl(activeEl.shadowRoot) : activeEl;
+}
+
 // src/ts/utils/keys.ts
 function stringifyKeyEvent(e) {
   const parts = [];
@@ -918,7 +939,7 @@ function getTermsForKey(combo, settings) {
   return terms;
 }
 function keyEventAllowed(e, settings) {
-  if (settings.disabled || (e.key === " " || e.key === "Enter") && (e.target?.ownerDocument || document).activeElement?.tagName === "BUTTON" || (e.target?.ownerDocument || document).activeElement?.matches("input,textarea,[contenteditable='true']")) return false;
+  if (settings.disabled || (e.key === " " || e.key === "Enter") && getActiveEl(e.target?.ownerDocument)?.matches("button,input,textarea,[contenteditable='true']")) return false;
   const combo = stringifyKeyEvent(e), { override, block, action, whitelisted } = getTermsForKey(combo, settings);
   if (block) return false;
   if (override) e.preventDefault();
@@ -932,23 +953,6 @@ function parseForARIAKS(s, formatted = true) {
   return (formatted && !Array.isArray(s) ? s : formatKeyForDisplay(s)).toLowerCase().replace(/[()]/g, "").replace(/\bor\b/g, " ").replace(/\w+/g, (k) => m[k] || k).replace(/\s+/g, " ").trim();
 }
 
-// src/ts/utils/dom.ts
-function createEl(tag, props, dataset, styles, el = tag ? document?.createElement(tag) : null) {
-  return assignEl(el, props, dataset, styles), el;
-}
-function assignEl(el, props, dataset, styles) {
-  if (!el) return;
-  if (props) {
-    for (const k of Object.keys(props)) if (props[k] !== void 0) el[k] = props[k];
-  }
-  if (dataset) {
-    for (const k of Object.keys(dataset)) if (dataset[k] !== void 0) el.dataset[k] = String(dataset[k]);
-  }
-  if (styles) {
-    for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
-  }
-}
-
 // src/ts/modules/base.ts
 var wpArr = ["*"];
 
@@ -1175,15 +1179,12 @@ var TimeTravelOverlay = class _TimeTravelOverlay {
     nuke(this), --_TimeTravelOverlay.count;
   }
 };
-function getDirChild(parent, className) {
-  for (const child of parent.children) if (child instanceof HTMLElement && child.classList.contains(className)) return child;
-}
 function getDock(container) {
   const host = container && container !== document.documentElement ? container : document.body;
   if (host !== document.body && getComputedStyle(host).position === "static") host.style.position = "relative";
-  const layer = getDirChild(host, "tt-overlay-layer") || createEl("div", { className: "tt-overlay-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
+  const layer = host.querySelector(":scope > .tt-overlay-layer") || createEl("div", { className: "tt-overlay-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
   if (layer.parentElement !== host) host.appendChild(layer);
-  const dock = getDirChild(layer, "tt-overlay-dock") || createEl("div", { className: "tt-overlay-dock" });
+  const dock = layer.querySelector(":scope > .tt-overlay-dock") || createEl("div", { className: "tt-overlay-dock" });
   return dock.parentElement !== layer && layer.appendChild(dock), dock;
 }
 function formatPaths(paths, emptyText) {

package/dist/adapters/vanilla.d.cts

@@ -1,7 +1,7 @@
-import { E as EffectOptions } from '../index-BLpfq517.cjs';
-export { A as Autotracker, w as withTracker } from '../index-BLpfq517.cjs';
-export { T as TimeTravelOverlay, a as TimeTravelOverlayConfig } from '../TimeTravelOverlay-DBMDUAK7.cjs';
-import '../timeTravel-W41Kk9SQ.cjs';
+import { E as EffectOptions } from '../index-CWbDYjby.cjs';
+export { A as Autotracker, w as withTracker } from '../index-CWbDYjby.cjs';
+export { T as TimeTravelOverlay, a as TimeTravelOverlayConfig } from '../TimeTravelOverlay-BlVhj8n1.cjs';
+import '../timeTravel-DoWtLH_e.cjs';
 
 /**
  * Runs a reactive side effect in vanilla JavaScript.

package/dist/adapters/vanilla.d.ts

@@ -1,7 +1,7 @@
-import { E as EffectOptions } from '../index-BLpfq517.js';
-export { A as Autotracker, w as withTracker } from '../index-BLpfq517.js';
-export { T as TimeTravelOverlay, a as TimeTravelOverlayConfig } from '../TimeTravelOverlay-BzMn-xDV.js';
-import '../timeTravel-L32xiEw-.js';
+import { E as EffectOptions } from '../index-CWbDYjby.js';
+export { A as Autotracker, w as withTracker } from '../index-CWbDYjby.js';
+export { T as TimeTravelOverlay, a as TimeTravelOverlayConfig } from '../TimeTravelOverlay-D8jAd_Fz.js';
+import '../timeTravel-BsVQ5z7v.js';
 
 /**
  * Runs a reactive side effect in vanilla JavaScript.

package/dist/adapters/vanilla.js

@@ -3,11 +3,11 @@ import {
   TimeTravelOverlay,
   effect,
   withTracker
-} from "../chunk-3LIKXZ7X.js";
+} from "../chunk-XNYVGOKB.js";
 import "../chunk-PLYS4CVP.js";
-import "../chunk-NG3WWQV4.js";
-import "../chunk-2EIKOZAD.js";
-import "../chunk-RVYL3OLW.js";
+import "../chunk-GD7HZBXA.js";
+import "../chunk-AKQSBLBX.js";
+import "../chunk-RI45W4O6.js";
 import "../chunk-3OT72G7R.js";
 import "../chunk-EZ4VRGYI.js";
 export {

package/dist/{chunk-2EIKOZAD.js → chunk-AKQSBLBX.js}

@@ -124,8 +124,8 @@ var ReactorEvent = class _ReactorEvent {
   /**
    * Marks a rejectable event as rejected.
    * @param reason Optional rejection reason or identity.
-   * @example e.resolve("html5Tech"); // identity
-   * @example e.resolve("User is not logged in"); // reason
+   * @example e.reject("html5Tech"); // identity
+   * @example e.reject("User is not logged in"); // reason
    */
   reject(reason) {
     if (!this.rejectable) return this.reactor.log(`[ReactorEvent] Ignored \`reject()\` call on a non-rejectable ${this.staticType} at "${this.path}"`);
@@ -496,7 +496,7 @@ var Reactor = class {
     if (!raw && this.config.smartCloning) this.snapCache.set(obj, clone), obj[SSVERSION] = version;
     return clone;
   }
-  syncAdd(key, path, cb, opts, onImmediate = NOOP) {
+  addSync(key, path, cb, opts, onImmediate = NOOP) {
     const { lazy = false, once = false, signal, immediate = false } = parseEvtOpts(opts, EVT_OPTS.MEDIATOR), store = this[`${key}${key.endsWith("t") ? "t" : ""}ers`] ??= /* @__PURE__ */ new Map();
     let cords = store.get(path), cord;
     if (cords)
@@ -515,7 +515,7 @@ var Reactor = class {
     lazy ? this.stall(task) : task();
     return this.bindSignal(cord, signal);
   }
-  syncDrop(store, path, cb) {
+  dropSync(store, path, cb) {
     const cords = store?.get(path);
     if (!cords) return void 0;
     for (let i = 0, len = cords.length; i < len; i++) {
@@ -534,7 +534,7 @@ var Reactor = class {
    * const cleanup = rtr.get("user.name", (value) => String(value).trim());
    */
   get(path, callback, options) {
-    return this.syncAdd("get", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && getAny(this.core, path));
+    return this.addSync("get", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && getAny(this.core, path));
   }
   /** Registers a get mediator for a path that only triggers once. */
   gonce(path, callback, options) {
@@ -547,7 +547,7 @@ var Reactor = class {
    * @returns `undefined` when the path has no records, `false` when records exist but callback is not found, `true` when removed.
    */
   noget(path, callback) {
-    return this.syncDrop(this.getters, path, callback);
+    return this.dropSync(this.getters, path, callback);
   }
   /**
    * Registers a set mediator for a path.
@@ -559,7 +559,7 @@ var Reactor = class {
    * rtr.set("user.name", (value) => String(value).trim());
    */
   set(path, callback, options) {
-    return this.syncAdd("set", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && setAny(this.core, path, getAny(this.core, path)));
+    return this.addSync("set", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && setAny(this.core, path, getAny(this.core, path)));
   }
   /** Registers a set mediator for a path that only triggers once. */
   sonce(path, callback, options) {
@@ -572,7 +572,7 @@ var Reactor = class {
    * @returns `undefined` when the path has no records, `false` when records exist but callback is not found, `true` when removed.
    */
   noset(path, callback) {
-    return this.syncDrop(this.setters, path, callback);
+    return this.dropSync(this.setters, path, callback);
   }
   /**
    * Registers a delete mediator for a path.
@@ -584,7 +584,7 @@ var Reactor = class {
    * rtr.delete("cache.temp", () => TERMINATOR);
    */
   delete(path, callback, options) {
-    return this.syncAdd("delete", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && deleteAny(this.core, path));
+    return this.addSync("delete", path, callback, options, (imm) => (imm !== "auto" || inAny(this.core, path)) && deleteAny(this.core, path));
   }
   /** Registers a delete mediator for a path that only triggers once. */
   donce(path, callback, options) {
@@ -597,7 +597,7 @@ var Reactor = class {
    * @returns `undefined` when the path has no records, `false` when records exist but callback is not found, `true` when removed.
    */
   nodelete(path, callback) {
-    return this.syncDrop(this.deleters, path, callback);
+    return this.dropSync(this.deleters, path, callback);
   }
   /**
    * Registers a watcher for a path.
@@ -610,7 +610,7 @@ var Reactor = class {
    * const cleanup = rtr.watch("user.name", (value) => console.log(value));
    */
   watch(path, callback, options) {
-    return this.syncAdd("watch", path, callback, options, (imm) => imm !== "auto" && inAny(this.core, path) && ((target) => callback(target.value, { type: "init", target, currentTarget: target, root: this.core, rejectable: false }))(this.getContext(path)));
+    return this.addSync("watch", path, callback, options, (imm) => imm !== "auto" && inAny(this.core, path) && ((target) => callback(target.value, { type: "init", target, currentTarget: target, root: this.core, rejectable: false }))(this.getContext(path)));
   }
   /** Registers a watcher for a path that only triggers once. */
   wonce(path, callback, options) {
@@ -623,7 +623,7 @@ var Reactor = class {
    * @returns `undefined` when the path has no records, `false` when records exist but callback is not found, `true` when removed.
    */
   nowatch(path, callback) {
-    return this.syncDrop(this.watchers, path, callback);
+    return this.dropSync(this.watchers, path, callback);
   }
   /**
    * Registers an event listener for a path.

package/dist/{chunk-NG3WWQV4.js → chunk-GD7HZBXA.js}

@@ -1,7 +1,7 @@
 import {
   getReactor,
   reactive
-} from "./chunk-2EIKOZAD.js";
+} from "./chunk-AKQSBLBX.js";
 import {
   guardAllMethods,
   guardMethod

package/dist/{chunk-RVYL3OLW.js → chunk-RI45W4O6.js}

@@ -1,3 +1,24 @@
+// src/ts/utils/dom.ts
+function createEl(tag, props, dataset, styles, el = tag ? document?.createElement(tag) : null) {
+  return assignEl(el, props, dataset, styles), el;
+}
+function assignEl(el, props, dataset, styles) {
+  if (!el) return;
+  if (props) {
+    for (const k of Object.keys(props)) if (props[k] !== void 0) el[k] = props[k];
+  }
+  if (dataset) {
+    for (const k of Object.keys(dataset)) if (dataset[k] !== void 0) el.dataset[k] = String(dataset[k]);
+  }
+  if (styles) {
+    for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
+  }
+}
+function getActiveEl(root) {
+  const activeEl = (root ?? document).activeElement;
+  return !activeEl ? null : activeEl.shadowRoot ? getActiveEl(activeEl.shadowRoot) : activeEl;
+}
+
 // src/ts/utils/keys.ts
 function parseKeyCombo(combo) {
   const parts = cleanKeyCombo(combo).toLowerCase().split("+");
@@ -42,7 +63,7 @@ function getTermsForKey(combo, settings) {
   return terms;
 }
 function keyEventAllowed(e, settings) {
-  if (settings.disabled || (e.key === " " || e.key === "Enter") && (e.target?.ownerDocument || document).activeElement?.tagName === "BUTTON" || (e.target?.ownerDocument || document).activeElement?.matches("input,textarea,[contenteditable='true']")) return false;
+  if (settings.disabled || (e.key === " " || e.key === "Enter") && getActiveEl(e.target?.ownerDocument)?.matches("button,input,textarea,[contenteditable='true']")) return false;
   const combo = stringifyKeyEvent(e), { override, block, action, whitelisted } = getTermsForKey(combo, settings);
   if (block) return false;
   if (override) e.preventDefault();
@@ -61,24 +82,10 @@ function parseForARIAKS(s, formatted = true) {
   return (formatted && !Array.isArray(s) ? s : formatKeyForDisplay(s)).toLowerCase().replace(/[()]/g, "").replace(/\bor\b/g, " ").replace(/\w+/g, (k) => m[k] || k).replace(/\s+/g, " ").trim();
 }
 
-// src/ts/utils/dom.ts
-function createEl(tag, props, dataset, styles, el = tag ? document?.createElement(tag) : null) {
-  return assignEl(el, props, dataset, styles), el;
-}
-function assignEl(el, props, dataset, styles) {
-  if (!el) return;
-  if (props) {
-    for (const k of Object.keys(props)) if (props[k] !== void 0) el[k] = props[k];
-  }
-  if (dataset) {
-    for (const k of Object.keys(dataset)) if (dataset[k] !== void 0) el.dataset[k] = String(dataset[k]);
-  }
-  if (styles) {
-    for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
-  }
-}
-
 export {
+  createEl,
+  assignEl,
+  getActiveEl,
   parseKeyCombo,
   stringifyKeyEvent,
   cleanKeyCombo,
@@ -87,7 +94,5 @@ export {
   keyEventAllowed,
   formatKeyForDisplay,
   formatKeyShortcutsForDisplay,
-  parseForARIAKS,
-  createEl,
-  assignEl
+  parseForARIAKS
 };

package/dist/{chunk-3LIKXZ7X.js → chunk-XNYVGOKB.js}

@@ -1,15 +1,15 @@
 import {
   wpArr
-} from "./chunk-NG3WWQV4.js";
+} from "./chunk-GD7HZBXA.js";
 import {
   reactive
-} from "./chunk-2EIKOZAD.js";
+} from "./chunk-AKQSBLBX.js";
 import {
   createEl,
   formatKeyForDisplay,
   keyEventAllowed,
   parseForARIAKS
-} from "./chunk-RVYL3OLW.js";
+} from "./chunk-RI45W4O6.js";
 import {
   CTX,
   NIL,
@@ -228,15 +228,12 @@ var TimeTravelOverlay = class _TimeTravelOverlay {
     nuke(this), --_TimeTravelOverlay.count;
   }
 };
-function getDirChild(parent, className) {
-  for (const child of parent.children) if (child instanceof HTMLElement && child.classList.contains(className)) return child;
-}
 function getDock(container) {
   const host = container && container !== document.documentElement ? container : document.body;
   if (host !== document.body && getComputedStyle(host).position === "static") host.style.position = "relative";
-  const layer = getDirChild(host, "tt-overlay-layer") || createEl("div", { className: "tt-overlay-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
+  const layer = host.querySelector(":scope > .tt-overlay-layer") || createEl("div", { className: "tt-overlay-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
   if (layer.parentElement !== host) host.appendChild(layer);
-  const dock = getDirChild(layer, "tt-overlay-dock") || createEl("div", { className: "tt-overlay-dock" });
+  const dock = layer.querySelector(":scope > .tt-overlay-dock") || createEl("div", { className: "tt-overlay-dock" });
   return dock.parentElement !== layer && layer.appendChild(dock), dock;
 }
 function formatPaths(paths, emptyText) {