sibujs 3.3.0 → 3.3.2

package/dist/build.cjs

@@ -1136,6 +1136,7 @@ __export(index_exports, {
   footer: () => footer,
   form: () => form,
   g: () => g,
+  getAction: () => getAction,
   getRequestScopedCache: () => getRequestScopedCache,
   getSSRStore: () => getSSRStore,
   getSlot: () => getSlot,
@@ -1204,10 +1205,11 @@ __export(index_exports, {
   reactiveArray: () => reactiveArray,
   rect: () => rect,
   ref: () => ref,
+  registerAction: () => registerAction,
   registerComponent: () => registerComponent,
   registerDisposer: () => registerDisposer,
   resolveComponent: () => resolveComponent,
-  retrack: () => retrack,
+  retrack: () => retrack2,
   rp: () => rp,
   rt: () => rt,
   ruby: () => ruby,
@@ -1218,7 +1220,7 @@ __export(index_exports, {
   section: () => section,
   select: () => select,
   setGlobalErrorHandler: () => setGlobalErrorHandler,
-  setMaxDrainIterations: () => setMaxDrainIterations,
+  setMaxDrainIterations: () => setMaxDrainIterations2,
   show: () => show,
   signal: () => signal,
   slot: () => slot,
@@ -1250,7 +1252,7 @@ __export(index_exports, {
   time: () => time,
   title: () => title,
   tr: () => tr,
-  track: () => track2,
+  track: () => track3,
   transition: () => transition,
   trapFocus: () => trapFocus,
   trustHTML: () => trustHTML,
@@ -1258,7 +1260,7 @@ __export(index_exports, {
   u: () => u,
   ul: () => ul,
   unregisterComponent: () => unregisterComponent,
-  untracked: () => untracked,
+  untracked: () => untracked2,
   use: () => use,
   var_: () => var_,
   video: () => video,
@@ -1375,7 +1377,7 @@ function sanitizeAttributeString(attr, value) {
   return value;
 }
 
-// src/reactivity/track.ts
+// src/reactivity/track-core.ts
 var _isDev2 = isDev();
 var POOL_MAX = 4096;
 var nodePool = [];
@@ -1489,6 +1491,9 @@ function resumeTracking() {
     trackingSuspended = false;
   }
 }
+function isTrackingSuspended() {
+  return trackingSuspended;
+}
 function untracked(fn) {
   suspendTracking();
   try {
@@ -1606,6 +1611,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);
@@ -1759,15 +1769,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 = 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/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.`
       );
@@ -1779,7 +1868,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;
     }
@@ -1800,7 +1889,7 @@ function bindAttribute(el, attr, getter) {
       el.setAttribute(attr, sanitizeAttributeString(attr, str));
     }
   }
-  return reactiveBinding(commit);
+  return reactiveBinding2(commit);
 }
 function bindDynamic(el, nameGetter, valueGetter) {
   let prevName = null;
@@ -1809,14 +1898,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;
@@ -1831,7 +1920,7 @@ function bindDynamic(el, nameGetter, valueGetter) {
     }
     prevName = name;
   }
-  const teardown = reactiveBinding(commit);
+  const teardown = reactiveBinding2(commit);
   return () => {
     teardown();
     if (prevName !== null) {
@@ -1842,7 +1931,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);
@@ -1851,7 +1940,7 @@ function registerDisposer(node, teardown) {
     elementDisposers.set(node, disposers);
   }
   disposers.push(teardown);
-  if (_isDev4) activeBindingCount++;
+  if (_isDev5) activeBindingCount++;
 }
 function dispose(node) {
   const stack = [node];
@@ -1870,12 +1959,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);
           }
         }
@@ -1886,12 +1975,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);
             }
           }
@@ -1901,7 +1990,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().`
@@ -1911,7 +2000,7 @@ function checkLeaks(warnThreshold = 0) {
 }
 
 // src/reactivity/bindChildNode.ts
-var _isDev5 = isDev();
+var _isDev6 = isDev();
 function bindChildNode(placeholder, getter) {
   let lastNodes = [];
   function commit() {
@@ -1919,7 +2008,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") {
@@ -1945,7 +2034,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;
         }
@@ -1980,12 +2069,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 _isDev6 = isDev();
+var _isDev7 = isDev();
 var BLOCKED_TAGS = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "frame", "frameset"]);
 function isBlockedTag(tag) {
   return BLOCKED_TAGS.has(tag.toLowerCase());
@@ -2028,7 +2117,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);
@@ -2044,7 +2133,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);
@@ -2059,7 +2148,7 @@ function applyClass(el, cls) {
     return;
   }
   if (typeof cls === "function") {
-    const teardown = track(() => {
+    const teardown = track2(() => {
       el.setAttribute("class", cls());
     });
     registerDisposer(el, teardown);
@@ -2086,7 +2175,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);
@@ -2156,7 +2245,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.`
         );
@@ -2177,7 +2266,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.`
         );
@@ -2192,7 +2281,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.`
           );
@@ -2305,7 +2394,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");
@@ -2381,7 +2470,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",
@@ -2677,7 +2766,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.`
           );
@@ -2805,7 +2894,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());
@@ -2890,7 +2979,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.`
         );
@@ -2905,12 +2994,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)}`
             );
@@ -2924,7 +3013,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 {
@@ -2998,7 +3087,7 @@ function each(getArray, render, options) {
     workMap = tmp;
     initialized = true;
   };
-  const untrack = track(update);
+  const untrack = track2(update);
   registerDisposer(anchor, untrack);
   if (!initialized) {
     queueMicrotask(() => {
@@ -3111,7 +3200,7 @@ function DynamicComponent(is) {
     }
     container.replaceChildren(el);
   }
-  const untrack = track(render);
+  const untrack = track2(render);
   registerDisposer(container, untrack);
   return container;
 }
@@ -3126,7 +3215,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) {
@@ -3153,7 +3242,7 @@ function when(condition, thenBranch, elseBranch) {
     }
     initialized = true;
   };
-  registerDisposer(anchor, track(update));
+  registerDisposer(anchor, track2(update));
   if (!initialized) {
     queueMicrotask(() => {
       if (!initialized && anchor.parentNode) update();
@@ -3188,7 +3277,7 @@ function match(value, cases, fallback) {
     }
     initialized = true;
   };
-  registerDisposer(anchor, track(update));
+  registerDisposer(anchor, track2(update));
   if (!initialized) {
     queueMicrotask(() => {
       if (!initialized && anchor.parentNode) update();
@@ -3257,7 +3346,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();
@@ -3278,10 +3367,24 @@ 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);
+var ACTIONS_KEY = /* @__PURE__ */ Symbol.for("sibujs.actions.v1");
+var _actions = globalThis[ACTIONS_KEY] ?? (globalThis[ACTIONS_KEY] = /* @__PURE__ */ new Map());
+function registerAction(name, fn) {
+  _actions.set(name, fn);
+}
+function getAction(name) {
+  return _actions.get(name);
+}
+function action(element, action2, param2) {
+  const actionFn = typeof action2 === "string" ? getAction(action2) : action2;
+  if (!actionFn) {
+    throw new Error(
+      `[SibuJS] No action registered under the name "${action2}". Register it with registerAction() before applying it by name.`
+    );
+  }
+  const cleanup3 = actionFn(element, param2);
+  if (typeof cleanup3 === "function") {
+    registerDisposer(element, cleanup3);
   }
 }
 var clickOutside = (element, callback) => {
@@ -3355,6 +3458,11 @@ var trapFocus = (element) => {
   element.addEventListener("keydown", handler);
   return () => element.removeEventListener("keydown", handler);
 };
+registerAction("clickOutside", clickOutside);
+registerAction("longPress", longPress);
+registerAction("copyOnClick", copyOnClick);
+registerAction("autoResize", autoResize);
+registerAction("trapFocus", trapFocus);
 
 // src/core/rendering/catch.ts
 var globalErrorHandler = null;
@@ -3403,19 +3511,20 @@ function setGlobalErrorHandler(handler) {
 }
 
 // src/core/rendering/createId.ts
-var idCounter = 0;
+var COUNTER_KEY = /* @__PURE__ */ Symbol.for("sibujs.createId.v1");
+var _counter = globalThis[COUNTER_KEY] ?? (globalThis[COUNTER_KEY] = { n: 0 });
 function createId(prefix = "sibu") {
-  idCounter++;
-  return `${prefix}-${idCounter}`;
+  _counter.n++;
+  return `${prefix}-${_counter.n}`;
 }
 function __resetIdCounter() {
-  idCounter = 0;
+  _counter.n = 0;
 }
 
 // src/reactivity/batch.ts
 var batchDepth = 0;
 var pendingSignals = /* @__PURE__ */ new Set();
-function batch(fn) {
+function batchImpl(fn) {
   batchDepth++;
   try {
     return fn();
@@ -3426,28 +3535,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,
@@ -3458,11 +3584,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;
@@ -3475,15 +3601,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;
@@ -3493,7 +3619,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 {
@@ -3504,11 +3630,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 });
   }
@@ -3516,23 +3642,29 @@ function signal(initial, 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();
@@ -3597,11 +3729,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));
     }
   };
 }
@@ -3623,7 +3755,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;
@@ -3652,7 +3784,7 @@ function disposeEffect(ctx) {
     }
   }
   try {
-    cleanup(ctx.subscriber);
+    cleanup2(ctx.subscriber);
   } catch (err) {
     if (typeof console !== "undefined") {
       console.warn("[SibuJS effect] dispose threw:", err);
@@ -3697,7 +3829,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;
@@ -3713,7 +3845,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;
@@ -3746,7 +3878,7 @@ function derived(getter, options) {
     cs._d = false;
     cs._init = true;
   };
-  track(() => {
+  track2(() => {
     let threw = true;
     try {
       cs._v = getter();
@@ -3765,12 +3897,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;
@@ -3778,12 +3910,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;
@@ -3821,15 +3953,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;
 }
 
@@ -3892,11 +4024,11 @@ function store(initialState) {
         first = false;
         return;
       }
-      suspendTracking();
+      suspendTracking2();
       try {
         callback(snapshot);
       } finally {
-        resumeTracking();
+        resumeTracking2();
       }
     });
   };
@@ -3913,11 +4045,11 @@ function store(initialState) {
       if (!Object.is(current, prev)) {
         const oldPrev = prev;
         prev = current;
-        suspendTracking();
+        suspendTracking2();
         try {
           callback(current, oldPrev);
         } finally {
-          resumeTracking();
+          resumeTracking2();
         }
       }
     });
@@ -4019,11 +4151,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);
@@ -4279,9 +4411,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();
@@ -4597,7 +4729,7 @@ function defer(getter) {
       }
     });
   };
-  const teardown = track(() => {
+  const teardown = track2(() => {
     latest = getter();
     schedule();
   });
@@ -4749,14 +4881,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);
@@ -5067,7 +5199,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");