sibujs 4.4.0 → 4.6.0

package/dist/testing.cjs

@@ -45,6 +45,7 @@ __export(testing_exports, {
   createTimerMock: () => createTimerMock,
   createUniversalAdapter: () => createUniversalAdapter,
   createVisualSuite: () => createVisualSuite,
+  enableListenerTracking: () => enableListenerTracking,
   findByRole: () => findByRole,
   findByTestId: () => findByTestId,
   findByText: () => findByText,
@@ -52,6 +53,8 @@ __export(testing_exports, {
   matchSnapshot: () => matchSnapshot,
   mockRouter: () => mockRouter,
   mockStore: () => mockStore,
+  queryAllByAttribute: () => queryAllByAttribute,
+  queryByAttribute: () => queryByAttribute,
   queryByLabel: () => queryByLabel,
   queryByRole: () => queryByRole,
   queryByTestId: () => queryByTestId,
@@ -181,6 +184,23 @@ function reportDrainRunaway(label, executed, remaining) {
   );
 }
 var activeBindingCount = 0;
+function resolveCapture(capture) {
+  let frame = capture;
+  while (frame?.closed) frame = frame.forwardTo;
+  return frame ?? null;
+}
+var registrationCaptures = [];
+function currentDisposerCapture() {
+  return resolveCapture(registrationCaptures[registrationCaptures.length - 1]);
+}
+function beginDisposerCapture(capture) {
+  if (capture === null && registrationCaptures.length === 0) return false;
+  registrationCaptures.push(resolveCapture(capture));
+  return true;
+}
+function endDisposerCapture() {
+  registrationCaptures.pop();
+}
 function dispose(node) {
   const stack = [node];
   const order = [];
@@ -193,33 +213,34 @@ function dispose(node) {
     }
   }
   for (let i = order.length - 1; i >= 0; i--) {
-    const current = order[i];
-    if (elementDisposers.has(current)) {
-      let executed = 0;
-      let runaway = false;
-      while (!runaway) {
-        const pending = elementDisposers.get(current);
-        if (!pending || pending.length === 0) break;
-        const snapshot = pending.slice();
-        elementDisposers.delete(current);
-        if (DEV) activeBindingCount -= snapshot.length;
-        for (let i2 = 0; i2 < snapshot.length; i2++) {
-          if (executed >= MAX_DRAIN_TEARDOWNS) {
-            const rest = snapshot.slice(i2);
-            const added = elementDisposers.get(current);
-            elementDisposers.set(current, added ? rest.concat(added) : rest);
-            if (DEV) activeBindingCount += rest.length;
-            reportDrainRunaway("dispose", executed, rest.length + (added?.length ?? 0));
-            runaway = true;
-            break;
-          }
-          executed++;
-          try {
-            snapshot[i2]();
-          } catch (err) {
-            reportError(err, { phase: "cleanup", name: "disposer" });
-          }
-        }
+    disposeNodeOwn(order[i]);
+  }
+}
+function disposeNodeOwn(node) {
+  if (!elementDisposers.has(node)) return;
+  let executed = 0;
+  let runaway = false;
+  while (!runaway) {
+    const pending = elementDisposers.get(node);
+    if (!pending || pending.length === 0) break;
+    const snapshot = pending.slice();
+    elementDisposers.delete(node);
+    if (DEV) activeBindingCount -= snapshot.length;
+    for (let i = 0; i < snapshot.length; i++) {
+      if (executed >= MAX_DRAIN_TEARDOWNS) {
+        const rest = snapshot.slice(i);
+        const added = elementDisposers.get(node);
+        elementDisposers.set(node, added ? rest.concat(added) : rest);
+        if (DEV) activeBindingCount += rest.length;
+        reportDrainRunaway("dispose", executed, rest.length + (added?.length ?? 0));
+        runaway = true;
+        break;
+      }
+      executed++;
+      try {
+        snapshot[i]();
+      } catch (err) {
+        reportError(err, { phase: "cleanup", name: "disposer" });
       }
     }
   }
@@ -242,2262 +263,2524 @@ function globalSingleton(key, create) {
   return g[key] ?? (g[key] = create());
 }
 
-// src/testing/a11y.ts
-function escSel(value) {
-  return value.replace(/["\\]/g, "\\$&");
-}
-var VALID_ARIA_ROLES = /* @__PURE__ */ new Set([
-  "alert",
-  "alertdialog",
-  "application",
-  "article",
-  "banner",
-  "button",
-  "cell",
-  "checkbox",
-  "columnheader",
-  "combobox",
-  "complementary",
-  "contentinfo",
-  "definition",
-  "dialog",
-  "directory",
-  "document",
-  "feed",
-  "figure",
-  "form",
-  "grid",
-  "gridcell",
-  "group",
-  "heading",
-  "img",
-  "link",
-  "list",
-  "listbox",
-  "listitem",
-  "log",
-  "main",
-  "marquee",
-  "math",
-  "menu",
-  "menubar",
-  "menuitem",
-  "menuitemcheckbox",
-  "menuitemradio",
-  "meter",
-  "navigation",
-  "none",
-  "note",
-  "option",
-  "presentation",
-  "progressbar",
-  "radio",
-  "radiogroup",
-  "region",
-  "row",
-  "rowgroup",
-  "rowheader",
-  "scrollbar",
-  "search",
-  "searchbox",
-  "separator",
-  "slider",
-  "spinbutton",
-  "status",
-  "switch",
-  "tab",
-  "table",
-  "tablist",
-  "tabpanel",
-  "term",
-  "textbox",
-  "timer",
-  "toolbar",
-  "tooltip",
-  "tree",
-  "treegrid",
-  "treeitem"
-]);
-var LANDMARK_ROLES = /* @__PURE__ */ new Set([
-  "banner",
-  "complementary",
-  "contentinfo",
-  "form",
-  "main",
-  "navigation",
-  "region",
-  "search"
-]);
-var LANDMARK_ELEMENTS = {
-  header: "banner",
-  footer: "contentinfo",
-  main: "main",
-  nav: "navigation",
-  aside: "complementary",
-  form: "form",
-  section: "region"
-};
-var REQUIRED_ARIA_PROPS = {
-  checkbox: ["aria-checked"],
-  combobox: ["aria-expanded"],
-  heading: ["aria-level"],
-  meter: ["aria-valuenow"],
-  option: ["aria-selected"],
-  radio: ["aria-checked"],
-  scrollbar: ["aria-controls", "aria-valuenow"],
-  separator: [],
-  // only required when focusable
-  slider: ["aria-valuenow"],
-  spinbutton: ["aria-valuenow"],
-  switch: ["aria-checked"]
-};
-var VALID_ARIA_ATTRIBUTES = /* @__PURE__ */ new Set([
-  "aria-activedescendant",
-  "aria-atomic",
-  "aria-autocomplete",
-  "aria-busy",
-  "aria-checked",
-  "aria-colcount",
-  "aria-colindex",
-  "aria-colspan",
-  "aria-controls",
-  "aria-current",
-  "aria-describedby",
-  "aria-details",
-  "aria-disabled",
-  "aria-dropeffect",
-  "aria-errormessage",
-  "aria-expanded",
-  "aria-flowto",
-  "aria-grabbed",
-  "aria-haspopup",
-  "aria-hidden",
-  "aria-invalid",
-  "aria-keyshortcuts",
-  "aria-label",
-  "aria-labelledby",
-  "aria-level",
-  "aria-live",
-  "aria-modal",
-  "aria-multiline",
-  "aria-multiselectable",
-  "aria-orientation",
-  "aria-owns",
-  "aria-placeholder",
-  "aria-posinset",
-  "aria-pressed",
-  "aria-readonly",
-  "aria-relevant",
-  "aria-required",
-  "aria-roledescription",
-  "aria-rowcount",
-  "aria-rowindex",
-  "aria-rowspan",
-  "aria-selected",
-  "aria-setsize",
-  "aria-sort",
-  "aria-valuemax",
-  "aria-valuemin",
-  "aria-valuenow",
-  "aria-valuetext"
-]);
-function getSelector(el) {
-  if (el.id) return `#${el.id}`;
-  const tag = el.tagName.toLowerCase();
-  const classes = el.className && typeof el.className === "string" ? `.${el.className.trim().split(/\s+/).join(".")}` : "";
-  const role = el.getAttribute("role");
-  const roleStr = role ? `[role="${role}"]` : "";
-  return `${tag}${classes}${roleStr}`;
+// src/reactivity/track-core.ts
+var POOL_MAX = 4096;
+var nodePool = [];
+function createNode() {
+  return {
+    sig: null,
+    sub: null,
+    epoch: 0,
+    depVersion: 0,
+    sigPrev: null,
+    sigNext: null,
+    subPrev: null,
+    subNext: null,
+    prevActive: null
+  };
 }
-function hasAccessibleName(el) {
-  if (el.getAttribute("aria-label")?.trim()) return true;
-  const labelledBy = el.getAttribute("aria-labelledby");
-  if (labelledBy) {
-    const doc = el.ownerDocument;
-    const ids = labelledBy.split(/\s+/);
-    for (const id of ids) {
-      const ref = doc.getElementById(id);
-      if (ref?.textContent?.trim()) return true;
-    }
+function allocNode(sig, sub, epoch) {
+  const n = nodePool.pop();
+  if (n) {
+    n.sig = sig;
+    n.sub = sub;
+    n.epoch = epoch;
+    return n;
   }
-  if (el.getAttribute("title")?.trim()) return true;
-  if (el.textContent?.trim()) return true;
-  return false;
+  const fresh = createNode();
+  fresh.sig = sig;
+  fresh.sub = sub;
+  fresh.epoch = epoch;
+  return fresh;
 }
-function isNativeInteractive(el) {
-  const tag = el.tagName.toLowerCase();
-  if (["button", "select", "textarea"].includes(tag)) return true;
-  if (tag === "input" && el.getAttribute("type") !== "hidden") return true;
-  if (tag === "a" && el.hasAttribute("href")) return true;
-  if (tag === "area" && el.hasAttribute("href")) return true;
-  return false;
+function freeNode(node) {
+  node.sig = null;
+  node.sub = null;
+  node.sigPrev = null;
+  node.sigNext = null;
+  node.subPrev = null;
+  node.subNext = null;
+  node.prevActive = null;
+  if (nodePool.length < POOL_MAX) nodePool.push(node);
 }
-function checkImageAlt(root) {
-  const violations = [];
-  const images = root.querySelectorAll("img");
-  for (const img of Array.from(images)) {
-    if (!img.hasAttribute("alt")) {
-      violations.push({
-        rule: "image-alt",
-        level: "error",
-        message: 'Image element must have an alt attribute. Use alt="" for decorative images.',
-        element: img,
-        selector: getSelector(img)
-      });
-    } else if (img.getAttribute("alt") === "" && !img.getAttribute("role")) {
-      violations.push({
-        rule: "image-alt-empty",
-        level: "info",
-        message: "Image has empty alt text. Ensure this is a decorative image; otherwise provide meaningful alt text.",
-        element: img,
-        selector: getSelector(img)
-      });
-    }
-  }
-  const roleImgs = root.querySelectorAll('[role="img"]');
-  for (const el of Array.from(roleImgs)) {
-    if (!hasAccessibleName(el)) {
-      violations.push({
-        rule: "image-alt",
-        level: "error",
-        message: 'Element with role="img" must have an accessible name (aria-label or aria-labelledby).',
-        element: el,
-        selector: getSelector(el)
-      });
-    }
+function linkSignal(sig, node) {
+  const oldHead = sig.subsHead ?? null;
+  node.sigPrev = null;
+  node.sigNext = oldHead;
+  if (oldHead) oldHead.sigPrev = node;
+  else sig.subsTail = node;
+  sig.subsHead = node;
+  sig.__sc = (sig.__sc ?? 0) + 1;
+}
+function unlinkSignal(node) {
+  const sig = node.sig;
+  if (!sig) return;
+  const prev = node.sigPrev;
+  const next = node.sigNext;
+  if (prev) prev.sigNext = next;
+  else sig.subsHead = next;
+  if (next) next.sigPrev = prev;
+  else sig.subsTail = prev;
+  sig.__sc = (sig.__sc ?? 1) - 1;
+  if (sig.__activeNode === node) sig.__activeNode = node.prevActive;
+  if (sig.__sc === 0) {
+    sig.subsHead = null;
+    sig.subsTail = null;
   }
-  return violations;
 }
-function checkFormLabels(root) {
-  const violations = [];
-  const inputs = root.querySelectorAll("input, select, textarea");
-  for (const input of Array.from(inputs)) {
-    if (input.getAttribute("type") === "hidden") continue;
-    const inputType = input.getAttribute("type");
-    if (inputType === "submit" || inputType === "reset" || inputType === "button") continue;
-    const hasLabel = checkInputHasLabel(input, root);
-    if (!hasLabel) {
-      violations.push({
-        rule: "form-label",
-        level: "error",
-        message: `Form ${input.tagName.toLowerCase()} element must have an associated label. Use <label for="id">, aria-label, aria-labelledby, or wrap in a <label>.`,
-        element: input,
-        selector: getSelector(input)
-      });
-    }
+function linkSub(sub, node) {
+  const oldTail = sub.depsTail ?? null;
+  node.subPrev = oldTail;
+  node.subNext = null;
+  if (oldTail) oldTail.subNext = node;
+  else sub.depsHead = node;
+  sub.depsTail = node;
+}
+function unlinkSub(node) {
+  const sub = node.sub;
+  if (!sub) return;
+  const prev = node.subPrev;
+  const next = node.subNext;
+  if (prev) prev.subNext = next;
+  else sub.depsHead = next;
+  if (next) next.subPrev = prev;
+  else sub.depsTail = prev;
+}
+var currentSubscriber = null;
+var suspendSavedSub = null;
+var notifyDepth = 0;
+var pendingQueue = [];
+var pendingSet = /* @__PURE__ */ new Set();
+var propagateStack = [];
+function safeInvoke(sub) {
+  try {
+    sub();
+  } catch (err) {
+    const s = sub;
+    reportError(err, { phase: s._errorPhase ?? "effect", name: s.__name, node: s._errorNode });
   }
-  return violations;
 }
-function checkInputHasLabel(input, root) {
-  if (input.getAttribute("aria-label")?.trim()) return true;
-  const labelledBy = input.getAttribute("aria-labelledby");
-  if (labelledBy) {
-    const doc = input.ownerDocument;
-    const ids = labelledBy.split(/\s+/);
-    for (const id2 of ids) {
-      const ref = doc.getElementById(id2);
-      if (ref?.textContent?.trim()) return true;
+function depsChanged(sub) {
+  let node = sub.depsHead ?? null;
+  if (node === null) return true;
+  while (node !== null) {
+    const sig = node.sig;
+    if (sig === null) return true;
+    if (sig._d === true && sig._validate !== void 0) {
+      try {
+        sig._validate();
+      } catch {
+        return true;
+      }
     }
+    if (node.depVersion !== sig.__v) return true;
+    node = node.subNext;
   }
-  if (input.getAttribute("title")?.trim()) return true;
-  const id = input.getAttribute("id");
-  if (id) {
-    const label = root.querySelector(`label[for="${escSel(id)}"]`);
-    if (label?.textContent?.trim()) return true;
+  return false;
+}
+var suspendDepth = 0;
+var trackingSuspended = false;
+function suspendTracking() {
+  if (suspendDepth === 0) {
+    suspendSavedSub = currentSubscriber;
+    currentSubscriber = null;
+    trackingSuspended = true;
   }
-  let parent = input.parentElement;
-  while (parent && parent !== root) {
-    if (parent.tagName.toLowerCase() === "label") return true;
-    parent = parent.parentElement;
+  suspendDepth++;
+}
+function resumeTracking() {
+  suspendDepth--;
+  if (suspendDepth === 0) {
+    currentSubscriber = suspendSavedSub;
+    suspendSavedSub = null;
+    trackingSuspended = false;
   }
-  return false;
 }
-function checkHeadingHierarchy(root) {
-  const violations = [];
-  const headings = root.querySelectorAll("h1, h2, h3, h4, h5, h6");
-  if (headings.length === 0) return violations;
-  let previousLevel = 0;
-  for (const heading of Array.from(headings)) {
-    const currentLevel = parseInt(heading.tagName[1], 10);
-    if (previousLevel === 0 && currentLevel !== 1) {
-      violations.push({
-        rule: "heading-order",
-        level: "warning",
-        message: `Heading hierarchy should start with h1. Found ${heading.tagName.toLowerCase()} as the first heading.`,
-        element: heading,
-        selector: getSelector(heading)
-      });
-    }
-    if (previousLevel > 0 && currentLevel > previousLevel + 1) {
-      violations.push({
-        rule: "heading-order",
-        level: "error",
-        message: `Heading level skipped: ${heading.tagName.toLowerCase()} follows h${previousLevel}. Headings should not skip levels.`,
-        element: heading,
-        selector: getSelector(heading)
-      });
-    }
-    if (!heading.textContent?.trim()) {
-      violations.push({
-        rule: "heading-empty",
-        level: "error",
-        message: `Heading ${heading.tagName.toLowerCase()} is empty. Headings must have discernible text.`,
-        element: heading,
-        selector: getSelector(heading)
-      });
-    }
-    previousLevel = currentLevel;
+function isTrackingSuspended() {
+  return trackingSuspended;
+}
+function untracked(fn) {
+  suspendTracking();
+  try {
+    return fn();
+  } finally {
+    resumeTracking();
   }
-  return violations;
 }
-function checkColorContrast(root) {
-  const violations = [];
-  const roledElements = root.querySelectorAll("[role]");
-  for (const el of Array.from(roledElements)) {
-    const role = el.getAttribute("role");
-    if (!role) continue;
-    if (role === "presentation" || role === "none") continue;
-    const nameRequiredRoles = /* @__PURE__ */ new Set([
-      "alert",
-      "alertdialog",
-      "button",
-      "checkbox",
-      "combobox",
-      "dialog",
-      "link",
-      "menuitem",
-      "menuitemcheckbox",
-      "menuitemradio",
-      "option",
-      "progressbar",
-      "radio",
-      "slider",
-      "spinbutton",
-      "switch",
-      "tab",
-      "textbox",
-      "treeitem"
-    ]);
-    if (nameRequiredRoles.has(role) && !hasAccessibleName(el)) {
-      violations.push({
-        rule: "accessible-name",
-        level: "error",
-        message: `Element with role="${role}" must have an accessible name (via aria-label, aria-labelledby, or text content).`,
-        element: el,
-        selector: getSelector(el)
-      });
-    }
+var subscriberEpochCounter = 0;
+function retrack(effectFn, subscriber) {
+  const prev = currentSubscriber;
+  let savedDepth = 0;
+  let savedSuspendSub = null;
+  if (trackingSuspended) {
+    savedDepth = suspendDepth;
+    savedSuspendSub = suspendSavedSub;
+    suspendDepth = 0;
+    suspendSavedSub = null;
+    trackingSuspended = false;
   }
-  const inlineStyled = root.querySelectorAll("[style]");
-  for (const el of Array.from(inlineStyled)) {
-    const style = el.getAttribute("style") || "";
-    const hasColor = /(?:^|;)\s*color\s*:/i.test(style);
-    const hasBg = /(?:^|;)\s*background(?:-color)?\s*:/i.test(style);
-    if (hasColor && !hasBg && el.textContent?.trim()) {
-      violations.push({
-        rule: "color-contrast",
-        level: "warning",
-        message: "Element sets text color but not background color. Ensure sufficient contrast with the inherited background.",
-        element: el,
-        selector: getSelector(el)
-      });
+  currentSubscriber = subscriber;
+  const sub = subscriber;
+  if (sub._cap === void 0) sub._cap = currentDisposerCapture();
+  const epoch = ++subscriberEpochCounter;
+  sub._epoch = epoch;
+  sub._structDirty = false;
+  for (let n = sub.depsHead ?? null; n !== null; n = n.subNext) {
+    const sig = n.sig;
+    n.prevActive = sig.__activeNode ?? null;
+    sig.__activeNode = n;
+  }
+  try {
+    effectFn();
+  } finally {
+    currentSubscriber = prev;
+    if (savedDepth !== 0) {
+      suspendDepth = savedDepth;
+      suspendSavedSub = savedSuspendSub;
+      trackingSuspended = true;
     }
-    if (hasBg && !hasColor && el.textContent?.trim()) {
-      violations.push({
-        rule: "color-contrast",
-        level: "warning",
-        message: "Element sets background color but not text color. Ensure sufficient contrast with the inherited text color.",
-        element: el,
-        selector: getSelector(el)
-      });
+    let node = sub.depsHead ?? null;
+    while (node !== null) {
+      const next = node.subNext;
+      const sig = node.sig;
+      sig.__activeNode = node.prevActive;
+      node.prevActive = null;
+      if (node.epoch !== epoch) {
+        unlinkSub(node);
+        unlinkSignal(node);
+        freeNode(node);
+      }
+      node = next;
     }
   }
-  return violations;
 }
-function checkKeyboardAccess(root) {
-  const violations = [];
-  const clickElements = root.querySelectorAll("[onclick]");
-  for (const el of Array.from(clickElements)) {
-    if (isNativeInteractive(el)) continue;
-    const hasTabindex = el.hasAttribute("tabindex");
-    const hasRole = el.hasAttribute("role");
-    const hasKeyHandler = el.hasAttribute("onkeydown") || el.hasAttribute("onkeyup") || el.hasAttribute("onkeypress");
-    if (!hasTabindex) {
-      violations.push({
-        rule: "keyboard-access",
-        level: "error",
-        message: "Interactive element with onclick must have tabindex to be keyboard accessible.",
-        element: el,
-        selector: getSelector(el)
-      });
+function track(effectFn, subscriber) {
+  if (!subscriber) return reactiveBinding(effectFn);
+  cleanup(subscriber);
+  const prev = currentSubscriber;
+  let savedDepth = 0;
+  let savedSuspendSub = null;
+  if (trackingSuspended) {
+    savedDepth = suspendDepth;
+    savedSuspendSub = suspendSavedSub;
+    suspendDepth = 0;
+    suspendSavedSub = null;
+    trackingSuspended = false;
+  }
+  currentSubscriber = subscriber;
+  try {
+    effectFn();
+  } finally {
+    currentSubscriber = prev;
+    if (savedDepth !== 0) {
+      suspendDepth = savedDepth;
+      suspendSavedSub = savedSuspendSub;
+      trackingSuspended = true;
     }
-    if (!hasRole) {
-      violations.push({
-        rule: "keyboard-access",
-        level: "warning",
-        message: 'Interactive element with onclick should have an explicit role attribute (e.g., role="button").',
-        element: el,
-        selector: getSelector(el)
-      });
+    const sub2 = subscriber;
+    for (let n = sub2.depsHead ?? null; n !== null; n = n.subNext) {
+      const sig = n.sig;
+      sig.__activeNode = n.prevActive;
+      n.prevActive = null;
     }
-    if (!hasKeyHandler) {
-      violations.push({
-        rule: "keyboard-access",
-        level: "error",
-        message: "Interactive element with onclick must also have a keyboard event handler (onkeydown or onkeyup) for keyboard accessibility.",
-        element: el,
-        selector: getSelector(el)
-      });
+  }
+  const sub = subscriber;
+  return sub._dispose ?? (sub._dispose = () => cleanup(subscriber));
+}
+function reactiveBinding(commit, ownerNode) {
+  const run = () => {
+    const s = subscriber;
+    if (s._disposed || s._reentrant) return;
+    s._reentrant = true;
+    try {
+      retrack(commit, subscriber);
+    } finally {
+      s._reentrant = false;
     }
+  };
+  const subscriber = run;
+  subscriber.depsHead = null;
+  subscriber.depsTail = null;
+  subscriber._epoch = 0;
+  subscriber._structDirty = false;
+  subscriber._hasComputedDep = false;
+  subscriber._runEpoch = 0;
+  subscriber._runs = 0;
+  subscriber._reentrant = false;
+  subscriber._disposed = false;
+  subscriber._errorPhase = "binding";
+  subscriber._errorNode = ownerNode;
+  try {
+    run();
+  } catch (err) {
+    subscriber._disposed = true;
+    subscriber._errorNode = void 0;
+    cleanup(subscriber);
+    throw err;
   }
-  const interactiveRoles = root.querySelectorAll(
-    '[role="button"], [role="link"], [role="tab"], [role="menuitem"], [role="option"]'
+  return subscriber._dispose ?? (subscriber._dispose = () => {
+    subscriber._disposed = true;
+    subscriber._errorNode = void 0;
+    cleanup(subscriber);
+  });
+}
+function recordDependency(signal) {
+  if (!currentSubscriber) return;
+  const sub = currentSubscriber;
+  const sig = signal;
+  const epoch = sub._epoch ?? 0;
+  const active = sig.__activeNode ?? null;
+  if (active !== null && active.sub === sub) {
+    active.epoch = epoch;
+    active.depVersion = sig.__v ?? Number.NaN;
+    return;
+  }
+  if (sig._validate !== void 0) sub._hasComputedDep = true;
+  const node = allocNode(signal, sub, epoch);
+  node.depVersion = sig.__v ?? Number.NaN;
+  node.prevActive = active;
+  sig.__activeNode = node;
+  linkSub(sub, node);
+  linkSignal(sig, node);
+  sub._structDirty = true;
+}
+function cleanup(subscriber) {
+  const sub = subscriber;
+  let node = sub.depsHead ?? null;
+  sub.depsHead = null;
+  sub.depsTail = null;
+  while (node) {
+    const next = node.subNext;
+    unlinkSignal(node);
+    freeNode(node);
+    node = next;
+  }
+}
+var maxSubscriberRepeats = 1e3;
+var maxDrainIterations = 1e6;
+var drainEpoch = 0;
+var quarantined = /* @__PURE__ */ new Set();
+function setMaxSubscriberRepeats(n) {
+  const prev = maxSubscriberRepeats;
+  if (Number.isFinite(n) && n > 0) maxSubscriberRepeats = Math.floor(n);
+  return prev;
+}
+function setMaxDrainIterations(n) {
+  const prev = maxDrainIterations;
+  if (Number.isFinite(n) && n > 0) maxDrainIterations = Math.floor(n);
+  return prev;
+}
+function tickRepeat(sub) {
+  const s = sub;
+  if (s._runEpoch !== drainEpoch) {
+    s._runEpoch = drainEpoch;
+    s._runs = 1;
+    return false;
+  }
+  s._runs = (s._runs ?? 0) + 1;
+  return s._runs > maxSubscriberRepeats;
+}
+function cycleError(sub) {
+  const name = sub.__name ?? "<unnamed>";
+  reportError(
+    new Error(
+      `subscriber "${name}" fired more than ${maxSubscriberRepeats} times \u2014 likely a write-reads-self cycle between effects/signals. This subscriber is quarantined for the rest of this update; other pending work still runs.`
+    ),
+    { phase: "scheduler", name }
   );
-  for (const el of Array.from(interactiveRoles)) {
-    if (isNativeInteractive(el)) continue;
-    if (!el.hasAttribute("tabindex")) {
-      violations.push({
-        rule: "keyboard-access",
-        level: "error",
-        message: `Element with role="${el.getAttribute("role")}" must have tabindex to be keyboard accessible.`,
-        element: el,
-        selector: getSelector(el)
-      });
+}
+function absoluteDrainError() {
+  reportError(
+    new Error(
+      `Notification drain exceeded ${maxDrainIterations} iterations \u2014 absolute safety net tripped. Breaking to prevent infinite loop.`
+    ),
+    { phase: "scheduler" }
+  );
+}
+function drainQueue() {
+  let i = 0;
+  while (i < pendingQueue.length) {
+    if (i >= maxDrainIterations) {
+      absoluteDrainError();
+      break;
+    }
+    const sub = pendingQueue[i++];
+    pendingSet.delete(sub);
+    if (quarantined.size > 0 && quarantined.has(sub)) continue;
+    if (sub._hasComputedDep === true && !depsChanged(sub)) continue;
+    if (tickRepeat(sub)) {
+      cycleError(sub);
+      quarantined.add(sub);
+      continue;
+    }
+    const pushed = beginDisposerCapture(sub._cap ?? null);
+    try {
+      safeInvoke(sub);
+    } finally {
+      if (pushed) endDisposerCapture();
     }
   }
-  return violations;
 }
-function checkAriaAttributes(root) {
-  const violations = [];
-  const roledElements = root.querySelectorAll("[role]");
-  for (const el of Array.from(roledElements)) {
-    const role = el.getAttribute("role");
-    if (!role) continue;
-    if (!VALID_ARIA_ROLES.has(role)) {
-      violations.push({
-        rule: "aria-valid-role",
-        level: "error",
-        message: `Invalid ARIA role "${role}". Must be a valid WAI-ARIA role.`,
-        element: el,
-        selector: getSelector(el)
-      });
+function drainNotificationQueue() {
+  if (notifyDepth > 0) return;
+  notifyDepth++;
+  drainEpoch++;
+  try {
+    drainQueue();
+  } finally {
+    notifyDepth--;
+    if (notifyDepth === 0) {
+      pendingQueue.length = 0;
+      pendingSet.clear();
+      if (quarantined.size > 0) quarantined.clear();
     }
-    if (REQUIRED_ARIA_PROPS[role]) {
-      for (const requiredProp of REQUIRED_ARIA_PROPS[role]) {
-        if (!el.hasAttribute(requiredProp)) {
-          violations.push({
-            rule: "aria-required-attr",
-            level: "error",
-            message: `Element with role="${role}" requires the ${requiredProp} attribute.`,
-            element: el,
-            selector: getSelector(el)
-          });
+  }
+}
+function propagateDirty(sub) {
+  sub();
+  const rootSig = sub._sig;
+  if (!rootSig) return;
+  const stack = propagateStack;
+  const baseLen = stack.length;
+  stack.push(rootSig);
+  while (stack.length > baseLen) {
+    const sig = stack.pop();
+    let node = sig.subsHead ?? null;
+    while (node) {
+      const s = node.sub;
+      if (s) {
+        if (s._c) {
+          const nSig = s._sig;
+          if (nSig) {
+            if (!nSig._d || nSig._f === true) {
+              nSig._d = true;
+              nSig._f = false;
+              stack.push(nSig);
+            }
+          } else {
+            s();
+          }
+        } else if (!pendingSet.has(s)) {
+          pendingSet.add(s);
+          pendingQueue.push(s);
         }
       }
+      node = node.sigNext;
     }
   }
-  const allElements = root.querySelectorAll("*");
-  for (const el of Array.from(allElements)) {
-    for (const attr of Array.from(el.attributes)) {
-      if (!attr.name.startsWith("aria-")) continue;
-      if (!VALID_ARIA_ATTRIBUTES.has(attr.name)) {
-        violations.push({
-          rule: "aria-valid-attr",
-          level: "error",
-          message: `Invalid ARIA attribute "${attr.name}". Must be a valid WAI-ARIA attribute.`,
-          element: el,
-          selector: getSelector(el)
-        });
+}
+function queueSignalNotification(signal) {
+  const sig = signal;
+  let node = sig.subsHead ?? null;
+  while (node) {
+    const s = node.sub;
+    if (s) {
+      if (s._c) {
+        propagateDirty(s);
+      } else if (!pendingSet.has(s)) {
+        pendingSet.add(s);
+        pendingQueue.push(s);
       }
-      if (attr.name === "aria-labelledby" || attr.name === "aria-describedby" || attr.name === "aria-controls" || attr.name === "aria-owns") {
-        const ids = attr.value.split(/\s+/).filter(Boolean);
-        const doc = el.ownerDocument;
-        for (const id of ids) {
-          if (!doc.getElementById(id)) {
-            violations.push({
-              rule: "aria-valid-attr-value",
-              level: "error",
-              message: `${attr.name} references id "${id}" which does not exist in the document.`,
-              element: el,
-              selector: getSelector(el)
-            });
-          }
+    }
+    node = node.sigNext;
+  }
+}
+function notifySubscribers(signal) {
+  const sig = signal;
+  const head = sig.subsHead;
+  if (!head) return;
+  if (notifyDepth > 0) {
+    let node = head;
+    while (node) {
+      const s = node.sub;
+      if (s) {
+        if (s._c) {
+          propagateDirty(s);
+        } else if (!pendingSet.has(s)) {
+          pendingSet.add(s);
+          pendingQueue.push(s);
         }
       }
-      const booleanAttrs = /* @__PURE__ */ new Set([
-        "aria-checked",
-        "aria-disabled",
-        "aria-expanded",
-        "aria-hidden",
-        "aria-pressed",
-        "aria-required",
-        "aria-selected",
-        "aria-busy",
-        "aria-modal",
-        "aria-multiline",
-        "aria-multiselectable",
-        "aria-readonly"
-      ]);
-      if (booleanAttrs.has(attr.name)) {
-        const validValues = ["true", "false"];
-        if (attr.name === "aria-checked" || attr.name === "aria-pressed") {
-          validValues.push("mixed");
-        }
-        if (!validValues.includes(attr.value)) {
-          violations.push({
-            rule: "aria-valid-attr-value",
-            level: "error",
-            message: `${attr.name} has invalid value "${attr.value}". Expected one of: ${validValues.join(", ")}.`,
-            element: el,
-            selector: getSelector(el)
-          });
+      node = node.sigNext;
+    }
+    return;
+  }
+  notifyDepth++;
+  drainEpoch++;
+  try {
+    let node = head;
+    while (node) {
+      const s = node.sub;
+      if (s) {
+        if (s._c) {
+          propagateDirty(s);
+        } else if (!pendingSet.has(s)) {
+          pendingSet.add(s);
+          pendingQueue.push(s);
         }
       }
+      node = node.sigNext;
     }
-  }
-  for (const attr of Array.from(root.attributes)) {
-    if (!attr.name.startsWith("aria-")) continue;
-    if (!VALID_ARIA_ATTRIBUTES.has(attr.name)) {
-      violations.push({
-        rule: "aria-valid-attr",
-        level: "error",
-        message: `Invalid ARIA attribute "${attr.name}" on root element. Must be a valid WAI-ARIA attribute.`,
-        element: root,
-        selector: getSelector(root)
-      });
+    drainQueue();
+  } finally {
+    notifyDepth--;
+    if (notifyDepth === 0) {
+      pendingQueue.length = 0;
+      pendingSet.clear();
+      if (quarantined.size > 0) quarantined.clear();
     }
   }
-  return violations;
 }
-function checkLandmarks(root) {
-  const violations = [];
-  const foundLandmarks = /* @__PURE__ */ new Set();
-  for (const role of LANDMARK_ROLES) {
-    const elements = root.querySelectorAll(`[role="${role}"]`);
-    if (elements.length > 0) {
-      foundLandmarks.add(role);
-    }
-  }
-  for (const [tag, role] of Object.entries(LANDMARK_ELEMENTS)) {
-    const elements = root.querySelectorAll(tag);
-    if (elements.length > 0) {
-      foundLandmarks.add(role);
-    }
-  }
-  if (!foundLandmarks.has("main")) {
-    violations.push({
-      rule: "landmark-main",
-      level: "warning",
-      message: 'Page should have a main landmark (<main> element or role="main").',
-      selector: getSelector(root)
-    });
-  }
-  const mainElements = root.querySelectorAll('main, [role="main"]');
-  if (mainElements.length > 1) {
-    violations.push({
-      rule: "landmark-unique",
-      level: "error",
-      message: `Multiple main landmarks found (${mainElements.length}). A page should have at most one main landmark.`,
-      selector: getSelector(root)
-    });
+function getSubscriberCount(signal) {
+  return signal.__sc ?? 0;
+}
+function getSubscriberDeps(subscriber) {
+  const sub = subscriber;
+  const out = [];
+  let node = sub.depsHead ?? null;
+  while (node) {
+    if (node.sig) out.push(node.sig);
+    node = node.subNext;
   }
-  const bannerElements = root.querySelectorAll('header, [role="banner"]');
-  if (bannerElements.length > 1) {
-    violations.push({
-      rule: "landmark-unique",
-      level: "warning",
-      message: `Multiple banner landmarks found (${bannerElements.length}). Consider using a single banner landmark.`,
-      selector: getSelector(root)
-    });
+  return out;
+}
+function forEachSubscriber(signal, visit) {
+  let node = signal.subsHead ?? null;
+  while (node) {
+    const s = node.sub;
+    if (s) visit(s);
+    node = node.sigNext;
   }
-  const contentinfoElements = root.querySelectorAll('footer, [role="contentinfo"]');
-  if (contentinfoElements.length > 1) {
-    violations.push({
-      rule: "landmark-unique",
-      level: "warning",
-      message: `Multiple contentinfo landmarks found (${contentinfoElements.length}). Consider using a single contentinfo landmark.`,
-      selector: getSelector(root)
-    });
+}
+
+// src/reactivity/track.ts
+var _runtimeVersion = true ? "4.6.0" : "dev";
+var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
+function resolveReactiveApi() {
+  const g = globalThis;
+  const existing = g[REGISTRY_KEY];
+  if (existing) {
+    if (DEV && !existing.__dupWarned) {
+      existing.__dupWarned = true;
+      devWarn(
+        `Multiple instances of the reactive runtime detected on this page (active: ${existing.version}, duplicate: ${_runtimeVersion}). Reactivity is NOT broken and no bundler configuration is required: every copy routes through the first one via a global registry, so signal writes still reach subscribers registered by any copy. This is only a SIZE issue \u2014 the duplicate copy's bytes are downloaded and parsed for nothing. If you want them back, de-duplicate sibujs in your bundler (Vite: resolve.dedupe: ['sibujs']). Mismatched VERSIONS above are worth fixing regardless, since only the first one loaded is used.`
+      );
+    }
+    return existing;
   }
-  const navElements = root.querySelectorAll('nav, [role="navigation"]');
-  if (navElements.length > 1) {
-    for (const nav of Array.from(navElements)) {
-      if (!nav.getAttribute("aria-label") && !nav.getAttribute("aria-labelledby")) {
-        violations.push({
-          rule: "landmark-label",
-          level: "warning",
-          message: "When multiple navigation landmarks exist, each should have a unique label (aria-label or aria-labelledby).",
-          element: nav,
-          selector: getSelector(nav)
-        });
+  const local = {
+    suspendTracking,
+    resumeTracking,
+    isTrackingSuspended,
+    untracked,
+    retrack,
+    track,
+    reactiveBinding,
+    recordDependency,
+    cleanup,
+    setMaxSubscriberRepeats,
+    setMaxDrainIterations,
+    drainNotificationQueue,
+    queueSignalNotification,
+    notifySubscribers,
+    getSubscriberCount,
+    getSubscriberDeps,
+    forEachSubscriber,
+    version: _runtimeVersion
+  };
+  g[REGISTRY_KEY] = local;
+  return local;
+}
+var API = resolveReactiveApi();
+var suspendTracking2 = API.suspendTracking;
+var resumeTracking2 = API.resumeTracking;
+var isTrackingSuspended2 = API.isTrackingSuspended;
+var untracked2 = API.untracked;
+var retrack2 = API.retrack;
+var track2 = API.track;
+var reactiveBinding2 = API.reactiveBinding;
+var recordDependency2 = API.recordDependency;
+var cleanup2 = API.cleanup;
+var setMaxSubscriberRepeats2 = API.setMaxSubscriberRepeats;
+var setMaxDrainIterations2 = API.setMaxDrainIterations;
+var drainNotificationQueue2 = API.drainNotificationQueue;
+var queueSignalNotification2 = API.queueSignalNotification;
+var notifySubscribers2 = API.notifySubscribers;
+var getSubscriberCount2 = API.getSubscriberCount;
+var getSubscriberDeps2 = API.getSubscriberDeps;
+var forEachSubscriber2 = API.forEachSubscriber;
+
+// src/core/ssr-context.ts
+var SSR_KEY = /* @__PURE__ */ Symbol.for("sibujs.ssr.v1");
+function detectSSRShared() {
+  let detected = null;
+  try {
+    if (typeof process !== "undefined" && process.versions && process.versions.node) {
+      let mod = null;
+      const getBuiltin = process.getBuiltinModule;
+      if (typeof getBuiltin === "function") {
+        mod = getBuiltin("node:async_hooks");
+      } else if (typeof require === "function") {
+        mod = require("async_hooks");
       }
+      if (mod) detected = new mod.AsyncLocalStorage();
     }
+  } catch {
+    detected = null;
   }
-  return violations;
+  return {
+    als: detected,
+    fallbackStore: { ssr: false, suspenseIdCounter: 0, locale: void 0 },
+    fallbackDepth: 0
+  };
 }
-function checkLinksAndButtons(root) {
-  const violations = [];
-  const links = root.querySelectorAll("a[href]");
-  for (const link of Array.from(links)) {
-    if (!hasAccessibleName(link)) {
-      violations.push({
-        rule: "link-name",
-        level: "error",
-        message: "Link must have discernible text. Add text content, aria-label, or aria-labelledby.",
-        element: link,
-        selector: getSelector(link)
-      });
-    }
-    if (link.getAttribute("target") === "_blank") {
-      violations.push({
-        rule: "link-new-window",
-        level: "warning",
-        message: 'Link opens in a new window/tab (target="_blank"). Consider warning users or adding an icon to indicate this.',
-        element: link,
-        selector: getSelector(link)
-      });
-      const rel = link.getAttribute("rel") || "";
-      if (!rel.includes("noopener") && !rel.includes("noreferrer")) {
-        violations.push({
-          rule: "link-noopener",
-          level: "warning",
-          message: 'Link with target="_blank" should include rel="noopener" or rel="noreferrer" for security.',
-          element: link,
-          selector: getSelector(link)
-        });
-      }
-    }
-    const linkText = link.textContent?.trim().toLowerCase() || "";
-    const genericTexts = ["click here", "here", "read more", "more", "learn more", "link"];
-    if (genericTexts.includes(linkText)) {
-      violations.push({
-        rule: "link-purpose",
-        level: "warning",
-        message: `Link text "${link.textContent?.trim()}" is generic. Use descriptive text that explains the link's purpose.`,
-        element: link,
-        selector: getSelector(link)
-      });
-    }
+var _shared = globalThis[SSR_KEY] ?? (globalThis[SSR_KEY] = detectSSRShared());
+var als = _shared.als;
+var fallbackStore = _shared.fallbackStore;
+_shared.fallbackDepth ?? (_shared.fallbackDepth = 0);
+function getSSRStore() {
+  if (als) {
+    const s = als.getStore();
+    if (s) return s;
   }
-  const buttons = root.querySelectorAll('button, [role="button"]');
-  for (const button of Array.from(buttons)) {
-    if (!hasAccessibleName(button)) {
-      violations.push({
-        rule: "button-name",
-        level: "error",
-        message: "Button must have an accessible name. Add text content, aria-label, or aria-labelledby.",
-        element: button,
-        selector: getSelector(button)
-      });
+  return fallbackStore;
+}
+function isSSR() {
+  return getSSRStore().ssr;
+}
+
+// src/core/signals/effect.ts
+var _g = globalThis;
+var MAX_RERUNS = 100;
+function flushUserCleanups(ctx) {
+  const list = ctx.userCleanups;
+  if (list.length === 0) return;
+  ctx.userCleanups = [];
+  for (let i = list.length - 1; i >= 0; i--) {
+    try {
+      list[i]();
+    } catch (err) {
+      reportError(err, { phase: "cleanup" });
     }
   }
-  const inputButtons = root.querySelectorAll('input[type="submit"], input[type="reset"], input[type="button"]');
-  for (const input of Array.from(inputButtons)) {
-    const value = input.getAttribute("value");
-    if (!value?.trim() && !input.getAttribute("aria-label") && !input.getAttribute("aria-labelledby")) {
-      violations.push({
-        rule: "button-name",
-        level: "error",
-        message: `Input button (type="${input.getAttribute("type")}") must have a value, aria-label, or aria-labelledby.`,
-        element: input,
-        selector: getSelector(input)
-      });
-    }
+}
+function drainReruns(ctx) {
+  let reruns = 1;
+  do {
+    ctx.rerunPending = false;
+    if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
+    retrack2(ctx.bodyFn, ctx.subscriber);
+  } while (ctx.rerunPending && ++reruns <= MAX_RERUNS);
+  if (ctx.rerunPending) {
+    ctx.rerunPending = false;
+    reportError(
+      new Error(
+        `effect re-requested itself ${MAX_RERUNS}+ times \u2014 likely a write-reads-self cycle. Breaking to prevent infinite loop.`
+      ),
+      { phase: "effect" }
+    );
   }
-  return violations;
 }
-function checkListSemantics(root) {
-  const violations = [];
-  const lists = root.querySelectorAll("ul, ol");
-  for (const list of Array.from(lists)) {
-    const children = Array.from(list.children);
-    for (const child of children) {
-      const tag = child.tagName.toLowerCase();
-      if (tag !== "li" && tag !== "script" && tag !== "template") {
-        violations.push({
-          rule: "list-semantics",
-          level: "error",
-          message: `Direct children of <${list.tagName.toLowerCase()}> must be <li> elements. Found <${tag}>.`,
-          element: child,
-          selector: getSelector(child)
-        });
-      }
-    }
-    if (children.length === 0) {
-      violations.push({
-        rule: "list-empty",
-        level: "info",
-        message: `Empty <${list.tagName.toLowerCase()}> element found. Consider removing or adding items.`,
-        element: list,
-        selector: getSelector(list)
-      });
+function disposeEffect(ctx) {
+  if (ctx.disposed) return;
+  ctx.disposed = true;
+  const h = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+  if (h) {
+    try {
+      h.emit("effect:destroy", { effectFn: ctx.fn });
+    } catch {
     }
   }
-  const dlLists = root.querySelectorAll("dl");
-  for (const dl of Array.from(dlLists)) {
-    const children = Array.from(dl.children);
-    for (const child of children) {
-      const tag = child.tagName.toLowerCase();
-      if (tag !== "dt" && tag !== "dd" && tag !== "div" && tag !== "script" && tag !== "template") {
-        violations.push({
-          rule: "list-semantics",
-          level: "error",
-          message: `Direct children of <dl> must be <dt>, <dd>, or <div> elements. Found <${tag}>.`,
-          element: child,
-          selector: getSelector(child)
-        });
-      }
+  try {
+    if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
+  } catch (err) {
+    if (typeof console !== "undefined") {
+      console.warn("[SibuJS effect] onCleanup threw during dispose:", err);
     }
   }
-  const roleLists = root.querySelectorAll('[role="list"]');
-  for (const list of Array.from(roleLists)) {
-    const children = Array.from(list.children);
-    const hasListItems = children.some(
-      (child) => child.getAttribute("role") === "listitem" || child.tagName.toLowerCase() === "li"
-    );
-    if (children.length > 0 && !hasListItems) {
-      violations.push({
-        rule: "list-semantics",
-        level: "warning",
-        message: 'Element with role="list" should contain children with role="listitem".',
-        element: list,
-        selector: getSelector(list)
-      });
+  try {
+    cleanup2(ctx.subscriber);
+  } catch (err) {
+    if (typeof console !== "undefined") {
+      console.warn("[SibuJS effect] dispose threw:", err);
     }
   }
-  return violations;
 }
-function checkTabOrder(root) {
-  const violations = [];
-  const tabbable = root.querySelectorAll("[tabindex]");
-  for (const el of Array.from(tabbable)) {
-    const tabindex = parseInt(el.getAttribute("tabindex") ?? "", 10);
-    if (!Number.isNaN(tabindex) && tabindex > 0) {
-      violations.push({
-        rule: "tabindex-positive",
-        level: "warning",
-        message: `Element has tabindex="${tabindex}". Positive tabindex values create a confusing tab order. Use tabindex="0" instead and rely on DOM order.`,
-        element: el,
-        selector: getSelector(el)
-      });
+function effect(effectFn, options) {
+  devAssert(typeof effectFn === "function", "effect: argument must be a function.");
+  if (isSSR()) return () => {
+  };
+  const ctx = {
+    fn: effectFn,
+    onError: options?.onError,
+    userCleanups: [],
+    running: false,
+    rerunPending: false,
+    disposed: false,
+    onCleanup: null,
+    subscriber: null,
+    bodyFn: null
+  };
+  ctx.onCleanup = (fn) => {
+    ctx.userCleanups.push(fn);
+  };
+  const onErrorCaptured = ctx.onError;
+  ctx.bodyFn = onErrorCaptured ? () => {
+    try {
+      ctx.fn(ctx.onCleanup);
+    } catch (err) {
+      onErrorCaptured(err);
     }
-  }
-  const focusTraps = root.querySelectorAll('[data-sibu-focus-trap], [aria-modal="true"]');
-  for (const trap of Array.from(focusTraps)) {
-    const role = trap.getAttribute("role");
-    if (role === "dialog" || role === "alertdialog" || trap.hasAttribute("aria-modal")) {
-      const hasCloseButton = trap.querySelector(
-        'button[aria-label*="close" i], button[aria-label*="dismiss" i], [data-dismiss], [data-close]'
-      );
-      if (!hasCloseButton) {
-        violations.push({
-          rule: "focus-trap-escape",
-          level: "warning",
-          message: "Modal/dialog with focus trap should have a visible close button. Users must be able to dismiss the dialog.",
-          element: trap,
-          selector: getSelector(trap)
-        });
-      }
+  } : () => {
+    ctx.fn(ctx.onCleanup);
+  };
+  const sub = (() => {
+    if (ctx.disposed) return;
+    if (ctx.running) {
+      ctx.rerunPending = true;
+      return;
     }
-    const focusable = trap.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-    if (focusable.length === 0) {
-      violations.push({
-        rule: "focus-trap-empty",
-        level: "error",
-        message: "Focus trap contains no focusable elements. Users will be trapped with no way to interact.",
-        element: trap,
-        selector: getSelector(trap)
-      });
-    }
-  }
-  return violations;
-}
-var CHECK_FUNCTIONS = {
-  images: checkImageAlt,
-  forms: checkFormLabels,
-  headings: checkHeadingHierarchy,
-  contrast: checkColorContrast,
-  keyboard: checkKeyboardAccess,
-  aria: checkAriaAttributes,
-  landmarks: checkLandmarks,
-  links: checkLinksAndButtons,
-  lists: checkListSemantics,
-  tabOrder: checkTabOrder
-};
-var ALL_CHECKS = [
-  "images",
-  "forms",
-  "headings",
-  "contrast",
-  "keyboard",
-  "aria",
-  "landmarks",
-  "links",
-  "lists",
-  "tabOrder"
-];
-function checkA11y(root, options) {
-  const checksToRun = options?.checks || ALL_CHECKS;
-  const minLevel = options?.level || "info";
-  const levelPriority = {
-    error: 2,
-    warning: 1,
-    info: 0
-  };
-  const minPriority = levelPriority[minLevel];
-  const allViolations = [];
-  for (const check of checksToRun) {
-    const fn = CHECK_FUNCTIONS[check];
-    if (fn) {
-      const results = fn(root);
-      allViolations.push(...results);
+    ctx.running = true;
+    try {
+      ctx.rerunPending = false;
+      if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
+      retrack2(ctx.bodyFn, sub);
+      if (ctx.rerunPending) drainReruns(ctx);
+    } finally {
+      ctx.running = false;
+      ctx.rerunPending = false;
     }
+  });
+  sub.depsHead = null;
+  sub.depsTail = null;
+  sub._epoch = 0;
+  sub._structDirty = false;
+  sub._hasComputedDep = false;
+  sub._errorPhase = "effect";
+  sub._runEpoch = 0;
+  sub._runs = 0;
+  ctx.subscriber = sub;
+  ctx.running = true;
+  try {
+    retrack2(ctx.bodyFn, ctx.subscriber);
+    if (ctx.rerunPending) drainReruns(ctx);
+  } finally {
+    ctx.running = false;
+    ctx.rerunPending = false;
   }
-  const filtered = allViolations.filter((v) => levelPriority[v.level] >= minPriority);
-  const violations = filtered.filter((v) => v.level === "error");
-  const warnings = filtered.filter((v) => v.level === "warning");
-  const info = filtered.filter((v) => v.level === "info");
-  const parts = [];
-  if (violations.length > 0) parts.push(`${violations.length} error(s)`);
-  if (warnings.length > 0) parts.push(`${warnings.length} warning(s)`);
-  if (info.length > 0) parts.push(`${info.length} info`);
-  const passed = violations.length === 0;
-  const summary = passed ? parts.length > 0 ? `Passed with ${parts.join(", ")}.` : "Passed with no issues." : `Failed with ${parts.join(", ")}.`;
-  return { passed, violations, warnings, info, summary };
+  const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook) hook.emit("effect:create", { effectFn });
+  return () => disposeEffect(ctx);
 }
-function assertA11y(root, options) {
-  const result = checkA11y(root, options);
-  if (!result.passed) {
-    const lines = [`Accessibility check failed: ${result.summary}`, ""];
-    if (result.violations.length > 0) {
-      lines.push("ERRORS:");
-      for (const v of result.violations) {
-        lines.push(`  [${v.rule}] ${v.message}${v.selector ? ` (${v.selector})` : ""}`);
-      }
-      lines.push("");
+
+// src/testing/queries.ts
+function queryByText(container, text) {
+  const walk = (node) => {
+    if (node.childNodes.length === 1 && node.childNodes[0].nodeType === 3) {
+      if (node.textContent?.includes(text)) return node;
     }
-    if (result.warnings.length > 0) {
-      lines.push("WARNINGS:");
-      for (const w of result.warnings) {
-        lines.push(`  [${w.rule}] ${w.message}${w.selector ? ` (${w.selector})` : ""}`);
-      }
-      lines.push("");
+    for (const child of Array.from(node.children)) {
+      const found = walk(child);
+      if (found) return found;
     }
-    throw new Error(lines.join("\n"));
+    return null;
+  };
+  return walk(container);
+}
+function queryByAttribute(container, attribute, value) {
+  for (const el of Array.from(container.querySelectorAll(`[${attribute}]`))) {
+    if (el.getAttribute(attribute) === value) return el;
   }
+  return null;
 }
-
-// src/testing/adapters.ts
-function escSel2(value) {
-  return value.replace(/["\\]/g, "\\$&");
+function queryAllByAttribute(container, attribute, value) {
+  return Array.from(container.querySelectorAll(`[${attribute}]`)).filter(
+    (el) => el.getAttribute(attribute) === value
+  );
 }
-function createJestAdapter() {
-  let container = null;
-  return {
-    /** Call in beforeEach to set up DOM container */
-    setup() {
-      container = document.createElement("div");
-      container.setAttribute("data-testenv", "jest");
-      document.body.appendChild(container);
-      return container;
-    },
-    /** Call in afterEach to clean up */
-    teardown() {
-      if (container) {
-        container.innerHTML = "";
-        if (container.parentNode) {
-          container.parentNode.removeChild(container);
-        }
-        container = null;
-      }
-    },
-    /** Render a component into the test container */
-    render(component) {
-      if (!container) {
-        container = document.createElement("div");
-        container.setAttribute("data-testenv", "jest");
-        document.body.appendChild(container);
-      }
-      const element = typeof component === "function" ? component() : component;
-      container.appendChild(element);
-      return { element, container };
-    },
-    /** Custom Jest matchers */
-    matchers: {
-      /** Check if element has specific text content */
-      toHaveTextContent(element, expected) {
-        const actual = element.textContent || "";
-        const pass = actual.includes(expected);
-        return {
-          pass,
-          message: () => pass ? `Expected element not to have text content "${expected}", but found "${actual}"` : `Expected element to have text content "${expected}", but found "${actual}"`
-        };
-      },
-      /** Check if element has specific attribute */
-      toHaveAttribute(element, attr, value) {
-        const hasAttr = element.hasAttribute(attr);
-        const attrValue = element.getAttribute(attr);
-        const pass = value !== void 0 ? hasAttr && attrValue === value : hasAttr;
-        return {
-          pass,
-          message: () => {
-            if (value !== void 0) {
-              return pass ? `Expected element not to have attribute "${attr}" with value "${value}", but it does` : `Expected element to have attribute "${attr}" with value "${value}", but got "${attrValue}"`;
-            }
-            return pass ? `Expected element not to have attribute "${attr}", but it does` : `Expected element to have attribute "${attr}", but it does not`;
-          }
-        };
-      },
-      /** Check if element has specific class */
-      toHaveClass(element, className) {
-        const pass = element.classList.contains(className);
-        return {
-          pass,
-          message: () => pass ? `Expected element not to have class "${className}", but it does` : `Expected element to have class "${className}", but it has "${element.className}"`
-        };
-      },
-      /** Check if element is visible (no display:none, visibility:hidden, hidden attr) */
-      toBeVisible(element) {
-        const htmlEl = element;
-        const isHiddenAttr = element.hasAttribute("hidden");
-        const style = htmlEl.style;
-        const isDisplayNone = style?.display === "none";
-        const isVisibilityHidden = style?.visibility === "hidden";
-        const isOpacityZero = style?.opacity === "0";
-        const pass = !isHiddenAttr && !isDisplayNone && !isVisibilityHidden && !isOpacityZero;
-        return {
-          pass,
-          message: () => {
-            if (pass) {
-              return "Expected element to be hidden, but it is visible";
-            }
-            const reasons = [];
-            if (isHiddenAttr) reasons.push('has "hidden" attribute');
-            if (isDisplayNone) reasons.push("has display:none");
-            if (isVisibilityHidden) reasons.push("has visibility:hidden");
-            if (isOpacityZero) reasons.push("has opacity:0");
-            return `Expected element to be visible, but it ${reasons.join(" and ")}`;
-          }
-        };
-      },
-      /** Check if element is disabled */
-      toBeDisabled(element) {
-        const isDisabledProp = element.disabled === true;
-        const isDisabledAttr = element.hasAttribute("disabled");
-        const isAriaDisabled = element.getAttribute("aria-disabled") === "true";
-        const pass = isDisabledProp || isDisabledAttr || isAriaDisabled;
-        return {
-          pass,
-          message: () => pass ? "Expected element not to be disabled, but it is" : "Expected element to be disabled, but it is not"
-        };
-      },
-      /** Check if element has focus */
-      toHaveFocus(element) {
-        const pass = document.activeElement === element;
-        return {
-          pass,
-          message: () => pass ? "Expected element not to have focus, but it does" : `Expected element to have focus, but active element is <${document.activeElement?.tagName?.toLowerCase() || "none"}>`
-        };
-      },
-      /** Check if element has specific style */
-      toHaveStyle(element, style) {
-        const mismatches = [];
-        for (const [prop, expected] of Object.entries(style)) {
-          const kebabProp = prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-          const actual = element.style.getPropertyValue(kebabProp);
-          if (actual !== expected) {
-            mismatches.push(`${prop}: expected "${expected}" but got "${actual}"`);
-          }
-        }
-        const pass = mismatches.length === 0;
-        return {
-          pass,
-          message: () => pass ? "Expected element not to have the specified styles, but it does" : `Style mismatches: ${mismatches.join("; ")}`
-        };
-      }
-    }
-  };
+function queryByTestId(container, testId) {
+  return queryByAttribute(container, "data-testid", testId);
 }
-function createCypressAdapter() {
-  return {
-    /** Mount a component for Cypress component testing */
-    mount(component, options) {
-      const container = options?.container || document.createElement("div");
-      if (!options?.container) {
-        container.setAttribute("data-testenv", "cypress");
-        document.body.appendChild(container);
+function queryByRole(container, role) {
+  return queryByAttribute(container, "role", role);
+}
+function queryByLabel(container, labelText) {
+  const labels = Array.from(container.querySelectorAll("label"));
+  for (const label of labels) {
+    if (label.textContent?.trim() === labelText) {
+      const forId = label.getAttribute("for");
+      if (forId) {
+        const target = queryByAttribute(container, "id", forId);
+        if (target) return target;
       }
-      const element = typeof component === "function" ? component() : component;
-      container.appendChild(element);
-      return { element, container };
-    },
-    /** Generate Cypress custom commands for SibuJS */
-    commands: {
-      /** Find by data-testid */
-      getByTestId: (id) => `[data-testid="${id}"]`,
-      /** Find by text */
-      getByText: (text) => `:contains("${text}")`,
-      /** Find by role */
-      getByRole: (role) => `[role="${role}"]`
+      const child = label.querySelector("input, select, textarea, button");
+      if (child) return child;
     }
-  };
+  }
+  return queryByAttribute(container, "aria-label", labelText);
 }
-function createPlaywrightAdapter() {
-  return {
-    /** Selectors for common SibuJS patterns */
-    selectors: {
-      byTestId: (id) => `[data-testid="${id}"]`,
-      byRole: (role) => `[role="${role}"]`,
-      byAriaLabel: (label) => `[aria-label="${label}"]`,
-      byDataAttr: (attr, value) => value ? `[data-${attr}="${value}"]` : `[data-${attr}]`
-    },
-    /** Generate a page object for a SibuJS component */
-    createPageObject(name, selectors) {
-      const selectorMap = { ...selectors };
-      return {
-        name,
-        getSelector(key) {
-          const selector = selectorMap[key];
-          if (!selector) {
-            throw new Error(
-              `Page object "${name}" has no selector for key "${key}". Available keys: ${Object.keys(selectorMap).join(", ")}`
-            );
-          }
-          return selector;
-        },
-        allSelectors() {
-          return { ...selectorMap };
-        }
-      };
-    }
-  };
-}
-function createUniversalAdapter() {
-  let container = null;
-  return {
-    /** Setup test environment */
-    setup() {
-      container = document.createElement("div");
-      container.setAttribute("data-testenv", "universal");
-      document.body.appendChild(container);
-      return container;
-    },
-    /** Teardown test environment */
-    teardown() {
-      if (container) {
-        container.innerHTML = "";
-        if (container.parentNode) {
-          container.parentNode.removeChild(container);
-        }
-        container = null;
-      }
-    },
-    /** Render component */
-    render(component) {
-      if (!container) {
-        container = document.createElement("div");
-        container.setAttribute("data-testenv", "universal");
-        document.body.appendChild(container);
+async function pollUntil(fn, timeout, interval, errorIfTimeout) {
+  const start = Date.now();
+  return new Promise((resolve, reject) => {
+    let timer;
+    const check = () => {
+      timer = void 0;
+      let result;
+      try {
+        result = fn();
+      } catch (err) {
+        reject(err);
+        return;
       }
-      const element = typeof component === "function" ? component() : component;
-      container.appendChild(element);
-      return { element, container };
-    },
-    /** Query helpers */
-    queries: {
-      byTestId(container2, id) {
-        return container2.querySelector(`[data-testid="${escSel2(id)}"]`);
-      },
-      byRole(container2, role) {
-        return container2.querySelector(`[role="${escSel2(role)}"]`);
-      },
-      byText(container2, text) {
-        const walker = document.createTreeWalker(container2, NodeFilter.SHOW_TEXT);
-        while (walker.nextNode()) {
-          if (walker.currentNode.textContent?.includes(text)) {
-            return walker.currentNode.parentElement;
-          }
-        }
-        return null;
-      },
-      byLabelText(container2, label) {
-        const labels = container2.querySelectorAll("label");
-        for (const labelEl of Array.from(labels)) {
-          if (labelEl.textContent?.includes(label)) {
-            const forAttr = labelEl.getAttribute("for");
-            if (forAttr) {
-              return container2.querySelector(`[id="${escSel2(forAttr)}"]`);
-            }
-            const nested = labelEl.querySelector("input, select, textarea");
-            if (nested) return nested;
-          }
-        }
-        return container2.querySelector(`[aria-label="${escSel2(label)}"]`);
-      },
-      allByRole(container2, role) {
-        return Array.from(container2.querySelectorAll(`[role="${escSel2(role)}"]`));
+      if (result !== null) {
+        resolve(result);
+        return;
       }
-    },
-    /** Assertion helpers */
-    assert: {
-      textContent(el, expected) {
-        const actual = el.textContent || "";
-        if (!actual.includes(expected)) {
-          throw new Error(`Expected text content to include "${expected}", but got "${actual}"`);
-        }
-      },
-      attribute(el, attr, value) {
-        if (!el.hasAttribute(attr)) {
-          throw new Error(`Expected element to have attribute "${attr}", but it does not`);
-        }
-        if (value !== void 0) {
-          const actual = el.getAttribute(attr);
-          if (actual !== value) {
-            throw new Error(`Expected attribute "${attr}" to be "${value}", but got "${actual}"`);
-          }
-        }
-      },
-      visible(el) {
-        const htmlEl = el;
-        const reasons = [];
-        if (el.hasAttribute("hidden")) reasons.push('has "hidden" attribute');
-        if (htmlEl.style?.display === "none") reasons.push("has display:none");
-        if (htmlEl.style?.visibility === "hidden") reasons.push("has visibility:hidden");
-        if (reasons.length > 0) {
-          throw new Error(`Expected element to be visible, but it ${reasons.join(" and ")}`);
-        }
-      },
-      disabled(el) {
-        const isDisabled = el.disabled === true || el.hasAttribute("disabled") || el.getAttribute("aria-disabled") === "true";
-        if (!isDisabled) {
-          throw new Error("Expected element to be disabled, but it is not");
-        }
-      },
-      className(el, name) {
-        if (!el.classList.contains(name)) {
-          throw new Error(`Expected element to have class "${name}", but it has "${el.className}"`);
-        }
+      if (Date.now() - start >= timeout) {
+        reject(new Error(errorIfTimeout));
+        return;
       }
-    }
-  };
+      timer = setTimeout(check, interval);
+    };
+    check();
+    void timer;
+  });
 }
-
-// src/testing/e2e.ts
-function createHttpMock(routes = [], options = {}) {
-  const originalFetch = globalThis.fetch;
-  const hadOriginalFetch = Object.hasOwn(globalThis, "fetch");
-  const requestLog = [];
-  const mockRoutes = [...routes];
-  function matchRoute(url, method) {
-    return mockRoutes.find((route) => {
-      const methodMatch = !route.method || route.method.toUpperCase() === method.toUpperCase();
-      if (!methodMatch) return false;
-      if (typeof route.url === "string") return url === route.url || url.endsWith(route.url);
-      return route.url.test(url);
+function findByText(container, text, options = {}) {
+  return pollUntil(
+    () => queryByText(container, text),
+    options.timeout ?? 1e3,
+    options.interval ?? 50,
+    `findByText: no element with text "${text}" after ${options.timeout ?? 1e3}ms`
+  );
+}
+function findByTestId(container, testId, options = {}) {
+  return pollUntil(
+    () => queryByTestId(container, testId),
+    options.timeout ?? 1e3,
+    options.interval ?? 50,
+    `findByTestId: no element with data-testid="${testId}" after ${options.timeout ?? 1e3}ms`
+  );
+}
+function findByRole(container, role, options = {}) {
+  return pollUntil(
+    () => queryByRole(container, role),
+    options.timeout ?? 1e3,
+    options.interval ?? 50,
+    `findByRole: no element with role="${role}" after ${options.timeout ?? 1e3}ms`
+  );
+}
+function waitForSignal(getter, predicate, options = {}) {
+  const timeoutMs = options.timeout ?? 1e3;
+  return new Promise((resolve, reject) => {
+    let resolved = false;
+    let timer;
+    const finish = (fn) => {
+      if (resolved) return;
+      resolved = true;
+      if (timer !== void 0) clearTimeout(timer);
+      fn();
+    };
+    timer = setTimeout(() => {
+      finish(() => {
+        teardown();
+        reject(new Error(`waitForSignal: predicate did not match within ${timeoutMs}ms`));
+      });
+    }, timeoutMs);
+    const teardown = effect(() => {
+      if (resolved) return;
+      const value = getter();
+      if (predicate(value)) {
+        finish(() => {
+          queueMicrotask(() => teardown());
+          resolve(value);
+        });
+      }
     });
+  });
+}
+function type(element, text) {
+  for (const char of text) {
+    element.value += char;
+    element.dispatchEvent(new InputEvent("input", { bubbles: true, data: char }));
   }
-  const mockFetch = async (input, init) => {
-    const url = typeof input === "string" ? input : input instanceof URL ? input.toString() : input.url;
-    const method = init?.method || "GET";
-    let body;
-    if (init?.body != null) {
-      const raw = String(init.body);
-      try {
-        body = JSON.parse(raw);
-      } catch {
-        body = raw;
-      }
-    }
-    requestLog.push({ url, method, body, timestamp: Date.now() });
-    const route = matchRoute(url, method);
-    if (!route) {
-      return new Response(JSON.stringify({ error: "Not mocked" }), { status: 404 });
+  element.dispatchEvent(new Event("change", { bubbles: true }));
+}
+
+// src/testing/listenerTracking.ts
+var KEY = /* @__PURE__ */ Symbol.for("sibujs.listenerTracking.v2");
+var host = globalThis;
+function captureOf(options) {
+  if (typeof options === "boolean") return options;
+  return typeof options === "object" && options !== null && !!options.capture;
+}
+function enableListenerTracking() {
+  if (host[KEY] || typeof EventTarget === "undefined") return;
+  const tracker = /* @__PURE__ */ new WeakMap();
+  host[KEY] = tracker;
+  const proto = EventTarget.prototype;
+  const add = proto.addEventListener;
+  const remove = proto.removeEventListener;
+  const find = (target, type2, listener, capture) => tracker.get(target)?.get(type2)?.find((e) => e.listener === listener && e.capture === capture);
+  const drop = (target, type2, entry) => {
+    const types = tracker.get(target);
+    const entries = types?.get(type2);
+    if (!types || !entries) return;
+    const index = entries.indexOf(entry);
+    if (index === -1) return;
+    entries.splice(index, 1);
+    if (entries.length === 0) types.delete(type2);
+    entry.release?.();
+  };
+  proto.addEventListener = function(type2, listener, options) {
+    const tracked = listener != null && typeof Element !== "undefined" && this instanceof Element;
+    const capture = captureOf(options);
+    const opts = typeof options === "object" && options !== null ? options : void 0;
+    if (!tracked || opts?.signal?.aborted || find(this, type2, listener, capture)) {
+      add.call(this, type2, listener, options);
+      return;
     }
-    let mockResponse;
-    try {
-      if (typeof route.response === "function") {
-        mockResponse = await route.response({ url, method, body, headers: new Headers(init?.headers) });
-      } else {
-        mockResponse = route.response;
-      }
-      if (mockResponse.delay) {
-        await new Promise((r) => setTimeout(r, mockResponse.delay));
-      }
-      return new Response(
-        typeof mockResponse.body === "string" ? mockResponse.body : JSON.stringify(mockResponse.body),
-        {
-          status: mockResponse.status || 200,
-          statusText: mockResponse.statusText || "OK",
-          headers: mockResponse.headers
-        }
-      );
-    } catch (err) {
-      return new Response(JSON.stringify({ error: String(err) }), { status: 500 });
+    const entry = { listener, capture };
+    const releases = [];
+    if (opts?.once) {
+      const onFire = () => drop(this, type2, entry);
+      add.call(this, type2, onFire, { capture, once: true });
+      releases.push(() => remove.call(this, type2, onFire, { capture }));
+    }
+    if (opts?.signal) {
+      const signal = opts.signal;
+      const onAbort = () => drop(this, type2, entry);
+      add.call(signal, "abort", onAbort, { once: true });
+      releases.push(() => remove.call(signal, "abort", onAbort));
+    }
+    if (releases.length > 0) {
+      entry.release = () => {
+        for (const release of releases) release();
+      };
     }
+    let types = tracker.get(this);
+    if (!types) tracker.set(this, types = /* @__PURE__ */ new Map());
+    let entries = types.get(type2);
+    if (!entries) types.set(type2, entries = []);
+    entries.push(entry);
+    add.call(this, type2, listener, options);
   };
-  const restore = () => {
-    if (hadOriginalFetch) {
-      globalThis.fetch = originalFetch;
-    } else {
-      delete globalThis.fetch;
-    }
+  proto.removeEventListener = function(type2, listener, options) {
+    remove.call(this, type2, listener, options);
+    const entry = find(this, type2, listener, captureOf(options));
+    if (entry) drop(this, type2, entry);
   };
-  const api = {
-    /** Install the mock (replace global fetch) */
-    install() {
-      globalThis.fetch = mockFetch;
-    },
-    /** Restore original fetch */
-    restore,
-    /** Add a mock route */
-    addRoute(route) {
-      mockRoutes.push(route);
-    },
-    /** Remove all mock routes */
-    clearRoutes() {
-      mockRoutes.length = 0;
-    },
-    /** Get the request log */
-    getRequests() {
-      return [...requestLog];
-    },
-    /** Clear the request log */
-    clearLog() {
-      requestLog.length = 0;
-    },
-    /** Assert that a URL was called */
-    assertCalled(url, method = "GET") {
-      const found = requestLog.some((r) => r.url.includes(url) && r.method.toUpperCase() === method.toUpperCase());
-      if (!found) throw new Error(`Expected ${method} ${url} to have been called`);
-    },
-    /** Assert that a URL was NOT called */
-    assertNotCalled(url, method = "GET") {
-      const found = requestLog.some((r) => r.url.includes(url) && r.method.toUpperCase() === method.toUpperCase());
-      if (found) throw new Error(`Expected ${method} ${url} to NOT have been called`);
-    },
-    /** Get number of times a URL was called */
-    callCount(url, method = "GET") {
-      return requestLog.filter((r) => r.url.includes(url) && r.method.toUpperCase() === method.toUpperCase()).length;
+}
+function listenerTypes(el) {
+  const types = host[KEY]?.get(el);
+  return new Set(types ? types.keys() : []);
+}
+
+// src/testing/a11y.ts
+enableListenerTracking();
+var VALID_ARIA_ROLES = /* @__PURE__ */ new Set([
+  "alert",
+  "alertdialog",
+  "application",
+  "article",
+  "banner",
+  "button",
+  "cell",
+  "checkbox",
+  "columnheader",
+  "combobox",
+  "complementary",
+  "contentinfo",
+  "definition",
+  "dialog",
+  "directory",
+  "document",
+  "feed",
+  "figure",
+  "form",
+  "grid",
+  "gridcell",
+  "group",
+  "heading",
+  "img",
+  "link",
+  "list",
+  "listbox",
+  "listitem",
+  "log",
+  "main",
+  "marquee",
+  "math",
+  "menu",
+  "menubar",
+  "menuitem",
+  "menuitemcheckbox",
+  "menuitemradio",
+  "meter",
+  "navigation",
+  "none",
+  "note",
+  "option",
+  "presentation",
+  "progressbar",
+  "radio",
+  "radiogroup",
+  "region",
+  "row",
+  "rowgroup",
+  "rowheader",
+  "scrollbar",
+  "search",
+  "searchbox",
+  "separator",
+  "slider",
+  "spinbutton",
+  "status",
+  "switch",
+  "tab",
+  "table",
+  "tablist",
+  "tabpanel",
+  "term",
+  "textbox",
+  "timer",
+  "toolbar",
+  "tooltip",
+  "tree",
+  "treegrid",
+  "treeitem"
+]);
+var LANDMARK_ROLES = /* @__PURE__ */ new Set([
+  "banner",
+  "complementary",
+  "contentinfo",
+  "form",
+  "main",
+  "navigation",
+  "region",
+  "search"
+]);
+var LANDMARK_ELEMENTS = {
+  header: "banner",
+  footer: "contentinfo",
+  main: "main",
+  nav: "navigation",
+  aside: "complementary",
+  form: "form",
+  section: "region"
+};
+var REQUIRED_ARIA_PROPS = {
+  checkbox: ["aria-checked"],
+  combobox: ["aria-expanded"],
+  heading: ["aria-level"],
+  meter: ["aria-valuenow"],
+  option: ["aria-selected"],
+  radio: ["aria-checked"],
+  scrollbar: ["aria-controls", "aria-valuenow"],
+  separator: [],
+  // only required when focusable
+  slider: ["aria-valuenow"],
+  spinbutton: ["aria-valuenow"],
+  switch: ["aria-checked"]
+};
+var VALID_ARIA_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "aria-activedescendant",
+  "aria-atomic",
+  "aria-autocomplete",
+  "aria-busy",
+  "aria-checked",
+  "aria-colcount",
+  "aria-colindex",
+  "aria-colspan",
+  "aria-controls",
+  "aria-current",
+  "aria-describedby",
+  "aria-details",
+  "aria-disabled",
+  "aria-dropeffect",
+  "aria-errormessage",
+  "aria-expanded",
+  "aria-flowto",
+  "aria-grabbed",
+  "aria-haspopup",
+  "aria-hidden",
+  "aria-invalid",
+  "aria-keyshortcuts",
+  "aria-label",
+  "aria-labelledby",
+  "aria-level",
+  "aria-live",
+  "aria-modal",
+  "aria-multiline",
+  "aria-multiselectable",
+  "aria-orientation",
+  "aria-owns",
+  "aria-placeholder",
+  "aria-posinset",
+  "aria-pressed",
+  "aria-readonly",
+  "aria-relevant",
+  "aria-required",
+  "aria-roledescription",
+  "aria-rowcount",
+  "aria-rowindex",
+  "aria-rowspan",
+  "aria-selected",
+  "aria-setsize",
+  "aria-sort",
+  "aria-valuemax",
+  "aria-valuemin",
+  "aria-valuenow",
+  "aria-valuetext"
+]);
+function getSelector(el) {
+  if (el.id) return `#${el.id}`;
+  const tag = el.tagName.toLowerCase();
+  const classes = el.className && typeof el.className === "string" ? `.${el.className.trim().split(/\s+/).join(".")}` : "";
+  const role = el.getAttribute("role");
+  const roleStr = role ? `[role="${role}"]` : "";
+  return `${tag}${classes}${roleStr}`;
+}
+function selectAll(root, selector) {
+  const matches = Array.from(root.querySelectorAll(selector));
+  if (root.matches(selector)) matches.unshift(root);
+  return matches;
+}
+function hasActivationHandler(el) {
+  if (el.hasAttribute("onclick")) return true;
+  const types = listenerTypes(el);
+  return ["click", "pointerdown", "pointerup", "mousedown", "mouseup"].some((t) => types.has(t));
+}
+function hasKeyboardHandler(el) {
+  if (el.hasAttribute("onkeydown") || el.hasAttribute("onkeyup") || el.hasAttribute("onkeypress")) return true;
+  const types = listenerTypes(el);
+  return types.has("keydown") || types.has("keyup") || types.has("keypress");
+}
+function hasAccessibleName(el) {
+  if (el.getAttribute("aria-label")?.trim()) return true;
+  const labelledBy = el.getAttribute("aria-labelledby");
+  if (labelledBy) {
+    const doc = el.ownerDocument;
+    const ids = labelledBy.split(/\s+/);
+    for (const id of ids) {
+      const ref = doc.getElementById(id);
+      if (ref?.textContent?.trim()) return true;
     }
-  };
-  if (typeof options.afterEach === "function") {
-    options.afterEach(() => api.restore());
   }
-  return api;
+  if (el.getAttribute("title")?.trim()) return true;
+  if (el.textContent?.trim()) return true;
+  return false;
 }
-function createTimerMock(options = {}) {
-  const g = globalThis;
-  const snapshot = (key) => ({
-    had: Object.hasOwn(globalThis, key),
-    value: g[key]
-  });
-  const saved = {
-    setTimeout: snapshot("setTimeout"),
-    setInterval: snapshot("setInterval"),
-    clearTimeout: snapshot("clearTimeout"),
-    clearInterval: snapshot("clearInterval"),
-    requestAnimationFrame: snapshot("requestAnimationFrame"),
-    cancelAnimationFrame: snapshot("cancelAnimationFrame")
-  };
-  let currentTime = 0;
-  let nextId = 1;
-  const timers = [];
-  const api = {
-    install() {
-      currentTime = 0;
-      globalThis.setTimeout = (cb, delay = 0) => {
-        const id = nextId++;
-        timers.push({ id, callback: cb, time: currentTime + delay });
-        return id;
-      };
-      globalThis.setInterval = (cb, interval) => {
-        const id = nextId++;
-        timers.push({ id, callback: cb, time: currentTime + interval, interval });
-        return id;
-      };
-      globalThis.clearTimeout = (id) => {
-        const idx = timers.findIndex((t) => t.id === id);
-        if (idx !== -1) timers.splice(idx, 1);
-      };
-      globalThis.clearInterval = (id) => {
-        const idx = timers.findIndex((t) => t.id === id);
-        if (idx !== -1) timers.splice(idx, 1);
-      };
-      globalThis.requestAnimationFrame = (cb) => {
-        const id = nextId++;
-        timers.push({ id, callback: () => cb(currentTime), time: currentTime + 16 });
-        return id;
-      };
-      globalThis.cancelAnimationFrame = (id) => {
-        const idx = timers.findIndex((t) => t.id === id);
-        if (idx !== -1) timers.splice(idx, 1);
-      };
-    },
-    restore() {
-      for (const [key, snap] of Object.entries(saved)) {
-        if (snap.had) {
-          g[key] = snap.value;
-        } else {
-          delete g[key];
+function isNativeInteractive(el) {
+  const tag = el.tagName.toLowerCase();
+  if (["button", "select", "textarea", "summary"].includes(tag)) return true;
+  if (tag === "input" && el.getAttribute("type") !== "hidden") return true;
+  if (tag === "a" && el.hasAttribute("href")) return true;
+  if (tag === "area" && el.hasAttribute("href")) return true;
+  return false;
+}
+var DELEGATES_ATTRIBUTE = "data-a11y-delegates";
+function checkImageAlt(root) {
+  const violations = [];
+  const images = selectAll(root, "img");
+  for (const img of Array.from(images)) {
+    if (!img.hasAttribute("alt")) {
+      violations.push({
+        rule: "image-alt",
+        level: "error",
+        message: 'Image element must have an alt attribute. Use alt="" for decorative images.',
+        element: img,
+        selector: getSelector(img)
+      });
+    } else if (img.getAttribute("alt") === "" && !img.getAttribute("role")) {
+      violations.push({
+        rule: "image-alt-empty",
+        level: "info",
+        message: "Image has empty alt text. Ensure this is a decorative image; otherwise provide meaningful alt text.",
+        element: img,
+        selector: getSelector(img)
+      });
+    }
+  }
+  const roleImgs = selectAll(root, '[role="img"]');
+  for (const el of Array.from(roleImgs)) {
+    if (!hasAccessibleName(el)) {
+      violations.push({
+        rule: "image-alt",
+        level: "error",
+        message: 'Element with role="img" must have an accessible name (aria-label or aria-labelledby).',
+        element: el,
+        selector: getSelector(el)
+      });
+    }
+  }
+  return violations;
+}
+function checkFormLabels(root) {
+  const violations = [];
+  const inputs = selectAll(root, "input, select, textarea");
+  for (const input of Array.from(inputs)) {
+    if (input.getAttribute("type") === "hidden") continue;
+    const inputType = input.getAttribute("type");
+    if (inputType === "submit" || inputType === "reset" || inputType === "button") continue;
+    const hasLabel = checkInputHasLabel(input, root);
+    if (!hasLabel) {
+      violations.push({
+        rule: "form-label",
+        level: "error",
+        message: `Form ${input.tagName.toLowerCase()} element must have an associated label. Use <label for="id">, aria-label, aria-labelledby, or wrap in a <label>.`,
+        element: input,
+        selector: getSelector(input)
+      });
+    }
+  }
+  return violations;
+}
+function checkInputHasLabel(input, root) {
+  if (input.getAttribute("aria-label")?.trim()) return true;
+  const labelledBy = input.getAttribute("aria-labelledby");
+  if (labelledBy) {
+    const doc = input.ownerDocument;
+    const ids = labelledBy.split(/\s+/);
+    for (const id2 of ids) {
+      const ref = doc.getElementById(id2);
+      if (ref?.textContent?.trim()) return true;
+    }
+  }
+  if (input.getAttribute("title")?.trim()) return true;
+  const id = input.getAttribute("id");
+  if (id) {
+    const scope = input.getRootNode();
+    const searchIn = typeof scope.querySelectorAll === "function" ? scope : root;
+    const label = queryAllByAttribute(searchIn, "for", id).find((el) => el.tagName === "LABEL");
+    if (label?.textContent?.trim()) return true;
+  }
+  let parent = input.parentElement;
+  while (parent && parent !== root) {
+    if (parent.tagName.toLowerCase() === "label") return true;
+    parent = parent.parentElement;
+  }
+  return false;
+}
+function checkHeadingHierarchy(root) {
+  const violations = [];
+  const headings = selectAll(root, "h1, h2, h3, h4, h5, h6");
+  if (headings.length === 0) return violations;
+  let previousLevel = 0;
+  for (const heading of Array.from(headings)) {
+    const currentLevel = parseInt(heading.tagName[1], 10);
+    if (previousLevel === 0 && currentLevel !== 1) {
+      violations.push({
+        rule: "heading-order",
+        level: "warning",
+        message: `Heading hierarchy should start with h1. Found ${heading.tagName.toLowerCase()} as the first heading.`,
+        element: heading,
+        selector: getSelector(heading)
+      });
+    }
+    if (previousLevel > 0 && currentLevel > previousLevel + 1) {
+      violations.push({
+        rule: "heading-order",
+        level: "error",
+        message: `Heading level skipped: ${heading.tagName.toLowerCase()} follows h${previousLevel}. Headings should not skip levels.`,
+        element: heading,
+        selector: getSelector(heading)
+      });
+    }
+    if (!heading.textContent?.trim()) {
+      violations.push({
+        rule: "heading-empty",
+        level: "error",
+        message: `Heading ${heading.tagName.toLowerCase()} is empty. Headings must have discernible text.`,
+        element: heading,
+        selector: getSelector(heading)
+      });
+    }
+    previousLevel = currentLevel;
+  }
+  return violations;
+}
+function checkColorContrast(root) {
+  const violations = [];
+  const roledElements = selectAll(root, "[role]");
+  for (const el of Array.from(roledElements)) {
+    const role = el.getAttribute("role");
+    if (!role) continue;
+    if (role === "presentation" || role === "none") continue;
+    const nameRequiredRoles = /* @__PURE__ */ new Set([
+      "alert",
+      "alertdialog",
+      "button",
+      "checkbox",
+      "combobox",
+      "dialog",
+      "link",
+      "menuitem",
+      "menuitemcheckbox",
+      "menuitemradio",
+      "option",
+      "progressbar",
+      "radio",
+      "slider",
+      "spinbutton",
+      "switch",
+      "tab",
+      "textbox",
+      "treeitem"
+    ]);
+    if (nameRequiredRoles.has(role) && !hasAccessibleName(el)) {
+      violations.push({
+        rule: "accessible-name",
+        level: "error",
+        message: `Element with role="${role}" must have an accessible name (via aria-label, aria-labelledby, or text content).`,
+        element: el,
+        selector: getSelector(el)
+      });
+    }
+  }
+  const inlineStyled = selectAll(root, "[style]");
+  for (const el of Array.from(inlineStyled)) {
+    const style = el.getAttribute("style") || "";
+    const hasColor = /(?:^|;)\s*color\s*:/i.test(style);
+    const hasBg = /(?:^|;)\s*background(?:-color)?\s*:/i.test(style);
+    if (hasColor && !hasBg && el.textContent?.trim()) {
+      violations.push({
+        rule: "color-contrast",
+        level: "warning",
+        message: "Element sets text color but not background color. Ensure sufficient contrast with the inherited background.",
+        element: el,
+        selector: getSelector(el)
+      });
+    }
+    if (hasBg && !hasColor && el.textContent?.trim()) {
+      violations.push({
+        rule: "color-contrast",
+        level: "warning",
+        message: "Element sets background color but not text color. Ensure sufficient contrast with the inherited text color.",
+        element: el,
+        selector: getSelector(el)
+      });
+    }
+  }
+  return violations;
+}
+function checkKeyboardAccess(root, options) {
+  const violations = [];
+  const clickElements = selectAll(root, "*").filter(hasActivationHandler);
+  for (const el of clickElements) {
+    if (isNativeInteractive(el)) continue;
+    if (el.hasAttribute(DELEGATES_ATTRIBUTE) || options?.delegatesActivation?.(el)) continue;
+    const hasTabindex = el.hasAttribute("tabindex");
+    const hasRole = el.hasAttribute("role");
+    const hasKeyHandler = hasKeyboardHandler(el);
+    if (!hasTabindex) {
+      violations.push({
+        rule: "keyboard-access",
+        level: "error",
+        message: "Interactive element with onclick must have tabindex to be keyboard accessible.",
+        element: el,
+        selector: getSelector(el)
+      });
+    }
+    if (!hasRole) {
+      violations.push({
+        rule: "keyboard-access",
+        level: "warning",
+        message: 'Interactive element with onclick should have an explicit role attribute (e.g., role="button").',
+        element: el,
+        selector: getSelector(el)
+      });
+    }
+    if (!hasKeyHandler) {
+      violations.push({
+        rule: "keyboard-access",
+        level: "error",
+        message: "Interactive element with onclick must also have a keyboard event handler (onkeydown or onkeyup) for keyboard accessibility.",
+        element: el,
+        selector: getSelector(el)
+      });
+    }
+  }
+  const interactiveRoles = selectAll(
+    root,
+    '[role="button"], [role="link"], [role="tab"], [role="menuitem"], [role="option"]'
+  );
+  for (const el of Array.from(interactiveRoles)) {
+    if (isNativeInteractive(el)) continue;
+    if (!el.hasAttribute("tabindex")) {
+      violations.push({
+        rule: "keyboard-access",
+        level: "error",
+        message: `Element with role="${el.getAttribute("role")}" must have tabindex to be keyboard accessible.`,
+        element: el,
+        selector: getSelector(el)
+      });
+    }
+  }
+  return violations;
+}
+function checkAriaAttributes(root) {
+  const violations = [];
+  const roledElements = selectAll(root, "[role]");
+  for (const el of Array.from(roledElements)) {
+    const role = el.getAttribute("role");
+    if (!role) continue;
+    if (!VALID_ARIA_ROLES.has(role)) {
+      violations.push({
+        rule: "aria-valid-role",
+        level: "error",
+        message: `Invalid ARIA role "${role}". Must be a valid WAI-ARIA role.`,
+        element: el,
+        selector: getSelector(el)
+      });
+    }
+    if (REQUIRED_ARIA_PROPS[role]) {
+      for (const requiredProp of REQUIRED_ARIA_PROPS[role]) {
+        if (!el.hasAttribute(requiredProp)) {
+          violations.push({
+            rule: "aria-required-attr",
+            level: "error",
+            message: `Element with role="${role}" requires the ${requiredProp} attribute.`,
+            element: el,
+            selector: getSelector(el)
+          });
         }
       }
-      timers.length = 0;
-    },
-    /** Advance time by a given number of ms, running any timers that fire */
-    advance(ms) {
-      const targetTime = currentTime + ms;
-      while (true) {
-        timers.sort((a, b) => a.time - b.time);
-        const next = timers.find((t) => t.time <= targetTime);
-        if (!next) break;
-        currentTime = next.time;
-        const idx = timers.indexOf(next);
-        if (next.interval) {
-          next.time += next.interval;
-        } else {
-          timers.splice(idx, 1);
+    }
+  }
+  const allElements = selectAll(root, "*");
+  for (const el of Array.from(allElements)) {
+    for (const attr of Array.from(el.attributes)) {
+      if (!attr.name.startsWith("aria-")) continue;
+      if (!VALID_ARIA_ATTRIBUTES.has(attr.name)) {
+        violations.push({
+          rule: "aria-valid-attr",
+          level: "error",
+          message: `Invalid ARIA attribute "${attr.name}". Must be a valid WAI-ARIA attribute.`,
+          element: el,
+          selector: getSelector(el)
+        });
+      }
+      if (attr.name === "aria-labelledby" || attr.name === "aria-describedby" || attr.name === "aria-controls" || attr.name === "aria-owns") {
+        const ids = attr.value.split(/\s+/).filter(Boolean);
+        const doc = el.ownerDocument;
+        for (const id of ids) {
+          if (!doc.getElementById(id)) {
+            violations.push({
+              rule: "aria-valid-attr-value",
+              level: "error",
+              message: `${attr.name} references id "${id}" which does not exist in the document.`,
+              element: el,
+              selector: getSelector(el)
+            });
+          }
         }
-        next.callback();
       }
-      currentTime = targetTime;
-    },
-    /** Run all pending timers immediately */
-    flush() {
-      const maxIterations = 1e3;
-      let i = 0;
-      while (timers.length > 0 && i++ < maxIterations) {
-        timers.sort((a, b) => a.time - b.time);
-        const next = timers[0];
-        currentTime = next.time;
-        if (next.interval) {
-          next.time += next.interval;
-        } else {
-          timers.shift();
+      const booleanAttrs = /* @__PURE__ */ new Set([
+        "aria-checked",
+        "aria-disabled",
+        "aria-expanded",
+        "aria-hidden",
+        "aria-pressed",
+        "aria-required",
+        "aria-selected",
+        "aria-busy",
+        "aria-modal",
+        "aria-multiline",
+        "aria-multiselectable",
+        "aria-readonly"
+      ]);
+      if (booleanAttrs.has(attr.name)) {
+        const validValues = ["true", "false"];
+        if (attr.name === "aria-checked" || attr.name === "aria-pressed") {
+          validValues.push("mixed");
+        }
+        if (!validValues.includes(attr.value)) {
+          violations.push({
+            rule: "aria-valid-attr-value",
+            level: "error",
+            message: `${attr.name} has invalid value "${attr.value}". Expected one of: ${validValues.join(", ")}.`,
+            element: el,
+            selector: getSelector(el)
+          });
         }
-        next.callback();
       }
-    },
-    /** Get current fake time */
-    now() {
-      return currentTime;
-    },
-    /** Get number of pending timers */
-    pendingCount() {
-      return timers.length;
     }
-  };
-  if (typeof options.afterEach === "function") {
-    options.afterEach(() => api.restore());
   }
-  return api;
+  return violations;
 }
-function createDOMSnapshot(element) {
-  return serializeElement(element, 0);
+function checkLandmarks(root) {
+  const violations = [];
+  const foundLandmarks = /* @__PURE__ */ new Set();
+  for (const role of LANDMARK_ROLES) {
+    const elements = selectAll(root, `[role="${role}"]`);
+    if (elements.length > 0) {
+      foundLandmarks.add(role);
+    }
+  }
+  for (const [tag, role] of Object.entries(LANDMARK_ELEMENTS)) {
+    const elements = selectAll(root, tag);
+    if (elements.length > 0) {
+      foundLandmarks.add(role);
+    }
+  }
+  if (!foundLandmarks.has("main")) {
+    violations.push({
+      rule: "landmark-main",
+      level: "warning",
+      message: 'Page should have a main landmark (<main> element or role="main").',
+      selector: getSelector(root)
+    });
+  }
+  const mainElements = selectAll(root, 'main, [role="main"]');
+  if (mainElements.length > 1) {
+    violations.push({
+      rule: "landmark-unique",
+      level: "error",
+      message: `Multiple main landmarks found (${mainElements.length}). A page should have at most one main landmark.`,
+      selector: getSelector(root)
+    });
+  }
+  const bannerElements = selectAll(root, 'header, [role="banner"]');
+  if (bannerElements.length > 1) {
+    violations.push({
+      rule: "landmark-unique",
+      level: "warning",
+      message: `Multiple banner landmarks found (${bannerElements.length}). Consider using a single banner landmark.`,
+      selector: getSelector(root)
+    });
+  }
+  const contentinfoElements = selectAll(root, 'footer, [role="contentinfo"]');
+  if (contentinfoElements.length > 1) {
+    violations.push({
+      rule: "landmark-unique",
+      level: "warning",
+      message: `Multiple contentinfo landmarks found (${contentinfoElements.length}). Consider using a single contentinfo landmark.`,
+      selector: getSelector(root)
+    });
+  }
+  const navElements = selectAll(root, 'nav, [role="navigation"]');
+  if (navElements.length > 1) {
+    for (const nav of Array.from(navElements)) {
+      if (!nav.getAttribute("aria-label") && !nav.getAttribute("aria-labelledby")) {
+        violations.push({
+          rule: "landmark-label",
+          level: "warning",
+          message: "When multiple navigation landmarks exist, each should have a unique label (aria-label or aria-labelledby).",
+          element: nav,
+          selector: getSelector(nav)
+        });
+      }
+    }
+  }
+  return violations;
 }
-function serializeElement(el, indent) {
-  const pad = "  ".repeat(indent);
-  const tag = el.tagName.toLowerCase();
-  const attrs = Array.from(el.attributes).sort((a, b) => a.name.localeCompare(b.name)).map((a) => `${a.name}="${a.value}"`).join(" ");
-  const open = attrs ? `${pad}<${tag} ${attrs}>` : `${pad}<${tag}>`;
-  const children = Array.from(el.childNodes);
-  if (children.length === 0) {
-    return `${open}</${tag}>`;
+function checkLinksAndButtons(root) {
+  const violations = [];
+  const links = selectAll(root, "a[href]");
+  for (const link of Array.from(links)) {
+    if (!hasAccessibleName(link)) {
+      violations.push({
+        rule: "link-name",
+        level: "error",
+        message: "Link must have discernible text. Add text content, aria-label, or aria-labelledby.",
+        element: link,
+        selector: getSelector(link)
+      });
+    }
+    if (link.getAttribute("target") === "_blank") {
+      violations.push({
+        rule: "link-new-window",
+        level: "warning",
+        message: 'Link opens in a new window/tab (target="_blank"). Consider warning users or adding an icon to indicate this.',
+        element: link,
+        selector: getSelector(link)
+      });
+      const rel = link.getAttribute("rel") || "";
+      if (!rel.includes("noopener") && !rel.includes("noreferrer")) {
+        violations.push({
+          rule: "link-noopener",
+          level: "warning",
+          message: 'Link with target="_blank" should include rel="noopener" or rel="noreferrer" for security.',
+          element: link,
+          selector: getSelector(link)
+        });
+      }
+    }
+    const linkText = link.textContent?.trim().toLowerCase() || "";
+    const genericTexts = ["click here", "here", "read more", "more", "learn more", "link"];
+    if (genericTexts.includes(linkText)) {
+      violations.push({
+        rule: "link-purpose",
+        level: "warning",
+        message: `Link text "${link.textContent?.trim()}" is generic. Use descriptive text that explains the link's purpose.`,
+        element: link,
+        selector: getSelector(link)
+      });
+    }
   }
-  if (children.length === 1 && children[0].nodeType === 3) {
-    const text = children[0].textContent?.trim() || "";
-    return `${open}${text}</${tag}>`;
+  const buttons = selectAll(root, 'button, [role="button"]');
+  for (const button of Array.from(buttons)) {
+    if (!hasAccessibleName(button)) {
+      violations.push({
+        rule: "button-name",
+        level: "error",
+        message: "Button must have an accessible name. Add text content, aria-label, or aria-labelledby.",
+        element: button,
+        selector: getSelector(button)
+      });
+    }
+  }
+  const inputButtons = selectAll(root, 'input[type="submit"], input[type="reset"], input[type="button"]');
+  for (const input of Array.from(inputButtons)) {
+    const value = input.getAttribute("value");
+    if (!value?.trim() && !input.getAttribute("aria-label") && !input.getAttribute("aria-labelledby")) {
+      violations.push({
+        rule: "button-name",
+        level: "error",
+        message: `Input button (type="${input.getAttribute("type")}") must have a value, aria-label, or aria-labelledby.`,
+        element: input,
+        selector: getSelector(input)
+      });
+    }
   }
-  const childStr = children.map((child) => {
-    if (child.nodeType === 3) {
-      const text = child.textContent?.trim();
-      return text ? `${"  ".repeat(indent + 1)}${text}` : "";
+  return violations;
+}
+function checkListSemantics(root) {
+  const violations = [];
+  const lists = selectAll(root, "ul, ol");
+  for (const list of Array.from(lists)) {
+    const children = Array.from(list.children);
+    for (const child of children) {
+      const tag = child.tagName.toLowerCase();
+      if (tag !== "li" && tag !== "script" && tag !== "template") {
+        violations.push({
+          rule: "list-semantics",
+          level: "error",
+          message: `Direct children of <${list.tagName.toLowerCase()}> must be <li> elements. Found <${tag}>.`,
+          element: child,
+          selector: getSelector(child)
+        });
+      }
     }
-    if (child.nodeType === 1) {
-      return serializeElement(child, indent + 1);
+    if (children.length === 0) {
+      violations.push({
+        rule: "list-empty",
+        level: "info",
+        message: `Empty <${list.tagName.toLowerCase()}> element found. Consider removing or adding items.`,
+        element: list,
+        selector: getSelector(list)
+      });
     }
-    return "";
-  }).filter(Boolean).join("\n");
-  return `${open}
-${childStr}
-${pad}</${tag}>`;
-}
-function assertDOMEquals(actual, expected) {
-  const actualSnapshot = createDOMSnapshot(actual);
-  const expectedSnapshot = createDOMSnapshot(expected);
-  if (actualSnapshot !== expectedSnapshot) {
-    throw new Error(`DOM mismatch:
-
-Actual:
-${actualSnapshot}
-
-Expected:
-${expectedSnapshot}`);
   }
-}
-function testComponent(component, options = {}) {
-  const container = options.container || document.createElement("div");
-  if (!options.container) document.body.appendChild(container);
-  const element = typeof component === "function" ? component() : component;
-  container.appendChild(element);
-  return {
-    element,
-    container,
-    getByTestId(id) {
-      return container.querySelector(`[data-testid="${id}"]`);
-    },
-    getAllByTestId(id) {
-      return Array.from(container.querySelectorAll(`[data-testid="${id}"]`));
-    },
-    getByText(text) {
-      const walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT);
-      while (walker.nextNode()) {
-        if (walker.currentNode.textContent?.includes(text)) {
-          return walker.currentNode.parentElement;
-        }
+  const dlLists = selectAll(root, "dl");
+  for (const dl of Array.from(dlLists)) {
+    const children = Array.from(dl.children);
+    for (const child of children) {
+      const tag = child.tagName.toLowerCase();
+      if (tag !== "dt" && tag !== "dd" && tag !== "div" && tag !== "script" && tag !== "template") {
+        violations.push({
+          rule: "list-semantics",
+          level: "error",
+          message: `Direct children of <dl> must be <dt>, <dd>, or <div> elements. Found <${tag}>.`,
+          element: child,
+          selector: getSelector(child)
+        });
       }
-      return null;
-    },
-    click(el) {
-      el.dispatchEvent(new MouseEvent("click", { bubbles: true, cancelable: true }));
-    },
-    type(el, value) {
-      el.value = value;
-      el.dispatchEvent(new Event("input", { bubbles: true }));
-      el.dispatchEvent(new Event("change", { bubbles: true }));
-    },
-    async waitForUpdate() {
-      await new Promise((r) => setTimeout(r, 0));
-    },
-    destroy() {
-      if (container.parentNode) container.parentNode.removeChild(container);
     }
-  };
-}
-
-// src/reactivity/track-core.ts
-var POOL_MAX = 4096;
-var nodePool = [];
-function createNode() {
-  return {
-    sig: null,
-    sub: null,
-    epoch: 0,
-    depVersion: 0,
-    sigPrev: null,
-    sigNext: null,
-    subPrev: null,
-    subNext: null,
-    prevActive: null
-  };
-}
-function allocNode(sig, sub, epoch) {
-  const n = nodePool.pop();
-  if (n) {
-    n.sig = sig;
-    n.sub = sub;
-    n.epoch = epoch;
-    return n;
   }
-  const fresh = createNode();
-  fresh.sig = sig;
-  fresh.sub = sub;
-  fresh.epoch = epoch;
-  return fresh;
-}
-function freeNode(node) {
-  node.sig = null;
-  node.sub = null;
-  node.sigPrev = null;
-  node.sigNext = null;
-  node.subPrev = null;
-  node.subNext = null;
-  node.prevActive = null;
-  if (nodePool.length < POOL_MAX) nodePool.push(node);
-}
-function linkSignal(sig, node) {
-  const oldHead = sig.subsHead ?? null;
-  node.sigPrev = null;
-  node.sigNext = oldHead;
-  if (oldHead) oldHead.sigPrev = node;
-  else sig.subsTail = node;
-  sig.subsHead = node;
-  sig.__sc = (sig.__sc ?? 0) + 1;
-}
-function unlinkSignal(node) {
-  const sig = node.sig;
-  if (!sig) return;
-  const prev = node.sigPrev;
-  const next = node.sigNext;
-  if (prev) prev.sigNext = next;
-  else sig.subsHead = next;
-  if (next) next.sigPrev = prev;
-  else sig.subsTail = prev;
-  sig.__sc = (sig.__sc ?? 1) - 1;
-  if (sig.__activeNode === node) sig.__activeNode = node.prevActive;
-  if (sig.__sc === 0) {
-    sig.subsHead = null;
-    sig.subsTail = null;
+  const roleLists = selectAll(root, '[role="list"]');
+  for (const list of Array.from(roleLists)) {
+    const children = Array.from(list.children);
+    const hasListItems = children.some(
+      (child) => child.getAttribute("role") === "listitem" || child.tagName.toLowerCase() === "li"
+    );
+    if (children.length > 0 && !hasListItems) {
+      violations.push({
+        rule: "list-semantics",
+        level: "warning",
+        message: 'Element with role="list" should contain children with role="listitem".',
+        element: list,
+        selector: getSelector(list)
+      });
+    }
   }
+  return violations;
 }
-function linkSub(sub, node) {
-  const oldTail = sub.depsTail ?? null;
-  node.subPrev = oldTail;
-  node.subNext = null;
-  if (oldTail) oldTail.subNext = node;
-  else sub.depsHead = node;
-  sub.depsTail = node;
-}
-function unlinkSub(node) {
-  const sub = node.sub;
-  if (!sub) return;
-  const prev = node.subPrev;
-  const next = node.subNext;
-  if (prev) prev.subNext = next;
-  else sub.depsHead = next;
-  if (next) next.subPrev = prev;
-  else sub.depsTail = prev;
-}
-var currentSubscriber = null;
-var suspendSavedSub = null;
-var notifyDepth = 0;
-var pendingQueue = [];
-var pendingSet = /* @__PURE__ */ new Set();
-var propagateStack = [];
-function safeInvoke(sub) {
-  try {
-    sub();
-  } catch (err) {
-    const s = sub;
-    reportError(err, { phase: s._errorPhase ?? "effect", name: s.__name, node: s._errorNode });
+function checkTabOrder(root) {
+  const violations = [];
+  const tabbable = selectAll(root, "[tabindex]");
+  for (const el of Array.from(tabbable)) {
+    const tabindex = parseInt(el.getAttribute("tabindex") ?? "", 10);
+    if (!Number.isNaN(tabindex) && tabindex > 0) {
+      violations.push({
+        rule: "tabindex-positive",
+        level: "warning",
+        message: `Element has tabindex="${tabindex}". Positive tabindex values create a confusing tab order. Use tabindex="0" instead and rely on DOM order.`,
+        element: el,
+        selector: getSelector(el)
+      });
+    }
   }
-}
-function depsChanged(sub) {
-  let node = sub.depsHead ?? null;
-  if (node === null) return true;
-  while (node !== null) {
-    const sig = node.sig;
-    if (sig === null) return true;
-    if (sig._d === true && sig._validate !== void 0) {
-      try {
-        sig._validate();
-      } catch {
-        return true;
+  const focusTraps = selectAll(root, '[data-sibu-focus-trap], [aria-modal="true"]');
+  for (const trap of Array.from(focusTraps)) {
+    const role = trap.getAttribute("role");
+    if (role === "dialog" || role === "alertdialog" || trap.hasAttribute("aria-modal")) {
+      const hasCloseButton = trap.querySelector(
+        'button[aria-label*="close" i], button[aria-label*="dismiss" i], [data-dismiss], [data-close]'
+      );
+      if (!hasCloseButton) {
+        violations.push({
+          rule: "focus-trap-escape",
+          level: "warning",
+          message: "Modal/dialog with focus trap should have a visible close button. Users must be able to dismiss the dialog.",
+          element: trap,
+          selector: getSelector(trap)
+        });
       }
     }
-    if (node.depVersion !== sig.__v) return true;
-    node = node.subNext;
-  }
-  return false;
-}
-var suspendDepth = 0;
-var trackingSuspended = false;
-function suspendTracking() {
-  if (suspendDepth === 0) {
-    suspendSavedSub = currentSubscriber;
-    currentSubscriber = null;
-    trackingSuspended = true;
-  }
-  suspendDepth++;
-}
-function resumeTracking() {
-  suspendDepth--;
-  if (suspendDepth === 0) {
-    currentSubscriber = suspendSavedSub;
-    suspendSavedSub = null;
-    trackingSuspended = false;
+    const focusable = trap.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    if (focusable.length === 0) {
+      violations.push({
+        rule: "focus-trap-empty",
+        level: "error",
+        message: "Focus trap contains no focusable elements. Users will be trapped with no way to interact.",
+        element: trap,
+        selector: getSelector(trap)
+      });
+    }
   }
+  return violations;
 }
-function isTrackingSuspended() {
-  return trackingSuspended;
-}
-function untracked(fn) {
-  suspendTracking();
-  try {
-    return fn();
-  } finally {
-    resumeTracking();
+var CHECK_FUNCTIONS = {
+  images: checkImageAlt,
+  forms: checkFormLabels,
+  headings: checkHeadingHierarchy,
+  contrast: checkColorContrast,
+  keyboard: checkKeyboardAccess,
+  aria: checkAriaAttributes,
+  landmarks: checkLandmarks,
+  links: checkLinksAndButtons,
+  lists: checkListSemantics,
+  tabOrder: checkTabOrder
+};
+var ALL_CHECKS = [
+  "images",
+  "forms",
+  "headings",
+  "contrast",
+  "keyboard",
+  "aria",
+  "landmarks",
+  "links",
+  "lists",
+  "tabOrder"
+];
+function checkA11y(root, options) {
+  const checksToRun = options?.checks || ALL_CHECKS;
+  const minLevel = options?.level || "info";
+  const levelPriority = {
+    error: 2,
+    warning: 1,
+    info: 0
+  };
+  const minPriority = levelPriority[minLevel];
+  const allViolations = [];
+  for (const check of checksToRun) {
+    const fn = CHECK_FUNCTIONS[check];
+    if (fn) {
+      const results = fn(root);
+      allViolations.push(...results);
+    }
   }
+  const filtered = allViolations.filter((v) => levelPriority[v.level] >= minPriority);
+  const violations = filtered.filter((v) => v.level === "error");
+  const warnings = filtered.filter((v) => v.level === "warning");
+  const info = filtered.filter((v) => v.level === "info");
+  const parts = [];
+  if (violations.length > 0) parts.push(`${violations.length} error(s)`);
+  if (warnings.length > 0) parts.push(`${warnings.length} warning(s)`);
+  if (info.length > 0) parts.push(`${info.length} info`);
+  const passed = violations.length === 0;
+  const summary = passed ? parts.length > 0 ? `Passed with ${parts.join(", ")}.` : "Passed with no issues." : `Failed with ${parts.join(", ")}.`;
+  return { passed, violations, warnings, info, summary };
 }
-var subscriberEpochCounter = 0;
-function retrack(effectFn, subscriber) {
-  const prev = currentSubscriber;
-  currentSubscriber = subscriber;
-  const sub = subscriber;
-  const epoch = ++subscriberEpochCounter;
-  sub._epoch = epoch;
-  sub._structDirty = false;
-  for (let n = sub.depsHead ?? null; n !== null; n = n.subNext) {
-    const sig = n.sig;
-    n.prevActive = sig.__activeNode ?? null;
-    sig.__activeNode = n;
-  }
-  try {
-    effectFn();
-  } finally {
-    currentSubscriber = prev;
-    let node = sub.depsHead ?? null;
-    while (node !== null) {
-      const next = node.subNext;
-      const sig = node.sig;
-      sig.__activeNode = node.prevActive;
-      node.prevActive = null;
-      if (node.epoch !== epoch) {
-        unlinkSub(node);
-        unlinkSignal(node);
-        freeNode(node);
+function assertA11y(root, options) {
+  const result = checkA11y(root, options);
+  if (!result.passed) {
+    const lines = [`Accessibility check failed: ${result.summary}`, ""];
+    if (result.violations.length > 0) {
+      lines.push("ERRORS:");
+      for (const v of result.violations) {
+        lines.push(`  [${v.rule}] ${v.message}${v.selector ? ` (${v.selector})` : ""}`);
       }
-      node = next;
+      lines.push("");
     }
-  }
-}
-function track(effectFn, subscriber) {
-  if (!subscriber) return reactiveBinding(effectFn);
-  cleanup(subscriber);
-  const prev = currentSubscriber;
-  currentSubscriber = subscriber;
-  try {
-    effectFn();
-  } finally {
-    currentSubscriber = prev;
-    const sub2 = subscriber;
-    for (let n = sub2.depsHead ?? null; n !== null; n = n.subNext) {
-      const sig = n.sig;
-      sig.__activeNode = n.prevActive;
-      n.prevActive = null;
+    if (result.warnings.length > 0) {
+      lines.push("WARNINGS:");
+      for (const w of result.warnings) {
+        lines.push(`  [${w.rule}] ${w.message}${w.selector ? ` (${w.selector})` : ""}`);
+      }
+      lines.push("");
     }
+    throw new Error(lines.join("\n"));
   }
-  const sub = subscriber;
-  return sub._dispose ?? (sub._dispose = () => cleanup(subscriber));
 }
-function reactiveBinding(commit, ownerNode) {
-  const run = () => {
-    const s = subscriber;
-    if (s._disposed || s._reentrant) return;
-    s._reentrant = true;
-    try {
-      retrack(commit, subscriber);
-    } finally {
-      s._reentrant = false;
+
+// src/testing/adapters.ts
+function escapeAttrValue(value) {
+  return value.replace(/[\\"]/g, "\\$&").replace(/\n/g, "\\a ").replace(/\r/g, "\\d ").replace(/\0/g, "\\fffd ");
+}
+function createJestAdapter() {
+  let container = null;
+  return {
+    /** Call in beforeEach to set up DOM container */
+    setup() {
+      container = document.createElement("div");
+      container.setAttribute("data-testenv", "jest");
+      document.body.appendChild(container);
+      return container;
+    },
+    /** Call in afterEach to clean up */
+    teardown() {
+      if (container) {
+        replaceChildrenSafely(container);
+        if (container.parentNode) {
+          container.parentNode.removeChild(container);
+        }
+        container = null;
+      }
+    },
+    /** Render a component into the test container */
+    render(component) {
+      if (!container) {
+        container = document.createElement("div");
+        container.setAttribute("data-testenv", "jest");
+        document.body.appendChild(container);
+      }
+      const element = typeof component === "function" ? component() : component;
+      container.appendChild(element);
+      return { element, container };
+    },
+    /** Custom Jest matchers */
+    matchers: {
+      /** Check if element has specific text content */
+      toHaveTextContent(element, expected) {
+        const actual = element.textContent || "";
+        const pass = actual.includes(expected);
+        return {
+          pass,
+          message: () => pass ? `Expected element not to have text content "${expected}", but found "${actual}"` : `Expected element to have text content "${expected}", but found "${actual}"`
+        };
+      },
+      /** Check if element has specific attribute */
+      toHaveAttribute(element, attr, value) {
+        const hasAttr = element.hasAttribute(attr);
+        const attrValue = element.getAttribute(attr);
+        const pass = value !== void 0 ? hasAttr && attrValue === value : hasAttr;
+        return {
+          pass,
+          message: () => {
+            if (value !== void 0) {
+              return pass ? `Expected element not to have attribute "${attr}" with value "${value}", but it does` : `Expected element to have attribute "${attr}" with value "${value}", but got "${attrValue}"`;
+            }
+            return pass ? `Expected element not to have attribute "${attr}", but it does` : `Expected element to have attribute "${attr}", but it does not`;
+          }
+        };
+      },
+      /** Check if element has specific class */
+      toHaveClass(element, className) {
+        const pass = element.classList.contains(className);
+        return {
+          pass,
+          message: () => pass ? `Expected element not to have class "${className}", but it does` : `Expected element to have class "${className}", but it has "${element.className}"`
+        };
+      },
+      /** Check if element is visible (no display:none, visibility:hidden, hidden attr) */
+      toBeVisible(element) {
+        const htmlEl = element;
+        const isHiddenAttr = element.hasAttribute("hidden");
+        const style = htmlEl.style;
+        const isDisplayNone = style?.display === "none";
+        const isVisibilityHidden = style?.visibility === "hidden";
+        const isOpacityZero = style?.opacity === "0";
+        const pass = !isHiddenAttr && !isDisplayNone && !isVisibilityHidden && !isOpacityZero;
+        return {
+          pass,
+          message: () => {
+            if (pass) {
+              return "Expected element to be hidden, but it is visible";
+            }
+            const reasons = [];
+            if (isHiddenAttr) reasons.push('has "hidden" attribute');
+            if (isDisplayNone) reasons.push("has display:none");
+            if (isVisibilityHidden) reasons.push("has visibility:hidden");
+            if (isOpacityZero) reasons.push("has opacity:0");
+            return `Expected element to be visible, but it ${reasons.join(" and ")}`;
+          }
+        };
+      },
+      /** Check if element is disabled */
+      toBeDisabled(element) {
+        const isDisabledProp = element.disabled === true;
+        const isDisabledAttr = element.hasAttribute("disabled");
+        const isAriaDisabled = element.getAttribute("aria-disabled") === "true";
+        const pass = isDisabledProp || isDisabledAttr || isAriaDisabled;
+        return {
+          pass,
+          message: () => pass ? "Expected element not to be disabled, but it is" : "Expected element to be disabled, but it is not"
+        };
+      },
+      /** Check if element has focus */
+      toHaveFocus(element) {
+        const pass = document.activeElement === element;
+        return {
+          pass,
+          message: () => pass ? "Expected element not to have focus, but it does" : `Expected element to have focus, but active element is <${document.activeElement?.tagName?.toLowerCase() || "none"}>`
+        };
+      },
+      /** Check if element has specific style */
+      toHaveStyle(element, style) {
+        const mismatches = [];
+        for (const [prop, expected] of Object.entries(style)) {
+          const kebabProp = prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+          const actual = element.style.getPropertyValue(kebabProp);
+          if (actual !== expected) {
+            mismatches.push(`${prop}: expected "${expected}" but got "${actual}"`);
+          }
+        }
+        const pass = mismatches.length === 0;
+        return {
+          pass,
+          message: () => pass ? "Expected element not to have the specified styles, but it does" : `Style mismatches: ${mismatches.join("; ")}`
+        };
+      }
     }
   };
-  const subscriber = run;
-  subscriber.depsHead = null;
-  subscriber.depsTail = null;
-  subscriber._epoch = 0;
-  subscriber._structDirty = false;
-  subscriber._hasComputedDep = false;
-  subscriber._runEpoch = 0;
-  subscriber._runs = 0;
-  subscriber._reentrant = false;
-  subscriber._disposed = false;
-  subscriber._errorPhase = "binding";
-  subscriber._errorNode = ownerNode;
-  try {
-    run();
-  } catch (err) {
-    subscriber._disposed = true;
-    subscriber._errorNode = void 0;
-    cleanup(subscriber);
-    throw err;
-  }
-  return subscriber._dispose ?? (subscriber._dispose = () => {
-    subscriber._disposed = true;
-    subscriber._errorNode = void 0;
-    cleanup(subscriber);
-  });
-}
-function recordDependency(signal) {
-  if (!currentSubscriber) return;
-  const sub = currentSubscriber;
-  const sig = signal;
-  const epoch = sub._epoch ?? 0;
-  const active = sig.__activeNode ?? null;
-  if (active !== null && active.sub === sub) {
-    active.epoch = epoch;
-    active.depVersion = sig.__v ?? Number.NaN;
-    return;
-  }
-  if (sig._validate !== void 0) sub._hasComputedDep = true;
-  const node = allocNode(signal, sub, epoch);
-  node.depVersion = sig.__v ?? Number.NaN;
-  node.prevActive = active;
-  sig.__activeNode = node;
-  linkSub(sub, node);
-  linkSignal(sig, node);
-  sub._structDirty = true;
-}
-function cleanup(subscriber) {
-  const sub = subscriber;
-  let node = sub.depsHead ?? null;
-  sub.depsHead = null;
-  sub.depsTail = null;
-  while (node) {
-    const next = node.subNext;
-    unlinkSignal(node);
-    freeNode(node);
-    node = next;
-  }
-}
-var maxSubscriberRepeats = 1e3;
-var maxDrainIterations = 1e6;
-var drainEpoch = 0;
-var quarantined = /* @__PURE__ */ new Set();
-function setMaxSubscriberRepeats(n) {
-  const prev = maxSubscriberRepeats;
-  if (Number.isFinite(n) && n > 0) maxSubscriberRepeats = Math.floor(n);
-  return prev;
-}
-function setMaxDrainIterations(n) {
-  const prev = maxDrainIterations;
-  if (Number.isFinite(n) && n > 0) maxDrainIterations = Math.floor(n);
-  return prev;
-}
-function tickRepeat(sub) {
-  const s = sub;
-  if (s._runEpoch !== drainEpoch) {
-    s._runEpoch = drainEpoch;
-    s._runs = 1;
-    return false;
-  }
-  s._runs = (s._runs ?? 0) + 1;
-  return s._runs > maxSubscriberRepeats;
-}
-function cycleError(sub) {
-  const name = sub.__name ?? "<unnamed>";
-  reportError(
-    new Error(
-      `subscriber "${name}" fired more than ${maxSubscriberRepeats} times \u2014 likely a write-reads-self cycle between effects/signals. This subscriber is quarantined for the rest of this update; other pending work still runs.`
-    ),
-    { phase: "scheduler", name }
-  );
-}
-function absoluteDrainError() {
-  reportError(
-    new Error(
-      `Notification drain exceeded ${maxDrainIterations} iterations \u2014 absolute safety net tripped. Breaking to prevent infinite loop.`
-    ),
-    { phase: "scheduler" }
-  );
 }
-function drainQueue() {
-  let i = 0;
-  while (i < pendingQueue.length) {
-    if (i >= maxDrainIterations) {
-      absoluteDrainError();
-      break;
-    }
-    const sub = pendingQueue[i++];
-    pendingSet.delete(sub);
-    if (quarantined.size > 0 && quarantined.has(sub)) continue;
-    if (sub._hasComputedDep === true && !depsChanged(sub)) continue;
-    if (tickRepeat(sub)) {
-      cycleError(sub);
-      quarantined.add(sub);
-      continue;
+function createCypressAdapter() {
+  return {
+    /** Mount a component for Cypress component testing */
+    mount(component, options) {
+      const ownsContainer = !options?.container;
+      const container = options?.container || document.createElement("div");
+      if (ownsContainer) {
+        container.setAttribute("data-testenv", "cypress");
+        document.body.appendChild(container);
+      }
+      const element = typeof component === "function" ? component() : component;
+      container.appendChild(element);
+      let unmounted = false;
+      const unmount = () => {
+        if (unmounted) return;
+        unmounted = true;
+        dispose(element);
+        element.parentNode?.removeChild(element);
+        if (ownsContainer) container.parentNode?.removeChild(container);
+      };
+      return { element, container, unmount };
+    },
+    /** Generate Cypress custom commands for SibuJS */
+    commands: {
+      /** Find by data-testid */
+      getByTestId: (id) => `[data-testid="${escapeAttrValue(id)}"]`,
+      /** Find by text */
+      getByText: (text) => `:contains("${escapeAttrValue(text)}")`,
+      /** Find by role */
+      getByRole: (role) => `[role="${escapeAttrValue(role)}"]`
     }
-    safeInvoke(sub);
-  }
+  };
 }
-function drainNotificationQueue() {
-  if (notifyDepth > 0) return;
-  notifyDepth++;
-  drainEpoch++;
-  try {
-    drainQueue();
-  } finally {
-    notifyDepth--;
-    if (notifyDepth === 0) {
-      pendingQueue.length = 0;
-      pendingSet.clear();
-      if (quarantined.size > 0) quarantined.clear();
+function createPlaywrightAdapter() {
+  return {
+    /** Selectors for common SibuJS patterns */
+    selectors: {
+      byTestId: (id) => `[data-testid="${escapeAttrValue(id)}"]`,
+      byRole: (role) => `[role="${escapeAttrValue(role)}"]`,
+      byAriaLabel: (label) => `[aria-label="${escapeAttrValue(label)}"]`,
+      byDataAttr: (attr, value) => value ? `[data-${attr}="${escapeAttrValue(value)}"]` : `[data-${attr}]`
+    },
+    /** Generate a page object for a SibuJS component */
+    createPageObject(name, selectors) {
+      const selectorMap = { ...selectors };
+      return {
+        name,
+        getSelector(key) {
+          const selector = selectorMap[key];
+          if (!selector) {
+            throw new Error(
+              `Page object "${name}" has no selector for key "${key}". Available keys: ${Object.keys(selectorMap).join(", ")}`
+            );
+          }
+          return selector;
+        },
+        allSelectors() {
+          return { ...selectorMap };
+        }
+      };
     }
-  }
+  };
 }
-function propagateDirty(sub) {
-  sub();
-  const rootSig = sub._sig;
-  if (!rootSig) return;
-  const stack = propagateStack;
-  const baseLen = stack.length;
-  stack.push(rootSig);
-  while (stack.length > baseLen) {
-    const sig = stack.pop();
-    let node = sig.subsHead ?? null;
-    while (node) {
-      const s = node.sub;
-      if (s) {
-        if (s._c) {
-          const nSig = s._sig;
-          if (nSig) {
-            if (!nSig._d) {
-              nSig._d = true;
-              stack.push(nSig);
+function createUniversalAdapter() {
+  let container = null;
+  return {
+    /** Setup test environment */
+    setup() {
+      container = document.createElement("div");
+      container.setAttribute("data-testenv", "universal");
+      document.body.appendChild(container);
+      return container;
+    },
+    /** Teardown test environment */
+    teardown() {
+      if (container) {
+        replaceChildrenSafely(container);
+        if (container.parentNode) {
+          container.parentNode.removeChild(container);
+        }
+        container = null;
+      }
+    },
+    /** Render component */
+    render(component) {
+      if (!container) {
+        container = document.createElement("div");
+        container.setAttribute("data-testenv", "universal");
+        document.body.appendChild(container);
+      }
+      const element = typeof component === "function" ? component() : component;
+      container.appendChild(element);
+      return { element, container };
+    },
+    /** Query helpers */
+    queries: {
+      byTestId(container2, id) {
+        return queryByAttribute(container2, "data-testid", id);
+      },
+      byRole(container2, role) {
+        return queryByAttribute(container2, "role", role);
+      },
+      byText(container2, text) {
+        const walker = document.createTreeWalker(container2, NodeFilter.SHOW_TEXT);
+        while (walker.nextNode()) {
+          if (walker.currentNode.textContent?.includes(text)) {
+            return walker.currentNode.parentElement;
+          }
+        }
+        return null;
+      },
+      byLabelText(container2, label) {
+        const labels = container2.querySelectorAll("label");
+        for (const labelEl of Array.from(labels)) {
+          if (labelEl.textContent?.includes(label)) {
+            const forAttr = labelEl.getAttribute("for");
+            if (forAttr) {
+              return queryByAttribute(container2, "id", forAttr);
             }
-          } else {
-            s();
+            const nested = labelEl.querySelector("input, select, textarea");
+            if (nested) return nested;
           }
-        } else if (!pendingSet.has(s)) {
-          pendingSet.add(s);
-          pendingQueue.push(s);
         }
+        return queryByAttribute(container2, "aria-label", label);
+      },
+      allByRole(container2, role) {
+        return queryAllByAttribute(container2, "role", role);
       }
-      node = node.sigNext;
-    }
-  }
-}
-function queueSignalNotification(signal) {
-  const sig = signal;
-  let node = sig.subsHead ?? null;
-  while (node) {
-    const s = node.sub;
-    if (s) {
-      if (s._c) {
-        propagateDirty(s);
-      } else if (!pendingSet.has(s)) {
-        pendingSet.add(s);
-        pendingQueue.push(s);
-      }
-    }
-    node = node.sigNext;
-  }
-}
-function notifySubscribers(signal) {
-  const sig = signal;
-  const head = sig.subsHead;
-  if (!head) return;
-  if (notifyDepth > 0) {
-    let node = head;
-    while (node) {
-      const s = node.sub;
-      if (s) {
-        if (s._c) {
-          propagateDirty(s);
-        } else if (!pendingSet.has(s)) {
-          pendingSet.add(s);
-          pendingQueue.push(s);
+    },
+    /** Assertion helpers */
+    assert: {
+      textContent(el, expected) {
+        const actual = el.textContent || "";
+        if (!actual.includes(expected)) {
+          throw new Error(`Expected text content to include "${expected}", but got "${actual}"`);
         }
-      }
-      node = node.sigNext;
-    }
-    return;
-  }
-  notifyDepth++;
-  drainEpoch++;
-  try {
-    let node = head;
-    while (node) {
-      const s = node.sub;
-      if (s) {
-        if (s._c) {
-          propagateDirty(s);
-        } else if (!pendingSet.has(s)) {
-          pendingSet.add(s);
-          pendingQueue.push(s);
+      },
+      attribute(el, attr, value) {
+        if (!el.hasAttribute(attr)) {
+          throw new Error(`Expected element to have attribute "${attr}", but it does not`);
+        }
+        if (value !== void 0) {
+          const actual = el.getAttribute(attr);
+          if (actual !== value) {
+            throw new Error(`Expected attribute "${attr}" to be "${value}", but got "${actual}"`);
+          }
+        }
+      },
+      visible(el) {
+        const htmlEl = el;
+        const reasons = [];
+        if (el.hasAttribute("hidden")) reasons.push('has "hidden" attribute');
+        if (htmlEl.style?.display === "none") reasons.push("has display:none");
+        if (htmlEl.style?.visibility === "hidden") reasons.push("has visibility:hidden");
+        if (reasons.length > 0) {
+          throw new Error(`Expected element to be visible, but it ${reasons.join(" and ")}`);
+        }
+      },
+      disabled(el) {
+        const isDisabled = el.disabled === true || el.hasAttribute("disabled") || el.getAttribute("aria-disabled") === "true";
+        if (!isDisabled) {
+          throw new Error("Expected element to be disabled, but it is not");
+        }
+      },
+      className(el, name) {
+        if (!el.classList.contains(name)) {
+          throw new Error(`Expected element to have class "${name}", but it has "${el.className}"`);
         }
       }
-      node = node.sigNext;
-    }
-    drainQueue();
-  } finally {
-    notifyDepth--;
-    if (notifyDepth === 0) {
-      pendingQueue.length = 0;
-      pendingSet.clear();
-      if (quarantined.size > 0) quarantined.clear();
     }
-  }
-}
-function getSubscriberCount(signal) {
-  return signal.__sc ?? 0;
+  };
 }
-function getSubscriberDeps(subscriber) {
-  const sub = subscriber;
-  const out = [];
-  let node = sub.depsHead ?? null;
-  while (node) {
-    if (node.sig) out.push(node.sig);
-    node = node.subNext;
-  }
-  return out;
+
+// src/testing/serializeDom.ts
+function escapeSnapshotText(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-function forEachSubscriber(signal, visit) {
-  let node = signal.subsHead ?? null;
-  while (node) {
-    const s = node.sub;
-    if (s) visit(s);
-    node = node.sigNext;
-  }
+function escapeSnapshotAttribute(value) {
+  return escapeSnapshotText(value).replace(/"/g, "&quot;");
 }
-
-// src/reactivity/track.ts
-var _runtimeVersion = true ? "4.4.0" : "dev";
-var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
-function resolveReactiveApi() {
-  const g = globalThis;
-  const existing = g[REGISTRY_KEY];
-  if (existing) {
-    if (DEV && !existing.__dupWarned) {
-      existing.__dupWarned = true;
-      devWarn(
-        `Multiple instances of the reactive runtime detected on this page (active: ${existing.version}, duplicate: ${_runtimeVersion}). Reactivity is NOT broken and no bundler configuration is required: every copy routes through the first one via a global registry, so signal writes still reach subscribers registered by any copy. This is only a SIZE issue \u2014 the duplicate copy's bytes are downloaded and parsed for nothing. If you want them back, de-duplicate sibujs in your bundler (Vite: resolve.dedupe: ['sibujs']). Mismatched VERSIONS above are worth fixing regardless, since only the first one loaded is used.`
-      );
-    }
-    return existing;
-  }
-  const local = {
-    suspendTracking,
-    resumeTracking,
-    isTrackingSuspended,
-    untracked,
-    retrack,
-    track,
-    reactiveBinding,
-    recordDependency,
-    cleanup,
-    setMaxSubscriberRepeats,
-    setMaxDrainIterations,
-    drainNotificationQueue,
-    queueSignalNotification,
-    notifySubscribers,
-    getSubscriberCount,
-    getSubscriberDeps,
-    forEachSubscriber,
-    version: _runtimeVersion
-  };
-  g[REGISTRY_KEY] = local;
-  return local;
+function escapeSnapshotComment(value) {
+  return escapeSnapshotText(value).replace(/-/g, "&#45;");
 }
-var API = resolveReactiveApi();
-var suspendTracking2 = API.suspendTracking;
-var resumeTracking2 = API.resumeTracking;
-var isTrackingSuspended2 = API.isTrackingSuspended;
-var untracked2 = API.untracked;
-var retrack2 = API.retrack;
-var track2 = API.track;
-var reactiveBinding2 = API.reactiveBinding;
-var recordDependency2 = API.recordDependency;
-var cleanup2 = API.cleanup;
-var setMaxSubscriberRepeats2 = API.setMaxSubscriberRepeats;
-var setMaxDrainIterations2 = API.setMaxDrainIterations;
-var drainNotificationQueue2 = API.drainNotificationQueue;
-var queueSignalNotification2 = API.queueSignalNotification;
-var notifySubscribers2 = API.notifySubscribers;
-var getSubscriberCount2 = API.getSubscriberCount;
-var getSubscriberDeps2 = API.getSubscriberDeps;
-var forEachSubscriber2 = API.forEachSubscriber;
-
-// src/core/ssr-context.ts
-var SSR_KEY = /* @__PURE__ */ Symbol.for("sibujs.ssr.v1");
-function detectSSRShared() {
-  let detected = null;
-  try {
-    if (typeof process !== "undefined" && process.versions && process.versions.node) {
-      let mod = null;
-      const getBuiltin = process.getBuiltinModule;
-      if (typeof getBuiltin === "function") {
-        mod = getBuiltin("node:async_hooks");
-      } else if (typeof require === "function") {
-        mod = require("async_hooks");
-      }
-      if (mod) detected = new mod.AsyncLocalStorage();
-    }
-  } catch {
-    detected = null;
+function serializeDom(el, indent = 0, options = {}) {
+  const pad = "  ".repeat(indent);
+  const tag = el.tagName.toLowerCase();
+  const attrs = Array.from(el.attributes).sort((a, b) => a.name < b.name ? -1 : a.name > b.name ? 1 : 0).map((a) => `${a.name}="${escapeSnapshotAttribute(a.value)}"`).join(" ");
+  const open = attrs ? `${pad}<${tag} ${attrs}>` : `${pad}<${tag}>`;
+  const children = Array.from(el.childNodes);
+  if (children.length === 0) {
+    return `${open}</${tag}>`;
   }
-  return {
-    als: detected,
-    fallbackStore: { ssr: false, suspenseIdCounter: 0, locale: void 0 },
-    fallbackDepth: 0
-  };
-}
-var _shared = globalThis[SSR_KEY] ?? (globalThis[SSR_KEY] = detectSSRShared());
-var als = _shared.als;
-var fallbackStore = _shared.fallbackStore;
-_shared.fallbackDepth ?? (_shared.fallbackDepth = 0);
-function getSSRStore() {
-  if (als) {
-    const s = als.getStore();
-    if (s) return s;
+  if (children.length === 1 && children[0].nodeType === 3) {
+    return `${open}${escapeSnapshotText(children[0].textContent?.trim() || "")}</${tag}>`;
   }
-  return fallbackStore;
-}
-function isSSR() {
-  return getSSRStore().ssr;
+  const childPad = "  ".repeat(indent + 1);
+  const childStr = children.map((child) => {
+    if (child.nodeType === 3) {
+      const text = child.textContent?.trim();
+      return text ? `${childPad}${escapeSnapshotText(text)}` : "";
+    }
+    if (child.nodeType === 1) {
+      return serializeDom(child, indent + 1, options);
+    }
+    if (child.nodeType === 8 && options.comments) {
+      return `${childPad}<!-- ${escapeSnapshotComment(child.textContent?.trim() || "")} -->`;
+    }
+    return "";
+  }).filter(Boolean).join("\n");
+  return `${open}
+${childStr}
+${pad}</${tag}>`;
 }
 
-// src/core/signals/effect.ts
-var _g = globalThis;
-var MAX_RERUNS = 100;
-function flushUserCleanups(ctx) {
-  const list = ctx.userCleanups;
-  if (list.length === 0) return;
-  ctx.userCleanups = [];
-  for (let i = list.length - 1; i >= 0; i--) {
+// src/testing/e2e.ts
+function createHttpMock(routes = [], options = {}) {
+  const originalFetch = globalThis.fetch;
+  const hadOriginalFetch = Object.hasOwn(globalThis, "fetch");
+  const requestLog = [];
+  const mockRoutes = [...routes];
+  function matchesStringRoute(route, url) {
+    if (url === route) return true;
+    let target;
     try {
-      list[i]();
-    } catch (err) {
-      reportError(err, { phase: "cleanup" });
+      target = new URL(url, "http://localhost");
+    } catch {
+      return false;
+    }
+    if (/^[a-z][a-z\d+.-]*:/i.test(route)) {
+      return `${target.origin}${target.pathname}${target.search}` === route || target.href === route;
     }
+    const hashIndex = route.indexOf("#");
+    const bare = hashIndex === -1 ? route : route.slice(0, hashIndex);
+    return bare.includes("?") ? `${target.pathname}${target.search}` === bare : target.pathname === bare;
   }
-}
-function drainReruns(ctx) {
-  let reruns = 1;
-  do {
-    ctx.rerunPending = false;
-    if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
-    retrack2(ctx.bodyFn, ctx.subscriber);
-  } while (ctx.rerunPending && ++reruns <= MAX_RERUNS);
-  if (ctx.rerunPending) {
-    ctx.rerunPending = false;
-    reportError(
-      new Error(
-        `effect re-requested itself ${MAX_RERUNS}+ times \u2014 likely a write-reads-self cycle. Breaking to prevent infinite loop.`
-      ),
-      { phase: "effect" }
-    );
+  function matchRoute(url, method) {
+    return mockRoutes.find((route) => {
+      const methodMatch = !route.method || route.method.toUpperCase() === method.toUpperCase();
+      if (!methodMatch) return false;
+      if (typeof route.url === "string") return matchesStringRoute(route.url, url);
+      route.url.lastIndex = 0;
+      return route.url.test(url);
+    });
   }
-}
-function disposeEffect(ctx) {
-  if (ctx.disposed) return;
-  ctx.disposed = true;
-  const h = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-  if (h) {
+  const abortError = (signal) => signal.reason !== void 0 ? signal.reason : new DOMException("The operation was aborted.", "AbortError");
+  const isFormEncoded = (type2) => /^application\/x-www-form-urlencoded\b/i.test(type2);
+  const isTextLike = (type2) => /^text\/|[/+](?:json|xml|javascript)\b/i.test(type2);
+  const decodeText = (text, type2) => {
+    if (isFormEncoded(type2)) return new URLSearchParams(text);
     try {
-      h.emit("effect:destroy", { effectFn: ctx.fn });
+      return JSON.parse(text);
     } catch {
+      return text;
     }
-  }
-  try {
-    if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
-  } catch (err) {
-    if (typeof console !== "undefined") {
-      console.warn("[SibuJS effect] onCleanup threw during dispose:", err);
+  };
+  const httpBase = () => {
+    const href = globalThis.location?.href;
+    if (href) {
+      try {
+        if (/^https?:$/.test(new URL(href).protocol)) return href;
+      } catch {
+      }
     }
-  }
-  try {
-    cleanup2(ctx.subscriber);
-  } catch (err) {
-    if (typeof console !== "undefined") {
-      console.warn("[SibuJS effect] dispose threw:", err);
+    return "http://localhost";
+  };
+  const STRUCTURED_CONTENT_TYPE = {
+    FormData: () => "multipart/form-data",
+    URLSearchParams: () => "application/x-www-form-urlencoded;charset=UTF-8",
+    Blob: (raw) => raw.type || null,
+    File: (raw) => raw.type || null
+  };
+  const AUTO_TEXT_TYPE = /^text\/plain;charset=utf-8$/i;
+  const structuredTag = (raw) => {
+    if (raw === null || typeof raw !== "object") return null;
+    const tag = Object.prototype.toString.call(raw).slice(8, -1);
+    return Object.hasOwn(STRUCTURED_CONTENT_TYPE, tag) ? tag : null;
+  };
+  const unusableBody = async (raw, tag) => {
+    let probe;
+    try {
+      probe = new Request("http://localhost/", { method: "POST", body: raw });
+    } catch {
+      return true;
     }
-  }
-}
-function effect(effectFn, options) {
-  devAssert(typeof effectFn === "function", "effect: argument must be a function.");
-  if (isSSR()) return () => {
+    if (!AUTO_TEXT_TYPE.test(probe.headers.get("content-type") ?? "")) return false;
+    return tag === "URLSearchParams" || await probe.text() === String(raw);
   };
-  const ctx = {
-    fn: effectFn,
-    onError: options?.onError,
-    userCleanups: [],
-    running: false,
-    rerunPending: false,
-    disposed: false,
-    onCleanup: null,
-    subscriber: null,
-    bodyFn: null
+  const toEffectiveRequest = (input, request, init, method, rawBody, omitBody) => {
+    const overrides = {};
+    const headers = init?.headers;
+    if (method !== void 0) overrides.method = method;
+    if (headers !== void 0) overrides.headers = headers;
+    if (rawBody != null && !omitBody) {
+      overrides.body = rawBody;
+      if (typeof ReadableStream !== "undefined" && rawBody instanceof ReadableStream) overrides.duplex = "half";
+    }
+    if (request) return new Request(request.clone(), overrides);
+    const raw = input instanceof URL ? input.href : input;
+    const href = new URL(raw, httpBase()).href;
+    return new Request(href, overrides);
   };
-  ctx.onCleanup = (fn) => {
-    ctx.userCleanups.push(fn);
+  const decodeBody = async (effective) => {
+    if (effective.body === null) return void 0;
+    const type2 = effective.headers.get("content-type") ?? "";
+    if (/^multipart\/form-data\b/i.test(type2)) return effective.formData();
+    if (isTextLike(type2) || isFormEncoded(type2)) return decodeText(await effective.text(), type2);
+    return effective.blob();
   };
-  const onErrorCaptured = ctx.onError;
-  ctx.bodyFn = onErrorCaptured ? () => {
+  const mockFetch = async (input, init) => {
+    const request = typeof Request !== "undefined" && input instanceof Request ? input : void 0;
+    const url = typeof input === "string" ? input : input instanceof URL ? input.toString() : input.url;
+    const initSignal = init?.signal;
+    const signal = initSignal === null ? void 0 : initSignal ?? request?.signal;
+    if (signal?.aborted) throw abortError(signal);
+    const rawBody = init?.body;
+    const initMethod = init?.method;
+    const tag = structuredTag(rawBody);
+    const passThrough = tag !== null && await unusableBody(rawBody, tag);
+    if (passThrough) {
+      const intended = (initMethod ?? request?.method ?? "GET").toUpperCase();
+      if (intended === "GET" || intended === "HEAD") {
+        throw new TypeError(`Request with ${intended} method cannot have body.`);
+      }
+    }
+    const effective = toEffectiveRequest(input, request, init, initMethod, rawBody, passThrough);
+    const method = effective.method.toUpperCase();
+    let headers = effective.headers;
+    let body;
+    if (passThrough && tag) {
+      body = rawBody;
+      if (!headers.has("content-type")) {
+        const type2 = STRUCTURED_CONTENT_TYPE[tag](rawBody);
+        if (type2) {
+          headers = new Headers(headers);
+          headers.set("content-type", type2);
+        }
+      }
+    } else {
+      body = await decodeBody(effective);
+    }
+    if (signal?.aborted) throw abortError(signal);
+    requestLog.push({ url, method, body, timestamp: Date.now() });
+    const route = matchRoute(url, method);
+    if (!route) {
+      return new Response(JSON.stringify({ error: "Not mocked" }), { status: 404 });
+    }
+    const abortable = (work) => {
+      if (!signal) return work;
+      if (signal.aborted) return Promise.reject(abortError(signal));
+      return new Promise((resolve, reject) => {
+        const onAbort = () => reject(abortError(signal));
+        signal.addEventListener("abort", onAbort, { once: true });
+        work.then(
+          (value) => {
+            signal.removeEventListener("abort", onAbort);
+            resolve(value);
+          },
+          (err) => {
+            signal.removeEventListener("abort", onAbort);
+            reject(err);
+          }
+        );
+      });
+    };
+    let mockResponse;
     try {
-      ctx.fn(ctx.onCleanup);
+      if (typeof route.response === "function") {
+        const handler = route.response;
+        mockResponse = await abortable(Promise.resolve().then(() => handler({ url, method, body, headers })));
+      } else {
+        mockResponse = route.response;
+      }
     } catch (err) {
-      onErrorCaptured(err);
+      if (signal?.aborted) throw abortError(signal);
+      return new Response(JSON.stringify({ error: String(err) }), { status: 500 });
+    }
+    if (mockResponse.delay) {
+      let timer;
+      try {
+        await abortable(
+          new Promise((r) => {
+            timer = setTimeout(r, mockResponse.delay);
+          })
+        );
+      } finally {
+        clearTimeout(timer);
+      }
+    }
+    return new Response(typeof mockResponse.body === "string" ? mockResponse.body : JSON.stringify(mockResponse.body), {
+      status: mockResponse.status || 200,
+      statusText: mockResponse.statusText || "OK",
+      headers: mockResponse.headers
+    });
+  };
+  const restore = () => {
+    if (hadOriginalFetch) {
+      globalThis.fetch = originalFetch;
+    } else {
+      delete globalThis.fetch;
+    }
+  };
+  const api = {
+    /** Install the mock (replace global fetch) */
+    install() {
+      globalThis.fetch = mockFetch;
+    },
+    /** Restore original fetch */
+    restore,
+    /** Add a mock route */
+    addRoute(route) {
+      mockRoutes.push(route);
+    },
+    /** Remove all mock routes */
+    clearRoutes() {
+      mockRoutes.length = 0;
+    },
+    /** Get the request log */
+    getRequests() {
+      return [...requestLog];
+    },
+    /** Clear the request log */
+    clearLog() {
+      requestLog.length = 0;
+    },
+    /** Assert that a URL was called */
+    assertCalled(url, method = "GET") {
+      const found = requestLog.some((r) => r.url.includes(url) && r.method.toUpperCase() === method.toUpperCase());
+      if (!found) throw new Error(`Expected ${method} ${url} to have been called`);
+    },
+    /** Assert that a URL was NOT called */
+    assertNotCalled(url, method = "GET") {
+      const found = requestLog.some((r) => r.url.includes(url) && r.method.toUpperCase() === method.toUpperCase());
+      if (found) throw new Error(`Expected ${method} ${url} to NOT have been called`);
+    },
+    /** Get number of times a URL was called */
+    callCount(url, method = "GET") {
+      return requestLog.filter((r) => r.url.includes(url) && r.method.toUpperCase() === method.toUpperCase()).length;
+    }
+  };
+  if (typeof options.afterEach === "function") {
+    options.afterEach(() => api.restore());
+  }
+  return api;
+}
+var MIN_INTERVAL_MS = 1;
+function normalizeIntervalDelay(delay) {
+  return Number.isFinite(delay) && delay >= MIN_INTERVAL_MS ? delay : MIN_INTERVAL_MS;
+}
+function createTimerMock(options = {}) {
+  const g = globalThis;
+  const snapshot = (key) => ({
+    had: Object.hasOwn(globalThis, key),
+    value: g[key]
+  });
+  const saved = {
+    setTimeout: snapshot("setTimeout"),
+    setInterval: snapshot("setInterval"),
+    clearTimeout: snapshot("clearTimeout"),
+    clearInterval: snapshot("clearInterval"),
+    requestAnimationFrame: snapshot("requestAnimationFrame"),
+    cancelAnimationFrame: snapshot("cancelAnimationFrame")
+  };
+  let currentTime = 0;
+  let nextId = 1;
+  const timers = [];
+  const api = {
+    install() {
+      currentTime = 0;
+      globalThis.setTimeout = (cb, delay = 0) => {
+        const id = nextId++;
+        timers.push({ id, callback: cb, time: currentTime + delay });
+        return id;
+      };
+      globalThis.setInterval = (cb, interval) => {
+        const id = nextId++;
+        const period = normalizeIntervalDelay(interval);
+        timers.push({ id, callback: cb, time: currentTime + period, interval: period });
+        return id;
+      };
+      globalThis.clearTimeout = (id) => {
+        const idx = timers.findIndex((t) => t.id === id);
+        if (idx !== -1) timers.splice(idx, 1);
+      };
+      globalThis.clearInterval = (id) => {
+        const idx = timers.findIndex((t) => t.id === id);
+        if (idx !== -1) timers.splice(idx, 1);
+      };
+      globalThis.requestAnimationFrame = (cb) => {
+        const id = nextId++;
+        timers.push({ id, callback: () => cb(currentTime), time: currentTime + 16 });
+        return id;
+      };
+      globalThis.cancelAnimationFrame = (id) => {
+        const idx = timers.findIndex((t) => t.id === id);
+        if (idx !== -1) timers.splice(idx, 1);
+      };
+    },
+    restore() {
+      for (const [key, snap] of Object.entries(saved)) {
+        if (snap.had) {
+          g[key] = snap.value;
+        } else {
+          delete g[key];
+        }
+      }
+      timers.length = 0;
+    },
+    /** Advance time by a given number of ms, running any timers that fire */
+    advance(ms) {
+      const targetTime = currentTime + ms;
+      while (true) {
+        timers.sort((a, b) => a.time - b.time);
+        const next = timers.find((t) => t.time <= targetTime);
+        if (!next) break;
+        currentTime = next.time;
+        const idx = timers.indexOf(next);
+        if (next.interval !== void 0) {
+          next.time += next.interval;
+        } else {
+          timers.splice(idx, 1);
+        }
+        next.callback();
+      }
+      currentTime = targetTime;
+    },
+    /** Run all pending timers immediately */
+    flush() {
+      const maxIterations = 1e3;
+      let i = 0;
+      while (timers.length > 0 && i++ < maxIterations) {
+        timers.sort((a, b) => a.time - b.time);
+        const next = timers[0];
+        currentTime = next.time;
+        if (next.interval !== void 0) {
+          next.time += next.interval;
+        } else {
+          timers.shift();
+        }
+        next.callback();
+      }
+      if (timers.length > 0 && i > maxIterations) {
+        reportError(
+          new Error(
+            `[createTimerMock] flush() stopped after ${maxIterations} timer runs with ${timers.length} still pending \u2014 likely a recurring interval.`
+          ),
+          { phase: "scheduler", name: "createTimerMock.flush" }
+        );
+      }
+    },
+    /** Get current fake time */
+    now() {
+      return currentTime;
+    },
+    /** Get number of pending timers */
+    pendingCount() {
+      return timers.length;
     }
-  } : () => {
-    ctx.fn(ctx.onCleanup);
   };
-  const sub = (() => {
-    if (ctx.disposed) return;
-    if (ctx.running) {
-      ctx.rerunPending = true;
-      return;
-    }
-    ctx.running = true;
-    try {
-      ctx.rerunPending = false;
-      if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
-      retrack2(ctx.bodyFn, sub);
-      if (ctx.rerunPending) drainReruns(ctx);
-    } finally {
-      ctx.running = false;
-      ctx.rerunPending = false;
-    }
-  });
-  sub.depsHead = null;
-  sub.depsTail = null;
-  sub._epoch = 0;
-  sub._structDirty = false;
-  sub._hasComputedDep = false;
-  sub._errorPhase = "effect";
-  sub._runEpoch = 0;
-  sub._runs = 0;
-  ctx.subscriber = sub;
-  ctx.running = true;
-  try {
-    retrack2(ctx.bodyFn, ctx.subscriber);
-    if (ctx.rerunPending) drainReruns(ctx);
-  } finally {
-    ctx.running = false;
-    ctx.rerunPending = false;
+  if (typeof options.afterEach === "function") {
+    options.afterEach(() => api.restore());
   }
-  const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook) hook.emit("effect:create", { effectFn });
-  return () => disposeEffect(ctx);
-}
-
-// src/testing/queries.ts
-function queryByText(container, text) {
-  const walk = (node) => {
-    if (node.childNodes.length === 1 && node.childNodes[0].nodeType === 3) {
-      if (node.textContent?.includes(text)) return node;
-    }
-    for (const child of Array.from(node.children)) {
-      const found = walk(child);
-      if (found) return found;
-    }
-    return null;
-  };
-  return walk(container);
-}
-function queryByTestId(container, testId) {
-  return container.querySelector(`[data-testid="${testId}"]`);
-}
-function queryByRole(container, role) {
-  return container.querySelector(`[role="${role}"]`);
+  return api;
 }
-function cssEscape(value) {
-  const g = globalThis;
-  if (g.CSS && typeof g.CSS.escape === "function") return g.CSS.escape(value);
-  return value.replace(/[^\w-]/g, (m) => `\\${m.charCodeAt(0).toString(16)} `);
+function createDOMSnapshot(element) {
+  return serializeDom(element);
 }
-function queryByLabel(container, labelText) {
-  const labels = Array.from(container.querySelectorAll("label"));
-  for (const label of labels) {
-    if (label.textContent?.trim() === labelText) {
-      const forId = label.getAttribute("for");
-      if (forId) {
-        const target = container.querySelector(`#${cssEscape(forId)}`);
-        if (target) return target;
-      }
-      const child = label.querySelector("input, select, textarea, button");
-      if (child) return child;
-    }
+function assertDOMEquals(actual, expected) {
+  const actualSnapshot = createDOMSnapshot(actual);
+  const expectedSnapshot = createDOMSnapshot(expected);
+  if (actualSnapshot !== expectedSnapshot) {
+    throw new Error(`DOM mismatch:
+
+Actual:
+${actualSnapshot}
+
+Expected:
+${expectedSnapshot}`);
   }
-  return container.querySelector(`[aria-label="${labelText}"]`);
-}
-async function pollUntil(fn, timeout, interval, errorIfTimeout) {
-  const start = Date.now();
-  return new Promise((resolve, reject) => {
-    const check = () => {
-      const result = fn();
-      if (result !== null) {
-        resolve(result);
-        return;
-      }
-      if (Date.now() - start >= timeout) {
-        reject(new Error(errorIfTimeout));
-        return;
-      }
-      setTimeout(check, interval);
-    };
-    check();
-  });
-}
-function findByText(container, text, options = {}) {
-  return pollUntil(
-    () => queryByText(container, text),
-    options.timeout ?? 1e3,
-    options.interval ?? 50,
-    `findByText: no element with text "${text}" after ${options.timeout ?? 1e3}ms`
-  );
-}
-function findByTestId(container, testId, options = {}) {
-  return pollUntil(
-    () => queryByTestId(container, testId),
-    options.timeout ?? 1e3,
-    options.interval ?? 50,
-    `findByTestId: no element with data-testid="${testId}" after ${options.timeout ?? 1e3}ms`
-  );
-}
-function findByRole(container, role, options = {}) {
-  return pollUntil(
-    () => queryByRole(container, role),
-    options.timeout ?? 1e3,
-    options.interval ?? 50,
-    `findByRole: no element with role="${role}" after ${options.timeout ?? 1e3}ms`
-  );
 }
-function waitForSignal(getter, predicate, options = {}) {
-  const timeoutMs = options.timeout ?? 1e3;
-  return new Promise((resolve, reject) => {
-    let resolved = false;
-    let timer;
-    const finish = (fn) => {
-      if (resolved) return;
-      resolved = true;
-      if (timer !== void 0) clearTimeout(timer);
-      fn();
-    };
-    timer = setTimeout(() => {
-      finish(() => {
-        teardown();
-        reject(new Error(`waitForSignal: predicate did not match within ${timeoutMs}ms`));
-      });
-    }, timeoutMs);
-    const teardown = effect(() => {
-      if (resolved) return;
-      const value = getter();
-      if (predicate(value)) {
-        finish(() => {
-          queueMicrotask(() => teardown());
-          resolve(value);
-        });
+function testComponent(component, options = {}) {
+  const container = options.container || document.createElement("div");
+  if (!options.container) document.body.appendChild(container);
+  const element = typeof component === "function" ? component() : component;
+  container.appendChild(element);
+  return {
+    element,
+    container,
+    getByTestId(id) {
+      return queryByAttribute(container, "data-testid", id);
+    },
+    getAllByTestId(id) {
+      return queryAllByAttribute(container, "data-testid", id);
+    },
+    getByText(text) {
+      const walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT);
+      while (walker.nextNode()) {
+        if (walker.currentNode.textContent?.includes(text)) {
+          return walker.currentNode.parentElement;
+        }
       }
-    });
-  });
-}
-function type(element, text) {
-  for (const char of text) {
-    element.value += char;
-    element.dispatchEvent(new InputEvent("input", { bubbles: true, data: char }));
-  }
-  element.dispatchEvent(new Event("change", { bubbles: true }));
+      return null;
+    },
+    click(el) {
+      el.dispatchEvent(new MouseEvent("click", { bubbles: true, cancelable: true }));
+    },
+    type(el, value) {
+      el.value = value;
+      el.dispatchEvent(new Event("input", { bubbles: true }));
+      el.dispatchEvent(new Event("change", { bubbles: true }));
+    },
+    async waitForUpdate() {
+      await new Promise((r) => setTimeout(r, 0));
+    },
+    destroy() {
+      replaceChildrenSafely(container);
+      if (container.parentNode) container.parentNode.removeChild(container);
+    }
+  };
 }
 
 // src/testing/snapshot.ts
-function serializeElement2(el, indent) {
-  const pad = "  ".repeat(indent);
-  const tag = el.tagName.toLowerCase();
-  const attrs = Array.from(el.attributes).sort((a, b) => a.name.localeCompare(b.name)).map((a) => `${a.name}="${a.value}"`).join(" ");
-  const open = attrs ? `${pad}<${tag} ${attrs}>` : `${pad}<${tag}>`;
-  const children = Array.from(el.childNodes);
-  if (children.length === 0) {
-    return `${open}</${tag}>`;
-  }
-  if (children.length === 1 && children[0].nodeType === 3) {
-    const text = children[0].textContent?.trim() || "";
-    return `${open}${text}</${tag}>`;
-  }
-  const childStr = children.map((child) => {
-    if (child.nodeType === 3) {
-      const text = child.textContent?.trim();
-      return text ? `${"  ".repeat(indent + 1)}${text}` : "";
-    }
-    if (child.nodeType === 1) {
-      return serializeElement2(child, indent + 1);
-    }
-    if (child.nodeType === 8) {
-      return `${"  ".repeat(indent + 1)}<!-- ${child.textContent?.trim() || ""} -->`;
-    }
-    return "";
-  }).filter(Boolean).join("\n");
-  return `${open}
-${childStr}
-${pad}</${tag}>`;
+function serializeElement(el, indent) {
+  return serializeDom(el, indent, { comments: true });
 }
 function simpleDiff(a, b) {
   const aLines = a.split("\n");
@@ -2559,7 +2842,11 @@ function snapshotComponent(component) {
   const container = document.createElement("div");
   const element = component();
   container.appendChild(element);
-  return serializeElement2(element, 0);
+  try {
+    return serializeElement(element, 0);
+  } finally {
+    replaceChildrenSafely(container);
+  }
 }
 function matchSnapshot(store, name, component, options) {
   const snapshot = snapshotComponent(component);
@@ -2615,31 +2902,57 @@ function walkElements(root) {
   return elements;
 }
 function serializeStructure(el, indent) {
-  const pad = "  ".repeat(indent);
-  const tag = el.tagName.toLowerCase();
-  const attrs = Array.from(el.attributes).sort((a, b) => a.name.localeCompare(b.name)).map((a) => `${a.name}="${a.value}"`).join(" ");
-  const open = attrs ? `${pad}<${tag} ${attrs}>` : `${pad}<${tag}>`;
-  const children = Array.from(el.childNodes);
-  if (children.length === 0) {
-    return `${open}</${tag}>`;
-  }
-  if (children.length === 1 && children[0].nodeType === 3) {
-    const text = children[0].textContent?.trim() || "";
-    return `${open}${text}</${tag}>`;
-  }
-  const childStr = children.map((child) => {
-    if (child.nodeType === 3) {
-      const text = child.textContent?.trim();
-      return text ? `${"  ".repeat(indent + 1)}${text}` : "";
-    }
-    if (child.nodeType === 1) {
-      return serializeStructure(child, indent + 1);
+  return serializeDom(el, indent);
+}
+var APPEARANCE_PROPERTIES = [
+  "display",
+  "visibility",
+  "opacity",
+  "position",
+  "color",
+  "background-color",
+  "background-image",
+  "font-family",
+  "font-size",
+  "font-weight",
+  "font-style",
+  "line-height",
+  "text-align",
+  "text-decoration",
+  "text-transform",
+  "width",
+  "height",
+  "margin",
+  "padding",
+  "border",
+  "border-radius",
+  "box-shadow",
+  "transform",
+  "z-index",
+  "overflow",
+  "flex-direction",
+  "justify-content",
+  "align-items",
+  "gap"
+];
+function captureComputedStyles(elements) {
+  const view = elements[0]?.ownerDocument?.defaultView;
+  if (!view || typeof view.getComputedStyle !== "function") return [];
+  const counters = {};
+  return elements.map((el) => {
+    const tag = el.tagName.toLowerCase();
+    counters[tag] = (counters[tag] || 0) + 1;
+    let declarations = "";
+    try {
+      const style = view.getComputedStyle(el);
+      for (const property of APPEARANCE_PROPERTIES) {
+        const value = style.getPropertyValue(property);
+        if (value) declarations += `${property}:${value};`;
+      }
+    } catch {
     }
-    return "";
-  }).filter(Boolean).join("\n");
-  return `${open}
-${childStr}
-${pad}</${tag}>`;
+    return `${tag}[${counters[tag]}]: ${declarations}`;
+  });
 }
 function captureFingerprint(element) {
   const allElements = walkElements(element);
@@ -2677,14 +2990,16 @@ function captureFingerprint(element) {
       }
     }
   }
-  const composite = [
+  const computedStyles = captureComputedStyles(allElements);
+  const composite = JSON.stringify([
     structure,
     textContent,
-    JSON.stringify(elementCounts),
-    classNames.join(","),
-    inlineStyles.join(";"),
-    JSON.stringify(dataAttributes)
-  ].join("|");
+    elementCounts,
+    classNames,
+    inlineStyles,
+    dataAttributes,
+    computedStyles
+  ]);
   const hash = djb2Hash(composite);
   return {
     structure,
@@ -2693,6 +3008,7 @@ function captureFingerprint(element) {
     classNames,
     inlineStyles,
     dataAttributes,
+    computedStyles,
     hash
   };
 }
@@ -2767,6 +3083,20 @@ function compareFingerprints(baseline, current) {
       description: `Data attributes changed: ${dataChanges.join("; ")}`
     });
   }
+  const baselineComputed = baseline.computedStyles ?? [];
+  const currentComputed = current.computedStyles ?? [];
+  const computedChanges = [];
+  for (let i = 0; i < Math.max(baselineComputed.length, currentComputed.length); i++) {
+    if (baselineComputed[i] !== currentComputed[i]) {
+      computedChanges.push(currentComputed[i] ?? baselineComputed[i]);
+    }
+  }
+  if (computedChanges.length > 0) {
+    changes.push({
+      type: "computed",
+      description: `Computed styles changed on ${computedChanges.length} element(s): ${truncate(computedChanges.join(" | "), 200)}`
+    });
+  }
   return {
     match: changes.length === 0,
     changes
@@ -2806,11 +3136,6 @@ function truncate(str, maxLen) {
 }
 
 // src/testing/index.ts
-function escapeSelector(value) {
-  const g = globalThis;
-  if (g.CSS && typeof g.CSS.escape === "function") return g.CSS.escape(value);
-  return value.replace(/[^\w-]/g, (m) => `\\${m.charCodeAt(0).toString(16)} `);
-}
 var _renderedContainers = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.testing.containers.v1"), () => /* @__PURE__ */ new Set());
 function unmountAll() {
   for (const container of _renderedContainers) {
@@ -2839,10 +3164,10 @@ function render(component) {
     return walk(container);
   }
   function getByTestId(testId) {
-    return container.querySelector(`[data-testid="${escapeSelector(testId)}"]`);
+    return queryByAttribute(container, "data-testid", testId);
   }
   function getByRole(role) {
-    return container.querySelector(`[role="${role}"]`);
+    return queryByAttribute(container, "role", role);
   }
   function queryAll(selector) {
     return Array.from(container.querySelectorAll(selector));
@@ -2946,6 +3271,7 @@ function mockStore(initialState) {
   createTimerMock,
   createUniversalAdapter,
   createVisualSuite,
+  enableListenerTracking,
   findByRole,
   findByTestId,
   findByText,
@@ -2953,6 +3279,8 @@ function mockStore(initialState) {
   matchSnapshot,
   mockRouter,
   mockStore,
+  queryAllByAttribute,
+  queryByAttribute,
   queryByLabel,
   queryByRole,
   queryByTestId,