sibujs 3.2.2 → 3.3.1

package/dist/build.cjs

@@ -1207,7 +1207,7 @@ __export(index_exports, {
   registerComponent: () => registerComponent,
   registerDisposer: () => registerDisposer,
   resolveComponent: () => resolveComponent,
-  retrack: () => retrack,
+  retrack: () => retrack2,
   rp: () => rp,
   rt: () => rt,
   ruby: () => ruby,
@@ -1218,7 +1218,7 @@ __export(index_exports, {
   section: () => section,
   select: () => select,
   setGlobalErrorHandler: () => setGlobalErrorHandler,
-  setMaxDrainIterations: () => setMaxDrainIterations,
+  setMaxDrainIterations: () => setMaxDrainIterations2,
   show: () => show,
   signal: () => signal,
   slot: () => slot,
@@ -1250,7 +1250,7 @@ __export(index_exports, {
   time: () => time,
   title: () => title,
   tr: () => tr,
-  track: () => track2,
+  track: () => track3,
   transition: () => transition,
   trapFocus: () => trapFocus,
   trustHTML: () => trustHTML,
@@ -1258,7 +1258,7 @@ __export(index_exports, {
   u: () => u,
   ul: () => ul,
   unregisterComponent: () => unregisterComponent,
-  untracked: () => untracked,
+  untracked: () => untracked2,
   use: () => use,
   var_: () => var_,
   video: () => video,
@@ -1270,7 +1270,13 @@ __export(index_exports, {
 
 // src/core/dev.ts
 function isDev() {
-  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
+  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : (
+    // The bare `__SIBU_DEV__` is a bundler define that only exists in
+    // production builds; under the test runner it is always undefined, so
+    // this branch is unreachable here.
+    /* v8 ignore next 2 */
+    typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : typeof process !== "undefined" && process.env?.NODE_ENV !== "production"
+  );
 }
 var _isDev = isDev();
 function devAssert(condition, message) {
@@ -1327,7 +1333,9 @@ function sanitizeSrcset(value) {
   }
   return out.join(", ");
 }
+var CSS_DANGER_GATE = /[(:@\\]/;
 function sanitizeCSSValue(value) {
+  if (!CSS_DANGER_GATE.test(value)) return value;
   const decoded = value.replace(/\\([0-9a-fA-F]{1,6})\s?/g, (_m, hex) => {
     const code2 = Number.parseInt(hex, 16);
     if (!Number.isFinite(code2) || code2 < 0 || code2 > 1114111) return "";
@@ -1360,8 +1368,14 @@ var URL_ATTRIBUTES = /* @__PURE__ */ new Set([
 function isUrlAttribute(attr) {
   return URL_ATTRIBUTES.has(attr.toLowerCase());
 }
+function sanitizeAttributeString(attr, value) {
+  const lower = attr.toLowerCase();
+  if (lower === "srcset") return sanitizeSrcset(value);
+  if (URL_ATTRIBUTES.has(lower)) return sanitizeUrl(value);
+  return value;
+}
 
-// src/reactivity/track.ts
+// src/reactivity/track-core.ts
 var _isDev2 = isDev();
 var POOL_MAX = 4096;
 var nodePool = [];
@@ -1475,6 +1489,9 @@ function resumeTracking() {
     trackingSuspended = false;
   }
 }
+function isTrackingSuspended() {
+  return trackingSuspended;
+}
 function untracked(fn) {
   suspendTracking();
   try {
@@ -1592,6 +1609,11 @@ function cleanup(subscriber) {
 var maxSubscriberRepeats = 50;
 var maxDrainIterations = 1e6;
 var drainEpoch = 0;
+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);
@@ -1745,15 +1767,94 @@ function notifySubscribers(signal2) {
     }
   }
 }
+function getSubscriberCount(signal2) {
+  return signal2.__sc ?? 0;
+}
+function getSubscriberDeps(subscriber) {
+  const sub2 = subscriber;
+  const out = [];
+  let node = sub2.depsHead ?? null;
+  while (node) {
+    if (node.sig) out.push(node.sig);
+    node = node.subNext;
+  }
+  return out;
+}
+function forEachSubscriber(signal2, visit) {
+  let node = signal2.subsHead ?? null;
+  while (node) {
+    const s2 = node.sub;
+    if (s2) visit(s2);
+    node = node.sigNext;
+  }
+}
 
-// src/reactivity/bindAttribute.ts
+// src/reactivity/track.ts
 var _isDev3 = isDev();
+var _runtimeVersion = typeof __SIBU_VERSION__ !== "undefined" ? __SIBU_VERSION__ : "dev";
+var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
+function resolveReactiveApi() {
+  const g2 = globalThis;
+  const existing = g2[REGISTRY_KEY];
+  if (existing) {
+    if (_isDev3 && !existing.__dupWarned) {
+      existing.__dupWarned = true;
+      devWarn(
+        `Multiple instances of the reactive runtime detected on this page (active: ${existing.version}, duplicate: ${_runtimeVersion}). Reactivity still works \u2014 all copies share the first one \u2014 but de-duplicate sibujs in your bundler (e.g. Vite optimizeDeps.exclude: ['sibujs'] or resolve.dedupe: ['sibujs']).`
+      );
+    }
+    return existing;
+  }
+  const local = {
+    suspendTracking,
+    resumeTracking,
+    isTrackingSuspended,
+    untracked,
+    retrack,
+    track,
+    reactiveBinding,
+    recordDependency,
+    cleanup,
+    setMaxSubscriberRepeats,
+    setMaxDrainIterations,
+    drainNotificationQueue,
+    queueSignalNotification,
+    notifySubscribers,
+    getSubscriberCount,
+    getSubscriberDeps,
+    forEachSubscriber,
+    version: _runtimeVersion
+  };
+  g2[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/reactivity/bindAttribute.ts
+var _isDev4 = isDev();
 function setProp(el, key, val) {
   el[key] = val;
 }
 function bindAttribute(el, attr, getter) {
   if (isEventHandlerAttr(attr)) {
-    if (_isDev3)
+    if (_isDev4)
       devWarn(
         `bindAttribute: refusing to bind event-handler attribute "${attr}". Use on:{ ${attr.slice(2)}: fn } instead.`
       );
@@ -1765,7 +1866,7 @@ function bindAttribute(el, attr, getter) {
     try {
       value = getter();
     } catch (err) {
-      if (_isDev3)
+      if (_isDev4)
         devWarn(`bindAttribute: getter for "${attr}" threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
@@ -1783,10 +1884,10 @@ function bindAttribute(el, attr, getter) {
     if ((attr === "value" || attr === "checked") && attr in el) {
       setProp(el, attr, attr === "checked" ? Boolean(value) : str);
     } else {
-      el.setAttribute(attr, isUrlAttribute(attr) ? sanitizeUrl(str) : str);
+      el.setAttribute(attr, sanitizeAttributeString(attr, str));
     }
   }
-  return reactiveBinding(commit);
+  return reactiveBinding2(commit);
 }
 function bindDynamic(el, nameGetter, valueGetter) {
   let prevName = null;
@@ -1795,14 +1896,14 @@ function bindDynamic(el, nameGetter, valueGetter) {
     try {
       name = typeof nameGetter === "function" ? nameGetter() : nameGetter;
     } catch (err) {
-      if (_isDev3) devWarn(`bindDynamic: name getter threw: ${err instanceof Error ? err.message : String(err)}`);
+      if (_isDev4) devWarn(`bindDynamic: name getter threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
     let value;
     try {
       value = typeof valueGetter === "function" ? valueGetter() : valueGetter;
     } catch (err) {
-      if (_isDev3) devWarn(`bindDynamic: value getter threw: ${err instanceof Error ? err.message : String(err)}`);
+      if (_isDev4) devWarn(`bindDynamic: value getter threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
     if (isEventHandlerAttr(name)) return;
@@ -1813,11 +1914,11 @@ function bindDynamic(el, nameGetter, valueGetter) {
     if ((name === "value" || name === "checked") && name in el) {
       setProp(el, name, name === "checked" ? Boolean(value) : str);
     } else {
-      el.setAttribute(name, isUrlAttribute(name) ? sanitizeUrl(str) : str);
+      el.setAttribute(name, sanitizeAttributeString(name, str));
     }
     prevName = name;
   }
-  const teardown = reactiveBinding(commit);
+  const teardown = reactiveBinding2(commit);
   return () => {
     teardown();
     if (prevName !== null) {
@@ -1828,7 +1929,7 @@ function bindDynamic(el, nameGetter, valueGetter) {
 
 // src/core/rendering/dispose.ts
 var elementDisposers = /* @__PURE__ */ new WeakMap();
-var _isDev4 = isDev();
+var _isDev5 = isDev();
 var activeBindingCount = 0;
 function registerDisposer(node, teardown) {
   let disposers = elementDisposers.get(node);
@@ -1837,7 +1938,7 @@ function registerDisposer(node, teardown) {
     elementDisposers.set(node, disposers);
   }
   disposers.push(teardown);
-  if (_isDev4) activeBindingCount++;
+  if (_isDev5) activeBindingCount++;
 }
 function dispose(node) {
   const stack = [node];
@@ -1856,12 +1957,12 @@ function dispose(node) {
     if (disposers) {
       const snapshot = disposers.slice();
       elementDisposers.delete(current);
-      if (_isDev4) activeBindingCount -= snapshot.length;
+      if (_isDev5) activeBindingCount -= snapshot.length;
       for (const d of snapshot) {
         try {
           d();
         } catch (err) {
-          if (_isDev4 && typeof console !== "undefined") {
+          if (_isDev5 && typeof console !== "undefined") {
             console.warn("[SibuJS] Disposer threw during cleanup:", err);
           }
         }
@@ -1872,12 +1973,12 @@ function dispose(node) {
         if (!added || added.length === 0) break;
         const moreSnapshot = added.slice();
         elementDisposers.delete(current);
-        if (_isDev4) activeBindingCount -= moreSnapshot.length;
+        if (_isDev5) activeBindingCount -= moreSnapshot.length;
         for (const d of moreSnapshot) {
           try {
             d();
           } catch (err) {
-            if (_isDev4 && typeof console !== "undefined") {
+            if (_isDev5 && typeof console !== "undefined") {
               console.warn("[SibuJS] Disposer threw during cleanup:", err);
             }
           }
@@ -1887,7 +1988,7 @@ function dispose(node) {
   }
 }
 function checkLeaks(warnThreshold = 0) {
-  if (!_isDev4) return 0;
+  if (!_isDev5) return 0;
   if (warnThreshold > 0 && activeBindingCount > warnThreshold) {
     devWarn(
       `checkLeaks: ${activeBindingCount} active DOM bindings detected. Expected \u2264${warnThreshold}. This may indicate a component was removed from the DOM without calling dispose().`
@@ -1897,7 +1998,7 @@ function checkLeaks(warnThreshold = 0) {
 }
 
 // src/reactivity/bindChildNode.ts
-var _isDev5 = isDev();
+var _isDev6 = isDev();
 function bindChildNode(placeholder, getter) {
   let lastNodes = [];
   function commit() {
@@ -1905,7 +2006,7 @@ function bindChildNode(placeholder, getter) {
     try {
       result = getter();
     } catch (err) {
-      if (_isDev5) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
+      if (_isDev6) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
     if (result == null || typeof result === "boolean") {
@@ -1931,7 +2032,7 @@ function bindChildNode(placeholder, getter) {
         if (item == null || typeof item === "boolean") continue;
         const node = item instanceof Node ? item : document.createTextNode(String(item));
         if (seen.has(node)) {
-          if (_isDev5)
+          if (_isDev6)
             devWarn("bindChildNode: duplicate node reference in array \u2014 only the first occurrence is rendered.");
           continue;
         }
@@ -1966,18 +2067,15 @@ function bindChildNode(placeholder, getter) {
     }
     lastNodes = newNodes;
   }
-  return reactiveBinding(commit);
+  return reactiveBinding2(commit);
 }
 
 // src/core/rendering/tagFactory.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
-var _isDev6 = isDev();
+var _isDev7 = isDev();
 var BLOCKED_TAGS = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "frame", "frameset"]);
-function validateTagName(tag) {
-  const lower = tag.toLowerCase();
-  if (BLOCKED_TAGS.has(lower)) {
-    throw new Error(`tagFactory: refusing to create <${tag}> \u2014 tag is blocked for security reasons.`);
-  }
+function isBlockedTag(tag) {
+  return BLOCKED_TAGS.has(tag.toLowerCase());
 }
 var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
   "config",
@@ -2017,7 +2115,7 @@ function toKebab(prop) {
 }
 function applyStyle(el, style2) {
   if (typeof style2 === "function") {
-    const teardown = track(() => {
+    const teardown = track2(() => {
       el.setAttribute("style", style2());
     });
     registerDisposer(el, teardown);
@@ -2033,7 +2131,7 @@ function applyStyle(el, style2) {
     const name = toKebab(prop);
     if (typeof val === "function") {
       const getter = val;
-      const teardown = track(() => {
+      const teardown = track2(() => {
         htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter())));
       });
       registerDisposer(el, teardown);
@@ -2048,7 +2146,7 @@ function applyClass(el, cls) {
     return;
   }
   if (typeof cls === "function") {
-    const teardown = track(() => {
+    const teardown = track2(() => {
       el.setAttribute("class", cls());
     });
     registerDisposer(el, teardown);
@@ -2075,7 +2173,7 @@ function applyClass(el, cls) {
       }
       el.setAttribute("class", r);
     };
-    const teardown = track(update);
+    const teardown = track2(update);
     registerDisposer(el, teardown);
   } else {
     el.setAttribute("class", result);
@@ -2132,8 +2230,11 @@ function appendChildren(el, nodes) {
   }
 }
 var tagFactory = (tag, ns) => {
+  const blocked = isBlockedTag(tag);
   return (first, second) => {
-    validateTagName(tag);
+    if (blocked) {
+      throw new Error(`tagFactory: refusing to create <${tag}> \u2014 tag is blocked for security reasons.`);
+    }
     const el = ns ? document.createElementNS(ns, tag) : document.createElement(tag);
     if (first === void 0) return el;
     if (typeof first === "string") {
@@ -2142,7 +2243,7 @@ var tagFactory = (tag, ns) => {
         appendChildren(el, second);
         return el;
       }
-      if (_isDev6 && looksLikeClassList(first)) {
+      if (_isDev7 && looksLikeClassList(first)) {
         devWarn(
           `tagFactory: lone string "${first}" looks like a class list but is being rendered as TEXT. For a class, use ${tag}({ class: "${first}" }) \u2014 or ${tag}("${first}", children) to set the class AND add children.`
         );
@@ -2163,7 +2264,7 @@ var tagFactory = (tag, ns) => {
     if (pClass != null) applyClass(el, pClass);
     const pId = props.id;
     if (pId != null) {
-      if (_isDev6 && typeof pId === "string" && CLOBBER_RISKY_IDS.has(pId.toLowerCase())) {
+      if (_isDev7 && typeof pId === "string" && CLOBBER_RISKY_IDS.has(pId.toLowerCase())) {
         devWarn(
           `tagFactory: element id="${pId}" matches a common global and may cause DOM clobbering. Avoid setting ids from untrusted input.`
         );
@@ -2178,7 +2279,7 @@ var tagFactory = (tag, ns) => {
         const handler = pOn[ev];
         if (typeof handler === "function") {
           el.addEventListener(ev, handler);
-        } else if (_isDev6) {
+        } else if (_isDev7) {
           devWarn(
             `tagFactory: on.${ev} handler is not a function (got ${typeof handler}). Event listener was not attached.`
           );
@@ -2203,7 +2304,6 @@ var tagFactory = (tag, ns) => {
         default: {
           const value = props[key];
           if (value == null) continue;
-          const lkey = key.toLowerCase();
           if (isEventHandlerAttr(key)) continue;
           if (typeof value === "function") {
             registerDisposer(el, bindAttribute(el, key, value));
@@ -2216,14 +2316,7 @@ var tagFactory = (tag, ns) => {
               el.removeAttribute(key);
             }
           } else {
-            const str = String(value);
-            if (lkey === "srcset") {
-              el.setAttribute(key, sanitizeSrcset(str));
-            } else if (isUrlAttribute(lkey)) {
-              el.setAttribute(key, sanitizeUrl(str));
-            } else {
-              el.setAttribute(key, str);
-            }
+            el.setAttribute(key, sanitizeAttributeString(key, String(value)));
           }
         }
       }
@@ -2299,7 +2392,7 @@ var area = tagFactory("area");
 var audio = tagFactory("audio");
 var img = tagFactory("img");
 var map = tagFactory("map");
-var track2 = tagFactory("track");
+var track3 = tagFactory("track");
 var video = tagFactory("video");
 var embed = tagFactory("embed");
 var iframe = tagFactory("iframe");
@@ -2375,7 +2468,7 @@ var marquee = tagFactory("marquee");
 var customElement = (tagName) => tagFactory(tagName);
 
 // src/core/rendering/htm.ts
-var _isDev7 = isDev();
+var _isDev8 = isDev();
 var RAW_TEXT_TAGS = /* @__PURE__ */ new Set(["script", "style"]);
 var VOID_ELEMENTS3 = /* @__PURE__ */ new Set([
   "area",
@@ -2671,7 +2764,7 @@ function executeElement(tmpl, values) {
         const fn = values[attr.idx];
         if (typeof fn === "function") {
           el.addEventListener(attr.name, fn);
-        } else if (_isDev7) {
+        } else if (_isDev8) {
           devWarn(
             `html: on:${attr.name} handler is not a function (got ${typeof fn}). Event listener was not attached.`
           );
@@ -2799,7 +2892,7 @@ function mount(component, container) {
 }
 
 // src/core/rendering/each.ts
-var _isDev8 = isDev();
+var _isDev9 = isDev();
 function resolveNodeChild(child) {
   if (typeof child === "function") {
     return resolveNodeChild(child());
@@ -2884,7 +2977,7 @@ function each(getArray, render, options) {
     workMap.clear();
     keyIndexMap.clear();
     for (let i2 = 0; i2 < newLen; i2++) {
-      if (_isDev8 && keyIndexMap.has(newKeys[i2])) {
+      if (_isDev9 && keyIndexMap.has(newKeys[i2])) {
         devWarn(
           `each: duplicate key "${String(newKeys[i2])}" at index ${i2} (first seen at ${keyIndexMap.get(newKeys[i2])}). Keys must be unique \u2014 duplicates cause rows to be dropped or mis-ordered.`
         );
@@ -2899,12 +2992,12 @@ function each(getArray, render, options) {
         node = existing;
       } else {
         const itemKey = key;
-        const itemGetter = () => untracked(() => getArray()[keyIndexMap.get(itemKey)]);
+        const itemGetter = () => untracked2(() => getArray()[keyIndexMap.get(itemKey)]);
         const indexGetter = () => keyIndexMap.get(itemKey);
         try {
           node = resolveNodeChild(render(itemGetter, indexGetter));
         } catch (err) {
-          if (_isDev8) {
+          if (_isDev9) {
             devWarn(
               `each: render threw for item at index ${i2} (key="${newKeys[i2]}"): ${err instanceof Error ? err.message : String(err)}`
             );
@@ -2918,7 +3011,7 @@ function each(getArray, render, options) {
                 target.dispatchEvent(
                   new CustomEvent("sibu:error-propagate", { bubbles: true, detail: { error: errorObj } })
                 );
-              } else if (_isDev8) {
+              } else if (_isDev9) {
                 devWarn(`each: error not surfaced \u2014 anchor detached: ${errorObj.message}`);
               }
             } catch {
@@ -2992,7 +3085,7 @@ function each(getArray, render, options) {
     workMap = tmp;
     initialized = true;
   };
-  const untrack = track(update);
+  const untrack = track2(update);
   registerDisposer(anchor, untrack);
   if (!initialized) {
     queueMicrotask(() => {
@@ -3105,7 +3198,7 @@ function DynamicComponent(is) {
     }
     container.replaceChildren(el);
   }
-  const untrack = track(render);
+  const untrack = track2(render);
   registerDisposer(container, untrack);
   return container;
 }
@@ -3120,7 +3213,7 @@ function show(condition, element) {
   const update = () => {
     element.style.display = condition() ? "" : "none";
   };
-  registerDisposer(element, track(update));
+  registerDisposer(element, track2(update));
   return element;
 }
 function when(condition, thenBranch, elseBranch) {
@@ -3147,7 +3240,7 @@ function when(condition, thenBranch, elseBranch) {
     }
     initialized = true;
   };
-  registerDisposer(anchor, track(update));
+  registerDisposer(anchor, track2(update));
   if (!initialized) {
     queueMicrotask(() => {
       if (!initialized && anchor.parentNode) update();
@@ -3182,7 +3275,7 @@ function match(value, cases, fallback) {
     }
     initialized = true;
   };
-  registerDisposer(anchor, track(update));
+  registerDisposer(anchor, track2(update));
   if (!initialized) {
     queueMicrotask(() => {
       if (!initialized && anchor.parentNode) update();
@@ -3251,7 +3344,7 @@ function KeepAlive(activeKey, cases, options) {
     currentNode = node;
     initialized = true;
   };
-  const untrack = track(update);
+  const untrack = track2(update);
   if (!initialized) {
     queueMicrotask(() => {
       if (!initialized && anchor.parentNode) update();
@@ -3273,9 +3366,9 @@ function KeepAlive(activeKey, cases, options) {
 
 // src/core/rendering/action.ts
 function action(element, actionFn, param2) {
-  const cleanup2 = actionFn(element, param2);
-  if (typeof cleanup2 === "function") {
-    registerDisposer(element, cleanup2);
+  const cleanup3 = actionFn(element, param2);
+  if (typeof cleanup3 === "function") {
+    registerDisposer(element, cleanup3);
   }
 }
 var clickOutside = (element, callback) => {
@@ -3409,7 +3502,7 @@ function __resetIdCounter() {
 // src/reactivity/batch.ts
 var batchDepth = 0;
 var pendingSignals = /* @__PURE__ */ new Set();
-function batch(fn) {
+function batchImpl(fn) {
   batchDepth++;
   try {
     return fn();
@@ -3420,28 +3513,45 @@ function batch(fn) {
     }
   }
 }
-function enqueueBatchedSignal(signal2) {
+function enqueueBatchedSignalImpl(signal2) {
   if (batchDepth === 0) return false;
   pendingSignals.add(signal2);
   return true;
 }
-function isBatching() {
+function isBatchingImpl() {
   return batchDepth > 0;
 }
 function flushBatch() {
   try {
     for (const signal2 of pendingSignals) {
-      queueSignalNotification(signal2);
+      queueSignalNotification2(signal2);
     }
   } finally {
     pendingSignals.clear();
   }
-  drainNotificationQueue();
+  drainNotificationQueue2();
 }
+var BATCH_REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.batch.v1");
+function resolveBatchApi() {
+  const g2 = globalThis;
+  const existing = g2[BATCH_REGISTRY_KEY];
+  if (existing) return existing;
+  const local = {
+    batch: batchImpl,
+    enqueueBatchedSignal: enqueueBatchedSignalImpl,
+    isBatching: isBatchingImpl
+  };
+  g2[BATCH_REGISTRY_KEY] = local;
+  return local;
+}
+var API2 = resolveBatchApi();
+var batch = API2.batch;
+var enqueueBatchedSignal = API2.enqueueBatchedSignal;
+var isBatching = API2.isBatching;
 
 // src/core/signals/signal.ts
 var _g = globalThis;
-var _isDev9 = isDev();
+var _isDev10 = isDev();
 function signal(initial, options) {
   const state = {
     value: initial,
@@ -3452,11 +3562,11 @@ function signal(initial, options) {
     __activeNode: null,
     __name: void 0
   };
-  const debugName = _isDev9 ? options?.name : void 0;
+  const debugName = _isDev10 ? options?.name : void 0;
   const equalsFn = options?.equals;
   if (debugName) state.__name = debugName;
   function get() {
-    recordDependency(state);
+    recordDependency2(state);
     return state.value;
   }
   get.__signal = state;
@@ -3469,15 +3579,15 @@ function signal(initial, options) {
       if (equalsFn(prev, newValue)) return;
       state.value = newValue;
       state.__v++;
-      if (_isDev9) {
+      if (_isDev10) {
         const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
         if (hook) hook.emit("signal:update", { signal: state, name: debugName, oldValue: prev, newValue });
       }
       if (!enqueueBatchedSignal(state)) {
-        notifySubscribers(state);
+        notifySubscribers2(state);
       }
     };
-  } else if (_isDev9) {
+  } else if (_isDev10) {
     set = (next) => {
       const prev = state.value;
       const newValue = typeof next === "function" ? next(prev) : next;
@@ -3487,7 +3597,7 @@ function signal(initial, options) {
       const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
       if (hook) hook.emit("signal:update", { signal: state, name: debugName, oldValue: prev, newValue });
       if (!enqueueBatchedSignal(state)) {
-        notifySubscribers(state);
+        notifySubscribers2(state);
       }
     };
   } else {
@@ -3498,11 +3608,11 @@ function signal(initial, options) {
       state.value = newValue;
       state.__v++;
       if (!enqueueBatchedSignal(state)) {
-        notifySubscribers(state);
+        notifySubscribers2(state);
       }
     };
   }
-  if (_isDev9) {
+  if (_isDev10) {
     const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
     if (hook) hook.emit("signal:create", { signal: state, name: debugName, getter: get, initial });
   }
@@ -3591,11 +3701,11 @@ function on(deps, handler) {
     if (first) {
       first = false;
       prev = value;
-      untracked(() => handler(value, void 0));
+      untracked2(() => handler(value, void 0));
     } else {
       const p2 = prev;
       prev = value;
-      untracked(() => handler(value, p2));
+      untracked2(() => handler(value, p2));
     }
   };
 }
@@ -3617,7 +3727,7 @@ function drainReruns(ctx) {
   do {
     ctx.rerunPending = false;
     if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
-    retrack(ctx.bodyFn, ctx.subscriber);
+    retrack2(ctx.bodyFn, ctx.subscriber);
   } while (ctx.rerunPending && ++reruns <= MAX_RERUNS);
   if (ctx.rerunPending) {
     ctx.rerunPending = false;
@@ -3646,7 +3756,7 @@ function disposeEffect(ctx) {
     }
   }
   try {
-    cleanup(ctx.subscriber);
+    cleanup2(ctx.subscriber);
   } catch (err) {
     if (typeof console !== "undefined") {
       console.warn("[SibuJS effect] dispose threw:", err);
@@ -3691,7 +3801,7 @@ function effect(effectFn, options) {
     try {
       ctx.rerunPending = false;
       if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
-      retrack(ctx.bodyFn, sub2);
+      retrack2(ctx.bodyFn, sub2);
       if (ctx.rerunPending) drainReruns(ctx);
     } finally {
       ctx.running = false;
@@ -3707,7 +3817,7 @@ function effect(effectFn, options) {
   ctx.subscriber = sub2;
   ctx.running = true;
   try {
-    retrack(ctx.bodyFn, ctx.subscriber);
+    retrack2(ctx.bodyFn, ctx.subscriber);
     if (ctx.rerunPending) drainReruns(ctx);
   } finally {
     ctx.running = false;
@@ -3740,7 +3850,7 @@ function derived(getter, options) {
     cs._d = false;
     cs._init = true;
   };
-  track(() => {
+  track2(() => {
     let threw = true;
     try {
       cs._v = getter();
@@ -3759,12 +3869,12 @@ function derived(getter, options) {
         `[SibuJS] Circular dependency detected in derived${debugName ? ` "${debugName}"` : ""}. A derived signal cannot read itself (directly or through a chain).`
       );
     }
-    if (trackingSuspended) {
+    if (isTrackingSuspended2()) {
       if (cs._d) {
         const prev = cs._v;
         evaluating = true;
         try {
-          retrack(recompute, markDirty);
+          retrack2(recompute, markDirty);
           if (!Object.is(prev, cs._v)) cs.__v++;
         } finally {
           evaluating = false;
@@ -3772,12 +3882,12 @@ function derived(getter, options) {
       }
       return cs._v;
     }
-    recordDependency(cs);
+    recordDependency2(cs);
     if (cs._d) {
       const oldValue = cs._v;
       evaluating = true;
       try {
-        retrack(recompute, markDirty);
+        retrack2(recompute, markDirty);
         if (!Object.is(oldValue, cs._v)) cs.__v++;
       } finally {
         evaluating = false;
@@ -3813,11 +3923,17 @@ function watch(getter, callback) {
       return;
     }
     if (!Object.is(newValue, oldValue)) {
-      callback(newValue, oldValue);
+      const prev = oldValue;
       oldValue = newValue;
+      suspendTracking2();
+      try {
+        callback(newValue, prev);
+      } finally {
+        resumeTracking2();
+      }
     }
   };
-  const teardown = track(subscriber);
+  const teardown = track2(subscriber);
   return teardown;
 }
 
@@ -3880,7 +3996,12 @@ function store(initialState) {
         first = false;
         return;
       }
-      callback(snapshot);
+      suspendTracking2();
+      try {
+        callback(snapshot);
+      } finally {
+        resumeTracking2();
+      }
     });
   };
   const subscribeKey = (key, callback) => {
@@ -3896,7 +4017,12 @@ function store(initialState) {
       if (!Object.is(current, prev)) {
         const oldPrev = prev;
         prev = current;
-        callback(current, oldPrev);
+        suspendTracking2();
+        try {
+          callback(current, oldPrev);
+        } finally {
+          resumeTracking2();
+        }
       }
     });
   };
@@ -3997,11 +4123,11 @@ function reactiveArray(initial = []) {
   function notify() {
     snapshot = null;
     if (!enqueueBatchedSignal(signal2)) {
-      notifySubscribers(signal2);
+      notifySubscribers2(signal2);
     }
   }
   function get() {
-    recordDependency(signal2);
+    recordDependency2(signal2);
     if (snapshot === null) {
       const copy = data2.slice();
       snapshot = Object.freeze(copy);
@@ -4257,9 +4383,9 @@ function safeCall(cb, hookName) {
   }
 }
 function runMountCallback(callback, hookName, element) {
-  const cleanup2 = safeCall(callback, hookName);
-  if (typeof cleanup2 === "function" && element) {
-    registerDisposer(element, cleanup2);
+  const cleanup3 = safeCall(callback, hookName);
+  if (typeof cleanup3 === "function" && element) {
+    registerDisposer(element, cleanup3);
   }
 }
 var mountWatchers = /* @__PURE__ */ new WeakMap();
@@ -4575,7 +4701,7 @@ function defer(getter) {
       }
     });
   };
-  const teardown = track(() => {
+  const teardown = track2(() => {
     latest = getter();
     schedule();
   });
@@ -4727,14 +4853,14 @@ function Suspense({ nodes, fallback }) {
 }
 
 // src/platform/ssr.ts
-var _isDev10 = isDev();
+var _isDev11 = isDev();
 function trustHTML(html3) {
   return html3;
 }
 var DEFAULT_MAX_SSR_BYTES = 1024 * 1024;
 
 // src/components/ErrorDisplay.ts
-var _isDev11 = isDev();
+var _isDev12 = isDev();
 var STYLES = `
   .sibu-error-display {
     border: 1px solid var(--sibu-err-border, #e5484d);
@@ -5045,7 +5171,7 @@ function ErrorDisplay(props) {
   injectStyles();
   const severity = props.severity ?? "error";
   const normalized = normalizeError(props.error);
-  const showDetails = props.alwaysShowDetails ?? _isDev11;
+  const showDetails = props.alwaysShowDetails ?? _isDev12;
   const headline = props.title ?? normalized.message;
   const timestamp = (/* @__PURE__ */ new Date()).toISOString().replace("T", " ").slice(0, 19);
   const [copyLabel, setCopyLabel] = signal("Copy");
@@ -5446,7 +5572,12 @@ function ErrorBoundary(optionsOrChildren, maybeChildren) {
     } else if (collected.length > 1) {
       const Agg = globalThis.AggregateError;
       handleError(
-        Agg ? new Agg(collected, `${collected.length} pre-mount errors caught by ErrorBoundary`) : new Error(collected.map((e) => e.message).join("; "))
+        Agg ? new Agg(collected, `${collected.length} pre-mount errors caught by ErrorBoundary`) : (
+          // AggregateError is ES2021 and present in every supported runtime
+          // (matches the browserslist targets), so this fallback is defensive.
+          /* v8 ignore next */
+          new Error(collected.map((e) => e.message).join("; "))
+        )
       );
     }
     return void 0;