sibujs 4.0.0 → 4.1.0

package/dist/index.d.ts

@@ -1186,6 +1186,70 @@ interface SignalOptions<T = unknown> {
  * @param options Optional config: `{ name: "count" }` for devtools labeling
  */
 declare function signal<T>(initial: T, options?: SignalOptions<T>): StateTuple<T>;
+/**
+ * A valueless reactive token standing in for state SibuJS does not own.
+ *
+ * See {@link external}.
+ */
+interface ExternalSource {
+    /**
+     * Declare, from inside a reactive computation, that it reads the external
+     * state this source represents. Call it in the same places you would read a
+     * signal — the top of a binding getter, a `derived()` body, an `effect()`.
+     *
+     * Outside a tracking context it is a no-op, exactly like reading a signal.
+     */
+    track(): void;
+    /**
+     * Declare that the external state changed. Every consumer that called
+     * {@link ExternalSource.track} is invalidated.
+     *
+     * Participates in `batch()` like any signal write: inside a batch, consumers
+     * are notified once when the outermost batch flushes.
+     */
+    invalidate(): void;
+}
+/**
+ * Create a reactive source for state that lives outside SibuJS — a domain
+ * engine, a media element, a canvas scene, an editor document, a cache a
+ * socket writes into.
+ *
+ * The pattern is two lines: `track()` where you read, `invalidate()` after you
+ * mutate.
+ *
+ * ```ts
+ * import { Chess } from "chess.js";
+ * import { external } from "sibujs";
+ *
+ * const game = new Chess();      // owns the rules and the mutable state
+ * const moved = external();      // owns "something changed"
+ *
+ * ctx.text("@status", () => {
+ *   moved.track();               // this binding reads the engine
+ *   return game.isCheckmate() ? "Checkmate" : `${game.turn()} to move`;
+ * });
+ *
+ * game.move({ from: "e2", to: "e4" });
+ * moved.invalidate();            // every consumer above re-reads
+ * ```
+ *
+ * **One source is one invalidation domain.** Every consumer of a source
+ * re-runs on every `invalidate()`, so the granularity of your updates is
+ * exactly the granularity of your sources: one for a whole engine is the
+ * cheapest to write, several (`board`, `clock`, `history`) let an update touch
+ * only what it affects. See `docs/architecture/external-state.md` for the
+ * trade-offs and when subdividing is worth it.
+ *
+ * Ownership, disposal and error routing are the consumer's, not the source's:
+ * a disposed binding or effect is never invalidated, and a consumer that
+ * throws is reported through the normal runtime error pipeline with its own
+ * phase and node.
+ *
+ * @param options `name` labels the source in devtools (development only).
+ */
+declare function external(options?: {
+    name?: string;
+}): ExternalSource;
 
 /**
  * Reactive array hook. Provides common array operations that
@@ -1683,6 +1747,37 @@ declare function strict<T>(fn: () => T): T;
  */
 declare function strictEffect(fn: () => void): () => void;
 
+/** Event handlers for {@link EachBindings}, typed per event name. */
+type EachEventBindings = {
+    [K in keyof HTMLElementEventMap]?: (event: HTMLElementEventMap[K], el: HTMLElement) => void;
+};
+/**
+ * What {@link EnhanceContext.each} attaches to one element.
+ *
+ * Every field maps one-to-one onto an existing `ctx.*` helper and is committed
+ * through it — this is a shorthand for calls you could write by hand, not a
+ * template language and not a second binding engine. There is no expression
+ * parsing, no string interpolation and no `eval`: every value is a plain
+ * function you wrote, so it stays CSP-safe and fully type-checked.
+ *
+ * Anything not covered here (two-way `model()`, listener options, a nested
+ * `enhance`) is written imperatively in the same callback — it receives the
+ * element, so `ctx.model(el, …)` beside a returned descriptor is normal.
+ */
+interface EachBindings {
+    /** Reactive `textContent` — same as `ctx.text(el, value)`. */
+    text?: () => unknown;
+    /** Reactive attributes by name — same as `ctx.attr(el, name, value)`. */
+    attr?: Record<string, () => unknown>;
+    /** Reactive class toggles by class name — same as `ctx.classed(el, name, on)`. */
+    class?: Record<string, () => boolean>;
+    /** Reactive visibility — same as `ctx.show(el, when)`. */
+    show?: () => boolean;
+    /** Event listeners by event name — same as `ctx.on(el, event, handler)`. */
+    on?: EachEventBindings;
+    /** Per-element teardown, run with the rest of the enhancement's cleanups. */
+    cleanup?: () => void;
+}
 /**
  * Helpers handed to an `enhance` setup. Every binding is fine-grained (its own
  * effect) and auto-disposed when the root element (or the returned dispose) is
@@ -1715,6 +1810,43 @@ interface EnhanceContext {
     model<T>(target: string | Element, state: readonly [() => T, (value: T) => void], options?: {
         event?: string;
     }): void;
+    /**
+     * Bind a set of elements the server already rendered — a board, a table, a
+     * keyboard, a timeline, a legend — one descriptor at a time.
+     *
+     * The callback receives each element and its index and returns what to
+     * attach; every field is committed through the matching `ctx.*` helper, so
+     * ownership, disposal, write elision, attribute sanitization and error
+     * routing are byte-for-byte the same as writing the calls out by hand. No
+     * element is created, replaced, moved or re-parented — node identity is
+     * preserved, which is the entire point of enhancing existing markup.
+     *
+     * ```ts
+     * ctx.each<HTMLButtonElement>("@square", (el) => {
+     *   const square = el.dataset.square as Square;
+     *   return {
+     *     text: () => pieceAt(square),
+     *     class: { selected: () => selected() === square },
+     *     attr: { "aria-label": () => describe(square) },
+     *     on: { click: () => choose(square) },
+     *   };
+     * });
+     * ```
+     *
+     * The callback may also return nothing and wire the element imperatively —
+     * `ctx.model(el, …)`, `ctx.on(el, "click", h, { passive: true })` — for the
+     * cases the descriptor deliberately does not cover.
+     *
+     * Zero matches is a silent no-op. Calling `each` twice over the same
+     * elements creates two independent sets of bindings, exactly as calling
+     * `ctx.text()` twice on one node does; the helper is sugar over those calls
+     * and does not track what a previous call attached.
+     *
+     * @param target A `@ref`/CSS selector resolved with {@link EnhanceContext.refs},
+     *   or any iterable of elements (an array, a `NodeList`, an `HTMLCollection`).
+     * @param describe Called once per element, in document order.
+     */
+    each<T extends Element = HTMLElement>(target: string | Iterable<Element>, describe: (element: T, index: number) => EachBindings | void): void;
     /** Register arbitrary teardown to run on disposal. */
     cleanup(fn: () => void): void;
 }
@@ -2021,4 +2153,4 @@ declare const untracked: ReactiveApi["untracked"];
 declare const retrack: ReactiveApi["retrack"];
 declare const setMaxDrainIterations: ReactiveApi["setMaxDrainIterations"];
 
-export { type Accessor, type ActionFn, type AnchorProps, type ArrayActions, type AsyncDerivedContext, type AsyncDerivedState, type AudioProps, type ButtonProps, type Context, DynamicComponent, type EffectBody, type EffectOptions, type EnhanceContext, type EnhanceSetup, ErrorBoundary, type ErrorBoundaryOptions, type ErrorBoundaryProps, ErrorDisplay, type ErrorDisplayProps, type ErrorSeverity, type FormProps, Fragment, type ImgProps, type InputProps, type InputType, type IslandLoader, type IslandRegistration, type IslandStrategy, KeepAlive, type KeepAliveOptions, type LabelProps, Loading, type LoadingProps, type LongPressOptions, MAX_DRAIN_TEARDOWNS, type MediaProps, type MountIslandsOptions, NodeChild, NodeChildren, type OnCleanup, type OptionProps, Portal, type Ref, type RuntimeErrorContext, type RuntimeErrorHandler, type RuntimeErrorPhase, type SSRStore, type SelectProps, type SignalOptions, type SlotFn, type Slots, type StoreActions, Suspense, type SuspenseProps, TagProps, type TextareaProps, type TypedTagFunction, type VideoProps, __resetIdCounter, a, abbr, action, address, area, array, article, aside, asyncDerived, audio, autoResize, b, base, batch, bdi, bdo, bindDynamic, blockquote, body, br, button, canvas, caption, catchError, catchErrorAsync, center, checkLeaks, circle, cite, clickOutside, clipPath, code, col, colgroup, context, copyOnClick, createId, customElement, data, datalist, dd, deepEqual, deepSignal, defer, defs, del, derived, details, dfn, dialog, disableSSR, dispose, div, dl, dt, each, effect, ellipse, em, embed, enableSSR, enhance, enhanceAll, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getAction, getRequestScopedCache, getRuntimeErrorHandler, getSSRStore, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, lazyIsland, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, menu, meta, meter, mount, mountIslands, nav, nextTick, noscript, object, ol, on, onCleanup, onMount, onUnmount, optgroup, option, output, p, param, path, pattern, picture, polygon, polyline, portal, pre, progress, q, radialGradient, reactiveArray, rect, ref, registerAction, registerComponent, registerDisposer, registerIsland, replaceChildrenSafely, reportDrainRunaway, reportError, resolveComponent, retrack, rp, rt, ruby, runInSSRContext, s, samp, script, section, select, setGlobalErrorHandler, setMaxDrainIterations, setRuntimeErrorHandler, show, signal, slot, small, source, span, stop, store, strict, strictEffect, strong, style, sub, summary, sup, svg, symbol, table, takePendingError, tbody, td, template, text, textarea, tfoot, th, thead, time, title, tr, track$1 as track, transition, trapFocus, tspan, u, ul, unregisterComponent, unregisterDisposer, unregisterIsland, untracked, use, var_, video, watch, when, withSSR, writable };
+export { type Accessor, type ActionFn, type AnchorProps, type ArrayActions, type AsyncDerivedContext, type AsyncDerivedState, type AudioProps, type ButtonProps, type Context, DynamicComponent, type EachBindings, type EachEventBindings, type EffectBody, type EffectOptions, type EnhanceContext, type EnhanceSetup, ErrorBoundary, type ErrorBoundaryOptions, type ErrorBoundaryProps, ErrorDisplay, type ErrorDisplayProps, type ErrorSeverity, type ExternalSource, type FormProps, Fragment, type ImgProps, type InputProps, type InputType, type IslandLoader, type IslandRegistration, type IslandStrategy, KeepAlive, type KeepAliveOptions, type LabelProps, Loading, type LoadingProps, type LongPressOptions, MAX_DRAIN_TEARDOWNS, type MediaProps, type MountIslandsOptions, NodeChild, NodeChildren, type OnCleanup, type OptionProps, Portal, type Ref, type RuntimeErrorContext, type RuntimeErrorHandler, type RuntimeErrorPhase, type SSRStore, type SelectProps, type SignalOptions, type SlotFn, type Slots, type StoreActions, Suspense, type SuspenseProps, TagProps, type TextareaProps, type TypedTagFunction, type VideoProps, __resetIdCounter, a, abbr, action, address, area, array, article, aside, asyncDerived, audio, autoResize, b, base, batch, bdi, bdo, bindDynamic, blockquote, body, br, button, canvas, caption, catchError, catchErrorAsync, center, checkLeaks, circle, cite, clickOutside, clipPath, code, col, colgroup, context, copyOnClick, createId, customElement, data, datalist, dd, deepEqual, deepSignal, defer, defs, del, derived, details, dfn, dialog, disableSSR, dispose, div, dl, dt, each, effect, ellipse, em, embed, enableSSR, enhance, enhanceAll, enqueueBatchedSignal, external, fieldset, figcaption, figure, font, footer, form, g, getAction, getRequestScopedCache, getRuntimeErrorHandler, getSSRStore, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, lazyIsland, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, menu, meta, meter, mount, mountIslands, nav, nextTick, noscript, object, ol, on, onCleanup, onMount, onUnmount, optgroup, option, output, p, param, path, pattern, picture, polygon, polyline, portal, pre, progress, q, radialGradient, reactiveArray, rect, ref, registerAction, registerComponent, registerDisposer, registerIsland, replaceChildrenSafely, reportDrainRunaway, reportError, resolveComponent, retrack, rp, rt, ruby, runInSSRContext, s, samp, script, section, select, setGlobalErrorHandler, setMaxDrainIterations, setRuntimeErrorHandler, show, signal, slot, small, source, span, stop, store, strict, strictEffect, strong, style, sub, summary, sup, svg, symbol, table, takePendingError, tbody, td, template, text, textarea, tfoot, th, thead, time, title, tr, track$1 as track, transition, trapFocus, tspan, u, ul, unregisterComponent, unregisterDisposer, unregisterIsland, untracked, use, var_, video, watch, when, withSSR, writable };

package/dist/index.js

@@ -52,7 +52,7 @@ import {
   unregisterIsland,
   when,
   writable
-} from "./chunk-GCSGGA3Q.js";
+} from "./chunk-ANGSYNPX.js";
 import {
   a,
   abbr,
@@ -190,36 +190,36 @@ import {
   use,
   var_,
   video
-} from "./chunk-ES2GERY2.js";
+} from "./chunk-MRAMKDHQ.js";
 import {
   trustHTML
 } from "./chunk-HYCCIYNS.js";
 import {
   watch
-} from "./chunk-RRIDJQ5C.js";
+} from "./chunk-KSOEJGFO.js";
 import {
   __resetIdCounter,
   createId
 } from "./chunk-CCSJMTRN.js";
 import {
   context
-} from "./chunk-O3QQ3XOL.js";
+} from "./chunk-5GJ5RTHA.js";
 import {
   SVG_NS,
   tagFactory
-} from "./chunk-DQVUBVNX.js";
+} from "./chunk-I3VI34DP.js";
 import {
   bindDynamic
-} from "./chunk-4MFZMLUU.js";
+} from "./chunk-SHDVWATN.js";
 import {
   derived
-} from "./chunk-Z2CE42DB.js";
+} from "./chunk-DCDS2PQ6.js";
 import "./chunk-5INI7D2L.js";
 import "./chunk-7ZHH77QA.js";
 import {
   effect,
   on
-} from "./chunk-PBQEW5VW.js";
+} from "./chunk-PFTDGEPZ.js";
 import {
   disableSSR,
   enableSSR,
@@ -241,14 +241,15 @@ import {
 import {
   batch,
   enqueueBatchedSignal,
+  external,
   isBatching,
   signal
-} from "./chunk-W55YHPEP.js";
+} from "./chunk-UFSQEO7P.js";
 import {
   retrack,
   setMaxDrainIterations,
   untracked
-} from "./chunk-ACBT6UZS.js";
+} from "./chunk-D3SZ4LVS.js";
 import {
   getRuntimeErrorHandler,
   reportError,
@@ -330,6 +331,7 @@ export {
   enhance,
   enhanceAll,
   enqueueBatchedSignal,
+  external,
   fieldset,
   figcaption,
   figure,

package/dist/motion.cjs

@@ -469,7 +469,14 @@ function reactiveBinding(commit, ownerNode) {
   subscriber._disposed = false;
   subscriber._errorPhase = "binding";
   subscriber._errorNode = ownerNode;
-  run();
+  try {
+    run();
+  } catch (err) {
+    subscriber._disposed = true;
+    subscriber._errorNode = void 0;
+    cleanup(subscriber);
+    throw err;
+  }
   return subscriber._dispose ?? (subscriber._dispose = () => {
     subscriber._disposed = true;
     subscriber._errorNode = void 0;
@@ -701,7 +708,7 @@ function forEachSubscriber(signal2, visit) {
 
 // src/reactivity/track.ts
 var _isDev3 = isDev();
-var _runtimeVersion = true ? "4.0.0" : "dev";
+var _runtimeVersion = true ? "4.1.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/motion.js

@@ -20,10 +20,10 @@ import {
   stagger,
   transition,
   viewTransition
-} from "./chunk-E62UADKL.js";
+} from "./chunk-IM7N5WR4.js";
 import "./chunk-DHDZ7IVN.js";
-import "./chunk-W55YHPEP.js";
-import "./chunk-ACBT6UZS.js";
+import "./chunk-UFSQEO7P.js";
+import "./chunk-D3SZ4LVS.js";
 import "./chunk-VPP2FONR.js";
 export {
   TransitionGroup,

package/dist/patterns.cjs

@@ -371,7 +371,14 @@ function reactiveBinding(commit, ownerNode) {
   subscriber._disposed = false;
   subscriber._errorPhase = "binding";
   subscriber._errorNode = ownerNode;
-  run();
+  try {
+    run();
+  } catch (err) {
+    subscriber._disposed = true;
+    subscriber._errorNode = void 0;
+    cleanup(subscriber);
+    throw err;
+  }
   return subscriber._dispose ?? (subscriber._dispose = () => {
     subscriber._disposed = true;
     subscriber._errorNode = void 0;
@@ -603,7 +610,7 @@ function forEachSubscriber(signal2, visit) {
 
 // src/reactivity/track.ts
 var _isDev2 = isDev();
-var _runtimeVersion = true ? "4.0.0" : "dev";
+var _runtimeVersion = true ? "4.1.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/patterns.js

@@ -5,7 +5,7 @@ import {
   optimisticList,
   persisted,
   timeline
-} from "./chunk-WOOMUJFT.js";
+} from "./chunk-4U7KD3RY.js";
 import {
   RenderProp,
   assertType,
@@ -23,11 +23,11 @@ import {
   withWrapper
 } from "./chunk-VJE6DDYM.js";
 import "./chunk-H3SRKIYX.js";
-import "./chunk-Z2CE42DB.js";
-import "./chunk-PBQEW5VW.js";
+import "./chunk-DCDS2PQ6.js";
+import "./chunk-PFTDGEPZ.js";
 import "./chunk-TIRZCERI.js";
-import "./chunk-W55YHPEP.js";
-import "./chunk-ACBT6UZS.js";
+import "./chunk-UFSQEO7P.js";
+import "./chunk-D3SZ4LVS.js";
 import "./chunk-VPP2FONR.js";
 export {
   RenderProp,

package/dist/performance.cjs

@@ -558,7 +558,14 @@ function reactiveBinding(commit, ownerNode) {
   subscriber._disposed = false;
   subscriber._errorPhase = "binding";
   subscriber._errorNode = ownerNode;
-  run();
+  try {
+    run();
+  } catch (err) {
+    subscriber._disposed = true;
+    subscriber._errorNode = void 0;
+    cleanup(subscriber);
+    throw err;
+  }
   return subscriber._dispose ?? (subscriber._dispose = () => {
     subscriber._disposed = true;
     subscriber._errorNode = void 0;
@@ -790,7 +797,7 @@ function forEachSubscriber(signal2, visit) {
 
 // src/reactivity/track.ts
 var _isDev2 = isDev();
-var _runtimeVersion = true ? "4.0.0" : "dev";
+var _runtimeVersion = true ? "4.1.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/performance.js

@@ -33,17 +33,17 @@ import {
   transitionState,
   uniqueId,
   yieldToMain
-} from "./chunk-3EKJK5FZ.js";
+} from "./chunk-LOFZHP6V.js";
 import {
   trustHTML
 } from "./chunk-HYCCIYNS.js";
 import "./chunk-5INI7D2L.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-PBQEW5VW.js";
+import "./chunk-PFTDGEPZ.js";
 import "./chunk-TIRZCERI.js";
 import "./chunk-DHDZ7IVN.js";
-import "./chunk-W55YHPEP.js";
-import "./chunk-ACBT6UZS.js";
+import "./chunk-UFSQEO7P.js";
+import "./chunk-D3SZ4LVS.js";
 import "./chunk-VPP2FONR.js";
 export {
   DOMPool,

package/dist/plugins.cjs

@@ -1587,7 +1587,14 @@ function reactiveBinding(commit, ownerNode) {
   subscriber._disposed = false;
   subscriber._errorPhase = "binding";
   subscriber._errorNode = ownerNode;
-  run();
+  try {
+    run();
+  } catch (err) {
+    subscriber._disposed = true;
+    subscriber._errorNode = void 0;
+    cleanup(subscriber);
+    throw err;
+  }
   return subscriber._dispose ?? (subscriber._dispose = () => {
     subscriber._disposed = true;
     subscriber._errorNode = void 0;
@@ -1819,7 +1826,7 @@ function forEachSubscriber(signal2, visit) {
 
 // src/reactivity/track.ts
 var _isDev3 = isDev();
-var _runtimeVersion = true ? "4.0.0" : "dev";
+var _runtimeVersion = true ? "4.1.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;
@@ -2015,9 +2022,9 @@ function toKebab(prop) {
 }
 function applyStyle(el, style2) {
   if (typeof style2 === "function") {
-    const teardown = track2(() => {
+    const teardown = reactiveBinding2(() => {
       el.setAttribute("style", sanitizeStyleAttribute(String(style2())));
-    });
+    }, el);
     registerDisposer(el, teardown);
     return;
   }
@@ -2031,9 +2038,9 @@ function applyStyle(el, style2) {
     const name = toKebab(prop);
     if (typeof val === "function") {
       const getter = val;
-      const teardown = track2(() => {
+      const teardown = reactiveBinding2(() => {
         htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter())));
-      });
+      }, el);
       registerDisposer(el, teardown);
     } else {
       htmlEl.style.setProperty(name, sanitizeCSSValue(String(val)));
@@ -2046,9 +2053,9 @@ function applyClass(el, cls) {
     return;
   }
   if (typeof cls === "function") {
-    const teardown = track2(() => {
+    const teardown = reactiveBinding2(() => {
       el.setAttribute("class", cls());
-    });
+    }, el);
     registerDisposer(el, teardown);
     return;
   }
@@ -2073,7 +2080,7 @@ function applyClass(el, cls) {
       }
       el.setAttribute("class", r);
     };
-    const teardown = track2(update);
+    const teardown = reactiveBinding2(update, el);
     registerDisposer(el, teardown);
   } else {
     el.setAttribute("class", result);

package/dist/plugins.js

@@ -35,14 +35,14 @@ import {
 } from "./chunk-WWV3SJ3L.js";
 import {
   span
-} from "./chunk-ES2GERY2.js";
+} from "./chunk-MRAMKDHQ.js";
 import {
   escapeScriptJson,
   renderToString,
   serializeHeadEntry
 } from "./chunk-HYCCIYNS.js";
-import "./chunk-DQVUBVNX.js";
-import "./chunk-4MFZMLUU.js";
+import "./chunk-I3VI34DP.js";
+import "./chunk-SHDVWATN.js";
 import {
   isUrlAttribute,
   sanitizeStyleAttribute,
@@ -54,7 +54,7 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-PBQEW5VW.js";
+} from "./chunk-PFTDGEPZ.js";
 import {
   getRequestStore
 } from "./chunk-TIRZCERI.js";
@@ -64,10 +64,10 @@ import {
 } from "./chunk-DHDZ7IVN.js";
 import {
   signal
-} from "./chunk-W55YHPEP.js";
+} from "./chunk-UFSQEO7P.js";
 import {
   track
-} from "./chunk-ACBT6UZS.js";
+} from "./chunk-D3SZ4LVS.js";
 import {
   devWarn,
   isDev

package/dist/ssr.cjs

@@ -1346,7 +1346,14 @@ function reactiveBinding(commit, ownerNode) {
   subscriber._disposed = false;
   subscriber._errorPhase = "binding";
   subscriber._errorNode = ownerNode;
-  run();
+  try {
+    run();
+  } catch (err) {
+    subscriber._disposed = true;
+    subscriber._errorNode = void 0;
+    cleanup(subscriber);
+    throw err;
+  }
   return subscriber._dispose ?? (subscriber._dispose = () => {
     subscriber._disposed = true;
     subscriber._errorNode = void 0;
@@ -1578,7 +1585,7 @@ function forEachSubscriber(signal2, visit) {
 
 // src/reactivity/track.ts
 var _isDev4 = isDev();
-var _runtimeVersion = true ? "4.0.0" : "dev";
+var _runtimeVersion = true ? "4.1.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;
@@ -2567,9 +2574,9 @@ function toKebab(prop) {
 }
 function applyStyle(el, style2) {
   if (typeof style2 === "function") {
-    const teardown = track2(() => {
+    const teardown = reactiveBinding2(() => {
       el.setAttribute("style", sanitizeStyleAttribute(String(style2())));
-    });
+    }, el);
     registerDisposer(el, teardown);
     return;
   }
@@ -2583,9 +2590,9 @@ function applyStyle(el, style2) {
     const name = toKebab(prop);
     if (typeof val === "function") {
       const getter = val;
-      const teardown = track2(() => {
+      const teardown = reactiveBinding2(() => {
         htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter())));
-      });
+      }, el);
       registerDisposer(el, teardown);
     } else {
       htmlEl.style.setProperty(name, sanitizeCSSValue(String(val)));
@@ -2598,9 +2605,9 @@ function applyClass(el, cls) {
     return;
   }
   if (typeof cls === "function") {
-    const teardown = track2(() => {
+    const teardown = reactiveBinding2(() => {
       el.setAttribute("class", cls());
-    });
+    }, el);
     registerDisposer(el, teardown);
     return;
   }
@@ -2625,7 +2632,7 @@ function applyClass(el, cls) {
       }
       el.setAttribute("class", r);
     };
-    const teardown = track2(update);
+    const teardown = reactiveBinding2(update, el);
     registerDisposer(el, teardown);
   } else {
     el.setAttribute("class", result);

package/dist/ssr.js

@@ -23,9 +23,9 @@ import {
   wasm,
   worker,
   workerFn
-} from "./chunk-VFHIVEPF.js";
+} from "./chunk-BMSN6NWQ.js";
 import "./chunk-52XFPGSN.js";
-import "./chunk-ES2GERY2.js";
+import "./chunk-MRAMKDHQ.js";
 import {
   collectStream,
   deserializeState,
@@ -46,15 +46,15 @@ import {
   suspenseSwapScript,
   trustHTML
 } from "./chunk-HYCCIYNS.js";
-import "./chunk-DQVUBVNX.js";
-import "./chunk-4MFZMLUU.js";
+import "./chunk-I3VI34DP.js";
+import "./chunk-SHDVWATN.js";
 import "./chunk-5INI7D2L.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-PBQEW5VW.js";
+import "./chunk-PFTDGEPZ.js";
 import "./chunk-TIRZCERI.js";
 import "./chunk-DHDZ7IVN.js";
-import "./chunk-W55YHPEP.js";
-import "./chunk-ACBT6UZS.js";
+import "./chunk-UFSQEO7P.js";
+import "./chunk-D3SZ4LVS.js";
 import "./chunk-VPP2FONR.js";
 export {
   Head,

package/dist/testing.cjs

@@ -1899,7 +1899,14 @@ function reactiveBinding(commit, ownerNode) {
   subscriber._disposed = false;
   subscriber._errorPhase = "binding";
   subscriber._errorNode = ownerNode;
-  run();
+  try {
+    run();
+  } catch (err) {
+    subscriber._disposed = true;
+    subscriber._errorNode = void 0;
+    cleanup(subscriber);
+    throw err;
+  }
   return subscriber._dispose ?? (subscriber._dispose = () => {
     subscriber._disposed = true;
     subscriber._errorNode = void 0;
@@ -2131,7 +2138,7 @@ function forEachSubscriber(signal, visit) {
 
 // src/reactivity/track.ts
 var _isDev3 = isDev();
-var _runtimeVersion = true ? "4.0.0" : "dev";
+var _runtimeVersion = true ? "4.1.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/testing.js

@@ -3,12 +3,12 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-PBQEW5VW.js";
+} from "./chunk-PFTDGEPZ.js";
 import "./chunk-TIRZCERI.js";
 import {
   replaceChildrenSafely
 } from "./chunk-DHDZ7IVN.js";
-import "./chunk-ACBT6UZS.js";
+import "./chunk-D3SZ4LVS.js";
 import "./chunk-VPP2FONR.js";
 
 // src/testing/a11y.ts

package/dist/ui.cjs

@@ -489,7 +489,14 @@ function reactiveBinding(commit, ownerNode) {
   subscriber._disposed = false;
   subscriber._errorPhase = "binding";
   subscriber._errorNode = ownerNode;
-  run();
+  try {
+    run();
+  } catch (err) {
+    subscriber._disposed = true;
+    subscriber._errorNode = void 0;
+    cleanup(subscriber);
+    throw err;
+  }
   return subscriber._dispose ?? (subscriber._dispose = () => {
     subscriber._disposed = true;
     subscriber._errorNode = void 0;
@@ -721,7 +728,7 @@ function forEachSubscriber(signal2, visit) {
 
 // src/reactivity/track.ts
 var _isDev3 = isDev();
-var _runtimeVersion = true ? "4.0.0" : "dev";
+var _runtimeVersion = true ? "4.1.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;