sibujs 3.3.0 → 3.3.2

package/dist/extras.cjs

@@ -145,7 +145,7 @@ __export(extras_exports, {
   getPerformanceReport: () => getPerformanceReport,
   getQueryData: () => getQueryData,
   getSignalName: () => getSignalName,
-  getSubscriberCount: () => getSubscriberCount2,
+  getSubscriberCount: () => getSubscriberCount3,
   globalStore: () => globalStore,
   healthCheck: () => healthCheck,
   hmrState: () => hmrState,
@@ -337,7 +337,7 @@ function devWarn(message) {
   }
 }
 
-// src/reactivity/track.ts
+// src/reactivity/track-core.ts
 var _isDev2 = isDev();
 var POOL_MAX = 4096;
 var nodePool = [];
@@ -451,6 +451,17 @@ function resumeTracking() {
     trackingSuspended = false;
   }
 }
+function isTrackingSuspended() {
+  return trackingSuspended;
+}
+function untracked(fn) {
+  suspendTracking();
+  try {
+    return fn();
+  } finally {
+    resumeTracking();
+  }
+}
 var subscriberEpochCounter = 0;
 function retrack(effectFn, subscriber) {
   const prev = currentSubscriber;
@@ -560,6 +571,16 @@ 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);
+  return prev;
+}
 function tickRepeat(sub2) {
   const s2 = sub2;
   if (s2._runEpoch !== drainEpoch) {
@@ -730,6 +751,64 @@ function forEachSubscriber(signal2, visit) {
   }
 }
 
+// src/reactivity/track.ts
+var _isDev3 = isDev();
+var _runtimeVersion = true ? "3.3.2" : "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/core/signals/derived.ts
 function derived(getter, options) {
   devAssert(typeof getter === "function", "derived: argument must be a getter function.");
@@ -752,7 +831,7 @@ function derived(getter, options) {
     cs._d = false;
     cs._init = true;
   };
-  track(() => {
+  track2(() => {
     let threw = true;
     try {
       cs._v = getter();
@@ -771,12 +850,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;
@@ -784,12 +863,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;
@@ -810,23 +889,29 @@ function derived(getter, options) {
 }
 
 // src/core/ssr-context.ts
-var als = 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 {
-      const req = Function("return typeof require==='function'?require:null")();
-      if (req) mod = req("node:async_hooks");
+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 {
+        const req = Function("return typeof require==='function'?require:null")();
+        if (req) mod = req("node:async_hooks");
+      }
+      if (mod) detected = new mod.AsyncLocalStorage();
     }
-    if (mod) als = new mod.AsyncLocalStorage();
+  } catch {
+    detected = null;
   }
-} catch {
-  als = null;
+  return { als: detected, fallbackStore: { ssr: false, suspenseIdCounter: 0 } };
 }
-var fallbackStore = { ssr: false, suspenseIdCounter: 0 };
+var _shared = globalThis[SSR_KEY] ?? (globalThis[SSR_KEY] = detectSSRShared());
+var als = _shared.als;
+var fallbackStore = _shared.fallbackStore;
 function getSSRStore() {
   if (als) {
     const s2 = als.getStore();
@@ -869,7 +954,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;
@@ -898,7 +983,7 @@ function disposeEffect(ctx) {
     }
   }
   try {
-    cleanup(ctx.subscriber);
+    cleanup2(ctx.subscriber);
   } catch (err) {
     if (typeof console !== "undefined") {
       console.warn("[SibuJS effect] dispose threw:", err);
@@ -943,7 +1028,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;
@@ -959,7 +1044,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;
@@ -973,7 +1058,7 @@ function effect(effectFn, options) {
 // src/reactivity/batch.ts
 var batchDepth = 0;
 var pendingSignals = /* @__PURE__ */ new Set();
-function batch(fn) {
+function batchImpl(fn) {
   batchDepth++;
   try {
     return fn();
@@ -984,25 +1069,45 @@ function batch(fn) {
     }
   }
 }
-function enqueueBatchedSignal(signal2) {
+function enqueueBatchedSignalImpl(signal2) {
   if (batchDepth === 0) return false;
   pendingSignals.add(signal2);
   return true;
 }
+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 _g2 = globalThis;
-var _isDev3 = isDev();
+var _isDev4 = isDev();
 function signal(initial, options) {
   const state = {
     value: initial,
@@ -1013,11 +1118,11 @@ function signal(initial, options) {
     __activeNode: null,
     __name: void 0
   };
-  const debugName = _isDev3 ? options?.name : void 0;
+  const debugName = _isDev4 ? 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;
@@ -1030,15 +1135,15 @@ function signal(initial, options) {
       if (equalsFn(prev, newValue)) return;
       state.value = newValue;
       state.__v++;
-      if (_isDev3) {
+      if (_isDev4) {
         const hook = _g2.__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 (_isDev3) {
+  } else if (_isDev4) {
     set = (next) => {
       const prev = state.value;
       const newValue = typeof next === "function" ? next(prev) : next;
@@ -1048,7 +1153,7 @@ function signal(initial, options) {
       const hook = _g2.__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 {
@@ -1059,11 +1164,11 @@ function signal(initial, options) {
       state.value = newValue;
       state.__v++;
       if (!enqueueBatchedSignal(state)) {
-        notifySubscribers(state);
+        notifySubscribers2(state);
       }
     };
   }
-  if (_isDev3) {
+  if (_isDev4) {
     const hook = _g2.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
     if (hook) hook.emit("signal:create", { signal: state, name: debugName, getter: get, initial });
   }
@@ -2430,7 +2535,7 @@ function resize(target) {
     } };
   }
   const getter = resolveTarget(target);
-  const cleanup2 = effect(() => {
+  const cleanup3 = effect(() => {
     const el = getter();
     if (observer) {
       observer.disconnect();
@@ -2449,7 +2554,7 @@ function resize(target) {
     observer.observe(el);
   });
   function dispose2() {
-    cleanup2();
+    cleanup3();
     if (observer) {
       observer.disconnect();
       observer = null;
@@ -2733,7 +2838,7 @@ function draggable(element, data2) {
   let onDragStart = null;
   let onDragEnd = null;
   const getter = resolveTarget2(element);
-  const cleanup2 = effect(() => {
+  const cleanup3 = effect(() => {
     if (currentEl && onDragStart && onDragEnd) {
       currentEl.removeEventListener("dragstart", onDragStart);
       currentEl.removeEventListener("dragend", onDragEnd);
@@ -2755,7 +2860,7 @@ function draggable(element, data2) {
     el.addEventListener("dragend", onDragEnd);
   });
   function dispose2() {
-    cleanup2();
+    cleanup3();
     if (currentEl && onDragStart && onDragEnd) {
       currentEl.removeEventListener("dragstart", onDragStart);
       currentEl.removeEventListener("dragend", onDragEnd);
@@ -2776,7 +2881,7 @@ function dropZone(element, options) {
   let onDragLeave = null;
   let onDrop = null;
   const getter = resolveTarget2(element);
-  const cleanup2 = effect(() => {
+  const cleanup3 = effect(() => {
     if (currentEl && onDragOver && onDragEnter && onDragLeave && onDrop) {
       currentEl.removeEventListener("dragover", onDragOver);
       currentEl.removeEventListener("dragenter", onDragEnter);
@@ -2818,7 +2923,7 @@ function dropZone(element, options) {
     el.addEventListener("drop", onDrop);
   });
   function dispose2() {
-    cleanup2();
+    cleanup3();
     if (currentEl && onDragOver && onDragEnter && onDragLeave && onDrop) {
       currentEl.removeEventListener("dragover", onDragOver);
       currentEl.removeEventListener("dragenter", onDragEnter);
@@ -2838,11 +2943,11 @@ function title(value) {
   }
   const previousTitle = document.title;
   if (typeof value === "function") {
-    const cleanup2 = effect(() => {
+    const cleanup3 = effect(() => {
       document.title = value();
     });
     return () => {
-      cleanup2();
+      cleanup3();
       document.title = previousTitle;
     };
   }
@@ -4535,7 +4640,7 @@ function TransitionGroup(options) {
     }
     setElements((prev) => prev.filter((e) => e !== el));
   }
-  function track3(newElements) {
+  function track4(newElements) {
     const oldPositions = /* @__PURE__ */ new Map();
     for (const el of elements()) {
       if (typeof el.getBoundingClientRect === "function") {
@@ -4577,7 +4682,7 @@ function TransitionGroup(options) {
       }
     }
   }
-  return { add, remove, track: track3 };
+  return { add, remove, track: track4 };
 }
 
 // src/ui/viewTransition.ts
@@ -4737,23 +4842,18 @@ function custom(fn, message) {
   return (value) => fn(value) ? null : message;
 }
 function bindField(field, extras) {
+  const readControlValue = (target) => {
+    if ("checked" in target && target.type === "checkbox") {
+      return target.checked;
+    }
+    if (target instanceof HTMLSelectElement && target.multiple) {
+      return Array.from(target.selectedOptions, (o) => o.value);
+    }
+    return target.value;
+  };
   const fieldOn = {
-    input: (e) => {
-      const target = e.target;
-      if (target.type === "checkbox") {
-        field.set(target.checked);
-      } else {
-        field.set(target.value);
-      }
-    },
-    change: (e) => {
-      const target = e.target;
-      if ("checked" in target && target.type === "checkbox") {
-        field.set(target.checked);
-      } else {
-        field.set(target.value);
-      }
-    },
+    input: (e) => field.set(readControlValue(e.target)),
+    change: (e) => field.set(readControlValue(e.target)),
     blur: () => field.touch()
   };
   const { on: extraOn, value: _ignoreValue, ...restExtras } = extras ?? {};
@@ -4881,7 +4981,7 @@ function form(config) {
 
 // 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);
@@ -4890,7 +4990,7 @@ function registerDisposer(node, teardown) {
     elementDisposers.set(node, disposers);
   }
   disposers.push(teardown);
-  if (_isDev4) activeBindingCount++;
+  if (_isDev5) activeBindingCount++;
 }
 function dispose(node) {
   const stack = [node];
@@ -4909,12 +5009,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);
           }
         }
@@ -4925,12 +5025,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);
             }
           }
@@ -5168,7 +5268,7 @@ function aria(element, attrs) {
       const getter = value;
       registerDisposer(
         element,
-        track(() => {
+        track2(() => {
           element.setAttribute(ariaKey, String(getter()));
         })
       );
@@ -5441,13 +5541,13 @@ function removeScopedStyle(scopeId) {
 }
 
 // src/reactivity/bindAttribute.ts
-var _isDev5 = isDev();
+var _isDev6 = isDev();
 function setProp(el, key, val) {
   el[key] = val;
 }
 function bindAttribute(el, attr, getter) {
   if (isEventHandlerAttr(attr)) {
-    if (_isDev5)
+    if (_isDev6)
       devWarn(
         `bindAttribute: refusing to bind event-handler attribute "${attr}". Use on:{ ${attr.slice(2)}: fn } instead.`
       );
@@ -5459,7 +5559,7 @@ function bindAttribute(el, attr, getter) {
     try {
       value = getter();
     } catch (err) {
-      if (_isDev5)
+      if (_isDev6)
         devWarn(`bindAttribute: getter for "${attr}" threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
@@ -5480,7 +5580,7 @@ function bindAttribute(el, attr, getter) {
       el.setAttribute(attr, sanitizeAttributeString(attr, str));
     }
   }
-  return reactiveBinding(commit);
+  return reactiveBinding2(commit);
 }
 
 // src/ui/reactiveAttr.ts
@@ -5530,7 +5630,7 @@ function bindBoolAttr(el, attr, getter) {
       el.removeAttribute(attr);
     }
   }
-  const teardown = track(commit);
+  const teardown = track2(commit);
   return teardown;
 }
 function bindData(el, key, getter) {
@@ -5991,7 +6091,7 @@ function uniqueId(suffix) {
 }
 
 // src/performance/domRecycler.ts
-var _isDev6 = isDev();
+var _isDev7 = isDev();
 var DOMPool = class {
   constructor(maxSize = 50) {
     this.pools = /* @__PURE__ */ new Map();
@@ -6018,7 +6118,7 @@ var DOMPool = class {
    * is almost certainly a bug.
    */
   release(element) {
-    if (_isDev6 && element.isConnected) {
+    if (_isDev7 && element.isConnected) {
       devWarn(
         "DOMPool.release() called on a still-connected element. Detach it from the DOM first (remove() / dispose())."
       );
@@ -6133,7 +6233,7 @@ function noSideEffect(fn) {
 function sanitizeUrlAttr(name, value) {
   return name === "srcset" ? sanitizeSrcset(value) : sanitizeUrl(value);
 }
-var _isDev7 = isDev();
+var _isDev8 = isDev();
 var SAFE_ATTR_NAME = /^[A-Za-z_:][-A-Za-z0-9_.:]*$/;
 function isSafeAttrName(name) {
   return SAFE_ATTR_NAME.test(name);
@@ -6153,7 +6253,7 @@ var URL_ATTRS = /* @__PURE__ */ new Set([
   "xlink:href"
 ]);
 function ssrErrorComment(err) {
-  if (_isDev7) {
+  if (_isDev8) {
     const msg = escapeHtml(err instanceof Error ? err.message : String(err));
     return `<!--SSR error: ${safeCommentText(msg)}-->`;
   }
@@ -6199,10 +6299,10 @@ function renderToString(element) {
   }
   const tag = element.tagName.toLowerCase();
   if (tag === "script" || tag === "style") {
-    return _isDev7 ? `<!--ssr:${tag}-stripped-->` : "";
+    return _isDev8 ? `<!--ssr:${tag}-stripped-->` : "";
   }
   if (!/^[a-z][a-z0-9-]*$/i.test(tag)) {
-    return _isDev7 ? "<!--ssr:invalid-tag-->" : "";
+    return _isDev8 ? "<!--ssr:invalid-tag-->" : "";
   }
   let html2 = `<${tag}`;
   for (const attr of Array.from(element.attributes)) {
@@ -6243,7 +6343,7 @@ function hydrate(component, container, options = {}) {
       const first = mismatches[0];
       if (options.onMismatch) {
         options.onMismatch(first);
-      } else if (_isDev7) {
+      } else if (_isDev8) {
         console.warn(
           `[SibuJS hydration] ${first.message}
   at ${first.path}
@@ -6438,11 +6538,11 @@ async function* renderToStream(element) {
   }
   const tag = element.tagName.toLowerCase();
   if (tag === "script" || tag === "style") {
-    if (_isDev7) yield `<!--ssr:${tag}-stripped-->`;
+    if (_isDev8) yield `<!--ssr:${tag}-stripped-->`;
     return;
   }
   if (!/^[a-z][a-z0-9-]*$/i.test(tag)) {
-    if (_isDev7) yield "<!--ssr:invalid-tag-->";
+    if (_isDev8) yield "<!--ssr:invalid-tag-->";
     return;
   }
   let openTag = `<${tag}`;
@@ -6546,7 +6646,7 @@ function hydrateProgressively(container, islands, options) {
   }
   container.setAttribute("data-sibu-hydrated", "progressive");
   return () => {
-    for (const cleanup2 of cleanups) cleanup2();
+    for (const cleanup3 of cleanups) cleanup3();
   };
 }
 function resetSSRState() {
@@ -6575,7 +6675,7 @@ function ssrSuspense(props) {
     },
     (err) => {
       if (timer) clearTimeout(timer);
-      if (_isDev7) console.warn("[SibuJS SSR] ssrSuspense rejected:", err);
+      if (_isDev8) console.warn("[SibuJS SSR] ssrSuspense rejected:", err);
       return { id, html: fallbackHtml };
     }
   );
@@ -6621,7 +6721,7 @@ function serializeState(state, nonce, options) {
 }
 function deserializeState(validate) {
   if (typeof window === "undefined") return void 0;
-  if (_isDev7 && !validate) {
+  if (_isDev8 && !validate) {
     console.warn(
       "[SibuJS SSR] deserializeState() called without a validate guard \u2014 tampered SSR payloads will not be detected."
     );
@@ -7025,7 +7125,7 @@ function Head(props) {
   const anchor = document.createComment("sibu-head");
   const managedElements = [];
   const effectCleanups = [];
-  const cleanup2 = () => {
+  const cleanup3 = () => {
     for (const el of managedElements) {
       if (el.parentNode) el.parentNode.removeChild(el);
     }
@@ -7034,7 +7134,7 @@ function Head(props) {
     effectCleanups.length = 0;
   };
   const apply = () => {
-    cleanup2();
+    cleanup3();
     if (props.title) {
       if (typeof props.title === "function") {
         const cleanupFn = effect(() => {
@@ -7588,7 +7688,7 @@ function isWasmCached(key) {
 }
 
 // src/reactivity/bindChildNode.ts
-var _isDev8 = isDev();
+var _isDev9 = isDev();
 function bindChildNode(placeholder, getter) {
   let lastNodes = [];
   function commit() {
@@ -7596,7 +7696,7 @@ function bindChildNode(placeholder, getter) {
     try {
       result = getter();
     } catch (err) {
-      if (_isDev8) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
+      if (_isDev9) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
     if (result == null || typeof result === "boolean") {
@@ -7622,7 +7722,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 (_isDev8)
+          if (_isDev9)
             devWarn("bindChildNode: duplicate node reference in array \u2014 only the first occurrence is rendered.");
           continue;
         }
@@ -7657,12 +7757,12 @@ 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 _isDev9 = isDev();
+var _isDev10 = isDev();
 var BLOCKED_TAGS = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "frame", "frameset"]);
 function isBlockedTag(tag) {
   return BLOCKED_TAGS.has(tag.toLowerCase());
@@ -7705,7 +7805,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);
@@ -7721,7 +7821,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);
@@ -7736,7 +7836,7 @@ function applyClass(el, cls) {
     return;
   }
   if (typeof cls === "function") {
-    const teardown = track(() => {
+    const teardown = track2(() => {
       el.setAttribute("class", cls());
     });
     registerDisposer(el, teardown);
@@ -7763,7 +7863,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);
@@ -7833,7 +7933,7 @@ var tagFactory = (tag, ns) => {
         appendChildren(el, second);
         return el;
       }
-      if (_isDev9 && looksLikeClassList(first)) {
+      if (_isDev10 && 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.`
         );
@@ -7854,7 +7954,7 @@ var tagFactory = (tag, ns) => {
     if (pClass != null) applyClass(el, pClass);
     const pId = props.id;
     if (pId != null) {
-      if (_isDev9 && typeof pId === "string" && CLOBBER_RISKY_IDS.has(pId.toLowerCase())) {
+      if (_isDev10 && 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.`
         );
@@ -7869,7 +7969,7 @@ var tagFactory = (tag, ns) => {
         const handler = pOn[ev];
         if (typeof handler === "function") {
           el.addEventListener(ev, handler);
-        } else if (_isDev9) {
+        } else if (_isDev10) {
           devWarn(
             `tagFactory: on.${ev} handler is not a function (got ${typeof handler}). Event listener was not attached.`
           );
@@ -7982,7 +8082,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");
@@ -9314,18 +9414,18 @@ function clearPerformanceData() {
   perfMarks.clear();
 }
 var trackedCleanups = /* @__PURE__ */ new Map();
-function trackCleanup(component, cleanup2) {
+function trackCleanup(component, cleanup3) {
   if (!trackedCleanups.has(component)) {
     trackedCleanups.set(component, []);
   }
-  trackedCleanups.get(component)?.push(cleanup2);
+  trackedCleanups.get(component)?.push(cleanup3);
 }
 function runCleanups(component) {
   const cleanups = trackedCleanups.get(component);
   if (cleanups) {
-    for (const cleanup2 of cleanups) {
+    for (const cleanup3 of cleanups) {
       try {
-        cleanup2();
+        cleanup3();
       } catch (err) {
         if (typeof console !== "undefined") {
           console.warn("[SibuJS debug] cleanup threw:", err);
@@ -10332,13 +10432,13 @@ function startMeasure(profiler) {
 function getSignalName(getter) {
   return getter.__name;
 }
-function getSubscriberCount2(getter) {
+function getSubscriberCount3(getter) {
   const signal2 = getter.__signal;
   if (!signal2) return 0;
-  return getSubscriberCount(signal2);
+  return getSubscriberCount2(signal2);
 }
 function getDependencies(subscriberFn) {
-  return getSubscriberDeps(subscriberFn);
+  return getSubscriberDeps2(subscriberFn);
 }
 function inspectSignal(getter) {
   const signal2 = getter.__signal;
@@ -10346,7 +10446,7 @@ function inspectSignal(getter) {
   return {
     name: getter.__name,
     signal: signal2,
-    subscriberCount: getSubscriberCount(signal2)
+    subscriberCount: getSubscriberCount2(signal2)
   };
 }
 function walkDependencyGraph(getter, maxDepth = 10, visited = /* @__PURE__ */ new WeakSet()) {
@@ -10356,7 +10456,7 @@ function walkDependencyGraph(getter, maxDepth = 10, visited = /* @__PURE__ */ ne
   }
   visited.add(signal2);
   const downstream = [];
-  forEachSubscriber(signal2, (sub2) => {
+  forEachSubscriber2(signal2, (sub2) => {
     const subSig = sub2._sig;
     if (subSig && !visited.has(subSig)) {
       const subName = subSig.__name;
@@ -10369,7 +10469,7 @@ function walkDependencyGraph(getter, maxDepth = 10, visited = /* @__PURE__ */ ne
   });
   return {
     name: getSignalName(getter),
-    subscribers: getSubscriberCount(signal2),
+    subscribers: getSubscriberCount2(signal2),
     downstream
   };
 }
@@ -10426,15 +10526,15 @@ function watch(getter, callback) {
     if (!Object.is(newValue, oldValue)) {
       const prev = oldValue;
       oldValue = newValue;
-      suspendTracking();
+      suspendTracking2();
       try {
         callback(newValue, prev);
       } finally {
-        resumeTracking();
+        resumeTracking2();
       }
     }
   };
-  const teardown = track(subscriber);
+  const teardown = track2(subscriber);
   return teardown;
 }