@t007/utils 0.0.26 → 0.0.27

package/dist/{chunk-XVFFZZJA.js → chunk-N5KX6IW4.js}

@@ -1,6 +1,7 @@
 // src/core/dom.ts
 import { createEl, assignEl } from "sia-reactor/utils";
-var INTERACTIVE_SELECTOR = 'button,[href],input,label,select,textarea,details>summary,[contenteditable],iframe,audio[controls],video[controls],[tabindex]:not([tabindex="-1"])';
+import { getActiveEl } from "sia-reactor/utils";
+var INTERACTIVE_SELECTOR = ":is(button,[href],input:not([type='hidden']),select,textarea,details>summary,[contenteditable='true'],iframe,audio[controls],video[controls],[tabindex]):not([disabled],[tabindex='-1'],[data-focus-guard],[inert],[inert] *)";
 var isInteractive = (target) => target instanceof HTMLElement && target.matches(INTERACTIVE_SELECTOR);
 var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
 function loadResource(req, type = "style", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, w = window) {
@@ -30,10 +31,6 @@ function loadResource(req, type = "style", { module, media, crossOrigin, integri
   });
   return w.t007._resourceCache[src];
 }
-function getActiveElement(root = document) {
-  const activeEl = root.activeElement;
-  return !activeEl ? null : activeEl.shadowRoot ? getActiveElement(activeEl.shadowRoot) : activeEl;
-}
 
 // src/index.ts
 import { NIL, NOOP } from "sia-reactor";
@@ -78,6 +75,18 @@ import { clamp } from "sia-reactor/utils";
 function uid(prefix = "") {
   return prefix + Date.now().toString(36) + "_" + performance.now().toString(36).replace(".", "") + "_" + Math.random().toString(36).slice(2);
 }
+function remToPx(rem, el = document.documentElement) {
+  return rem * parseFloat(getComputedStyle(el).fontSize);
+}
+function pxToRem(px, el = document.documentElement) {
+  return px / parseFloat(getComputedStyle(el).fontSize);
+}
+function parseCSSTime(time) {
+  return time?.endsWith?.("ms") ? parseFloat(time) : parseFloat(time) * 1e3;
+}
+function parseCSSSize(size, el) {
+  return size?.endsWith?.("px") ? parseFloat(size) : remToPx(parseFloat(size), el);
+}
 function isSameURL(src1, src2) {
   if (!isStr(src1) || !isStr(src2) || !src1 || !src2) return false;
   try {
@@ -143,7 +152,7 @@ export {
   isInteractive,
   VIRTUAL_RESOURCE,
   loadResource,
-  getActiveElement,
+  getActiveEl,
   isObj,
   isDef,
   isSym,
@@ -157,6 +166,10 @@ export {
   inBoolArrOpt,
   clamp,
   uid,
+  remToPx,
+  pxToRem,
+  parseCSSTime,
+  parseCSSSize,
   isSameURL,
   limited,
   mockAsync,

package/dist/{chunk-AI5O3OGE.js → chunk-NLR4ANGT.js}

@@ -2,21 +2,20 @@ import {
   INTERACTIVE_SELECTOR,
   clamp,
   createEl,
-  getActiveElement,
+  getActiveEl,
   isInteractive
-} from "./chunk-XVFFZZJA.js";
+} from "./chunk-N5KX6IW4.js";
 
 // src/hooks/vanilla/outsideClick.ts
 import { NIL, NOOP } from "sia-reactor";
-var stacks = /* @__PURE__ */ new WeakMap();
-function initOutsideClick(el, { enabled = false, onOutsideClick = NOOP, clickOnClick = true, clickOnEscape = true, clickOnFocusOut = false, allowInputs = true, root = window, scoped = true, capture = true } = NIL) {
-  const existing = (t007._outsiders ??= /* @__PURE__ */ new WeakMap()).get(el);
+function initOutsideClick(el, { enabled = false, onOutsideClick = NOOP, outOnClick = true, outOnEscape = true, outOnFocusOut = false, allowInputs = false, root = window, scoped = true, capture = true } = NIL) {
+  const stacks = t007._outsiders_stacks ??= /* @__PURE__ */ new WeakMap(), existing = (t007._outsiders ??= /* @__PURE__ */ new WeakMap()).get(el);
   if (!enabled || existing) return existing ? existing : void 0;
   scoped = scoped && root instanceof HTMLElement, root = scoped ? root : root === document ? document : window;
   const stack = stacks.get(root) ?? [], onScopedOut = (e, t, p = e.touches?.[0] || e, rect = el.getBoundingClientRect()) => {
     if (stack.at(-1) !== el || p.clientX >= rect.left && p.clientX <= rect.right && p.clientY >= rect.top && p.clientY <= rect.bottom) return false;
     return (!scoped ? true : root.contains(t)) && onOutsideClick(e);
-  }, handleClick = ((e) => clickOnClick && !(allowInputs && isInteractive(e.target)) && onScopedOut(e, e.target)), handleEscape = ((e) => clickOnEscape && e.key === "Escape" && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey && stack.at(-1) === el && onOutsideClick(e)), handleFocusOut = (e) => clickOnFocusOut && onScopedOut(e, e.relatedTarget);
+  }, handleClick = ((e) => outOnClick && !(allowInputs && isInteractive(e.target)) && onScopedOut(e, e.target)), handleEscape = ((e) => outOnEscape && e.key === "Escape" && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey && stack.at(-1) === el && onOutsideClick(e)), handleFocusOut = (e) => outOnFocusOut && !el.contains(e.relatedTarget) && onScopedOut(e, e.relatedTarget);
   root.addEventListener("mousedown", handleClick, capture), root.addEventListener("touchstart", handleClick, { passive: true, capture });
   root.addEventListener("keydown", handleEscape, capture), el.addEventListener("focusout", handleFocusOut, capture);
   if (!stack.includes(el)) stack.push(el), stacks.set(root, stack);
@@ -32,25 +31,29 @@ var removeOutsideClick = (el) => t007._outsiders?.get(el)?.();
 
 // src/hooks/vanilla/focusTrap.ts
 import { NIL as NIL2 } from "sia-reactor";
-var stacks2 = /* @__PURE__ */ new WeakMap();
 function initFocusTrap(el, { enabled = false, initialSelector = "[data-autofocus]", ringClassName = "focus-outline", root = window, scoped = true, capture = true } = NIL2) {
-  const existing = (t007._ftrappers ??= /* @__PURE__ */ new WeakMap()).get(el);
+  const stacks = t007._ftrappers_stacks ??= /* @__PURE__ */ new WeakMap(), existing = (t007._ftrappers ??= /* @__PURE__ */ new WeakMap()).get(el);
   if (!enabled || existing) return existing ? existing : void 0;
   scoped = scoped && root instanceof HTMLElement, root = scoped ? root : root === document ? document : window;
-  const stack = stacks2.get(root) ?? [], focused = document.querySelector(":focus"), initial = el.querySelector(initialSelector), first = createEl("span", { tabIndex: 0 }, { focusGuard: "start" }, { position: "absolute", width: "0", height: "0", pointerEvents: "none" }), last = createEl("span", { tabIndex: 0 }, { focusGuard: "end" }, { position: "absolute", width: "0", height: "0", pointerEvents: "none" }), getFocusable = (c = el) => Array.prototype.filter.call(c.querySelectorAll(INTERACTIVE_SELECTOR), (el2) => !el2.hasAttribute("disabled") && !el2.hasAttribute("aria-hidden") && !el2.hasAttribute("data-focus-guard")), resetFocus = (i = 0, els = getFocusable()) => els?.length ? els.at(i).focus() : (!el.hasAttribute("tabindex") && (el.tabIndex = -1), el.focus()), edgeFocus = (pre = false) => {
+  const stack = stacks.get(root) ?? [], focused = document.querySelector(":focus"), initial = el.querySelector(initialSelector), first = createEl("span", { tabIndex: 0 }, { focusGuard: "start" }, { position: "absolute", width: "0", height: "0", pointerEvents: "none" }), last = createEl("span", { tabIndex: 0 }, { focusGuard: "end" }, { position: "absolute", width: "0", height: "0", pointerEvents: "none" }), getFocusable = (c = el) => [...c.querySelectorAll(INTERACTIVE_SELECTOR)], resetFocus = (i = 0, els = getFocusable()) => els?.length ? els.at(i).focus() : (!el.hasAttribute("tabindex") && (el.tabIndex = -1), el.focus()), edgeFocus = (pre = false, rt = root) => {
     if (!scoped) return resetFocus(pre ? -1 : 0);
-    else if (root.hasAttribute("tabindex")) return root.focus();
+    if (rt.hasAttribute("tabindex")) return rt.focus();
     const items = getFocusable();
     if (!items.length) return resetFocus(0, null);
-    const all = getFocusable(root.parentElement?.closest(`:has(${INTERACTIVE_SELECTOR})`) || document.body);
-    for (let target, len = all.length, i = all.indexOf(items[pre ? 0 : items.length - 1]) + (pre ? -1 : 1); pre ? i >= 0 : i < len; pre ? i-- : i++) if (!root.contains(target = all[i])) return target.focus();
+    const ceiling = document.fullscreenElement || document.querySelector("dialog:modal") || document.body;
+    let p = rt.parentElement || ceiling, all = getFocusable(p);
+    while (p !== ceiling && (!all.length || rt.contains(all[0]) && rt.contains(all.at(-1)))) all = getFocusable(p = p.parentElement || ceiling);
+    for (let target, len = all.length, i = all.indexOf(items[pre ? 0 : items.length - 1]) + (pre ? -1 : 1); pre ? i >= 0 : i < len; pre ? i-- : i++) if (!rt.contains(target = all[i])) return target.focus();
     (pre ? first : last).blur();
-  }, handleFocusIn = () => stack.at(-1) === el && getActiveElement() !== root && !el.contains(getActiveElement()) && setTimeout(resetFocus, 0, 0), handleInitialBlur = () => initial.classList.remove(ringClassName);
+  }, handleFocusIn = () => {
+    if (document.querySelector("dialog:modal") && !el.matches("dialog:modal")) return;
+    stack.at(-1) === el && getActiveEl(el.ownerDocument) !== root && !el.contains(getActiveEl(el.ownerDocument)) && resetFocus();
+  }, handleInitialBlur = () => initial.classList.remove(ringClassName);
   first.addEventListener("focus", (e) => el.contains(e.relatedTarget) ? edgeFocus(true) : resetFocus(), capture), el.prepend(first);
   last.addEventListener("focus", (e) => el.contains(e.relatedTarget) ? edgeFocus() : resetFocus(-1), capture), el.append(last);
   root.addEventListener("focusin", handleFocusIn, capture);
-  if (!el.querySelector(":focus")) !initial ? resetFocus() : setTimeout(() => (initial.classList.add(ringClassName), initial.focus(), initial.addEventListener("blur", handleInitialBlur, capture)));
-  if (!stack.includes(el)) stack.push(el), stacks2.set(root, stack);
+  if (!el.querySelector(":focus")) !initial ? setTimeout(resetFocus) : setTimeout(() => (initial.classList.add(ringClassName), initial.focus(), initial.addEventListener("blur", handleInitialBlur, capture)));
+  if (!stack.includes(el)) stack.push(el), stacks.set(root, stack);
   const destroy = () => {
     focused?.isConnected && focused.focus(), first.remove(), last.remove();
     root.removeEventListener("focusin", handleFocusIn, capture);

package/dist/hooks/react.cjs

@@ -37,12 +37,9 @@ var import_utils = require("sia-reactor/utils");
 
 // src/core/dom.ts
 var import_utils2 = require("sia-reactor/utils");
-var INTERACTIVE_SELECTOR = 'button,[href],input,label,select,textarea,details>summary,[contenteditable],iframe,audio[controls],video[controls],[tabindex]:not([tabindex="-1"])';
+var import_utils3 = require("sia-reactor/utils");
+var INTERACTIVE_SELECTOR = ":is(button,[href],input:not([type='hidden']),select,textarea,details>summary,[contenteditable='true'],iframe,audio[controls],video[controls],[tabindex]):not([disabled],[tabindex='-1'],[data-focus-guard],[inert],[inert] *)";
 var isInteractive = (target) => target instanceof HTMLElement && target.matches(INTERACTIVE_SELECTOR);
-function getActiveElement(root = document) {
-  const activeEl = root.activeElement;
-  return !activeEl ? null : activeEl.shadowRoot ? getActiveElement(activeEl.shadowRoot) : activeEl;
-}
 
 // src/hooks/react/useScrollAssist.ts
 var import_sia_reactor = require("sia-reactor");
@@ -128,15 +125,14 @@ var import_react2 = require("react");
 
 // src/hooks/vanilla/outsideClick.ts
 var import_sia_reactor2 = require("sia-reactor");
-var stacks = /* @__PURE__ */ new WeakMap();
-function initOutsideClick(el, { enabled = false, onOutsideClick = import_sia_reactor2.NOOP, clickOnClick = true, clickOnEscape = true, clickOnFocusOut = false, allowInputs = true, root = window, scoped = true, capture = true } = import_sia_reactor2.NIL) {
-  const existing = (t007._outsiders ??= /* @__PURE__ */ new WeakMap()).get(el);
+function initOutsideClick(el, { enabled = false, onOutsideClick = import_sia_reactor2.NOOP, outOnClick = true, outOnEscape = true, outOnFocusOut = false, allowInputs = false, root = window, scoped = true, capture = true } = import_sia_reactor2.NIL) {
+  const stacks = t007._outsiders_stacks ??= /* @__PURE__ */ new WeakMap(), existing = (t007._outsiders ??= /* @__PURE__ */ new WeakMap()).get(el);
   if (!enabled || existing) return existing ? existing : void 0;
   scoped = scoped && root instanceof HTMLElement, root = scoped ? root : root === document ? document : window;
   const stack = stacks.get(root) ?? [], onScopedOut = (e, t, p = e.touches?.[0] || e, rect = el.getBoundingClientRect()) => {
     if (stack.at(-1) !== el || p.clientX >= rect.left && p.clientX <= rect.right && p.clientY >= rect.top && p.clientY <= rect.bottom) return false;
     return (!scoped ? true : root.contains(t)) && onOutsideClick(e);
-  }, handleClick = ((e) => clickOnClick && !(allowInputs && isInteractive(e.target)) && onScopedOut(e, e.target)), handleEscape = ((e) => clickOnEscape && e.key === "Escape" && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey && stack.at(-1) === el && onOutsideClick(e)), handleFocusOut = (e) => clickOnFocusOut && onScopedOut(e, e.relatedTarget);
+  }, handleClick = ((e) => outOnClick && !(allowInputs && isInteractive(e.target)) && onScopedOut(e, e.target)), handleEscape = ((e) => outOnEscape && e.key === "Escape" && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey && stack.at(-1) === el && onOutsideClick(e)), handleFocusOut = (e) => outOnFocusOut && !el.contains(e.relatedTarget) && onScopedOut(e, e.relatedTarget);
   root.addEventListener("mousedown", handleClick, capture), root.addEventListener("touchstart", handleClick, { passive: true, capture });
   root.addEventListener("keydown", handleEscape, capture), el.addEventListener("focusout", handleFocusOut, capture);
   if (!stack.includes(el)) stack.push(el), stacks.set(root, stack);
@@ -152,7 +148,7 @@ function initOutsideClick(el, { enabled = false, onOutsideClick = import_sia_rea
 // src/hooks/react/useOutsideClick.ts
 var import_sia_reactor3 = require("sia-reactor");
 function useOutsideClick(ref, config = import_sia_reactor3.NIL) {
-  (0, import_react2.useEffect)(() => ref.current ? initOutsideClick(ref.current, config) : void 0, [ref, config.enabled, config.onOutsideClick, config.clickOnEscape, config.clickOnClick, config.clickOnFocusOut, config.allowInputs, config.root, config.scoped, config.capture]);
+  (0, import_react2.useEffect)(() => ref.current ? initOutsideClick(ref.current, config) : void 0, [ref, config.enabled, config.onOutsideClick, config.outOnEscape, config.outOnClick, config.outOnFocusOut, config.allowInputs, config.root, config.scoped, config.capture]);
 }
 
 // src/hooks/react/useArrowNavigation/index.ts
@@ -290,15 +286,16 @@ function useArrowNavigation(containerRef, config = {}) {
   );
   const simulateKey = (0, import_react3.useCallback)(
     (e) => {
-      if (shouldSnub() || getActiveElement()?.matches("option")) return;
+      const t = e.target;
+      if (shouldSnub() || (0, import_utils3.getActiveEl)(t?.ownerDocument)?.matches("option")) return;
       const all = itemsRef.current, { key } = e;
       if (!all.length) return;
       if (virtual && (key === " " || key === "Enter")) return all[activeIndex]?.click();
-      if (e.target?.matches(DEFAULT_CONFIG.inputSelector) && !virtual) return;
+      if (t?.matches(DEFAULT_CONFIG.inputSelector) && !virtual) return;
       if (typeahead && key.length === 1 && /^[a-z0-9]$/i.test(key)) return typeAhead(key);
       if (!NAV_KEYS.includes(key)) return;
       if (!(e.currentTarget?.matches(DEFAULT_CONFIG.inputSelector) && gridX <= 1 && H_NAV_KEYS.includes(key))) e.preventDefault?.(), e.stopPropagation?.();
-      const currIndex = virtual ? activeIndex : all.indexOf(getActiveElement()), targetIndex = getTargetIndex({ currIndex, gridX, gridY, vGridY, length: all.length, loop, rtl, key, ctrlKey: e.ctrlKey });
+      const currIndex = virtual ? activeIndex : all.indexOf((0, import_utils3.getActiveEl)(t?.ownerDocument)), targetIndex = getTargetIndex({ currIndex, gridX, gridY, vGridY, length: all.length, loop, rtl, key, ctrlKey: e.ctrlKey });
       goToIndex(targetIndex, e);
     },
     [shouldSnub, virtual, activeIndex, gridX, gridY, vGridY, loop, rtl, goToIndex, typeahead, typeAhead]
@@ -381,25 +378,29 @@ var import_react4 = require("react");
 
 // src/hooks/vanilla/focusTrap.ts
 var import_sia_reactor5 = require("sia-reactor");
-var stacks2 = /* @__PURE__ */ new WeakMap();
 function initFocusTrap(el, { enabled = false, initialSelector = "[data-autofocus]", ringClassName = "focus-outline", root = window, scoped = true, capture = true } = import_sia_reactor5.NIL) {
-  const existing = (t007._ftrappers ??= /* @__PURE__ */ new WeakMap()).get(el);
+  const stacks = t007._ftrappers_stacks ??= /* @__PURE__ */ new WeakMap(), existing = (t007._ftrappers ??= /* @__PURE__ */ new WeakMap()).get(el);
   if (!enabled || existing) return existing ? existing : void 0;
   scoped = scoped && root instanceof HTMLElement, root = scoped ? root : root === document ? document : window;
-  const stack = stacks2.get(root) ?? [], focused = document.querySelector(":focus"), initial = el.querySelector(initialSelector), first = (0, import_utils2.createEl)("span", { tabIndex: 0 }, { focusGuard: "start" }, { position: "absolute", width: "0", height: "0", pointerEvents: "none" }), last = (0, import_utils2.createEl)("span", { tabIndex: 0 }, { focusGuard: "end" }, { position: "absolute", width: "0", height: "0", pointerEvents: "none" }), getFocusable = (c = el) => Array.prototype.filter.call(c.querySelectorAll(INTERACTIVE_SELECTOR), (el2) => !el2.hasAttribute("disabled") && !el2.hasAttribute("aria-hidden") && !el2.hasAttribute("data-focus-guard")), resetFocus = (i = 0, els = getFocusable()) => els?.length ? els.at(i).focus() : (!el.hasAttribute("tabindex") && (el.tabIndex = -1), el.focus()), edgeFocus = (pre = false) => {
+  const stack = stacks.get(root) ?? [], focused = document.querySelector(":focus"), initial = el.querySelector(initialSelector), first = (0, import_utils2.createEl)("span", { tabIndex: 0 }, { focusGuard: "start" }, { position: "absolute", width: "0", height: "0", pointerEvents: "none" }), last = (0, import_utils2.createEl)("span", { tabIndex: 0 }, { focusGuard: "end" }, { position: "absolute", width: "0", height: "0", pointerEvents: "none" }), getFocusable = (c = el) => [...c.querySelectorAll(INTERACTIVE_SELECTOR)], resetFocus = (i = 0, els = getFocusable()) => els?.length ? els.at(i).focus() : (!el.hasAttribute("tabindex") && (el.tabIndex = -1), el.focus()), edgeFocus = (pre = false, rt = root) => {
     if (!scoped) return resetFocus(pre ? -1 : 0);
-    else if (root.hasAttribute("tabindex")) return root.focus();
+    if (rt.hasAttribute("tabindex")) return rt.focus();
     const items = getFocusable();
     if (!items.length) return resetFocus(0, null);
-    const all = getFocusable(root.parentElement?.closest(`:has(${INTERACTIVE_SELECTOR})`) || document.body);
-    for (let target, len = all.length, i = all.indexOf(items[pre ? 0 : items.length - 1]) + (pre ? -1 : 1); pre ? i >= 0 : i < len; pre ? i-- : i++) if (!root.contains(target = all[i])) return target.focus();
+    const ceiling = document.fullscreenElement || document.querySelector("dialog:modal") || document.body;
+    let p = rt.parentElement || ceiling, all = getFocusable(p);
+    while (p !== ceiling && (!all.length || rt.contains(all[0]) && rt.contains(all.at(-1)))) all = getFocusable(p = p.parentElement || ceiling);
+    for (let target, len = all.length, i = all.indexOf(items[pre ? 0 : items.length - 1]) + (pre ? -1 : 1); pre ? i >= 0 : i < len; pre ? i-- : i++) if (!rt.contains(target = all[i])) return target.focus();
     (pre ? first : last).blur();
-  }, handleFocusIn = () => stack.at(-1) === el && getActiveElement() !== root && !el.contains(getActiveElement()) && setTimeout(resetFocus, 0, 0), handleInitialBlur = () => initial.classList.remove(ringClassName);
+  }, handleFocusIn = () => {
+    if (document.querySelector("dialog:modal") && !el.matches("dialog:modal")) return;
+    stack.at(-1) === el && (0, import_utils3.getActiveEl)(el.ownerDocument) !== root && !el.contains((0, import_utils3.getActiveEl)(el.ownerDocument)) && resetFocus();
+  }, handleInitialBlur = () => initial.classList.remove(ringClassName);
   first.addEventListener("focus", (e) => el.contains(e.relatedTarget) ? edgeFocus(true) : resetFocus(), capture), el.prepend(first);
   last.addEventListener("focus", (e) => el.contains(e.relatedTarget) ? edgeFocus() : resetFocus(-1), capture), el.append(last);
   root.addEventListener("focusin", handleFocusIn, capture);
-  if (!el.querySelector(":focus")) !initial ? resetFocus() : setTimeout(() => (initial.classList.add(ringClassName), initial.focus(), initial.addEventListener("blur", handleInitialBlur, capture)));
-  if (!stack.includes(el)) stack.push(el), stacks2.set(root, stack);
+  if (!el.querySelector(":focus")) !initial ? setTimeout(resetFocus) : setTimeout(() => (initial.classList.add(ringClassName), initial.focus(), initial.addEventListener("blur", handleInitialBlur, capture)));
+  if (!stack.includes(el)) stack.push(el), stacks.set(root, stack);
   const destroy = () => {
     focused?.isConnected && focused.focus(), first.remove(), last.remove();
     root.removeEventListener("focusin", handleFocusIn, capture);

package/dist/hooks/react.d.cts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { a as ScrollAssistConfig, C as Config, K as KeyEvent } from '../scrollAssist-y9wFmYgt.cjs';
-import { O as OutsideClickConfig, F as FocusTrapConfig, R as RippleConfig } from '../ripple-DcMWw_AP.cjs';
+import { O as OutsideClickConfig, F as FocusTrapConfig, R as RippleConfig } from '../ripple-CVQx46Xq.cjs';
 export { H as HighlightOptions, u as useHighlight } from '../useHighlight-DMpDCILK.cjs';
 
 /** Configuration options for the `useScrollAssist` hook. */

package/dist/hooks/react.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { a as ScrollAssistConfig, C as Config, K as KeyEvent } from '../scrollAssist-y9wFmYgt.js';
-import { O as OutsideClickConfig, F as FocusTrapConfig, R as RippleConfig } from '../ripple-DcMWw_AP.js';
+import { O as OutsideClickConfig, F as FocusTrapConfig, R as RippleConfig } from '../ripple-CVQx46Xq.js';
 export { H as HighlightOptions, u as useHighlight } from '../useHighlight-DMpDCILK.js';
 
 /** Configuration options for the `useScrollAssist` hook. */

package/dist/hooks/react.js

@@ -11,11 +11,11 @@ import {
   initFocusTrap,
   initOutsideClick,
   rippleHandler
-} from "../chunk-AI5O3OGE.js";
+} from "../chunk-NLR4ANGT.js";
 import {
   INTERACTIVE_SELECTOR,
-  getActiveElement
-} from "../chunk-XVFFZZJA.js";
+  getActiveEl
+} from "../chunk-N5KX6IW4.js";
 
 // src/hooks/react/useScrollAssist.ts
 import { useEffect, useRef, useCallback } from "react";
@@ -101,7 +101,7 @@ function useScrollAssist(ref, { enabled = true, pxPerSecond = 80, assistClassNam
 import { useEffect as useEffect2 } from "react";
 import { NIL as NIL2 } from "sia-reactor";
 function useOutsideClick(ref, config = NIL2) {
-  useEffect2(() => ref.current ? initOutsideClick(ref.current, config) : void 0, [ref, config.enabled, config.onOutsideClick, config.clickOnEscape, config.clickOnClick, config.clickOnFocusOut, config.allowInputs, config.root, config.scoped, config.capture]);
+  useEffect2(() => ref.current ? initOutsideClick(ref.current, config) : void 0, [ref, config.enabled, config.onOutsideClick, config.outOnEscape, config.outOnClick, config.outOnFocusOut, config.allowInputs, config.root, config.scoped, config.capture]);
 }
 
 // src/hooks/react/useArrowNavigation/index.ts
@@ -167,15 +167,16 @@ function useArrowNavigation(containerRef, config = {}) {
   );
   const simulateKey = useCallback2(
     (e) => {
-      if (shouldSnub() || getActiveElement()?.matches("option")) return;
+      const t = e.target;
+      if (shouldSnub() || getActiveEl(t?.ownerDocument)?.matches("option")) return;
       const all = itemsRef.current, { key } = e;
       if (!all.length) return;
       if (virtual && (key === " " || key === "Enter")) return all[activeIndex]?.click();
-      if (e.target?.matches(DEFAULT_CONFIG.inputSelector) && !virtual) return;
+      if (t?.matches(DEFAULT_CONFIG.inputSelector) && !virtual) return;
       if (typeahead && key.length === 1 && /^[a-z0-9]$/i.test(key)) return typeAhead(key);
       if (!NAV_KEYS.includes(key)) return;
       if (!(e.currentTarget?.matches(DEFAULT_CONFIG.inputSelector) && gridX <= 1 && H_NAV_KEYS.includes(key))) e.preventDefault?.(), e.stopPropagation?.();
-      const currIndex = virtual ? activeIndex : all.indexOf(getActiveElement()), targetIndex = getTargetIndex({ currIndex, gridX, gridY, vGridY, length: all.length, loop, rtl, key, ctrlKey: e.ctrlKey });
+      const currIndex = virtual ? activeIndex : all.indexOf(getActiveEl(t?.ownerDocument)), targetIndex = getTargetIndex({ currIndex, gridX, gridY, vGridY, length: all.length, loop, rtl, key, ctrlKey: e.ctrlKey });
       goToIndex(targetIndex, e);
     },
     [shouldSnub, virtual, activeIndex, gridX, gridY, vGridY, loop, rtl, goToIndex, typeahead, typeAhead]

package/dist/hooks/vanilla.cjs

@@ -38,24 +38,21 @@ var import_sia_reactor = require("sia-reactor");
 
 // src/core/dom.ts
 var import_utils = require("sia-reactor/utils");
-var INTERACTIVE_SELECTOR = 'button,[href],input,label,select,textarea,details>summary,[contenteditable],iframe,audio[controls],video[controls],[tabindex]:not([tabindex="-1"])';
+var import_utils2 = require("sia-reactor/utils");
+var INTERACTIVE_SELECTOR = ":is(button,[href],input:not([type='hidden']),select,textarea,details>summary,[contenteditable='true'],iframe,audio[controls],video[controls],[tabindex]):not([disabled],[tabindex='-1'],[data-focus-guard],[inert],[inert] *)";
 var isInteractive = (target) => target instanceof HTMLElement && target.matches(INTERACTIVE_SELECTOR);
-function getActiveElement(root = document) {
-  const activeEl = root.activeElement;
-  return !activeEl ? null : activeEl.shadowRoot ? getActiveElement(activeEl.shadowRoot) : activeEl;
-}
 
 // src/core/num.ts
-var import_utils2 = require("sia-reactor/utils");
+var import_utils3 = require("sia-reactor/utils");
 
 // src/hooks/vanilla/scrollAssist.ts
 function initScrollAssist(el, { pxPerSecond = 80, assistClassName = "t007-scroll-assist", vertical = true, horizontal = true } = import_sia_reactor.NIL) {
   const parent = el?.parentElement, existing = (t007._scrollers ??= /* @__PURE__ */ new WeakMap()).get(el);
   if (!parent || existing) return existing ? existing : void 0;
-  t007._scroller_r_observer ??= new ResizeObserver((entries) => {
+  t007._scrollers_r_observer ??= new ResizeObserver((entries) => {
     for (const { target } of entries) t007._scrollers.get(target)?.update();
   });
-  t007._scroller_m_observer ??= new MutationObserver((entries) => {
+  t007._scrollers_m_observer ??= new MutationObserver((entries) => {
     const els = /* @__PURE__ */ new Set();
     for (const entry of entries) {
       let node = entry.target instanceof Element ? entry.target : null;
@@ -110,12 +107,12 @@ function initScrollAssist(el, { pxPerSecond = 80, assistClassName = "t007-scroll
     update,
     destroy() {
       stop(), el.removeEventListener("scroll", update);
-      t007._scroller_r_observer.unobserve(el), t007._scrollers.delete(el);
+      t007._scrollers_r_observer.unobserve(el), t007._scrollers.delete(el);
       for (const a of Object.values(assist)) a.remove();
     }
   };
   update(), el.addEventListener("scroll", update);
-  t007._scroller_r_observer.observe(el), t007._scroller_m_observer.observe(el, { childList: true, subtree: true, characterData: true });
+  t007._scrollers_r_observer.observe(el), t007._scrollers_m_observer.observe(el, { childList: true, subtree: true, characterData: true });
   return t007._scrollers.set(el, handle), handle;
 }
 var removeScrollAssist = (el) => t007._scrollers.get(el)?.destroy();
@@ -139,15 +136,14 @@ function initVScrollerator({ baseSpeed = 3, maxSpeed = 10, stepDelay = 2e3, base
 
 // src/hooks/vanilla/outsideClick.ts
 var import_sia_reactor3 = require("sia-reactor");
-var stacks = /* @__PURE__ */ new WeakMap();
-function initOutsideClick(el, { enabled = false, onOutsideClick = import_sia_reactor3.NOOP, clickOnClick = true, clickOnEscape = true, clickOnFocusOut = false, allowInputs = true, root = window, scoped = true, capture = true } = import_sia_reactor3.NIL) {
-  const existing = (t007._outsiders ??= /* @__PURE__ */ new WeakMap()).get(el);
+function initOutsideClick(el, { enabled = false, onOutsideClick = import_sia_reactor3.NOOP, outOnClick = true, outOnEscape = true, outOnFocusOut = false, allowInputs = false, root = window, scoped = true, capture = true } = import_sia_reactor3.NIL) {
+  const stacks = t007._outsiders_stacks ??= /* @__PURE__ */ new WeakMap(), existing = (t007._outsiders ??= /* @__PURE__ */ new WeakMap()).get(el);
   if (!enabled || existing) return existing ? existing : void 0;
   scoped = scoped && root instanceof HTMLElement, root = scoped ? root : root === document ? document : window;
   const stack = stacks.get(root) ?? [], onScopedOut = (e, t, p = e.touches?.[0] || e, rect = el.getBoundingClientRect()) => {
     if (stack.at(-1) !== el || p.clientX >= rect.left && p.clientX <= rect.right && p.clientY >= rect.top && p.clientY <= rect.bottom) return false;
     return (!scoped ? true : root.contains(t)) && onOutsideClick(e);
-  }, handleClick = ((e) => clickOnClick && !(allowInputs && isInteractive(e.target)) && onScopedOut(e, e.target)), handleEscape = ((e) => clickOnEscape && e.key === "Escape" && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey && stack.at(-1) === el && onOutsideClick(e)), handleFocusOut = (e) => clickOnFocusOut && onScopedOut(e, e.relatedTarget);
+  }, handleClick = ((e) => outOnClick && !(allowInputs && isInteractive(e.target)) && onScopedOut(e, e.target)), handleEscape = ((e) => outOnEscape && e.key === "Escape" && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey && stack.at(-1) === el && onOutsideClick(e)), handleFocusOut = (e) => outOnFocusOut && !el.contains(e.relatedTarget) && onScopedOut(e, e.relatedTarget);
   root.addEventListener("mousedown", handleClick, capture), root.addEventListener("touchstart", handleClick, { passive: true, capture });
   root.addEventListener("keydown", handleEscape, capture), el.addEventListener("focusout", handleFocusOut, capture);
   if (!stack.includes(el)) stack.push(el), stacks.set(root, stack);
@@ -163,25 +159,29 @@ var removeOutsideClick = (el) => t007._outsiders?.get(el)?.();
 
 // src/hooks/vanilla/focusTrap.ts
 var import_sia_reactor4 = require("sia-reactor");
-var stacks2 = /* @__PURE__ */ new WeakMap();
 function initFocusTrap(el, { enabled = false, initialSelector = "[data-autofocus]", ringClassName = "focus-outline", root = window, scoped = true, capture = true } = import_sia_reactor4.NIL) {
-  const existing = (t007._ftrappers ??= /* @__PURE__ */ new WeakMap()).get(el);
+  const stacks = t007._ftrappers_stacks ??= /* @__PURE__ */ new WeakMap(), existing = (t007._ftrappers ??= /* @__PURE__ */ new WeakMap()).get(el);
   if (!enabled || existing) return existing ? existing : void 0;
   scoped = scoped && root instanceof HTMLElement, root = scoped ? root : root === document ? document : window;
-  const stack = stacks2.get(root) ?? [], focused = document.querySelector(":focus"), initial = el.querySelector(initialSelector), first = (0, import_utils.createEl)("span", { tabIndex: 0 }, { focusGuard: "start" }, { position: "absolute", width: "0", height: "0", pointerEvents: "none" }), last = (0, import_utils.createEl)("span", { tabIndex: 0 }, { focusGuard: "end" }, { position: "absolute", width: "0", height: "0", pointerEvents: "none" }), getFocusable = (c = el) => Array.prototype.filter.call(c.querySelectorAll(INTERACTIVE_SELECTOR), (el2) => !el2.hasAttribute("disabled") && !el2.hasAttribute("aria-hidden") && !el2.hasAttribute("data-focus-guard")), resetFocus = (i = 0, els = getFocusable()) => els?.length ? els.at(i).focus() : (!el.hasAttribute("tabindex") && (el.tabIndex = -1), el.focus()), edgeFocus = (pre = false) => {
+  const stack = stacks.get(root) ?? [], focused = document.querySelector(":focus"), initial = el.querySelector(initialSelector), first = (0, import_utils.createEl)("span", { tabIndex: 0 }, { focusGuard: "start" }, { position: "absolute", width: "0", height: "0", pointerEvents: "none" }), last = (0, import_utils.createEl)("span", { tabIndex: 0 }, { focusGuard: "end" }, { position: "absolute", width: "0", height: "0", pointerEvents: "none" }), getFocusable = (c = el) => [...c.querySelectorAll(INTERACTIVE_SELECTOR)], resetFocus = (i = 0, els = getFocusable()) => els?.length ? els.at(i).focus() : (!el.hasAttribute("tabindex") && (el.tabIndex = -1), el.focus()), edgeFocus = (pre = false, rt = root) => {
     if (!scoped) return resetFocus(pre ? -1 : 0);
-    else if (root.hasAttribute("tabindex")) return root.focus();
+    if (rt.hasAttribute("tabindex")) return rt.focus();
     const items = getFocusable();
     if (!items.length) return resetFocus(0, null);
-    const all = getFocusable(root.parentElement?.closest(`:has(${INTERACTIVE_SELECTOR})`) || document.body);
-    for (let target, len = all.length, i = all.indexOf(items[pre ? 0 : items.length - 1]) + (pre ? -1 : 1); pre ? i >= 0 : i < len; pre ? i-- : i++) if (!root.contains(target = all[i])) return target.focus();
+    const ceiling = document.fullscreenElement || document.querySelector("dialog:modal") || document.body;
+    let p = rt.parentElement || ceiling, all = getFocusable(p);
+    while (p !== ceiling && (!all.length || rt.contains(all[0]) && rt.contains(all.at(-1)))) all = getFocusable(p = p.parentElement || ceiling);
+    for (let target, len = all.length, i = all.indexOf(items[pre ? 0 : items.length - 1]) + (pre ? -1 : 1); pre ? i >= 0 : i < len; pre ? i-- : i++) if (!rt.contains(target = all[i])) return target.focus();
     (pre ? first : last).blur();
-  }, handleFocusIn = () => stack.at(-1) === el && getActiveElement() !== root && !el.contains(getActiveElement()) && setTimeout(resetFocus, 0, 0), handleInitialBlur = () => initial.classList.remove(ringClassName);
+  }, handleFocusIn = () => {
+    if (document.querySelector("dialog:modal") && !el.matches("dialog:modal")) return;
+    stack.at(-1) === el && (0, import_utils2.getActiveEl)(el.ownerDocument) !== root && !el.contains((0, import_utils2.getActiveEl)(el.ownerDocument)) && resetFocus();
+  }, handleInitialBlur = () => initial.classList.remove(ringClassName);
   first.addEventListener("focus", (e) => el.contains(e.relatedTarget) ? edgeFocus(true) : resetFocus(), capture), el.prepend(first);
   last.addEventListener("focus", (e) => el.contains(e.relatedTarget) ? edgeFocus() : resetFocus(-1), capture), el.append(last);
   root.addEventListener("focusin", handleFocusIn, capture);
-  if (!el.querySelector(":focus")) !initial ? resetFocus() : setTimeout(() => (initial.classList.add(ringClassName), initial.focus(), initial.addEventListener("blur", handleInitialBlur, capture)));
-  if (!stack.includes(el)) stack.push(el), stacks2.set(root, stack);
+  if (!el.querySelector(":focus")) !initial ? setTimeout(resetFocus) : setTimeout(() => (initial.classList.add(ringClassName), initial.focus(), initial.addEventListener("blur", handleInitialBlur, capture)));
+  if (!stack.includes(el)) stack.push(el), stacks.set(root, stack);
   const destroy = () => {
     focused?.isConnected && focused.focus(), first.remove(), last.remove();
     root.removeEventListener("focusin", handleFocusIn, capture);
@@ -231,7 +231,7 @@ var getTargetIndex = ({ key, currIndex, length, gridX, gridY, vGridY, loop, ctrl
   } else if (key === "PageUp") {
     if (!loop && targetIndex < 0) targetIndex = colStart;
   }
-  return loop ? (targetIndex + length) % length : (0, import_utils2.clamp)(0, targetIndex, length - 1);
+  return loop ? (targetIndex + length) % length : (0, import_utils3.clamp)(0, targetIndex, length - 1);
 };
 var getCommonAncestor = (first, second) => {
   if (!first) return null;
@@ -256,7 +256,7 @@ var getGrid = (all, x = true, y = true, vY = true) => {
   if (y) grid.y = rows;
   if (vY) {
     const itemHeight = all[0].offsetHeight ?? 0, containerHeight = getCommonAncestor(all[0], all[1])?.clientHeight ?? 0;
-    rows = (0, import_utils2.clamp)(1, Math.floor(containerHeight / itemHeight), rows) || rows;
+    rows = (0, import_utils3.clamp)(1, Math.floor(containerHeight / itemHeight), rows) || rows;
     grid.vY = rows;
   }
   return grid;
@@ -264,7 +264,7 @@ var getGrid = (all, x = true, y = true, vY = true) => {
 
 // src/hooks/vanilla/arrowNavigation.ts
 function initArrowNavigation(container, config = {}) {
-  const existing = (t007._ashooters ??= /* @__PURE__ */ new WeakMap()).get(container);
+  const existing = (t007._arrownavs ??= /* @__PURE__ */ new WeakMap()).get(container);
   if (!config.enabled || existing) return existing ? existing : void 0;
   const { enabled: isEnabled, selector, focusOnHover, loop, virtual, typeahead, resetMs, activeClass, inputSelector, defaultTabbableIndex, baseTabIndex, grid, rtl: isRtl, focusOptions, scrollIntoView, onSelect, onFocusOut, rovingTab } = { ...DEFAULT_CONFIG, ...config };
   let gridX = grid.x || 1, gridY = grid.y || 1, vGridY = grid.vY || 1, activeIndex = -1, buffer = "", timeout = null, items = [];
@@ -315,15 +315,16 @@ function initArrowNavigation(container, config = {}) {
     }
   };
   const simulateKey = (e) => {
-    if (shouldSnub() || getActiveElement()?.matches("option")) return;
+    const t = e.target;
+    if (shouldSnub() || (0, import_utils2.getActiveEl)(t?.ownerDocument)?.matches("option")) return;
     const { key } = e;
     if (!items.length) return;
     if (virtual && (key === " " || key === "Enter")) return items[activeIndex]?.click();
-    if (e.target?.matches(DEFAULT_CONFIG.inputSelector) && !virtual) return;
+    if (t?.matches(DEFAULT_CONFIG.inputSelector) && !virtual) return;
     if (typeahead && key.length === 1 && /^[a-z0-9]$/i.test(key)) return typeAhead(key);
     if (!NAV_KEYS.includes(key)) return;
     if (!(e.currentTarget?.matches(DEFAULT_CONFIG.inputSelector) && gridX <= 1 && H_NAV_KEYS.includes(key))) e.preventDefault?.(), e.stopPropagation?.();
-    const currIndex = virtual ? activeIndex : items.indexOf(getActiveElement()), targetIndex = getTargetIndex({ currIndex, gridX, gridY, vGridY, length: items.length, loop, rtl, key, ctrlKey: e.ctrlKey });
+    const currIndex = virtual ? activeIndex : items.indexOf((0, import_utils2.getActiveEl)(t?.ownerDocument)), targetIndex = getTargetIndex({ currIndex, gridX, gridY, vGridY, length: items.length, loop, rtl, key, ctrlKey: e.ctrlKey });
     goToIndex(targetIndex, e);
   };
   getItems(), updateDOM();
@@ -370,9 +371,9 @@ function initArrowNavigation(container, config = {}) {
     if (timeout) clearTimeout(timeout);
   };
   const handle = { gridX: () => gridX, gridY: () => gridY, vGridY: () => vGridY, items: () => items, activeIndex: () => activeIndex, activeItem: () => items[activeIndex] ?? null, getAbleIndex, typeAhead, goToIndex, simulateKey, destroy };
-  return t007._ashooters.set(container, handle), handle;
+  return t007._arrownavs.set(container, handle), handle;
 }
-var removeArrowNavigation = (container) => t007._ashooters?.get(container)?.destroy();
+var removeArrowNavigation = (container) => t007._arrownavs?.get(container)?.destroy();
 
 // src/hooks/vanilla/ripple.ts
 var import_sia_reactor6 = require("sia-reactor");

package/dist/hooks/vanilla.d.cts

@@ -1,5 +1,5 @@
 export { a as ScrollAssistConfig, S as ScrollAssistHandle, b as ScrollDir, i as initScrollAssist, r as removeScrollAssist } from '../scrollAssist-y9wFmYgt.cjs';
-export { F as FocusTrapConfig, O as OutsideClickConfig, R as RippleConfig, i as initFocusTrap, a as initOutsideClick, r as removeFocusTrap, b as removeOutsideClick, c as rippleHandler } from '../ripple-DcMWw_AP.cjs';
+export { F as FocusTrapConfig, O as OutsideClickConfig, R as RippleConfig, i as initFocusTrap, a as initOutsideClick, r as removeFocusTrap, b as removeOutsideClick, c as rippleHandler } from '../ripple-CVQx46Xq.cjs';
 export { A as ArrowNavigationHandle, i as initArrowNavigation, r as removeArrowNavigation } from '../arrowNavigation-DK8mqVOk.cjs';
 
 /** Configuration for the vertical edge-scrolling helper. */

package/dist/hooks/vanilla.d.ts

@@ -1,5 +1,5 @@
 export { a as ScrollAssistConfig, S as ScrollAssistHandle, b as ScrollDir, i as initScrollAssist, r as removeScrollAssist } from '../scrollAssist-y9wFmYgt.js';
-export { F as FocusTrapConfig, O as OutsideClickConfig, R as RippleConfig, i as initFocusTrap, a as initOutsideClick, r as removeFocusTrap, b as removeOutsideClick, c as rippleHandler } from '../ripple-DcMWw_AP.js';
+export { F as FocusTrapConfig, O as OutsideClickConfig, R as RippleConfig, i as initFocusTrap, a as initOutsideClick, r as removeFocusTrap, b as removeOutsideClick, c as rippleHandler } from '../ripple-CVQx46Xq.js';
 export { A as ArrowNavigationHandle, i as initArrowNavigation, r as removeArrowNavigation } from '../arrowNavigation-VenvPI4H.js';
 
 /** Configuration for the vertical edge-scrolling helper. */

package/dist/hooks/vanilla.js

@@ -10,22 +10,22 @@ import {
   removeFocusTrap,
   removeOutsideClick,
   rippleHandler
-} from "../chunk-AI5O3OGE.js";
+} from "../chunk-NLR4ANGT.js";
 import {
   INTERACTIVE_SELECTOR,
   createEl,
-  getActiveElement
-} from "../chunk-XVFFZZJA.js";
+  getActiveEl
+} from "../chunk-N5KX6IW4.js";
 
 // src/hooks/vanilla/scrollAssist.ts
 import { NIL } from "sia-reactor";
 function initScrollAssist(el, { pxPerSecond = 80, assistClassName = "t007-scroll-assist", vertical = true, horizontal = true } = NIL) {
   const parent = el?.parentElement, existing = (t007._scrollers ??= /* @__PURE__ */ new WeakMap()).get(el);
   if (!parent || existing) return existing ? existing : void 0;
-  t007._scroller_r_observer ??= new ResizeObserver((entries) => {
+  t007._scrollers_r_observer ??= new ResizeObserver((entries) => {
     for (const { target } of entries) t007._scrollers.get(target)?.update();
   });
-  t007._scroller_m_observer ??= new MutationObserver((entries) => {
+  t007._scrollers_m_observer ??= new MutationObserver((entries) => {
     const els = /* @__PURE__ */ new Set();
     for (const entry of entries) {
       let node = entry.target instanceof Element ? entry.target : null;
@@ -80,12 +80,12 @@ function initScrollAssist(el, { pxPerSecond = 80, assistClassName = "t007-scroll
     update,
     destroy() {
       stop(), el.removeEventListener("scroll", update);
-      t007._scroller_r_observer.unobserve(el), t007._scrollers.delete(el);
+      t007._scrollers_r_observer.unobserve(el), t007._scrollers.delete(el);
       for (const a of Object.values(assist)) a.remove();
     }
   };
   update(), el.addEventListener("scroll", update);
-  t007._scroller_r_observer.observe(el), t007._scroller_m_observer.observe(el, { childList: true, subtree: true, characterData: true });
+  t007._scrollers_r_observer.observe(el), t007._scrollers_m_observer.observe(el, { childList: true, subtree: true, characterData: true });
   return t007._scrollers.set(el, handle), handle;
 }
 var removeScrollAssist = (el) => t007._scrollers.get(el)?.destroy();
@@ -109,7 +109,7 @@ function initVScrollerator({ baseSpeed = 3, maxSpeed = 10, stepDelay = 2e3, base
 
 // src/hooks/vanilla/arrowNavigation.ts
 function initArrowNavigation(container, config = {}) {
-  const existing = (t007._ashooters ??= /* @__PURE__ */ new WeakMap()).get(container);
+  const existing = (t007._arrownavs ??= /* @__PURE__ */ new WeakMap()).get(container);
   if (!config.enabled || existing) return existing ? existing : void 0;
   const { enabled: isEnabled, selector, focusOnHover, loop, virtual, typeahead, resetMs, activeClass, inputSelector, defaultTabbableIndex, baseTabIndex, grid, rtl: isRtl, focusOptions, scrollIntoView, onSelect, onFocusOut, rovingTab } = { ...DEFAULT_CONFIG, ...config };
   let gridX = grid.x || 1, gridY = grid.y || 1, vGridY = grid.vY || 1, activeIndex = -1, buffer = "", timeout = null, items = [];
@@ -160,15 +160,16 @@ function initArrowNavigation(container, config = {}) {
     }
   };
   const simulateKey = (e) => {
-    if (shouldSnub() || getActiveElement()?.matches("option")) return;
+    const t = e.target;
+    if (shouldSnub() || getActiveEl(t?.ownerDocument)?.matches("option")) return;
     const { key } = e;
     if (!items.length) return;
     if (virtual && (key === " " || key === "Enter")) return items[activeIndex]?.click();
-    if (e.target?.matches(DEFAULT_CONFIG.inputSelector) && !virtual) return;
+    if (t?.matches(DEFAULT_CONFIG.inputSelector) && !virtual) return;
     if (typeahead && key.length === 1 && /^[a-z0-9]$/i.test(key)) return typeAhead(key);
     if (!NAV_KEYS.includes(key)) return;
     if (!(e.currentTarget?.matches(DEFAULT_CONFIG.inputSelector) && gridX <= 1 && H_NAV_KEYS.includes(key))) e.preventDefault?.(), e.stopPropagation?.();
-    const currIndex = virtual ? activeIndex : items.indexOf(getActiveElement()), targetIndex = getTargetIndex({ currIndex, gridX, gridY, vGridY, length: items.length, loop, rtl, key, ctrlKey: e.ctrlKey });
+    const currIndex = virtual ? activeIndex : items.indexOf(getActiveEl(t?.ownerDocument)), targetIndex = getTargetIndex({ currIndex, gridX, gridY, vGridY, length: items.length, loop, rtl, key, ctrlKey: e.ctrlKey });
     goToIndex(targetIndex, e);
   };
   getItems(), updateDOM();
@@ -215,9 +216,9 @@ function initArrowNavigation(container, config = {}) {
     if (timeout) clearTimeout(timeout);
   };
   const handle = { gridX: () => gridX, gridY: () => gridY, vGridY: () => vGridY, items: () => items, activeIndex: () => activeIndex, activeItem: () => items[activeIndex] ?? null, getAbleIndex, typeAhead, goToIndex, simulateKey, destroy };
-  return t007._ashooters.set(container, handle), handle;
+  return t007._arrownavs.set(container, handle), handle;
 }
-var removeArrowNavigation = (container) => t007._ashooters?.get(container)?.destroy();
+var removeArrowNavigation = (container) => t007._arrownavs?.get(container)?.destroy();
 export {
   initArrowNavigation,
   initFocusTrap,

package/dist/index.cjs

@@ -25,20 +25,20 @@ __export(index_exports, {
   NOOP: () => import_sia_reactor.NOOP,
   VIRTUAL_RESOURCE: () => VIRTUAL_RESOURCE,
   assignEl: () => import_utils.assignEl,
-  bindAllMethods: () => import_utils6.bindAllMethods,
+  bindAllMethods: () => import_utils7.bindAllMethods,
   bindCleanupToSignal: () => bindCleanupToSignal,
   breath: () => breath,
-  clamp: () => import_utils3.clamp,
-  cleanKeyCombo: () => import_utils5.cleanKeyCombo,
+  clamp: () => import_utils4.clamp,
+  cleanKeyCombo: () => import_utils6.cleanKeyCombo,
   createEl: () => import_utils.createEl,
   deepBreath: () => deepBreath,
-  formatKeyForDisplay: () => import_utils5.formatKeyForDisplay,
-  formatKeyShortcutsForDisplay: () => import_utils5.formatKeyShortcutsForDisplay,
+  formatKeyForDisplay: () => import_utils6.formatKeyForDisplay,
+  formatKeyShortcutsForDisplay: () => import_utils6.formatKeyShortcutsForDisplay,
   formatSize: () => formatSize,
-  getActiveElement: () => getActiveElement,
-  getTermsForKey: () => import_utils5.getTermsForKey,
-  guardAllMethods: () => import_utils6.guardAllMethods,
-  guardMethod: () => import_utils6.guardMethod,
+  getActiveEl: () => import_utils2.getActiveEl,
+  getTermsForKey: () => import_utils6.getTermsForKey,
+  guardAllMethods: () => import_utils7.guardAllMethods,
+  guardMethod: () => import_utils7.guardMethod,
   inBoolArrOpt: () => inBoolArrOpt,
   isArr: () => isArr,
   isBool: () => isBool,
@@ -47,30 +47,35 @@ __export(index_exports, {
   isInteractive: () => isInteractive,
   isIter: () => isIter,
   isNum: () => isNum,
-  isObj: () => import_utils2.isObj,
+  isObj: () => import_utils3.isObj,
   isPOJO: () => isPOJO,
   isSameURL: () => isSameURL,
   isStr: () => isStr,
   isSym: () => isSym,
-  keyEventAllowed: () => import_utils5.keyEventAllowed,
+  keyEventAllowed: () => import_utils6.keyEventAllowed,
   limited: () => limited,
   loadResource: () => loadResource,
-  matchKeys: () => import_utils5.matchKeys,
+  matchKeys: () => import_utils6.matchKeys,
   mockAsync: () => mockAsync,
-  onAllMethods: () => import_utils6.onAllMethods,
-  parseForARIAKS: () => import_utils5.parseForARIAKS,
-  parseKeyCombo: () => import_utils5.parseKeyCombo,
-  requestAnimationFrame: () => import_utils4.requestAnimationFrame,
-  setInterval: () => import_utils4.setInterval,
-  setTimeout: () => import_utils4.setTimeout,
-  stringifyKeyEvent: () => import_utils5.stringifyKeyEvent,
+  onAllMethods: () => import_utils7.onAllMethods,
+  parseCSSSize: () => parseCSSSize,
+  parseCSSTime: () => parseCSSTime,
+  parseForARIAKS: () => import_utils6.parseForARIAKS,
+  parseKeyCombo: () => import_utils6.parseKeyCombo,
+  pxToRem: () => pxToRem,
+  remToPx: () => remToPx,
+  requestAnimationFrame: () => import_utils5.requestAnimationFrame,
+  setInterval: () => import_utils5.setInterval,
+  setTimeout: () => import_utils5.setTimeout,
+  stringifyKeyEvent: () => import_utils6.stringifyKeyEvent,
   uid: () => uid
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/core/dom.ts
 var import_utils = require("sia-reactor/utils");
-var INTERACTIVE_SELECTOR = 'button,[href],input,label,select,textarea,details>summary,[contenteditable],iframe,audio[controls],video[controls],[tabindex]:not([tabindex="-1"])';
+var import_utils2 = require("sia-reactor/utils");
+var INTERACTIVE_SELECTOR = ":is(button,[href],input:not([type='hidden']),select,textarea,details>summary,[contenteditable='true'],iframe,audio[controls],video[controls],[tabindex]):not([disabled],[tabindex='-1'],[data-focus-guard],[inert],[inert] *)";
 var isInteractive = (target) => target instanceof HTMLElement && target.matches(INTERACTIVE_SELECTOR);
 var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
 function loadResource(req, type = "style", { module: module2, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, w = window) {
@@ -100,16 +105,12 @@ function loadResource(req, type = "style", { module: module2, media, crossOrigin
   });
   return w.t007._resourceCache[src];
 }
-function getActiveElement(root = document) {
-  const activeEl = root.activeElement;
-  return !activeEl ? null : activeEl.shadowRoot ? getActiveElement(activeEl.shadowRoot) : activeEl;
-}
 
 // src/index.ts
 var import_sia_reactor = require("sia-reactor");
 
 // src/core/obj.ts
-var import_utils2 = require("sia-reactor/utils");
+var import_utils3 = require("sia-reactor/utils");
 function isDef(val) {
   return "undefined" !== typeof val;
 }
@@ -129,7 +130,7 @@ function isArr(obj) {
   return Array.isArray(obj);
 }
 function isPOJO(obj, crossRealms = false, typecheck = true) {
-  return (typecheck ? (0, import_utils2.isObj)(obj, false) : true) && (crossRealms ? Object.prototype.toString.call(obj) === "[object Object]" : obj.constructor === Object);
+  return (typecheck ? (0, import_utils3.isObj)(obj, false) : true) && (crossRealms ? Object.prototype.toString.call(obj) === "[object Object]" : obj.constructor === Object);
 }
 function isIter(obj) {
   return obj != null && "function" === typeof obj[Symbol.iterator];
@@ -142,12 +143,24 @@ function inBoolArrOpt(opt, str) {
 }
 
 // src/core/num.ts
-var import_utils3 = require("sia-reactor/utils");
+var import_utils4 = require("sia-reactor/utils");
 
 // src/core/str.ts
 function uid(prefix = "") {
   return prefix + Date.now().toString(36) + "_" + performance.now().toString(36).replace(".", "") + "_" + Math.random().toString(36).slice(2);
 }
+function remToPx(rem, el = document.documentElement) {
+  return rem * parseFloat(getComputedStyle(el).fontSize);
+}
+function pxToRem(px, el = document.documentElement) {
+  return px / parseFloat(getComputedStyle(el).fontSize);
+}
+function parseCSSTime(time) {
+  return time?.endsWith?.("ms") ? parseFloat(time) : parseFloat(time) * 1e3;
+}
+function parseCSSSize(size, el) {
+  return size?.endsWith?.("px") ? parseFloat(size) : remToPx(parseFloat(size), el);
+}
 function isSameURL(src1, src2) {
   if (!isStr(src1) || !isStr(src2) || !src1 || !src2) return false;
   try {
@@ -159,7 +172,7 @@ function isSameURL(src1, src2) {
 }
 
 // src/core/fn.ts
-var import_utils4 = require("sia-reactor/utils");
+var import_utils5 = require("sia-reactor/utils");
 function limited(FN_KEY, fn, opts = {}) {
   let count = 0, { key, maxTimes: max = 1 } = isStr(opts) ? { key: opts } : opts;
   const getReg = () => JSON.parse(localStorage.getItem(FN_KEY) || "{}"), setReg = (r) => localStorage.setItem(FN_KEY, JSON.stringify(r));
@@ -183,7 +196,7 @@ function bindCleanupToSignal(cleanup, signal) {
 }
 
 // src/core/keys.ts
-var import_utils5 = require("sia-reactor/utils");
+var import_utils6 = require("sia-reactor/utils");
 
 // src/core/file.ts
 function formatSize(bytes, decimals = 3, base = 1e3) {
@@ -193,7 +206,7 @@ function formatSize(bytes, decimals = 3, base = 1e3) {
 }
 
 // src/mixins/methd.ts
-var import_utils6 = require("sia-reactor/utils");
+var import_utils7 = require("sia-reactor/utils");
 
 // src/index.ts
 if ("undefined" !== typeof window) {
@@ -222,7 +235,7 @@ if ("undefined" !== typeof window) {
   formatKeyForDisplay,
   formatKeyShortcutsForDisplay,
   formatSize,
-  getActiveElement,
+  getActiveEl,
   getTermsForKey,
   guardAllMethods,
   guardMethod,
@@ -245,8 +258,12 @@ if ("undefined" !== typeof window) {
   matchKeys,
   mockAsync,
   onAllMethods,
+  parseCSSSize,
+  parseCSSTime,
   parseForARIAKS,
   parseKeyCombo,
+  pxToRem,
+  remToPx,
   requestAnimationFrame,
   setInterval,
   setTimeout,

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import { A as ArrowNavigationHandle } from './arrowNavigation-DK8mqVOk.cjs';
 import { S as ScrollAssistHandle } from './scrollAssist-y9wFmYgt.cjs';
 export { NIL, NOOP } from 'sia-reactor';
-export { KeyStruct, assignEl, bindAllMethods, clamp, cleanKeyCombo, createEl, formatKeyForDisplay, formatKeyShortcutsForDisplay, getTermsForKey, guardAllMethods, guardMethod, isObj, keyEventAllowed, keysSettings, matchKeys, onAllMethods, parseForARIAKS, parseKeyCombo, requestAnimationFrame, setInterval, setTimeout, stringifyKeyEvent } from 'sia-reactor/utils';
+export { KeyStruct, assignEl, bindAllMethods, clamp, cleanKeyCombo, createEl, formatKeyForDisplay, formatKeyShortcutsForDisplay, getActiveEl, getTermsForKey, guardAllMethods, guardMethod, isObj, keyEventAllowed, keysSettings, matchKeys, onAllMethods, parseForARIAKS, parseKeyCombo, requestAnimationFrame, setInterval, setTimeout, stringifyKeyEvent } from 'sia-reactor/utils';
 
 declare global {
   interface T007Namespace {
@@ -10,10 +10,12 @@ declare global {
     _resourceCache: Partial<Record<string, Promise<HTMLElement | void>>>;
     _ftrappers?: WeakMap<HTMLElement, () => void>;
     _outsiders?: WeakMap<HTMLElement, () => void>;
-    _ashooters?: WeakMap<HTMLElement, ArrowNavigationHandle>;
+    _arrownavs?: WeakMap<HTMLElement, ArrowNavigationHandle>;
     _scrollers?: WeakMap<HTMLElement, ScrollAssistHandle>;
-    _scroller_r_observer?: ResizeObserver;
-    _scroller_m_observer?: MutationObserver;
+    _ftrappers_stacks?: WeakMap<EventTarget, HTMLElement[]>;
+    _outsiders_stacks?: WeakMap<EventTarget, HTMLElement[]>;
+    _scrollers_r_observer?: ResizeObserver;
+    _scrollers_m_observer?: MutationObserver;
   }
   interface Window {
     /** Shared T007 namespace. */
@@ -52,6 +54,29 @@ declare function inBoolArrOpt(opt: any, str: string): boolean;
  * @returns A browser-safe unique id string.
  */
 declare function uid(prefix?: string): string;
+/** Convert a rem value to pixels based on the font size of a given element.
+ * @param rem The rem value to convert.
+ * @param el The element to use for font size reference. Defaults to the root element.
+ * @returns The equivalent pixel value.
+ */
+declare function remToPx(rem: number, el?: HTMLElement): number;
+/** Convert a pixel value to rem based on the font size of a given element.
+ * @param px The pixel value to convert.
+ * @param el The element to use for font size reference. Defaults to the root element.
+ * @returns The equivalent rem value.
+ */
+declare function pxToRem(px: number, el?: HTMLElement): number;
+/** Parse a CSS time value (e.g. "200ms", "0.5s") into milliseconds.
+ * @param time The CSS time string to parse.
+ * @returns The equivalent time in milliseconds.
+ */
+declare function parseCSSTime(time: string): number;
+/** Parse a CSS size value (i.e. "16px" or "1.5rem") into pixels.
+ * @param size The CSS size string to parse.
+ * @param el The element to use for rem reference if needed. Defaults to the root element.
+ * @returns The equivalent value in pixels.
+ */
+declare function parseCSSSize(size: string, el?: HTMLElement): number;
 /** Compare two URLs after normalizing origin, pathname, and separators.
  * @param src1 First URL or path.
  * @param src2 Second URL or path.
@@ -107,7 +132,7 @@ declare const deepBreath: (w?: Window & typeof globalThis) => Promise<unknown>;
 declare function bindCleanupToSignal<Cb extends () => any>(cleanup: Cb, signal?: AbortSignal): Cb;
 
 /** Exhaustive Selector used for interactive, tabbable UI controls. */
-declare const INTERACTIVE_SELECTOR = "button,[href],input,label,select,textarea,details>summary,[contenteditable],iframe,audio[controls],video[controls],[tabindex]:not([tabindex=\"-1\"])";
+declare const INTERACTIVE_SELECTOR = ":is(button,[href],input:not([type='hidden']),select,textarea,details>summary,[contenteditable='true'],iframe,audio[controls],video[controls],[tabindex]):not([disabled],[tabindex='-1'],[data-focus-guard],[inert],[inert] *)";
 /** Check whether an event target points to an interactive element. */
 declare const isInteractive: (target: EventTarget | null) => target is HTMLElement;
 /** Resource type accepted by loadResource. */
@@ -143,11 +168,6 @@ declare const VIRTUAL_RESOURCE: symbol;
  * @returns Promise resolving to the created element or void.
  */
 declare function loadResource(req: string | symbol, type?: ResourceType, { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts, retryKey }?: LoadResourceOptions, w?: Window & typeof globalThis): Promise<HTMLElement | void>;
-/** Get the currently active element, traversing into shadow roots if necessary.
- * @param root Root node to start searching from, defaults to the main document.
- * @returns The active element or null if none found.
- */
-declare function getActiveElement(root?: Document | ShadowRoot): Element | null;
 
 /** Format a file size for display.
  * @param size Size in bytes.
@@ -157,4 +177,4 @@ declare function getActiveElement(root?: Document | ShadowRoot): Element | null;
  */
 declare function formatSize(bytes: number, decimals?: number, base?: number): string;
 
-export { INTERACTIVE_SELECTOR, type LimitedHandle, type LimitedOptions, type LoadResourceOptions, type ResourceType, VIRTUAL_RESOURCE, bindCleanupToSignal, breath, deepBreath, formatSize, getActiveElement, inBoolArrOpt, isArr, isBool, isDef, isFunc, isInteractive, isIter, isNum, isPOJO, isSameURL, isStr, isSym, limited, loadResource, mockAsync, uid };
+export { INTERACTIVE_SELECTOR, type LimitedHandle, type LimitedOptions, type LoadResourceOptions, type ResourceType, VIRTUAL_RESOURCE, bindCleanupToSignal, breath, deepBreath, formatSize, inBoolArrOpt, isArr, isBool, isDef, isFunc, isInteractive, isIter, isNum, isPOJO, isSameURL, isStr, isSym, limited, loadResource, mockAsync, parseCSSSize, parseCSSTime, pxToRem, remToPx, uid };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { A as ArrowNavigationHandle } from './arrowNavigation-VenvPI4H.js';
 import { S as ScrollAssistHandle } from './scrollAssist-y9wFmYgt.js';
 export { NIL, NOOP } from 'sia-reactor';
-export { KeyStruct, assignEl, bindAllMethods, clamp, cleanKeyCombo, createEl, formatKeyForDisplay, formatKeyShortcutsForDisplay, getTermsForKey, guardAllMethods, guardMethod, isObj, keyEventAllowed, keysSettings, matchKeys, onAllMethods, parseForARIAKS, parseKeyCombo, requestAnimationFrame, setInterval, setTimeout, stringifyKeyEvent } from 'sia-reactor/utils';
+export { KeyStruct, assignEl, bindAllMethods, clamp, cleanKeyCombo, createEl, formatKeyForDisplay, formatKeyShortcutsForDisplay, getActiveEl, getTermsForKey, guardAllMethods, guardMethod, isObj, keyEventAllowed, keysSettings, matchKeys, onAllMethods, parseForARIAKS, parseKeyCombo, requestAnimationFrame, setInterval, setTimeout, stringifyKeyEvent } from 'sia-reactor/utils';
 
 declare global {
   interface T007Namespace {
@@ -10,10 +10,12 @@ declare global {
     _resourceCache: Partial<Record<string, Promise<HTMLElement | void>>>;
     _ftrappers?: WeakMap<HTMLElement, () => void>;
     _outsiders?: WeakMap<HTMLElement, () => void>;
-    _ashooters?: WeakMap<HTMLElement, ArrowNavigationHandle>;
+    _arrownavs?: WeakMap<HTMLElement, ArrowNavigationHandle>;
     _scrollers?: WeakMap<HTMLElement, ScrollAssistHandle>;
-    _scroller_r_observer?: ResizeObserver;
-    _scroller_m_observer?: MutationObserver;
+    _ftrappers_stacks?: WeakMap<EventTarget, HTMLElement[]>;
+    _outsiders_stacks?: WeakMap<EventTarget, HTMLElement[]>;
+    _scrollers_r_observer?: ResizeObserver;
+    _scrollers_m_observer?: MutationObserver;
   }
   interface Window {
     /** Shared T007 namespace. */
@@ -52,6 +54,29 @@ declare function inBoolArrOpt(opt: any, str: string): boolean;
  * @returns A browser-safe unique id string.
  */
 declare function uid(prefix?: string): string;
+/** Convert a rem value to pixels based on the font size of a given element.
+ * @param rem The rem value to convert.
+ * @param el The element to use for font size reference. Defaults to the root element.
+ * @returns The equivalent pixel value.
+ */
+declare function remToPx(rem: number, el?: HTMLElement): number;
+/** Convert a pixel value to rem based on the font size of a given element.
+ * @param px The pixel value to convert.
+ * @param el The element to use for font size reference. Defaults to the root element.
+ * @returns The equivalent rem value.
+ */
+declare function pxToRem(px: number, el?: HTMLElement): number;
+/** Parse a CSS time value (e.g. "200ms", "0.5s") into milliseconds.
+ * @param time The CSS time string to parse.
+ * @returns The equivalent time in milliseconds.
+ */
+declare function parseCSSTime(time: string): number;
+/** Parse a CSS size value (i.e. "16px" or "1.5rem") into pixels.
+ * @param size The CSS size string to parse.
+ * @param el The element to use for rem reference if needed. Defaults to the root element.
+ * @returns The equivalent value in pixels.
+ */
+declare function parseCSSSize(size: string, el?: HTMLElement): number;
 /** Compare two URLs after normalizing origin, pathname, and separators.
  * @param src1 First URL or path.
  * @param src2 Second URL or path.
@@ -107,7 +132,7 @@ declare const deepBreath: (w?: Window & typeof globalThis) => Promise<unknown>;
 declare function bindCleanupToSignal<Cb extends () => any>(cleanup: Cb, signal?: AbortSignal): Cb;
 
 /** Exhaustive Selector used for interactive, tabbable UI controls. */
-declare const INTERACTIVE_SELECTOR = "button,[href],input,label,select,textarea,details>summary,[contenteditable],iframe,audio[controls],video[controls],[tabindex]:not([tabindex=\"-1\"])";
+declare const INTERACTIVE_SELECTOR = ":is(button,[href],input:not([type='hidden']),select,textarea,details>summary,[contenteditable='true'],iframe,audio[controls],video[controls],[tabindex]):not([disabled],[tabindex='-1'],[data-focus-guard],[inert],[inert] *)";
 /** Check whether an event target points to an interactive element. */
 declare const isInteractive: (target: EventTarget | null) => target is HTMLElement;
 /** Resource type accepted by loadResource. */
@@ -143,11 +168,6 @@ declare const VIRTUAL_RESOURCE: symbol;
  * @returns Promise resolving to the created element or void.
  */
 declare function loadResource(req: string | symbol, type?: ResourceType, { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts, retryKey }?: LoadResourceOptions, w?: Window & typeof globalThis): Promise<HTMLElement | void>;
-/** Get the currently active element, traversing into shadow roots if necessary.
- * @param root Root node to start searching from, defaults to the main document.
- * @returns The active element or null if none found.
- */
-declare function getActiveElement(root?: Document | ShadowRoot): Element | null;
 
 /** Format a file size for display.
  * @param size Size in bytes.
@@ -157,4 +177,4 @@ declare function getActiveElement(root?: Document | ShadowRoot): Element | null;
  */
 declare function formatSize(bytes: number, decimals?: number, base?: number): string;
 
-export { INTERACTIVE_SELECTOR, type LimitedHandle, type LimitedOptions, type LoadResourceOptions, type ResourceType, VIRTUAL_RESOURCE, bindCleanupToSignal, breath, deepBreath, formatSize, getActiveElement, inBoolArrOpt, isArr, isBool, isDef, isFunc, isInteractive, isIter, isNum, isPOJO, isSameURL, isStr, isSym, limited, loadResource, mockAsync, uid };
+export { INTERACTIVE_SELECTOR, type LimitedHandle, type LimitedOptions, type LoadResourceOptions, type ResourceType, VIRTUAL_RESOURCE, bindCleanupToSignal, breath, deepBreath, formatSize, inBoolArrOpt, isArr, isBool, isDef, isFunc, isInteractive, isIter, isNum, isPOJO, isSameURL, isStr, isSym, limited, loadResource, mockAsync, parseCSSSize, parseCSSTime, pxToRem, remToPx, uid };

package/dist/index.js

@@ -14,7 +14,7 @@ import {
   formatKeyForDisplay,
   formatKeyShortcutsForDisplay,
   formatSize,
-  getActiveElement,
+  getActiveEl,
   getTermsForKey,
   guardAllMethods,
   guardMethod,
@@ -37,14 +37,18 @@ import {
   matchKeys,
   mockAsync,
   onAllMethods,
+  parseCSSSize,
+  parseCSSTime,
   parseForARIAKS,
   parseKeyCombo,
+  pxToRem,
+  remToPx,
   requestAnimationFrame,
   setInterval,
   setTimeout,
   stringifyKeyEvent,
   uid
-} from "./chunk-XVFFZZJA.js";
+} from "./chunk-N5KX6IW4.js";
 export {
   INTERACTIVE_SELECTOR,
   NIL,
@@ -61,7 +65,7 @@ export {
   formatKeyForDisplay,
   formatKeyShortcutsForDisplay,
   formatSize,
-  getActiveElement,
+  getActiveEl,
   getTermsForKey,
   guardAllMethods,
   guardMethod,
@@ -84,8 +88,12 @@ export {
   matchKeys,
   mockAsync,
   onAllMethods,
+  parseCSSSize,
+  parseCSSTime,
   parseForARIAKS,
   parseKeyCombo,
+  pxToRem,
+  remToPx,
   requestAnimationFrame,
   setInterval,
   setTimeout,

package/dist/{ripple-DcMWw_AP.d.cts → ripple-CVQx46Xq.d.cts}

@@ -4,12 +4,12 @@ interface OutsideClickConfig {
     /** Callback invoked when an outside interaction is detected. Defaults to `()=>{}`. */
     onOutsideClick?: (e: MouseEvent | TouchEvent | KeyboardEvent | FocusEvent) => void;
     /** Whether pointer/touch outside interactions should trigger callback. Defaults to `true`. */
-    clickOnClick?: boolean;
+    outOnClick?: boolean;
     /** Whether Escape key should trigger callback. Defaults to `true`. */
-    clickOnEscape?: boolean;
+    outOnEscape?: boolean;
     /** Whether focus leaving the container should trigger callback. Defaults to `false`. */
-    clickOnFocusOut?: boolean;
-    /** Allow interactive elements like outsiders to bypass click callback. Defaults to `true`. */
+    outOnFocusOut?: boolean;
+    /** Allow interactive elements including outsiders to bypass click callback. Defaults to `false`. */
     allowInputs?: boolean;
     /** Optional root used to scope focus listeners to an element instead of the window. Defaults to `window`. */
     root?: HTMLElement | Document | Window;
@@ -19,7 +19,7 @@ interface OutsideClickConfig {
     capture?: boolean;
 }
 /** Hook to attach outside-click, escape, and optional focus-out handling to an element. */
-declare function initOutsideClick(el: HTMLElement, { enabled, onOutsideClick, clickOnClick, clickOnEscape, clickOnFocusOut, allowInputs, root, scoped, capture }?: OutsideClickConfig): (() => void) | void;
+declare function initOutsideClick(el: HTMLElement, { enabled, onOutsideClick, outOnClick, outOnEscape, outOnFocusOut, allowInputs, root, scoped, capture }?: OutsideClickConfig): (() => void) | void;
 /** Remove outside-click handling from an element. */
 declare const removeOutsideClick: (el: HTMLElement) => void | undefined;
 

package/dist/{ripple-DcMWw_AP.d.ts → ripple-CVQx46Xq.d.ts}

@@ -4,12 +4,12 @@ interface OutsideClickConfig {
     /** Callback invoked when an outside interaction is detected. Defaults to `()=>{}`. */
     onOutsideClick?: (e: MouseEvent | TouchEvent | KeyboardEvent | FocusEvent) => void;
     /** Whether pointer/touch outside interactions should trigger callback. Defaults to `true`. */
-    clickOnClick?: boolean;
+    outOnClick?: boolean;
     /** Whether Escape key should trigger callback. Defaults to `true`. */
-    clickOnEscape?: boolean;
+    outOnEscape?: boolean;
     /** Whether focus leaving the container should trigger callback. Defaults to `false`. */
-    clickOnFocusOut?: boolean;
-    /** Allow interactive elements like outsiders to bypass click callback. Defaults to `true`. */
+    outOnFocusOut?: boolean;
+    /** Allow interactive elements including outsiders to bypass click callback. Defaults to `false`. */
     allowInputs?: boolean;
     /** Optional root used to scope focus listeners to an element instead of the window. Defaults to `window`. */
     root?: HTMLElement | Document | Window;
@@ -19,7 +19,7 @@ interface OutsideClickConfig {
     capture?: boolean;
 }
 /** Hook to attach outside-click, escape, and optional focus-out handling to an element. */
-declare function initOutsideClick(el: HTMLElement, { enabled, onOutsideClick, clickOnClick, clickOnEscape, clickOnFocusOut, allowInputs, root, scoped, capture }?: OutsideClickConfig): (() => void) | void;
+declare function initOutsideClick(el: HTMLElement, { enabled, onOutsideClick, outOnClick, outOnEscape, outOnFocusOut, allowInputs, root, scoped, capture }?: OutsideClickConfig): (() => void) | void;
 /** Remove outside-click handling from an element. */
 declare const removeOutsideClick: (el: HTMLElement) => void | undefined;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t007/utils",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "description": "High-performance, zero-dependency utility functions for the t007 ecosystem.",
   "author": "Oketade Oluwatobiloba <tobioketade007@gmail.com>",
   "license": "MIT",
@@ -74,8 +74,8 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@t007/input": "^0.0.24",
-    "sia-reactor": "^0.0.30"
+    "@t007/input": "^0.0.25",
+    "sia-reactor": "^0.0.31"
   },
   "peerDependencies": {
     "react": "^18.0.0"