@faqir-ui/core 1.1.1 → 1.1.2

package/dist/faqir-core.mjs

@@ -3,21 +3,37 @@ var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
 var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
   target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
+  const to = isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  if (mod && typeof mod === "object" || typeof mod === "function") {
+    for (let key of __getOwnPropNames(mod))
+      if (!__hasOwnProp.call(to, key))
+        __defProp(to, key, {
+          get: __accessProp.bind(mod, key),
+          enumerable: true
+        });
+  }
+  if (canCache)
+    cache.set(mod, to);
   return to;
 };
 var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 
 // registry/core/faqir-core.js
-var require_faqir_core = __commonJS((exports, module) => {
+var require_faqir_core = __commonJS(function(exports, module) {
   (function(global, factory) {
     if (typeof exports === "object" && typeof module !== "undefined") {
       module.exports = factory();
@@ -165,7 +181,7 @@ var require_faqir_core = __commonJS((exports, module) => {
     function evaluate(expression, scope, el) {
       try {
         const fn = compileExpression(expression);
-        return fn.call(scope, scope, el);
+        return fn.call(scope, scope, el, el);
       } catch (e) {
         console.warn('[Faqir] Expression error: "' + expression + '"', e);
         return;
@@ -174,7 +190,7 @@ var require_faqir_core = __commonJS((exports, module) => {
     function evaluateAssignment(expression, scope, el) {
       try {
         const fn = compileStatement(expression);
-        fn.call(scope, scope, el);
+        fn.call(scope, scope, el, el);
       } catch (e) {
         console.warn('[Faqir] Statement error: "' + expression + '"', e);
       }
@@ -191,7 +207,7 @@ var require_faqir_core = __commonJS((exports, module) => {
       var key = "expr:" + expr;
       if (expressionCache.has(key))
         return expressionCache.get(key);
-      var fn = new Function("$scope", "$el", "with($scope) { return (" + expr + ") }");
+      var fn = new Function("$scope", "$el", "$this", "with($scope) { return (" + expr + ") }");
       expressionCache.set(key, fn);
       return fn;
     }
@@ -199,7 +215,7 @@ var require_faqir_core = __commonJS((exports, module) => {
       var key = "stmt:" + expr;
       if (expressionCache.has(key))
         return expressionCache.get(key);
-      var fn = new Function("$scope", "$el", "with($scope) { " + expr + " }");
+      var fn = new Function("$scope", "$el", "$this", "with($scope) { " + expr + " }");
       expressionCache.set(key, fn);
       return fn;
     }
@@ -299,6 +315,32 @@ var require_faqir_core = __commonJS((exports, module) => {
       teleport: 100
     };
     var ROOT_CONSUMED = { data: 1, source: 1, init: 1 };
+    var pendingInits = null;
+    function runInit(fn) {
+      if (pendingInits)
+        pendingInits.push(fn);
+      else
+        fn();
+    }
+    function renderThenInit(render) {
+      if (pendingInits)
+        return render();
+      var queue = pendingInits = [];
+      var nodes;
+      try {
+        nodes = render();
+      } finally {
+        pendingInits = null;
+      }
+      untrack(function() {
+        for (var i = 0;i < nodes.length; i++) {
+          if (nodes[i].nodeType === 1 && nodes[i].isConnected)
+            startControllers(nodes[i]);
+        }
+        for (var q = 0;q < queue.length; q++)
+          queue[q]();
+      });
+    }
     function initTree(root, parentScope) {
       var scope = initScope(root, parentScope);
       var rootDirectives = parseDirectives(root);
@@ -345,6 +387,7 @@ var require_faqir_core = __commonJS((exports, module) => {
       }
     }
     var strayScope = null;
+    var scopeRoots = new WeakMap;
     function getStrayScope() {
       if (!strayScope) {
         if (!document.body.__scopeId)
@@ -352,6 +395,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         if (!document.body.__faqirCleanups)
           document.body.__faqirCleanups = [];
         strayScope = createScopeWithMagics({}, document.body, document.body);
+        scopeRoots.set(strayScope, document.body);
       }
       return strayScope;
     }
@@ -392,6 +436,7 @@ var require_faqir_core = __commonJS((exports, module) => {
       Object.assign(userData, propData);
       var scopeId = ++scopeCounter;
       var scope = createScopeWithMagics(userData, root, root);
+      scopeRoots.set(scope, root);
       root.__faqirScope = scope;
       root.__scopeId = scopeId;
       root.__faqirCleanups = [];
@@ -405,7 +450,9 @@ var require_faqir_core = __commonJS((exports, module) => {
       processSourceDirectives(root, scope);
       var initExpr = root.getAttribute("l-init");
       if (initExpr) {
-        evaluateAssignment(initExpr, scope, root);
+        runInit(function() {
+          evaluateAssignment(initExpr, scope, root);
+        });
       }
       return scope;
     }
@@ -505,6 +552,11 @@ var require_faqir_core = __commonJS((exports, module) => {
       var descriptors = Object.getOwnPropertyDescriptors(data);
       Object.defineProperties(target, descriptors);
       var scope = reactive(target);
+      for (var k in descriptors) {
+        var d = descriptors[k];
+        if (d.writable && typeof d.value === "function")
+          target[k] = d.value.bind(scope);
+      }
       return scope;
     }
     function watchProperty(scope, key, cb) {
@@ -520,7 +572,7 @@ var require_faqir_core = __commonJS((exports, module) => {
       return dispose;
     }
     function getScopeRefs(root) {
-      return root.__faqirRefs || {};
+      return root.__faqirRefs || (root.__faqirRefs = {});
     }
     function findScopeRoot(el) {
       var node = el;
@@ -896,14 +948,24 @@ var require_faqir_core = __commonJS((exports, module) => {
       "formnovalidate",
       "inert"
     ]);
+    var PROPS = new Set(["checked", "selected", "muted", "indeterminate", "value"]);
+    function writeProp(el, name, value) {
+      if (!(name in el) || el[name] === value)
+        return;
+      el[name] = value;
+      if (name === "checked" || name === "selected") {
+        el.dispatchEvent(new CustomEvent("faqir:model", { bubbles: true }));
+      }
+    }
     function handleBind(el, dir, scope) {
       var attrName = dir.arg;
+      var prev = {};
       var cl = effect(function() {
         var value = evaluate(dir.expression, scope, el);
         if (attrName === "class") {
-          applyClassBinding(el, value);
+          prev = applyClassBinding(el, value, prev);
         } else if (attrName === "style") {
-          applyStyleBinding(el, value);
+          prev = applyStyleBinding(el, value, prev);
         } else if (BOOLEAN_ATTRS.has(attrName)) {
           if (value) {
             el.setAttribute(attrName, "");
@@ -917,40 +979,69 @@ var require_faqir_core = __commonJS((exports, module) => {
             el.setAttribute(attrName, String(value));
           }
         }
+        if (PROPS.has(attrName)) {
+          writeProp(el, attrName, attrName === "value" ? value == null || value === false ? "" : String(value) : !!value);
+        }
       });
       addCleanup(el, cl);
     }
-    function applyClassBinding(el, value) {
-      if (typeof value === "string") {
-        el.className = value;
-      } else if (Array.isArray(value)) {
-        el.className = value.filter(Boolean).join(" ");
-      } else if (typeof value === "object" && value !== null) {
-        for (var cls in value) {
-          if (value.hasOwnProperty(cls)) {
-            el.classList.toggle(cls, !!value[cls]);
-          }
-        }
+    function classMap(v, out, on) {
+      if (typeof v === "string") {
+        v.split(/\s+/).forEach(function(c) {
+          if (c)
+            out[c] = on;
+        });
+      } else if (Array.isArray(v)) {
+        v.forEach(function(x) {
+          if (x)
+            classMap(x, out, true);
+        });
+      } else if (v && typeof v === "object") {
+        for (var k in v)
+          classMap(k, out, !!v[k]);
       }
+      return out;
     }
-    function applyStyleBinding(el, value) {
-      if (typeof value === "string") {
-        el.style.cssText = value;
-      } else if (typeof value === "object" && value !== null) {
-        for (var prop in value) {
-          if (value.hasOwnProperty(prop)) {
-            var cssProp = prop.replace(/[A-Z]/g, function(m) {
-              return "-" + m.toLowerCase();
-            });
-            var val = value[prop];
-            if (val === null || val === undefined || val === false) {
-              el.style.removeProperty(cssProp);
-            } else {
-              el.style.setProperty(cssProp, String(val));
-            }
-          }
+    function applyClassBinding(el, value, prev) {
+      var next = classMap(value, {}, true), c;
+      for (c in prev)
+        if (prev[c] && !(c in next))
+          el.classList.remove(c);
+      for (c in next)
+        el.classList.toggle(c, next[c]);
+      return next;
+    }
+    var styleScratch;
+    function styleMap(v, out) {
+      if (typeof v === "string") {
+        var s = (styleScratch || (styleScratch = document.createElement("div"))).style;
+        s.cssText = v;
+        for (var i = 0;i < s.length; i++) {
+          out[s[i]] = [s.getPropertyValue(s[i]), s.getPropertyPriority(s[i])];
+        }
+      } else if (Array.isArray(v)) {
+        v.forEach(function(x) {
+          styleMap(x, out);
+        });
+      } else if (v && typeof v === "object") {
+        for (var k in v) {
+          out[/^--/.test(k) ? k : k.replace(/[A-Z]/g, "-$&").toLowerCase()] = v[k] == null || v[k] === false ? null : [String(v[k]), ""];
         }
       }
+      return out;
+    }
+    function applyStyleBinding(el, value, prev) {
+      var next = styleMap(value, {}), p;
+      for (p in prev)
+        if (prev[p] && !(p in next))
+          el.style.removeProperty(p);
+      for (p in next) {
+        if (next[p])
+          el.style.setProperty(p, next[p][0], next[p][1]);
+        else
+          el.style.removeProperty(p);
+      }
+      return next;
     }
     var KEY_MAP = {
       enter: "Enter",
@@ -1065,32 +1156,26 @@ var require_faqir_core = __commonJS((exports, module) => {
     }
     function handleRef(el, dir, scope) {
       var name = dir.expression;
-      var root = findScopeRoot(el);
-      if (!root.__faqirRefs)
-        root.__faqirRefs = {};
-      root.__faqirRefs[name] = el;
+      var refs = reactive(getScopeRefs(scopeRoots.get(scope) || findScopeRoot(el)));
+      refs[name] = el;
       addCleanup(el, function() {
-        if (root.__faqirRefs && root.__faqirRefs[name] === el) {
-          delete root.__faqirRefs[name];
+        if (refs.__target[name] === el) {
+          refs[name] = undefined;
+          delete refs.__target[name];
         }
       });
     }
     function handleInit(el, dir, scope) {
-      evaluateAssignment(dir.expression, scope, el);
-    }
-    function handleEffect(el, dir, scope) {
-      var cl = effect(function() {
+      runInit(function() {
         evaluateAssignment(dir.expression, scope, el);
       });
-      addCleanup(el, cl);
     }
-    function injectCloakStyle() {
-      if (document.querySelector("style[data-faqir-cloak]"))
-        return;
-      var style = document.createElement("style");
-      style.setAttribute("data-faqir-cloak", "");
-      style.textContent = "[l-cloak] { display: none !important; }";
-      document.head.appendChild(style);
+    function handleEffect(el, dir, scope) {
+      runInit(function() {
+        addCleanup(el, effect(function() {
+          evaluateAssignment(dir.expression, scope, el);
+        }));
+      });
     }
     function removeCloaks(within) {
       var host = within || document;
@@ -1184,10 +1269,10 @@ var require_faqir_core = __commonJS((exports, module) => {
     function handleModel(el, dir, scope) {
       var prop = dir.expression;
       var modifiers = new Set(dir.modifiers);
-      function bind(eventName2, handler) {
-        el.addEventListener(eventName2, handler);
+      function bind(eventName, handler) {
+        el.addEventListener(eventName, handler);
         addCleanup(el, function() {
-          el.removeEventListener(eventName2, handler);
+          el.removeEventListener(eventName, handler);
         });
       }
       var tag = el.tagName.toLowerCase();
@@ -1196,7 +1281,7 @@ var require_faqir_core = __commonJS((exports, module) => {
       if (isFaqirSwitch) {
         var cl = effect(function() {
           var value = evaluate(prop, scope, el);
-          el.checked = !!value;
+          writeProp(el, "checked", !!value);
           el.dataset.state = value ? "on" : "off";
           el.setAttribute("aria-checked", value ? "true" : "false");
         });
@@ -1207,11 +1292,7 @@ var require_faqir_core = __commonJS((exports, module) => {
       } else if (tag === "input" && type === "checkbox") {
         var cl = effect(function() {
           var current = evaluate(prop, scope, el);
-          if (Array.isArray(current)) {
-            el.checked = current.indexOf(el.value) >= 0;
-          } else {
-            el.checked = !!current;
-          }
+          writeProp(el, "checked", Array.isArray(current) ? current.indexOf(el.value) >= 0 : !!current);
         });
         bind("change", function() {
           var current = evaluate(prop, scope, el);
@@ -1230,7 +1311,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         addCleanup(el, cl);
       } else if (tag === "input" && type === "radio") {
         var cl = effect(function() {
-          el.checked = evaluate(prop, scope, el) === el.value;
+          writeProp(el, "checked", evaluate(prop, scope, el) === el.value);
         });
         bind("change", function() {
           if (el.checked) {
@@ -1240,7 +1321,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         addCleanup(el, cl);
       } else if (tag === "select") {
         var cl = effect(function() {
-          el.value = evaluate(prop, scope, el) || "";
+          writeProp(el, "value", evaluate(prop, scope, el) || "");
         });
         bind("change", function() {
           writeModel(prop, el.value, scope, el);
@@ -1303,30 +1384,32 @@ var require_faqir_core = __commonJS((exports, module) => {
       var cl = effect(function() {
         var value = evaluate(dir.expression, scope, el);
         if (value) {
-          if (insertedNodes.length === 0) {
-            var fragment = el.content.cloneNode(true);
-            var nodes = [].slice.call(fragment.childNodes);
-            for (var i = 0;i < nodes.length; i++) {
-              if (nodes[i].nodeType !== 1)
-                continue;
-              if (nodes[i].hasAttribute("l-data")) {
-                initTree(nodes[i], scope);
-                continue;
+          if (insertedNodes.length === 0)
+            renderThenInit(function() {
+              var fragment = el.content.cloneNode(true);
+              var nodes = [].slice.call(fragment.childNodes);
+              for (var i = 0;i < nodes.length; i++) {
+                if (nodes[i].nodeType !== 1)
+                  continue;
+                if (nodes[i].hasAttribute("l-data")) {
+                  initTree(nodes[i], scope);
+                  continue;
+                }
+                nodes[i].__faqirScope = scope;
+                nodes[i].__faqirCleanups = nodes[i].__faqirCleanups || [];
+                processElement(nodes[i], scope);
+                if (nodes[i].parentNode)
+                  walkChildren(nodes[i], scope);
               }
-              nodes[i].__faqirScope = scope;
-              nodes[i].__faqirCleanups = nodes[i].__faqirCleanups || [];
-              processElement(nodes[i], scope);
-              if (nodes[i].parentNode)
-                walkChildren(nodes[i], scope);
-            }
-            insertedNodes = [].slice.call(fragment.childNodes);
-            anchor.parentNode.insertBefore(fragment, anchor.nextSibling);
-            for (var i = 0;i < insertedNodes.length; i++) {
-              if (insertedNodes[i].nodeType === 1 && insertedNodes[i].hasAttribute("l-transition")) {
-                runEnterTransition(insertedNodes[i]);
+              insertedNodes = [].slice.call(fragment.childNodes);
+              anchor.parentNode.insertBefore(fragment, anchor.nextSibling);
+              for (var i = 0;i < insertedNodes.length; i++) {
+                if (insertedNodes[i].nodeType === 1 && insertedNodes[i].hasAttribute("l-transition")) {
+                  runEnterTransition(insertedNodes[i]);
+                }
               }
-            }
-          }
+              return insertedNodes;
+            });
         } else {
           for (var i = 0;i < insertedNodes.length; i++) {
             var node = insertedNodes[i];
@@ -1472,6 +1555,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         own[itemName] = item;
         own[indexName] = i;
         var childScope = createForItemScope(own, scope);
+        scopeRoots.set(childScope, scopeRoots.get(scope));
         for (var j = 0;j < nodes.length; j++) {
           if (nodes[j].nodeType !== 1)
             continue;
@@ -1488,10 +1572,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         return { key, scope: childScope, nodes: [].slice.call(clone.childNodes) };
       }
       var currentEntries = [];
-      var cl = effect(function() {
+      function renderList() {
         var list = evaluate(listExpr, scope, el);
-        var items = Array.isArray(list) ? list : typeof list === "number" ? Array.from({ length: list }, function(_, i2) {
-          return i2 + 1;
+        var items = Array.isArray(list) ? list : typeof list === "number" ? Array.from({ length: list }, function(_, i) {
+          return i + 1;
         }) : [];
         var oldMap = new Map;
         for (var i = 0;i < currentEntries.length; i++) {
@@ -1518,11 +1602,11 @@ var require_faqir_core = __commonJS((exports, module) => {
           }
           newEntries[i] = entry;
         }
-        oldMap.forEach(function(olds2) {
-          for (var e = 0;e < olds2.length; e++) {
-            for (var j2 = 0;j2 < olds2[e].nodes.length; j2++) {
-              destroyScope(olds2[e].nodes[j2]);
-              olds2[e].nodes[j2].remove();
+        oldMap.forEach(function(olds) {
+          for (var e = 0;e < olds.length; e++) {
+            for (var j = 0;j < olds[e].nodes.length; j++) {
+              destroyScope(olds[e].nodes[j]);
+              olds[e].nodes[j].remove();
             }
           }
         });
@@ -1542,6 +1626,14 @@ var require_faqir_core = __commonJS((exports, module) => {
           nextNode = entry.nodes[0];
         }
         currentEntries = newEntries;
+        var fresh = [];
+        for (var i = 0;i < n; i++)
+          if (!source[i])
+            fresh.push.apply(fresh, newEntries[i].nodes);
+        return fresh;
+      }
+      var cl = effect(function() {
+        renderThenInit(renderList);
       });
       addCleanup(el, cl, anchor);
     }
@@ -1633,47 +1725,14 @@ var require_faqir_core = __commonJS((exports, module) => {
         scheduleFlush();
       }
     }
-    var $ = function(selector, scope) {
-      return (scope || document).querySelector(selector);
-    };
     var $$ = function(selector, scope) {
       return [].slice.call((scope || document).querySelectorAll(selector));
     };
-    function create(tag, attrs) {
-      var el = document.createElement(tag);
-      if (attrs) {
-        var keys = Object.keys(attrs);
-        for (var i = 0;i < keys.length; i++) {
-          el.setAttribute(keys[i], attrs[keys[i]]);
-        }
-      }
-      for (var j = 2;j < arguments.length; j++) {
-        var child = arguments[j];
-        el.append(typeof child === "string" ? document.createTextNode(child) : child);
-      }
-      return el;
-    }
-    function delegate(root, event, selector, handler) {
-      function listener(e) {
-        var target = e.target.closest(selector);
-        if (target && root.contains(target))
-          handler(e, target);
-      }
-      root.addEventListener(event, listener);
-      return function() {
-        root.removeEventListener(event, listener);
-      };
-    }
-    function once(el, event, handler) {
-      function listener(e) {
-        cleanupOnce();
-        handler(e);
-      }
-      function cleanupOnce() {
-        el.removeEventListener(event, listener);
-      }
-      el.addEventListener(event, listener);
-      return cleanupOnce;
+    var OWNER = "[data-ui]:not([data-ui=stack],[data-ui=cluster],[data-ui=grid],[data-ui=container],[data-ui=surface],[data-ui=switcher],[data-ui=aspect-ratio])";
+    function ownParts(root, part) {
+      return $$("[data-part='" + part + "']", root).filter(function(el) {
+        return el.parentElement.closest(OWNER) === root;
+      });
     }
     function onOutsideClick(el, handler) {
       function listener(e) {
@@ -1731,24 +1790,9 @@ var require_faqir_core = __commonJS((exports, module) => {
         container.removeEventListener("keydown", onKeyDown);
       };
     }
-    function waitForTransition(el) {
-      if (prefersReducedMotion())
-        return Promise.resolve();
-      var style = getComputedStyle(el);
-      var hasDuration = parseFloat(style.transitionDuration) > 0 || style.animationName !== "none" && parseFloat(style.animationDuration) > 0;
-      if (!hasDuration)
-        return Promise.resolve();
-      return new Promise(function(resolve) {
-        function done(e) {
-          if (e.target !== el)
-            return;
-          el.removeEventListener("transitionend", done);
-          el.removeEventListener("animationend", done);
-          resolve();
-        }
-        el.addEventListener("transitionend", done);
-        el.addEventListener("animationend", done);
-      });
+    function returnFocus(root, target, active) {
+      if ((!active || active === document.body || root.contains(active)) && target && target.isConnected && !target.closest("[hidden]"))
+        target.focus();
     }
     var EXIT_EVENTS = ["transitionend", "transitioncancel", "animationend", "animationcancel"];
     function longestTimeMs(value) {
@@ -1779,8 +1823,8 @@ var require_faqir_core = __commonJS((exports, module) => {
           clearTimeout(timer);
           timer = null;
         }
-        for (var i2 = 0;i2 < EXIT_EVENTS.length; i2++)
-          el.removeEventListener(EXIT_EVENTS[i2], onMotionEvent);
+        for (var i = 0;i < EXIT_EVENTS.length; i++)
+          el.removeEventListener(EXIT_EVENTS[i], onMotionEvent);
       }
       function settle() {
         if (settled)
@@ -1866,7 +1910,7 @@ var require_faqir_core = __commonJS((exports, module) => {
       function currentIndex() {
         return items().indexOf(current());
       }
-      function focusFirst2() {
+      function focusFirst() {
         return focus(0);
       }
       function focusLast() {
@@ -1916,7 +1960,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         }
         if (event.key === "Home") {
           event.preventDefault();
-          focusFirst2();
+          focusFirst();
           return;
         }
         if (event.key === "End") {
@@ -1953,7 +1997,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         current,
         sync,
         focus,
-        focusFirst: focusFirst2,
+        focusFirst,
         focusLast,
         focusNext,
         focusPrevious,
@@ -1962,10 +2006,10 @@ var require_faqir_core = __commonJS((exports, module) => {
     }
     var controllerRegistry = {};
     var createAccordion = controllerRegistry["accordion"] = function() {
-      function createAccordion2(root) {
+      function createAccordion(root) {
         if (root._faqirAccordion)
           return root._faqirAccordion;
-        const getItems = () => [...root.querySelectorAll("[data-part='item']")];
+        const getItems = () => [...root.querySelectorAll(":scope > [data-part='item']")];
         const isSingle = () => root.dataset.variant === "single";
         function expand(index) {
           const items = getItems();
@@ -2021,30 +2065,24 @@ var require_faqir_core = __commonJS((exports, module) => {
           if (content)
             content.hidden = true;
         }
-        function onTriggerClick(e) {
+        function triggerIndex(e) {
           const trigger = e.target.closest("[data-part='trigger']");
-          if (!trigger)
-            return;
-          const item = trigger.closest("[data-part='item']");
-          if (!item)
-            return;
-          const items = getItems();
-          const index = items.indexOf(item);
+          const item = trigger?.closest("[data-part='item']");
+          if (!item || item.querySelector("[data-part='trigger']") !== trigger)
+            return -1;
+          return getItems().indexOf(item);
+        }
+        function onTriggerClick(e) {
+          const index = triggerIndex(e);
           if (index >= 0)
             toggle(index);
         }
         function onKeyDown(e) {
           if (e.key === "Enter" || e.key === " ") {
-            const trigger = e.target.closest("[data-part='trigger']");
-            if (trigger) {
+            const index = triggerIndex(e);
+            if (index >= 0) {
               e.preventDefault();
-              const item = trigger.closest("[data-part='item']");
-              if (!item)
-                return;
-              const items = getItems();
-              const index = items.indexOf(item);
-              if (index >= 0)
-                toggle(index);
+              toggle(index);
             }
           }
         }
@@ -2059,17 +2097,17 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirAccordion = api;
         return api;
       }
-      return createAccordion2;
+      return createAccordion;
     }();
     var createAlertDialog = controllerRegistry["alert-dialog"] = function() {
-      function createAlertDialog2(root) {
+      function createAlertDialog(root) {
         const dialogFactory = typeof createDialog === "function" && createDialog || typeof controllerRegistry !== "undefined" && controllerRegistry["dialog"];
         if (typeof dialogFactory !== "function") {
           throw new Error("alert-dialog requires the dialog controller to be available");
         }
         return dialogFactory(root);
       }
-      return createAlertDialog2;
+      return createAlertDialog;
     }();
     var createBarcode = controllerRegistry["barcode"] = function() {
       const CODE128_PATTERNS = Object.freeze([
@@ -2204,7 +2242,7 @@ var require_faqir_core = __commonJS((exports, module) => {
           weighted += data[i] * (i + 1);
         const checksum = weighted % 103;
         const codewords = [START_B, ...data, checksum, STOP];
-        const pattern = codewords.map((value2) => CODE128_PATTERNS[value2]).join("");
+        const pattern = codewords.map((value) => CODE128_PATTERNS[value]).join("");
         return { checksum, codewords, pattern };
       }
       function patternToSVG(encoded) {
@@ -2242,7 +2280,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         svg.appendChild(bars);
         return svg;
       }
-      function createBarcode2(root) {
+      function createBarcode(root) {
         if (root._faqirBarcode)
           return root._faqirBarcode;
         function removeGeneratedSVG() {
@@ -2293,7 +2331,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         render();
         return api;
       }
-      return createBarcode2;
+      return createBarcode;
     }();
     var createCalendar = controllerRegistry["calendar"] = function() {
       const MONTH_NAMES = [
@@ -2325,7 +2363,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         const d = new Date(str + "T00:00:00");
         return isNaN(d.getTime()) ? null : d;
       }
-      function createCalendar2(root) {
+      function createCalendar(root) {
         if (root._faqirCalendar)
           return root._faqirCalendar;
         const navPrev = root.querySelector("[data-part='nav-prev']");
@@ -2507,12 +2545,12 @@ var require_faqir_core = __commonJS((exports, module) => {
             viewYear = target.getFullYear();
             buildGrid();
           } else {
-            gridBody.querySelectorAll("[data-part='day']").forEach((btn3) => {
-              btn3.tabIndex = -1;
+            gridBody.querySelectorAll("[data-part='day']").forEach((btn) => {
+              btn.tabIndex = -1;
             });
-            const btn2 = dayButton(target);
-            if (btn2)
-              btn2.tabIndex = 0;
+            const btn = dayButton(target);
+            if (btn)
+              btn.tabIndex = 0;
           }
           const btn = dayButton(target);
           if (btn)
@@ -2734,22 +2772,22 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirCalendar = api;
         return api;
       }
-      return createCalendar2;
+      return createCalendar;
     }();
     var createCarousel = controllerRegistry["carousel"] = function() {
-      function createCarousel2(root) {
+      function createCarousel(root) {
         if (root._faqirCarousel)
           return root._faqirCarousel;
         const viewport = root.querySelector("[data-part='viewport']");
         if (!viewport)
           return null;
         const loop = root.hasAttribute("data-loop");
-        const slides = () => [...viewport.querySelectorAll("[data-part='slide']")];
-        const dots = () => [...root.querySelectorAll("[data-part='dot']")];
-        const prevBtn = root.querySelector("[data-part='prev']");
-        const nextBtn = root.querySelector("[data-part='next']");
-        const status = root.querySelector("[data-part='status']");
-        const enhanced = [...root.querySelectorAll("[data-part='controls'], [data-part='dots']")];
+        const slides = () => [...viewport.querySelectorAll(":scope > [data-part='slide']")];
+        const dots = () => ownParts(root, "dot");
+        const [prevBtn] = ownParts(root, "prev");
+        const [nextBtn] = ownParts(root, "next");
+        const [status] = ownParts(root, "status");
+        const enhanced = [...ownParts(root, "controls"), ...ownParts(root, "dots")];
         let index = 0;
         const reducedMotion = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && !!window.matchMedia("(prefers-reduced-motion: reduce)").matches;
         const isRtl = () => {
@@ -2826,16 +2864,14 @@ var require_faqir_core = __commonJS((exports, module) => {
         const next = () => goTo(index + 1);
         const prev = () => goTo(index - 1);
         function onClick(e) {
-          const btn = e.target.closest && e.target.closest("[data-part]");
-          if (!btn || !root.contains(btn))
-            return;
-          const part = btn.dataset.part;
-          if (part === "next")
+          const btn = e.target.closest("[data-part]");
+          const dot = dots().indexOf(btn);
+          if (btn === nextBtn)
             next();
-          else if (part === "prev")
+          else if (btn === prevBtn)
             prev();
-          else if (part === "dot")
-            goTo(dots().indexOf(btn));
+          else if (dot >= 0)
+            goTo(dot);
         }
         const schedule = typeof requestAnimationFrame === "function" ? requestAnimationFrame : (fn) => setTimeout(fn, 16);
         let ticking = false;
@@ -2866,10 +2902,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirCarousel = api;
         return api;
       }
-      return createCarousel2;
+      return createCarousel;
     }();
     var createCombobox = controllerRegistry["combobox"] = function() {
-      function createCombobox2(root) {
+      function createCombobox(root) {
         if (root._faqirCombobox)
           return root._faqirCombobox;
         const input = root.querySelector("[data-part='input']");
@@ -3055,10 +3091,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirCombobox = api;
         return api;
       }
-      return createCombobox2;
+      return createCombobox;
     }();
     var createCommandPalette = controllerRegistry["command-palette"] = function() {
-      function createCommandPalette2(root) {
+      function createCommandPalette(root) {
         if (root._faqirCommandPalette)
           return root._faqirCommandPalette;
         const overlay = root.querySelector("[data-part='overlay']");
@@ -3094,8 +3130,9 @@ var require_faqir_core = __commonJS((exports, module) => {
           }
         }
         function close() {
+          const active = document.activeElement;
           dismiss();
-          previouslyFocused?.focus();
+          returnFocus(root, previouslyFocused, active);
         }
         function itemId(item) {
           if (!item.id)
@@ -3250,13 +3287,18 @@ var require_faqir_core = __commonJS((exports, module) => {
           }
         }
         function onGlobalKeyDown(e) {
-          if ((e.metaKey || e.ctrlKey) && e.key === "k") {
-            e.preventDefault();
-            if (root.dataset.state === "open") {
-              close();
-            } else {
-              open();
-            }
+          if (e.defaultPrevented || !root.isConnected || root.hasAttribute("data-no-shortcut"))
+            return;
+          if (!(e.metaKey || e.ctrlKey) || e.altKey || e.shiftKey || e.repeat || e.isComposing)
+            return;
+          const k = (e.key || "").toLowerCase();
+          if (k !== "k" && (/^[a-z]$/.test(k) || e.code !== "KeyK"))
+            return;
+          e.preventDefault();
+          if (root.dataset.state === "open") {
+            close();
+          } else {
+            open();
           }
         }
         searchInput?.addEventListener("input", onSearchInput);
@@ -3279,14 +3321,14 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirCommandPalette = api;
         return api;
       }
-      return createCommandPalette2;
+      return createCommandPalette;
     }();
     var createContextMenu = controllerRegistry["context-menu"] = function() {
-      function createContextMenu2(root) {
+      function createContextMenu(root) {
         if (root._faqirContextMenu)
           return root._faqirContextMenu;
-        const target = root.querySelector("[data-part='target']");
-        const menu = root.querySelector("[data-part='menu']");
+        const [target] = ownParts(root, "target");
+        const [menu] = ownParts(root, "menu");
         if (!target || !menu) {
           console.warn("[Faqir] context-menu needs [data-part='target'] and [data-part='menu'] — " + `missing ${[!target && "target", !menu && "menu"].filter(Boolean).join(" and ")}. ` + "Component left inert.", root);
           const inert = { open() {}, close() {}, destroy() {} };
@@ -3370,7 +3412,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirContextMenu = api;
         return api;
       }
-      return createContextMenu2;
+      return createContextMenu;
     }();
     var createDatePicker = controllerRegistry["date-picker"] = function() {
       const MONTH_NAMES = [
@@ -3387,7 +3429,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         "November",
         "December"
       ];
-      function createDatePicker2(root) {
+      function createDatePicker(root) {
         if (root._faqirDatePicker)
           return root._faqirDatePicker;
         const trigger = root.querySelector("[data-part='trigger']");
@@ -3495,19 +3537,21 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirDatePicker = api;
         return api;
       }
-      return createDatePicker2;
+      return createDatePicker;
     }();
     var createDialog = controllerRegistry["dialog"] = function() {
-      function createDialog2(root) {
+      function createDialog(root) {
         if (root._faqirDialog)
           return root._faqirDialog;
-        const trigger = root.querySelector("[data-part='trigger']");
-        const overlay = root.querySelector("[data-part='overlay']");
-        const panel = root.querySelector("[data-part='panel']");
-        const closeButtons = root.querySelectorAll("[data-part='close']");
-        const confirmButtons = root.querySelectorAll("[data-part='confirm']");
-        const cancelButtons = root.querySelectorAll("[data-part='cancel']");
+        const [trigger] = ownParts(root, "trigger");
+        const overlay = root.querySelector(":scope > [data-part='overlay']");
+        const panel = root.querySelector(":scope > [data-part='panel']");
+        const closeButtons = ownParts(root, "close");
+        const confirmButtons = ownParts(root, "confirm");
+        const cancelButtons = ownParts(root, "cancel");
         const isAlert = !!panel && panel.getAttribute("role") === "alertdialog";
+        if (panel && !panel.hasAttribute("tabindex"))
+          panel.setAttribute("tabindex", "-1");
         let focusCleanup = null;
         let previouslyFocused = null;
         function confirmRequired() {
@@ -3524,7 +3568,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         }
         function focusInitial() {
           if (isAlert) {
-            const target = root.querySelector("[data-part='cancel']") || root.querySelector("[data-part='close']") || panel;
+            const target = cancelButtons[0] || closeButtons[0] || panel;
             target?.focus?.();
           } else {
             panel?.focus?.();
@@ -3551,13 +3595,14 @@ var require_faqir_core = __commonJS((exports, module) => {
           root.dataset.state = "closing";
           const onEnd = () => {
             cancelExitWait = null;
+            const active = document.activeElement;
             root.dataset.state = "closed";
             overlay.hidden = true;
             panel.hidden = true;
             if (focusCleanup)
               focusCleanup();
             focusCleanup = null;
-            previouslyFocused?.focus();
+            returnFocus(root, previouslyFocused, active);
           };
           cancelExitWait = whenExitDone(panel, null, onEnd);
         }
@@ -3638,16 +3683,18 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirDialog = api;
         return api;
       }
-      return createDialog2;
+      return createDialog;
     }();
     var createDrawer = controllerRegistry["drawer"] = function() {
-      function createDrawer2(root) {
+      function createDrawer(root) {
         if (root._faqirDrawer)
           return root._faqirDrawer;
-        const trigger = root.querySelector("[data-part='trigger']");
-        const overlay = root.querySelector("[data-part='overlay']");
-        const panel = root.querySelector("[data-part='panel']");
-        const closeButtons = root.querySelectorAll("[data-part='close']");
+        const [trigger] = ownParts(root, "trigger");
+        const overlay = root.querySelector(":scope > [data-part='overlay']");
+        const panel = root.querySelector(":scope > [data-part='panel']");
+        const closeButtons = ownParts(root, "close");
+        if (panel && !panel.hasAttribute("tabindex"))
+          panel.setAttribute("tabindex", "-1");
         let focusCleanup = null;
         let previouslyFocused = null;
         let prevBodyOverflow = null;
@@ -3681,6 +3728,7 @@ var require_faqir_core = __commonJS((exports, module) => {
           root.dataset.state = "closing";
           const onEnd = () => {
             cancelExitWait = null;
+            const active = document.activeElement;
             root.dataset.state = "closed";
             overlay.hidden = true;
             panel.hidden = true;
@@ -3688,7 +3736,7 @@ var require_faqir_core = __commonJS((exports, module) => {
             if (focusCleanup)
               focusCleanup();
             focusCleanup = null;
-            previouslyFocused?.focus();
+            returnFocus(root, previouslyFocused, active);
           };
           cancelExitWait = whenExitDone(panel, "transform", onEnd);
         }
@@ -3746,10 +3794,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirDrawer = api;
         return api;
       }
-      return createDrawer2;
+      return createDrawer;
     }();
     var createDropdown = controllerRegistry["dropdown"] = function() {
-      function createDropdown2(root) {
+      function createDropdown(root) {
         if (root._faqirDropdown)
           return root._faqirDropdown;
         const trigger = root.querySelector("[data-part='trigger']");
@@ -3833,10 +3881,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirDropdown = api;
         return api;
       }
-      return createDropdown2;
+      return createDropdown;
     }();
     var createFileUpload = controllerRegistry["file-upload"] = function() {
-      function createFileUpload2(root) {
+      function createFileUpload(root) {
         if (root._faqirFileUpload)
           return root._faqirFileUpload;
         let dropzone = root.querySelector("[data-part='dropzone']");
@@ -3892,15 +3940,15 @@ var require_faqir_core = __commonJS((exports, module) => {
           const transfer = new DataTransfer;
           for (const file of files)
             transfer.items.add(file);
-          const list2 = transfer.files;
-          if (list2 instanceof FileList)
-            return list2;
+          const list = transfer.files;
+          if (list instanceof FileList)
+            return list;
           try {
             const fallback = new FileList;
             fallback.push(...files);
             return fallback;
           } catch {
-            return list2;
+            return list;
           }
         }
         function syncState() {
@@ -3941,14 +3989,14 @@ var require_faqir_core = __commonJS((exports, module) => {
             const metadata = document.createElement("span");
             metadata.setAttribute("data-part", "metadata");
             metadata.textContent = `${file.type || "Unknown type"} · ${formatSize(file.size)}`;
-            const remove2 = document.createElement("button");
-            remove2.setAttribute("data-part", "remove");
-            remove2.setAttribute("type", "button");
-            remove2.setAttribute("aria-label", `Remove ${file.name}`);
-            remove2.textContent = "Remove";
-            remove2.disabled = isDisabled();
+            const remove = document.createElement("button");
+            remove.setAttribute("data-part", "remove");
+            remove.setAttribute("type", "button");
+            remove.setAttribute("aria-label", `Remove ${file.name}`);
+            remove.textContent = "Remove";
+            remove.disabled = isDisabled();
             details.append(name, metadata);
-            row.append(details, remove2);
+            row.append(details, remove);
             list.appendChild(row);
           }
           syncState();
@@ -4128,10 +4176,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirFileUpload = api;
         return api;
       }
-      return createFileUpload2;
+      return createFileUpload;
     }();
     var createInputOTP = controllerRegistry["input-otp"] = function() {
-      function createInputOTP2(root) {
+      function createInputOTP(root) {
         if (root._faqirInputOTP)
           return root._faqirInputOTP;
         const N = clampInt(root.getAttribute("data-length"), 6, 1, 12);
@@ -4223,9 +4271,9 @@ var require_faqir_core = __commonJS((exports, module) => {
           updateActive();
         }
         function updateActive() {
-          for (const seg2 of segments) {
-            seg2.removeAttribute("data-active");
-            seg2.removeAttribute("data-caret");
+          for (const seg of segments) {
+            seg.removeAttribute("data-active");
+            seg.removeAttribute("data-caret");
           }
           if (!focused || isDisabled())
             return;
@@ -4463,10 +4511,10 @@ var require_faqir_core = __commonJS((exports, module) => {
           return fallback;
         return Math.max(lo, Math.min(hi, n));
       }
-      return createInputOTP2;
+      return createInputOTP;
     }();
     var createMenubar = controllerRegistry["menubar"] = function() {
-      function createMenubar2(root) {
+      function createMenubar(root) {
         if (root._faqirMenubar)
           return root._faqirMenubar;
         const submenus = [...root.querySelectorAll("[data-part='submenu'][role='menu']")].filter((menu) => menu.closest("[data-ui='menubar']") === root);
@@ -4671,10 +4719,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirMenubar = api;
         return api;
       }
-      return createMenubar2;
+      return createMenubar;
     }();
     var createPagination = controllerRegistry["pagination"] = function() {
-      function createPagination2(root) {
+      function createPagination(root) {
         if (root._faqirPagination)
           return root._faqirPagination;
         const nav = root.querySelector("[data-part='nav']");
@@ -4823,15 +4871,15 @@ var require_faqir_core = __commonJS((exports, module) => {
           ...endPages
         ];
       }
-      return createPagination2;
+      return createPagination;
     }();
     var createPopover = controllerRegistry["popover"] = function() {
-      function createPopover2(root) {
+      function createPopover(root) {
         if (root._faqirPopover)
           return root._faqirPopover;
         const trigger = root.querySelector("[data-part='trigger']");
         const content = root.querySelector("[data-part='content']");
-        const closeBtn = root.querySelector("[data-part='close']");
+        const [closeBtn] = ownParts(root, "close");
         let outsideClickCleanup = null;
         function open() {
           root.dataset.state = "open";
@@ -4882,7 +4930,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirPopover = api;
         return api;
       }
-      return createPopover2;
+      return createPopover;
     }();
     var createQRCode = controllerRegistry["qr-code"] = function() {
       const EXP = new Uint8Array(256);
@@ -5230,7 +5278,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         svg.appendChild(path);
         return svg;
       }
-      function createQRCode2(root) {
+      function createQRCode(root) {
         if (root._faqirQR)
           return root._faqirQR;
         function render() {
@@ -5282,10 +5330,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirQR = api;
         return api;
       }
-      return createQRCode2;
+      return createQRCode;
     }();
     var createSelectCustom = controllerRegistry["select-custom"] = function() {
-      function createSelectCustom2(root) {
+      function createSelectCustom(root) {
         if (root._faqirSelectCustom)
           return root._faqirSelectCustom;
         const trigger = root.querySelector("[data-part='trigger']");
@@ -5529,16 +5577,18 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirSelectCustom = api;
         return api;
       }
-      return createSelectCustom2;
+      return createSelectCustom;
     }();
     var createSheet = controllerRegistry["sheet"] = function() {
-      function createSheet2(root) {
+      function createSheet(root) {
         if (root._faqirSheet)
           return root._faqirSheet;
-        const trigger = root.querySelector("[data-part='trigger']");
-        const overlay = root.querySelector("[data-part='overlay']");
-        const panel = root.querySelector("[data-part='panel']");
-        const closeButtons = root.querySelectorAll("[data-part='close']");
+        const [trigger] = ownParts(root, "trigger");
+        const overlay = root.querySelector(":scope > [data-part='overlay']");
+        const panel = root.querySelector(":scope > [data-part='panel']");
+        const closeButtons = ownParts(root, "close");
+        if (panel && !panel.hasAttribute("tabindex"))
+          panel.setAttribute("tabindex", "-1");
         let focusCleanup = null;
         let previouslyFocused = null;
         let prevBodyOverflow = null;
@@ -5572,6 +5622,7 @@ var require_faqir_core = __commonJS((exports, module) => {
           root.dataset.state = "closing";
           const onEnd = () => {
             cancelExitWait = null;
+            const active = document.activeElement;
             root.dataset.state = "closed";
             overlay.hidden = true;
             panel.hidden = true;
@@ -5579,7 +5630,7 @@ var require_faqir_core = __commonJS((exports, module) => {
             if (focusCleanup)
               focusCleanup();
             focusCleanup = null;
-            previouslyFocused?.focus();
+            returnFocus(root, previouslyFocused, active);
           };
           cancelExitWait = whenExitDone(panel, "transform", onEnd);
         }
@@ -5630,15 +5681,15 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirSheet = api;
         return api;
       }
-      return createSheet2;
+      return createSheet;
     }();
     var createSidebar = controllerRegistry["sidebar"] = function() {
-      function createSidebar2(root) {
+      function createSidebar(root) {
         if (root._faqirSidebar)
           return root._faqirSidebar;
-        const overlay = root.querySelector("[data-part='overlay']");
-        const panel = root.querySelector("[data-part='panel']") || root;
-        const internalTriggers = [...root.querySelectorAll("[data-part='trigger']")];
+        const overlay = root.querySelector(":scope > [data-part='overlay']");
+        const panel = root.querySelector(":scope > [data-part='panel']") || root;
+        const internalTriggers = ownParts(root, "trigger");
         const externalTriggers = root.id ? [...document.querySelectorAll(`[data-sidebar-toggle="${root.id}"]`)] : [];
         const triggers = [...internalTriggers, ...externalTriggers];
         const declared = root.dataset.state || "expanded";
@@ -5788,10 +5839,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirSidebar = api;
         return api;
       }
-      return createSidebar2;
+      return createSidebar;
     }();
     var createSlider = controllerRegistry["slider"] = function() {
-      function createSlider2(root) {
+      function createSlider(root) {
         if (root._faqirSlider)
           return root._faqirSlider;
         const track = root.querySelector("[data-part='track']");
@@ -6081,16 +6132,17 @@ var require_faqir_core = __commonJS((exports, module) => {
         const n = Number(raw);
         return Number.isFinite(n) ? n : fallback;
       }
-      return createSlider2;
+      return createSlider;
     }();
     var createTable = controllerRegistry["table"] = function() {
-      function createTable2(root) {
+      function createTable(root) {
         if (root._faqirTable)
           return root._faqirTable;
+        const mine = (el) => el.closest("[data-ui='table']") === root;
         const table = root.querySelector("[data-part='table']");
         const thead = root.querySelector("[data-part='thead']");
         const tbody = root.querySelector("[data-part='tbody']");
-        const tfoot = root.querySelector("[data-part='tfoot']");
+        const tfoot = [...root.querySelectorAll("[data-part='tfoot']")].find(mine);
         const headerCheckbox = thead?.querySelector("[data-part='checkbox']");
         const opts = {
           multiSort: root.hasAttribute("data-multi-sort"),
@@ -6130,7 +6182,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         const originalIndex = new WeakMap;
         let originSeq = 0;
         const collator = new Intl.Collator(opts.locale, { numeric: true, sensitivity: "base" });
-        const toggleAttr = (el, name, on2) => on2 ? el.setAttribute(name, "") : el.removeAttribute(name);
+        const toggleAttr = (el, name, on) => on ? el.setAttribute(name, "") : el.removeAttribute(name);
         const later = (fn, ms) => {
           const t = setTimeout(() => {
             timers.delete(t);
@@ -6291,23 +6343,10 @@ var require_faqir_core = __commonJS((exports, module) => {
           return type;
         }
         function formatValue(n, fmt) {
+          const o = fmt === "currency" ? { style: fmt, currency: opts.currency, currencySign: accounting ? "accounting" : "standard" } : fmt === "percent" ? { style: fmt, maximumFractionDigits: 2 } : fmt === "number" && { maximumFractionDigits: 2 };
           try {
-            if (fmt === "currency") {
-              return new Intl.NumberFormat(opts.locale, {
-                style: "currency",
-                currency: opts.currency,
-                currencySign: accounting ? "accounting" : "standard"
-              }).format(n);
-            }
-            if (fmt === "percent") {
-              return new Intl.NumberFormat(opts.locale, {
-                style: "percent",
-                maximumFractionDigits: 2
-              }).format(n / 100);
-            }
-            if (fmt === "number") {
-              return new Intl.NumberFormat(opts.locale, { maximumFractionDigits: 2 }).format(n);
-            }
+            if (o)
+              return new Intl.NumberFormat(opts.locale, o).format(fmt === "percent" ? n / 100 : n);
           } catch {}
           return String(n);
         }
@@ -6429,10 +6468,10 @@ var require_faqir_core = __commonJS((exports, module) => {
           if (!rb)
             return -1;
           if (type === "date") {
-            const na2 = parseDateValue(ra);
-            const nb2 = parseDateValue(rb);
-            if (!isNaN(na2) && !isNaN(nb2))
-              return na2 - nb2;
+            const na = parseDateValue(ra);
+            const nb = parseDateValue(rb);
+            if (!isNaN(na) && !isNaN(nb))
+              return na - nb;
           }
           const na = parseNumeric(ra);
           const nb = parseNumeric(rb);
@@ -6555,13 +6594,16 @@ var require_faqir_core = __commonJS((exports, module) => {
           });
           refreshStripes();
         }
+        function sortChanged() {
+          applySorts();
+          emit("sort", { sorts: sorts.map((s) => ({ column: s.index, direction: s.dir })) });
+          scheduleStateSave();
+        }
         function sort(columnIndex, direction) {
           if (!tbody || bodyRows().length === 0)
             return;
           sorts = [{ index: columnIndex, dir: direction }];
-          applySorts();
-          emit("sort", { sorts: sorts.map((s) => ({ column: s.index, direction: s.dir })) });
-          scheduleStateSave();
+          sortChanged();
         }
         function sortBy(specs) {
           if (!tbody || bodyRows().length === 0)
@@ -6570,17 +6612,13 @@ var require_faqir_core = __commonJS((exports, module) => {
             index: s.column != null ? s.column : s.index,
             dir: s.direction || s.dir || "ascending"
           })).filter((s) => Number.isInteger(s.index) && s.index >= 0 && s.index < columnCount());
-          applySorts();
-          emit("sort", { sorts: sorts.map((s) => ({ column: s.index, direction: s.dir })) });
-          scheduleStateSave();
+          sortChanged();
         }
         function clearSort() {
           if (!sorts.length)
             return;
           sorts = [];
-          applySorts();
-          emit("sort", { sorts: [] });
-          scheduleStateSave();
+          sortChanged();
         }
         function handleSortRequest(idx, additive) {
           const existing = sorts.find((s) => s.index === idx);
@@ -6601,9 +6639,7 @@ var require_faqir_core = __commonJS((exports, module) => {
           } else {
             sorts = dir === null ? [] : [{ index: idx, dir }];
           }
-          applySorts();
-          emit("sort", { sorts: sorts.map((s) => ({ column: s.index, direction: s.dir })) });
-          scheduleStateSave();
+          sortChanged();
         }
         function setRowSelected(row, selected) {
           toggleAttr(row, "data-selected", selected);
@@ -6618,8 +6654,7 @@ var require_faqir_core = __commonJS((exports, module) => {
           const row = rows[index];
           setRowSelected(row, !row.hasAttribute("data-selected"));
           lastSelectedIndex = index;
-          updateHeaderCheckbox();
-          emit("selection-change", { selected: getSelected() });
+          selectionChanged();
         }
         function selectAll() {
           const filtered = !!globalFilter || columnFilters.size > 0;
@@ -6628,15 +6663,13 @@ var require_faqir_core = __commonJS((exports, module) => {
               continue;
             setRowSelected(row, true);
           }
-          updateHeaderCheckbox();
-          emit("selection-change", { selected: getSelected() });
+          selectionChanged();
         }
         function deselectAll() {
           for (const row of bodyRows())
             setRowSelected(row, false);
           lastSelectedIndex = -1;
-          updateHeaderCheckbox();
-          emit("selection-change", { selected: getSelected() });
+          selectionChanged();
         }
         function getSelected() {
           return bodyRows().map((row, index) => ({ row, index })).filter(({ row }) => row.hasAttribute("data-selected")).map(({ index }) => index);
@@ -6649,23 +6682,18 @@ var require_faqir_core = __commonJS((exports, module) => {
             if (i >= 0 && i < rows.length && isRowVisible(rows[i]))
               setRowSelected(rows[i], true);
           }
+        }
+        function selectionChanged() {
           updateHeaderCheckbox();
+          emit("selection-change", { selected: getSelected() });
         }
         function updateHeaderCheckbox() {
           if (!headerCheckbox)
             return;
           const rows = visibleBodyRows();
-          const selected = rows.filter((r) => r.hasAttribute("data-selected"));
-          if (selected.length === 0) {
-            headerCheckbox.checked = false;
-            headerCheckbox.indeterminate = false;
-          } else if (selected.length === rows.length) {
-            headerCheckbox.checked = true;
-            headerCheckbox.indeterminate = false;
-          } else {
-            headerCheckbox.checked = false;
-            headerCheckbox.indeterminate = true;
-          }
+          const n = rows.filter((r) => r.hasAttribute("data-selected")).length;
+          headerCheckbox.checked = n > 0 && n === rows.length;
+          headerCheckbox.indeterminate = n > 0 && n < rows.length;
         }
         function matchQuery(cell, query, type) {
           const q = String(query).trim();
@@ -6762,6 +6790,7 @@ var require_faqir_core = __commonJS((exports, module) => {
           refreshStripes();
           updateHeaderCheckbox();
           computeAggregates();
+          setupNavigability();
           emit("filter", { query: globalFilter, visible, total: rows.length });
           scheduleStateSave();
         }
@@ -6783,7 +6812,7 @@ var require_faqir_core = __commonJS((exports, module) => {
           applyFilters();
         }
         function syncFilterInputs() {
-          const g = root.querySelector("[data-part='filter']");
+          const g = [...root.querySelectorAll("[data-part='filter']")].find(mine);
           if (g && g.value !== globalFilter)
             g.value = globalFilter;
           const fr = filterRowEl();
@@ -6809,6 +6838,7 @@ var require_faqir_core = __commonJS((exports, module) => {
             toggleAttr(m, "data-collapsed", !expand);
           refreshStripes();
           updateHeaderCheckbox();
+          setupNavigability();
           emit("group-toggle", { group: gh, expanded: expand });
         }
         function revealChildren(row) {
@@ -6837,6 +6867,7 @@ var require_faqir_core = __commonJS((exports, module) => {
           }
           refreshStripes();
           updateHeaderCheckbox();
+          setupNavigability();
           emit("tree-toggle", { row, expanded: expand });
         }
         function toggleDetail(rowOrIndex, force) {
@@ -6849,30 +6880,20 @@ var require_faqir_core = __commonJS((exports, module) => {
           row.querySelector("[data-part='row-toggle']")?.setAttribute("aria-expanded", String(expand));
           emit("row-expand", { row, detail, expanded: expand });
         }
-        function expandAll() {
+        function setAllExpanded(expand) {
           mutedRun(() => {
             for (const gh of groupHeaders())
-              toggleGroup(gh, true);
+              toggleGroup(gh, expand);
             if (opts.tree) {
               for (const r of bodyRows())
                 if (isTreeParent(r))
-                  toggleRow(r, true);
-            }
-          });
-          refreshStripes();
-        }
-        function collapseAll() {
-          mutedRun(() => {
-            for (const gh of groupHeaders())
-              toggleGroup(gh, false);
-            if (opts.tree) {
-              for (const r of bodyRows())
-                if (isTreeParent(r))
-                  toggleRow(r, false);
+                  toggleRow(r, expand);
             }
           });
           refreshStripes();
         }
+        const expandAll = () => setAllExpanded(true);
+        const collapseAll = () => setAllExpanded(false);
         function writeAggregate(cell, rows, ownIndex) {
           const fn = cell.getAttribute("data-aggregate");
           const col = cell.hasAttribute("data-col") ? parseInt(cell.getAttribute("data-col"), 10) : ownIndex != null ? ownIndex : cellsOf(cell.parentElement).indexOf(cell);
@@ -6911,7 +6932,7 @@ var require_faqir_core = __commonJS((exports, module) => {
             return;
           }
           cell.setAttribute("data-value", String(out));
-          const fmt = fn === "count" ? cell.getAttribute("data-format") : cell.getAttribute("data-format") || headerCells()[col]?.getAttribute("data-format") || "number";
+          const fmt = fn === "count" ? cell.getAttribute("data-format") : cellFormatOf(cell, col) || "number";
           cell.textContent = fmt ? formatValue(out, fmt) : String(out);
           applyNegativeFlag(cell);
         }
@@ -6986,9 +7007,9 @@ var require_faqir_core = __commonJS((exports, module) => {
           if (a instanceof Element)
             cell = a;
           else {
-            const row2 = bodyRows()[a];
-            if (row2)
-              cell = cellsOf(row2)[b] || null;
+            const row = bodyRows()[a];
+            if (row)
+              cell = cellsOf(row)[b] || null;
           }
           if (!cell || !isCellEditable(cell))
             return false;
@@ -7107,17 +7128,15 @@ var require_faqir_core = __commonJS((exports, module) => {
         function onEditorKeydown(e) {
           if (!editing)
             return;
+          e.stopPropagation();
           if (e.key === "Enter") {
             e.preventDefault();
-            e.stopPropagation();
             commitEdit(true);
           } else if (e.key === "Escape") {
             e.preventDefault();
-            e.stopPropagation();
             cancelEdit(true);
           } else if (e.key === "Tab") {
             e.preventDefault();
-            e.stopPropagation();
             const from = editing.cell;
             if (commitEdit()) {
               const next = nextEditableCell(from, e.shiftKey ? -1 : 1);
@@ -7126,7 +7145,6 @@ var require_faqir_core = __commonJS((exports, module) => {
             }
           } else {
             e.target.removeAttribute("data-invalid");
-            e.stopPropagation();
           }
         }
         function onEditorBlur(e) {
@@ -7171,6 +7189,7 @@ var require_faqir_core = __commonJS((exports, module) => {
             return;
           forEachColumnCell(i, (cell) => toggleAttr(cell, "data-col-hidden", hidden));
           refreshPins();
+          setupNavigability();
           emit("col-visibility", { column: i, hidden: !!hidden });
           scheduleStateSave();
         }
@@ -7282,14 +7301,11 @@ var require_faqir_core = __commonJS((exports, module) => {
           }
         }
         function elementAt(e) {
-          if (document.elementFromPoint) {
-            try {
-              return document.elementFromPoint(e.clientX, e.clientY);
-            } catch {
-              return null;
-            }
+          try {
+            return document.elementFromPoint(e.clientX, e.clientY);
+          } catch {
+            return null;
           }
-          return null;
         }
         function resolveRowAt(e) {
           let row = elementAt(e)?.closest?.("[data-part='tr']");
@@ -7297,18 +7313,13 @@ var require_faqir_core = __commonJS((exports, module) => {
             row = e.target?.closest?.("[data-part='tr']");
           return row && tbody?.contains(row) ? row : null;
         }
-        function dropPos(e, el) {
+        function dropPos(e, el, horizontal) {
           const rect = el.getBoundingClientRect?.();
-          if (!rect || !rect.height)
+          const size = rect && (horizontal ? rect.width : rect.height);
+          if (!size)
             return "after";
-          return e.clientY < rect.top + rect.height / 2 ? "before" : "after";
-        }
-        function dropPosX(e, el) {
-          const rect = el.getBoundingClientRect?.();
-          if (!rect || !rect.width)
-            return "after";
-          const before = e.clientX < rect.left + rect.width / 2;
-          return before !== isRTL ? "before" : "after";
+          const before = horizontal ? e.clientX < rect.left + size / 2 !== isRTL : e.clientY < rect.top + size / 2;
+          return before ? "before" : "after";
         }
         function bindDocDrag() {
           document.addEventListener("pointermove", onDocPointerMove);
@@ -7411,7 +7422,7 @@ var require_faqir_core = __commonJS((exports, module) => {
             if (!th || th === drag.th || !headerRowEl()?.contains(th))
               return;
             th.setAttribute("data-drop-target", "");
-            th.setAttribute("data-drop-pos", dropPosX(e, th));
+            th.setAttribute("data-drop-pos", dropPos(e, th, true));
           }
         }
         function onDocPointerUp() {
@@ -7622,15 +7633,13 @@ var require_faqir_core = __commonJS((exports, module) => {
             existing.remove();
             existing = null;
           }
-          let el;
-          if (isParent) {
-            el = document.createElement("button");
+          const el = document.createElement(isParent ? "button" : "span");
+          if (isParent)
             el.type = "button";
-            el.setAttribute("data-part", "expander");
+          el.setAttribute("data-part", "expander");
+          if (isParent)
             el.setAttribute("aria-label", "Toggle");
-          } else {
-            el = document.createElement("span");
-            el.setAttribute("data-part", "expander");
+          else {
             el.setAttribute("data-leaf", "");
             el.setAttribute("aria-hidden", "true");
           }
@@ -7739,16 +7748,26 @@ var require_faqir_core = __commonJS((exports, module) => {
             rows.push(r);
           return rows;
         }
+        const demoted = new WeakMap;
+        const cellControls = (cell) => [...cell.querySelectorAll("input,select,textarea,button,a[href],[tabindex]")].filter((el) => mine(el) && !el.closest("[data-part='checkbox'],[data-part='drag-handle'],[data-part='expander'],[data-part='row-toggle']"));
         function setupNavigability() {
           if (opts.navigable) {
+            const rows = navMatrix();
+            if (activeCell && (!rows.includes(activeCell.parentElement) || activeCell.hasAttribute("data-col-hidden"))) {
+              activeCell.setAttribute("tabindex", "-1");
+              activeCell = null;
+            }
             let first = null;
-            for (const row of navMatrix()) {
+            for (const row of rows) {
               for (const cell of cellsOf(row)) {
-                if (cell.hasAttribute("data-col-hidden"))
-                  continue;
-                if (!first && !activeCell)
+                if (!first && !activeCell && !cell.hasAttribute("data-col-hidden"))
                   first = cell;
                 cell.setAttribute("tabindex", cell === (activeCell || first) ? "0" : "-1");
+                for (const el of cellControls(cell)) {
+                  if (!demoted.has(el))
+                    demoted.set(el, el.getAttribute("tabindex"));
+                  el.setAttribute("tabindex", "-1");
+                }
               }
             }
             if (!activeCell)
@@ -7765,9 +7784,7 @@ var require_faqir_core = __commonJS((exports, module) => {
             activeCell.setAttribute("tabindex", "-1");
           activeCell = cell;
           cell.setAttribute("tabindex", "0");
-          try {
-            cell.focus();
-          } catch {}
+          cell.focus();
         }
         function moveFocus(rowDelta, colDelta, edge) {
           const cell = activeCell;
@@ -7811,7 +7828,7 @@ var require_faqir_core = __commonJS((exports, module) => {
           const cell = e.target.closest("[data-part='td'],[data-part='th']");
           if (!cell || cell === activeCell || !root.contains(cell))
             return;
-          if (e.target !== cell)
+          if (e.target !== cell && !demoted.has(e.target))
             return;
           if (activeCell)
             activeCell.setAttribute("tabindex", "-1");
@@ -7852,13 +7869,12 @@ var require_faqir_core = __commonJS((exports, module) => {
           if (e.shiftKey && lastSelectedIndex >= 0) {
             e.preventDefault();
             selectRange(lastSelectedIndex, index);
-            emit("selection-change", { selected: getSelected() });
+            selectionChanged();
             return;
           }
           toggleAttr(row, "data-selected", checkbox.checked);
           lastSelectedIndex = index;
-          updateHeaderCheckbox();
-          emit("selection-change", { selected: getSelected() });
+          selectionChanged();
         }
         function onRootClick(e) {
           if (Date.now() < suppressClickUntil)
@@ -7903,7 +7919,7 @@ var require_faqir_core = __commonJS((exports, module) => {
             return;
           if (e.shiftKey && lastSelectedIndex >= 0) {
             selectRange(lastSelectedIndex, index);
-            emit("selection-change", { selected: getSelected() });
+            selectionChanged();
             return;
           }
           if (opts.selectable != null) {
@@ -7916,8 +7932,7 @@ var require_faqir_core = __commonJS((exports, module) => {
               setRowSelected(row, !row.hasAttribute("data-selected"));
             }
             lastSelectedIndex = index;
-            updateHeaderCheckbox();
-            emit("selection-change", { selected: getSelected() });
+            selectionChanged();
           }
         }
         function onDblClick(e) {
@@ -7968,9 +7983,14 @@ var require_faqir_core = __commonJS((exports, module) => {
             }
             return;
           }
+          const cell = target.closest?.("[data-part='td'],[data-part='th']");
+          if (e.key === "Escape" && demoted.has(target)) {
+            e.preventDefault();
+            focusCell(cell);
+            return;
+          }
           if (target.closest?.("input,select,textarea,button,a"))
             return;
-          const cell = target.closest?.("[data-part='td'],[data-part='th']");
           const inHeader = cell && thead?.contains(cell);
           if (inHeader && (e.key === "Enter" || e.key === " ") && cell.hasAttribute("data-sortable")) {
             e.preventDefault();
@@ -8055,6 +8075,12 @@ var require_faqir_core = __commonJS((exports, module) => {
               if (isCellEditable(cell)) {
                 e.preventDefault();
                 startEdit(cell);
+                return;
+              }
+              const ctl = cellControls(cell)[0];
+              if (ctl) {
+                e.preventDefault();
+                ctl.focus();
               }
               return;
             }
@@ -8090,7 +8116,7 @@ var require_faqir_core = __commonJS((exports, module) => {
           toggleAttr(root, "data-stacked", width < stackBreakpoint());
         }
         function measureSticky() {
-          const needsHeaderVar = root.hasAttribute("data-sticky-header") || !!tbody?.querySelector("[data-part='tr'][data-pin='top']");
+          const needsHeaderVar = root.hasAttribute("data-sticky-header") || bodyRows().some((r) => r.dataset.pin === "top");
           if (needsHeaderVar && thead && thead.offsetHeight) {
             root.style.setProperty("--table-thead-h", thead.offsetHeight + "px");
           }
@@ -8127,6 +8153,12 @@ var require_faqir_core = __commonJS((exports, module) => {
           cleanups.length = 0;
           observer?.disconnect();
           observer = null;
+          for (const el of root.querySelectorAll("[tabindex]")) {
+            if (demoted.has(el)) {
+              const t = demoted.get(el);
+              t == null ? el.removeAttribute("tabindex") : el.setAttribute("tabindex", t);
+            }
+          }
           for (const t of timers)
             clearTimeout(t);
           timers.clear();
@@ -8137,14 +8169,15 @@ var require_faqir_core = __commonJS((exports, module) => {
           on(thead, "click", onHeaderClick);
         if (headerCheckbox)
           on(headerCheckbox, "change", onHeaderCheckboxChange);
+        const onOwn = (target, ev, fn) => on(target, ev, (e) => mine(e.target) && fn(e));
         if (tbody)
-          on(tbody, "change", onRowCheckboxChange);
-        on(root, "click", onRootClick);
-        on(root, "dblclick", onDblClick);
-        on(root, "keydown", onKeydown);
-        on(root, "input", onFilterInput);
-        on(root, "pointerdown", onPointerDown);
-        on(root, "focusin", onFocusIn);
+          onOwn(tbody, "change", onRowCheckboxChange);
+        onOwn(root, "click", onRootClick);
+        onOwn(root, "dblclick", onDblClick);
+        onOwn(root, "keydown", onKeydown);
+        onOwn(root, "input", onFilterInput);
+        onOwn(root, "pointerdown", onPointerDown);
+        onOwn(root, "focusin", onFocusIn);
         if (typeof window !== "undefined") {
           let resizeTimer = null;
           const onWinResize = () => {
@@ -8209,15 +8242,17 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirTable = api;
         return api;
       }
-      return createTable2;
+      return createTable;
     }();
     var createTabs = controllerRegistry["tabs"] = function() {
-      function createTabs2(root) {
+      function createTabs(root) {
         if (root._faqirTabs)
           return root._faqirTabs;
-        const list = root.querySelector("[data-part='list']");
-        const triggers = () => [...root.querySelectorAll("[data-part='trigger']")];
-        const panels = () => [...root.querySelectorAll("[data-part='panel']")];
+        const list = root.querySelector(":scope > [data-part='list']");
+        const triggers = () => [
+          ...root.querySelectorAll(":scope > [data-part='list'] > [data-part='trigger']")
+        ];
+        const panels = () => [...root.querySelectorAll(":scope > [data-part='panel']")];
         function activate(index) {
           const allTriggers = triggers();
           const allPanels = panels();
@@ -8282,10 +8317,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirTabs = api;
         return api;
       }
-      return createTabs2;
+      return createTabs;
     }();
     var createTagInput = controllerRegistry["tag-input"] = function() {
-      function createTagInput2(root) {
+      function createTagInput(root) {
         if (root._faqirTagInput)
           return root._faqirTagInput;
         const taglist = root.querySelector("[data-part='taglist']");
@@ -8580,10 +8615,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirTagInput = api;
         return api;
       }
-      return createTagInput2;
+      return createTagInput;
     }();
     var createToastContainer = controllerRegistry["toast"] = function() {
-      function createToastContainer2(root) {
+      function createToastContainer(root) {
         if (root._faqirToast)
           return root._faqirToast;
         const toasts = new Map;
@@ -8712,10 +8747,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirToast = api;
         return api;
       }
-      return createToastContainer2;
+      return createToastContainer;
     }();
     var createToggleGroup = controllerRegistry["toggle-group"] = function() {
-      function createToggleGroup2(root) {
+      function createToggleGroup(root) {
         if (root._faqirToggleGroup)
           return root._faqirToggleGroup;
         const mode = root.dataset.mode === "multi" ? "multi" : "single";
@@ -8852,26 +8887,34 @@ var require_faqir_core = __commonJS((exports, module) => {
           if (el)
             select(el);
         }
+        const form = root.closest("form");
+        const onReset = () => setTimeout(syncState, 0);
         root.addEventListener("change", onChange);
+        root.addEventListener("faqir:model", syncState);
         root.addEventListener("keydown", onKeyDown);
+        if (form)
+          form.addEventListener("reset", onReset);
         syncState();
         function destroy() {
           root.removeEventListener("change", onChange);
+          root.removeEventListener("faqir:model", syncState);
           root.removeEventListener("keydown", onKeyDown);
+          if (form)
+            form.removeEventListener("reset", onReset);
           delete root._faqirToggleGroup;
         }
         const api = { getValue, setValue, toggle, destroy };
         root._faqirToggleGroup = api;
         return api;
       }
-      return createToggleGroup2;
+      return createToggleGroup;
     }();
     var createTooltip = controllerRegistry["tooltip"] = function() {
-      function createTooltip2(root) {
+      function createTooltip(root) {
         if (root._faqirTooltip)
           return root._faqirTooltip;
         const trigger = root.querySelector("[data-part='trigger']");
-        const content = root.querySelector("[data-part='content']");
+        const [content] = ownParts(root, "content");
         let showTimer = null;
         let hideTimer = null;
         function show() {
@@ -8934,10 +8977,10 @@ var require_faqir_core = __commonJS((exports, module) => {
         root._faqirTooltip = api;
         return api;
       }
-      return createTooltip2;
+      return createTooltip;
     }();
     var createTreeView = controllerRegistry["tree-view"] = function() {
-      function createTreeView2(root) {
+      function createTreeView(root) {
         if (root._faqirTreeView) {
           root._faqirTreeView.refresh();
           return root._faqirTreeView;
@@ -9335,7 +9378,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         refresh();
         return api;
       }
-      return createTreeView2;
+      return createTreeView;
     }();
     var customMagics = new Map;
     function findParentScope(el) {
@@ -9350,7 +9393,8 @@ var require_faqir_core = __commonJS((exports, module) => {
     var SNAPSHOT_MAX_DEPTH = 4;
     function snapshotValue(value, stack, depth) {
       if (typeof value === "function") {
-        return "[Function" + (value.name ? " " + value.name : "") + "]";
+        var name = String(value.name || "").replace(/^bound /, "");
+        return "[Function" + (name ? " " + name : "") + "]";
       }
       if (value === null || typeof value !== "object")
         return value;
@@ -9535,17 +9579,26 @@ var require_faqir_core = __commonJS((exports, module) => {
         console.error('[Faqir] Controller "' + name + '" failed to initialize', el, err);
       }
     }
-    var mutationObserver = null;
-    var observedBody = null;
-    function bootstrap() {
-      injectCloakStyle();
+    function startControllers(root) {
+      var own = root.getAttribute && root.getAttribute("data-ui");
+      if (own && controllerRegistry[own])
+        initController(own, root);
       var names = Object.keys(controllerRegistry);
       for (var n = 0;n < names.length; n++) {
-        var els = document.querySelectorAll('[data-ui="' + names[n] + '"]');
-        for (var e = 0;e < els.length; e++) {
+        var els = root.querySelectorAll('[data-ui="' + names[n] + '"]');
+        for (var e = 0;e < els.length; e++)
           initController(names[n], els[e]);
-        }
       }
+    }
+    function publicInitTree(root, parentScope) {
+      if (root.isConnected)
+        startControllers(root);
+      initTree(root, parentScope);
+    }
+    var mutationObserver = null;
+    var observedBody = null;
+    function bootstrap() {
+      startControllers(document);
       var roots = document.querySelectorAll("[l-data], [data-ui]");
       var processed = new Set;
       for (var r = 0;r < roots.length; r++) {
@@ -9587,12 +9640,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         }
       }
       walkUnscoped(document.body, getStrayScope());
-      for (var n2 = 0;n2 < names.length; n2++) {
-        var els2 = document.querySelectorAll('[data-ui="' + names[n2] + '"]');
-        for (var e2 = 0;e2 < els2.length; e2++) {
-          initController(names[n2], els2[e2]);
-        }
-      }
+      startControllers(document);
       removeCloaks();
       if (mutationObserver && observedBody === document.body)
         return;
@@ -9610,22 +9658,13 @@ var require_faqir_core = __commonJS((exports, module) => {
             if (node.nodeType !== 1)
               continue;
             removeCloaks(node);
-            var uiName = node.getAttribute ? node.getAttribute("data-ui") : null;
-            if (uiName && controllerRegistry[uiName]) {
-              initController(uiName, node);
-            }
+            startControllers(node);
             if (node.__faqirScope) {} else if (node.hasAttribute && node.hasAttribute("l-data")) {
               initTree(node, findParentScope(node));
             } else if (node.hasAttribute && node.hasAttribute("data-ui") && !findParentScope(node)) {
               initTree(node, null);
             }
             if (node.querySelectorAll) {
-              var cNames = Object.keys(controllerRegistry);
-              for (var cn = 0;cn < cNames.length; cn++) {
-                var cEls = node.querySelectorAll('[data-ui="' + cNames[cn] + '"]');
-                for (var ce = 0;ce < cEls.length; ce++)
-                  initController(cNames[cn], cEls[ce]);
-              }
               var scopeEls = node.querySelectorAll("[l-data]");
               for (var se = 0;se < scopeEls.length; se++) {
                 if (!scopeEls[se].__faqirScope) {
@@ -9663,7 +9702,7 @@ var require_faqir_core = __commonJS((exports, module) => {
       }
     }
     var Faqir = {
-      version: "1.1.1",
+      version: "1.1.2",
       reactive,
       effect,
       batch,
@@ -9683,6 +9722,8 @@ var require_faqir_core = __commonJS((exports, module) => {
         customDirectives.set(name, handler);
       },
       magic: function(name, callback) {
+        if (name === "this")
+          throw new Error('[Faqir] "this" is reserved: $this is the directive element');
         customMagics.set(name, callback);
       },
       plugin: function(fn) {
@@ -9692,7 +9733,7 @@ var require_faqir_core = __commonJS((exports, module) => {
         controllerRegistry[name] = factory;
       },
       start: bootstrap,
-      initTree,
+      initTree: publicInitTree,
       inspect,
       devtools,
       destroy: destroyScope
@@ -9728,24 +9769,24 @@ var destroy = import_faqir_core.default.destroy;
 var inspect = import_faqir_core.default.inspect;
 var devtools = import_faqir_core.default.devtools;
 export {
-  version,
-  untrack,
-  store,
-  start,
-  reactive,
-  plugin,
-  nextTick,
-  magic,
-  inspect,
-  initTree,
-  evaluateAssignment,
-  evaluate,
-  effect,
-  directive,
-  devtools,
-  destroy,
-  esm_entry_default as default,
-  data,
+  batch,
   controller,
-  batch
+  data,
+  esm_entry_default as default,
+  destroy,
+  devtools,
+  directive,
+  effect,
+  evaluate,
+  evaluateAssignment,
+  initTree,
+  inspect,
+  magic,
+  nextTick,
+  plugin,
+  reactive,
+  start,
+  store,
+  untrack,
+  version
 };