sibujs 4.3.0 → 4.5.0

package/dist/{chunk-ZVYNIUOG.js → chunk-FTIR4QW2.js}

@@ -6,18 +6,18 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-7BJLKDBI.js";
+} from "./chunk-RIXRAYIU.js";
 import {
   dispose
 } from "./chunk-QKRPLZ2V.js";
 import {
   signal
-} from "./chunk-MYA5HEK5.js";
+} from "./chunk-XZZOBQAY.js";
 import {
   forEachSubscriber,
   getSubscriberCount,
   getSubscriberDeps
-} from "./chunk-TSL64O5L.js";
+} from "./chunk-UGRX3S57.js";
 import {
   isDev
 } from "./chunk-2WLZ6757.js";
@@ -296,6 +296,16 @@ function initDevTools(config) {
     });
     emit();
   });
+  hook.on("computed:destroy", (payload) => {
+    const p = payload;
+    for (const [id, node] of hook.nodes) {
+      if (node.ref === p.signal) {
+        hook.nodes.delete(id);
+        break;
+      }
+    }
+    emit();
+  });
   hook.on("effect:create", (payload) => {
     _dt.nextNodeId++;
     const name = inferName();

package/dist/{chunk-G7GPNB6N.js → chunk-GW3SCCZG.js}

@@ -1,22 +1,22 @@
 import {
   watch
-} from "./chunk-IYHM4FWD.js";
+} from "./chunk-7LN645I6.js";
 import {
   createId
 } from "./chunk-CCSJMTRN.js";
 import {
   derived
-} from "./chunk-3E5YNK2F.js";
+} from "./chunk-RBTPLM32.js";
 import {
   stripHtml
 } from "./chunk-IXKSNWV5.js";
 import {
   effect
-} from "./chunk-7BJLKDBI.js";
+} from "./chunk-RIXRAYIU.js";
 import {
   batch,
   signal
-} from "./chunk-MYA5HEK5.js";
+} from "./chunk-XZZOBQAY.js";
 
 // src/widgets/Combobox.ts
 var boundComboboxes = /* @__PURE__ */ new WeakMap();

package/dist/{chunk-XGCZ45NH.js → chunk-KEISJXBU.js}

@@ -1,7 +1,7 @@
 import {
   bindAttribute,
   setSafeAttribute
-} from "./chunk-7UBG6LDP.js";
+} from "./chunk-ONOHFDLG.js";
 import {
   isEventHandlerAttr,
   sanitizeCSSValue,
@@ -13,7 +13,7 @@ import {
 } from "./chunk-QKRPLZ2V.js";
 import {
   reactiveBinding
-} from "./chunk-TSL64O5L.js";
+} from "./chunk-UGRX3S57.js";
 import {
   DEV,
   devWarn,

package/dist/{chunk-UD6YE2GW.js → chunk-OMJJM3KM.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk-52XFPGSN.js";
 import {
   effect
-} from "./chunk-7BJLKDBI.js";
+} from "./chunk-RIXRAYIU.js";
 import {
   batch,
   signal
-} from "./chunk-MYA5HEK5.js";
+} from "./chunk-XZZOBQAY.js";
 import {
   reportError
 } from "./chunk-2WLZ6757.js";

package/dist/{chunk-7UBG6LDP.js → chunk-ONOHFDLG.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-IXKSNWV5.js";
 import {
   reactiveBinding
-} from "./chunk-TSL64O5L.js";
+} from "./chunk-UGRX3S57.js";
 import {
   DEV,
   devWarn,
@@ -62,6 +62,14 @@ function setSafeAttribute(el, name, value, options = {}) {
   const html = isHtmlElement(el);
   const idlName = html ? name.toLowerCase() : name;
   if (typeof value === "boolean") {
+    if (name.length > 5 && name.slice(0, 5).toLowerCase() === "aria-") {
+      const token = value ? "true" : "false";
+      if ((ns ? el.getAttributeNS(ns, localName) : el.getAttribute(name)) !== token) {
+        if (ns) el.setAttributeNS(ns, name, token);
+        else el.setAttribute(name, token);
+      }
+      return true;
+    }
     if (html && BOOLEAN_IDL_ATTRS.has(idlName) && idlName in el) {
       setProp(el, idlName, value);
     } else if (value) {

package/dist/{chunk-7UK6BSAT.js → chunk-PCT43HW3.js}

@@ -1,7 +1,7 @@
 import {
   SVG_NS,
   tagFactory
-} from "./chunk-XGCZ45NH.js";
+} from "./chunk-KEISJXBU.js";
 
 // src/core/rendering/html.ts
 var html = tagFactory("html");

package/dist/{chunk-VJE6DDYM.js → chunk-R25EFXXC.js}

@@ -1,3 +1,8 @@
+import {
+  DEV,
+  devWarn
+} from "./chunk-2WLZ6757.js";
+
 // src/patterns/hoc.ts
 function withWrapper(WrappedComponent, wrapper) {
   return (props) => wrapper(WrappedComponent, props);
@@ -113,31 +118,39 @@ var validators = {
 };
 function validateProps(props, schema) {
   const result = { ...props };
-  const errors = [];
-  const isDev = typeof process === "undefined" || process?.env?.NODE_ENV !== "production";
-  for (const [key, def] of Object.entries(schema)) {
-    const propDef = typeof def === "function" ? { type: def } : def;
-    if (result[key] == null && propDef.default !== void 0) {
-      result[key] = typeof propDef.default === "function" ? propDef.default() : propDef.default;
-    }
-    if (!isDev) continue;
-    if (propDef.required && result[key] == null) {
-      errors.push(`Prop '${key}' is required`);
-      continue;
-    }
-    if (result[key] == null) continue;
-    if (propDef.type) {
-      const typeResult = propDef.type(result[key], key);
-      if (typeResult !== true) errors.push(typeResult);
+  if (typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : DEV) {
+    const errors = [];
+    for (const [key, def] of Object.entries(schema)) {
+      const propDef = typeof def === "function" ? { type: def } : def;
+      if (result[key] == null && propDef.default !== void 0) {
+        result[key] = typeof propDef.default === "function" ? propDef.default() : propDef.default;
+      }
+      if (propDef.required && result[key] == null) {
+        errors.push(`Prop '${key}' is required`);
+        continue;
+      }
+      if (result[key] == null) continue;
+      if (propDef.type) {
+        const typeResult = propDef.type(result[key], key);
+        if (typeResult !== true) errors.push(typeResult);
+      }
+      if (propDef.validator) {
+        const validResult = propDef.validator(result[key], key);
+        if (validResult !== true) errors.push(validResult);
+      }
     }
-    if (propDef.validator) {
-      const validResult = propDef.validator(result[key], key);
-      if (validResult !== true) errors.push(validResult);
+    if (errors.length > 0) {
+      devWarn(`Prop validation errors:
+${errors.map((e) => `  - ${e}`).join("\n")}`);
     }
+    return result;
   }
-  if (errors.length > 0 && isDev) {
-    console.warn(`[SibuJS] Prop validation errors:
-${errors.map((e) => `  - ${e}`).join("\n")}`);
+  for (const [key, def] of Object.entries(schema)) {
+    if (typeof def === "function") continue;
+    const fallback = def.default;
+    if (result[key] == null && fallback !== void 0) {
+      result[key] = typeof fallback === "function" ? fallback() : fallback;
+    }
   }
   return result;
 }
@@ -148,10 +161,11 @@ function defineStrictComponent(config) {
   };
 }
 function assertType(value, validator, label) {
-  if (typeof process !== "undefined" && process?.env?.NODE_ENV === "production") return;
-  const result = validator(value, label || "value");
-  if (result !== true) {
-    throw new TypeError(`[SibuJS Contract] ${result}`);
+  if (typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : DEV) {
+    const result = validator(value, label || "value");
+    if (result !== true) {
+      throw new TypeError(`[SibuJS Contract] ${result}`);
+    }
   }
 }
 function createGuard(validator) {

package/dist/{chunk-3E5YNK2F.js → chunk-RBTPLM32.js}

@@ -1,9 +1,10 @@
 import {
+  cleanup,
   isTrackingSuspended,
   recordDependency,
   retrack,
   track
-} from "./chunk-TSL64O5L.js";
+} from "./chunk-UGRX3S57.js";
 import {
   devAssert
 } from "./chunk-2WLZ6757.js";
@@ -16,10 +17,14 @@ function derived(getter, options) {
   const cs = {};
   cs._d = false;
   cs._init = false;
+  cs._f = false;
   cs._g = getter;
   cs.__v = 0;
+  let evaluating = false;
+  let disposed = false;
+  let pendingError;
   const markDirty = () => {
-    if (cs._d) return;
+    if (cs._d || disposed) return;
     cs._d = true;
   };
   markDirty._c = 1;
@@ -42,33 +47,53 @@ function derived(getter, options) {
     }
   }, markDirty);
   const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-  let evaluating = false;
   const validate = () => {
-    if (!cs._d) return;
+    if (!cs._d || disposed || pendingError !== void 0) return;
     const oldValue = cs._v;
     evaluating = true;
     try {
       retrack(recompute, markDirty);
       if (!Object.is(oldValue, cs._v)) cs.__v++;
+    } catch (err) {
+      pendingError = { error: err };
+      cs.__v++;
+      if (disposed) cs._d = true;
+      else cs._f = true;
     } finally {
       evaluating = false;
+      if (disposed) cleanup(markDirty);
     }
-    if (hook && !Object.is(oldValue, cs._v)) {
+    if (hook && !disposed && !Object.is(oldValue, cs._v)) {
       hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
     }
   };
   cs._validate = validate;
+  const throwPending = () => {
+    const { error } = pendingError;
+    pendingError = void 0;
+    if (disposed) cs._d = false;
+    throw error;
+  };
   function computedGetter() {
     if (evaluating) {
       throw new Error(
         `[SibuJS] Circular dependency detected in derived${debugName ? ` "${debugName}"` : ""}. A derived signal cannot read itself (directly or through a chain).`
       );
     }
-    if (isTrackingSuspended()) {
-      if (cs._d) validate();
+    if (isTrackingSuspended() || disposed) {
+      if (cs._d) {
+        validate();
+        if (pendingError !== void 0) throwPending();
+      }
       return cs._v;
     }
-    if (cs._d) validate();
+    if (cs._d) {
+      validate();
+      if (pendingError !== void 0) {
+        recordDependency(cs);
+        throwPending();
+      }
+    }
     recordDependency(cs);
     return cs._v;
   }
@@ -77,6 +102,19 @@ function derived(getter, options) {
     cs.__name = debugName;
   }
   computedGetter.__signal = cs;
+  computedGetter.dispose = () => {
+    if (disposed) return;
+    disposed = true;
+    cs._d = pendingError !== void 0;
+    cleanup(markDirty);
+    const h = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+    if (h) {
+      try {
+        h.emit("computed:destroy", { signal: cs, getter: computedGetter });
+      } catch {
+      }
+    }
+  };
   if (hook) hook.emit("computed:create", { signal: cs, name: debugName, getter: computedGetter });
   return computedGetter;
 }

package/dist/{chunk-7BJLKDBI.js → chunk-RIXRAYIU.js}

@@ -5,7 +5,7 @@ import {
   cleanup,
   retrack,
   untracked
-} from "./chunk-TSL64O5L.js";
+} from "./chunk-UGRX3S57.js";
 import {
   devAssert,
   reportError

package/dist/{chunk-7GQIRV27.js → chunk-RJE2BNI4.js}

@@ -6,7 +6,7 @@ import {
 import {
   div,
   span
-} from "./chunk-7UK6BSAT.js";
+} from "./chunk-PCT43HW3.js";
 import {
   STATIC_VALUE_RESOLVER,
   planHeadElementEntry,
@@ -20,7 +20,7 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-7BJLKDBI.js";
+} from "./chunk-RIXRAYIU.js";
 import {
   registerDisposer,
   replaceChildrenSafely
@@ -28,7 +28,7 @@ import {
 import {
   batch,
   signal
-} from "./chunk-MYA5HEK5.js";
+} from "./chunk-XZZOBQAY.js";
 
 // src/platform/head.ts
 function escapeScriptJsonLocal(json) {

package/dist/{chunk-2LSY4WDM.js → chunk-S373NSMK.js}

@@ -135,42 +135,42 @@ import {
   use,
   var_,
   video
-} from "./chunk-7UK6BSAT.js";
+} from "./chunk-PCT43HW3.js";
 import {
   trustHTML
 } from "./chunk-NIOYEGBQ.js";
 import {
   watch
-} from "./chunk-IYHM4FWD.js";
+} from "./chunk-7LN645I6.js";
 import {
   __resetIdCounter,
   createId
 } from "./chunk-CCSJMTRN.js";
 import {
   context
-} from "./chunk-L4B3Y3OM.js";
+} from "./chunk-VUF4ALSW.js";
 import {
   SVG_NS,
   bindChildNode,
   captureFocusWithin,
   restoreFocusWithin,
   tagFactory
-} from "./chunk-XGCZ45NH.js";
+} from "./chunk-KEISJXBU.js";
 import {
   bindAttribute,
   bindDynamic,
   setSafeAttribute
-} from "./chunk-7UBG6LDP.js";
+} from "./chunk-ONOHFDLG.js";
 import {
   derived
-} from "./chunk-3E5YNK2F.js";
+} from "./chunk-RBTPLM32.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect,
   on
-} from "./chunk-7BJLKDBI.js";
+} from "./chunk-RIXRAYIU.js";
 import {
   disableSSR,
   enableSSR,
@@ -195,7 +195,7 @@ import {
   external,
   isBatching,
   signal
-} from "./chunk-MYA5HEK5.js";
+} from "./chunk-XZZOBQAY.js";
 import {
   notifySubscribers,
   reactiveBinding,
@@ -206,7 +206,7 @@ import {
   suspendTracking,
   track,
   untracked
-} from "./chunk-TSL64O5L.js";
+} from "./chunk-UGRX3S57.js";
 import {
   DEV,
   __export,
@@ -1757,7 +1757,7 @@ function show(condition, element) {
   const update = () => {
     resolved.style.display = condition() ? "" : "none";
   };
-  registerDisposer(resolved, track(update));
+  registerDisposer(resolved, reactiveBinding(update, resolved));
   return resolved;
 }
 function attachBranch(parent, anchor, branch, attachedOnce, where) {
@@ -1802,7 +1802,7 @@ function when(condition, thenBranch, elseBranch) {
     restoreFocusWithin(focused, currentNode ? [currentNode] : [], "when");
     initialized = true;
   };
-  registerDisposer(anchor, track(update));
+  registerDisposer(anchor, reactiveBinding(update, anchor));
   if (!initialized) {
     queueMicrotask(() => {
       if (!initialized && anchor.parentNode) update();
@@ -1836,7 +1836,7 @@ function match(value, cases, fallback) {
     restoreFocusWithin(focused, currentNode ? [currentNode] : [], "match");
     initialized = true;
   };
-  registerDisposer(anchor, track(update));
+  registerDisposer(anchor, reactiveBinding(update, anchor));
   if (!initialized) {
     queueMicrotask(() => {
       if (!initialized && anchor.parentNode) update();
@@ -1991,7 +1991,12 @@ function each(getArray, render, options) {
         const [indexGetter, setIndex] = signal(i2);
         let node;
         try {
-          node = resolveNodeChild(render(itemGetter, indexGetter));
+          suspendTracking();
+          try {
+            node = resolveNodeChild(render(itemGetter, indexGetter));
+          } finally {
+            resumeTracking();
+          }
         } catch (err) {
           const key2 = newKeys[i2];
           node = document.createComment(`each:error:${i2}`);

package/dist/{chunk-AAHT6AKT.js → chunk-TBYTO6BS.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-7BJLKDBI.js";
+} from "./chunk-RIXRAYIU.js";
 import {
   dispose,
   replaceChildrenSafely
 } from "./chunk-QKRPLZ2V.js";
 import {
   signal
-} from "./chunk-MYA5HEK5.js";
+} from "./chunk-XZZOBQAY.js";
 import {
   DEV,
   devWarn,

package/dist/{chunk-TSL64O5L.js → chunk-UGRX3S57.js}

@@ -151,6 +151,15 @@ function untracked(fn) {
 var subscriberEpochCounter = 0;
 function retrack(effectFn, subscriber) {
   const prev = currentSubscriber;
+  let savedDepth = 0;
+  let savedSuspendSub = null;
+  if (trackingSuspended) {
+    savedDepth = suspendDepth;
+    savedSuspendSub = suspendSavedSub;
+    suspendDepth = 0;
+    suspendSavedSub = null;
+    trackingSuspended = false;
+  }
   currentSubscriber = subscriber;
   const sub = subscriber;
   const epoch = ++subscriberEpochCounter;
@@ -165,6 +174,11 @@ function retrack(effectFn, subscriber) {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    if (savedDepth !== 0) {
+      suspendDepth = savedDepth;
+      suspendSavedSub = savedSuspendSub;
+      trackingSuspended = true;
+    }
     let node = sub.depsHead ?? null;
     while (node !== null) {
       const next = node.subNext;
@@ -184,11 +198,25 @@ function track(effectFn, subscriber) {
   if (!subscriber) return reactiveBinding(effectFn);
   cleanup(subscriber);
   const prev = currentSubscriber;
+  let savedDepth = 0;
+  let savedSuspendSub = null;
+  if (trackingSuspended) {
+    savedDepth = suspendDepth;
+    savedSuspendSub = suspendSavedSub;
+    suspendDepth = 0;
+    suspendSavedSub = null;
+    trackingSuspended = false;
+  }
   currentSubscriber = subscriber;
   try {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    if (savedDepth !== 0) {
+      suspendDepth = savedDepth;
+      suspendSavedSub = savedSuspendSub;
+      trackingSuspended = true;
+    }
     const sub2 = subscriber;
     for (let n = sub2.depsHead ?? null; n !== null; n = n.subNext) {
       const sig = n.sig;
@@ -359,8 +387,9 @@ function propagateDirty(sub) {
         if (s._c) {
           const nSig = s._sig;
           if (nSig) {
-            if (!nSig._d) {
+            if (!nSig._d || nSig._f === true) {
               nSig._d = true;
+              nSig._f = false;
               stack.push(nSig);
             }
           } else {
@@ -460,7 +489,7 @@ function forEachSubscriber(signal, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.3.0" : "dev";
+var _runtimeVersion = true ? "4.5.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/{chunk-L4B3Y3OM.js → chunk-VUF4ALSW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5DXA2J44.js";
 import {
   signal
-} from "./chunk-MYA5HEK5.js";
+} from "./chunk-XZZOBQAY.js";
 import {
   DEV,
   devWarn

package/dist/{chunk-USS5ENJ2.js → chunk-VZKNK2V7.js}

@@ -4,14 +4,14 @@ import {
 } from "./chunk-H3SRKIYX.js";
 import {
   derived
-} from "./chunk-3E5YNK2F.js";
+} from "./chunk-RBTPLM32.js";
 import {
   effect
-} from "./chunk-7BJLKDBI.js";
+} from "./chunk-RIXRAYIU.js";
 import {
   batch,
   signal
-} from "./chunk-MYA5HEK5.js";
+} from "./chunk-XZZOBQAY.js";
 
 // src/patterns/machine.ts
 function machine(config) {
@@ -487,7 +487,12 @@ function timeline(initial, maxHistory = 100) {
       setIndex(targetIndex);
     }
   }
-  return { value, set, undo, redo, canUndo, canRedo, history, index, reset, jumpTo };
+  function dispose() {
+    value.dispose();
+    canUndo.dispose();
+    canRedo.dispose();
+  }
+  return { value, set, undo, redo, canUndo, canRedo, history, index, reset, jumpTo, dispose };
 }
 
 // src/patterns/globalStore.ts

package/dist/{chunk-MYA5HEK5.js → chunk-XZZOBQAY.js}

@@ -3,7 +3,7 @@ import {
   notifySubscribers,
   queueSignalNotification,
   recordDependency
-} from "./chunk-TSL64O5L.js";
+} from "./chunk-UGRX3S57.js";
 import {
   DEV
 } from "./chunk-2WLZ6757.js";

package/dist/{contracts-Hg6ITAEF.d.cts → contracts-DBdg9J_a.d.cts}

@@ -182,6 +182,15 @@ declare function withProps<OuterProps extends object, InnerProps extends object>
 /**
  * Runtime prop validation and strict typing contracts for SibuJS.
  * Provides runtime type checking for component props in development mode.
+ *
+ * Both diagnostics here gate on `DEV`, the same foldable flag the rest of the
+ * framework uses, so a `__SIBU_DEV__: false` define removes them and their
+ * message text entirely. They used to test `process.env.NODE_ENV` directly,
+ * which is not a `define` target and does not exist in a browser at all — so
+ * every browser build treated itself as development: `validateProps` ran and
+ * warned, `assertType` threw, and the strings shipped. That went unnoticed
+ * while these functions were reachable only through a bundler; putting
+ * `patterns` on the CDN made them a production artifact.
  */
 /** Validator function: returns true if valid, or an error message string. */
 type Validator<T = unknown> = (value: T, propName: string) => true | string;
@@ -212,9 +221,19 @@ type PropSchema<Props> = {
     [K in keyof Props]: PropDef<Props[K]> | Validator<Props[K]>;
 };
 /**
- * Validate props against a schema. Returns validated props with defaults applied.
- * In production mode (process.env.NODE_ENV === 'production'), validation is skipped
- * and only defaults are applied for performance.
+ * Validate props against a schema, returning the props with defaults applied.
+ *
+ * Defaults are production behaviour; the checking is development-only and is
+ * compiled out of production builds. The two are not interchangeable when the
+ * schema's callbacks touch outside state: a validator that runs in development
+ * and not in production can leave a later property's default factory reading
+ * different state. Keep defaults and validators free of side effects if the
+ * two modes must agree exactly.
+ *
+ * @param props - The props to validate. Not mutated.
+ * @param schema - Per-property definitions, in either the shorthand
+ *   (a bare {@link Validator}) or object form.
+ * @returns A new object: the props, plus any defaults that applied.
  */
 declare function validateProps<Props extends object>(props: Partial<Props>, schema: PropSchema<Props>): Props;
 /**
@@ -228,7 +247,9 @@ declare function defineStrictComponent<Props extends object>(config: {
 }): (props: Partial<Props>) => HTMLElement;
 /**
  * Assert that a value satisfies a contract at runtime.
- * No-op in production builds.
+ *
+ * No-op in production builds — genuinely, now. The previous guard returned early
+ * only when `process` existed, so in a browser it fell through and threw.
  */
 declare function assertType<T>(value: unknown, validator: Validator<T>, label?: string): asserts value is T;
 /**