sibujs 3.0.0 → 3.1.0

package/dist/{chunk-INBOWHQ3.js → chunk-CR4MXPHB.js}

@@ -139,28 +139,28 @@ import {
   use,
   var_,
   video
-} from "./chunk-VSNLICTS.js";
+} from "./chunk-2HAGQWDV.js";
 import {
   watch
-} from "./chunk-NEWH4O5U.js";
+} from "./chunk-3DJH25UO.js";
 import {
   trustHTML
 } from "./chunk-JYD2PWXH.js";
 import {
   context
-} from "./chunk-YMOIAHWA.js";
+} from "./chunk-EFOAE5NC.js";
 import {
   SVG_NS,
   bindChildNode,
   tagFactory
-} from "./chunk-STFTTMO2.js";
+} from "./chunk-WKUXSE7V.js";
 import {
   bindAttribute,
   bindDynamic
-} from "./chunk-UKMXT5T6.js";
+} from "./chunk-2ZJ7TSW4.js";
 import {
   derived
-} from "./chunk-DF3GTP4Q.js";
+} from "./chunk-SC437AMI.js";
 import {
   checkLeaks,
   dispose,
@@ -174,7 +174,7 @@ import {
 import {
   effect,
   on
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import {
   disableSSR,
   enableSSR,
@@ -188,7 +188,7 @@ import {
   enqueueBatchedSignal,
   isBatching,
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 import {
   notifySubscribers,
   recordDependency,
@@ -196,7 +196,7 @@ import {
   setMaxDrainIterations,
   track,
   untracked
-} from "./chunk-L4DAT4WU.js";
+} from "./chunk-3U4ZVXVD.js";
 import {
   __export,
   devAssert,

package/dist/{chunk-YMOIAHWA.js → chunk-EFOAE5NC.js}

@@ -1,6 +1,6 @@
 import {
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 
 // src/core/rendering/context.ts
 function context(defaultValue) {

package/dist/{chunk-4YTVESDX.js → chunk-GQ7RRFPU.js}

@@ -1,6 +1,6 @@
 import {
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 
 // src/ui/transition.ts
 function transition(element, options = {}) {

package/dist/{chunk-2KM2724A.js → chunk-IVOUCSZL.js}

@@ -1,10 +1,10 @@
 import {
   effect
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import {
   batch,
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 
 // src/browser/media.ts
 function media(query) {

package/dist/{chunk-KZA7ANXP.js → chunk-KB3BA2XK.js}

@@ -1,13 +1,13 @@
 import {
   derived
-} from "./chunk-DF3GTP4Q.js";
+} from "./chunk-SC437AMI.js";
 import {
   effect
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import {
   batch,
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 
 // src/patterns/machine.ts
 function machine(config) {

package/dist/{chunk-2JQUV4Y3.js → chunk-PMSDFTK3.js}

@@ -1,19 +1,19 @@
 import {
   context
-} from "./chunk-YMOIAHWA.js";
+} from "./chunk-EFOAE5NC.js";
 import {
   derived
-} from "./chunk-DF3GTP4Q.js";
+} from "./chunk-SC437AMI.js";
 import {
   sanitizeUrl
 } from "./chunk-UCS6AMJ7.js";
 import {
   effect
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import {
   batch,
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 
 // src/data/retry.ts
 function calculateDelay(attempt, strategy, baseDelay, maxDelay, jitter) {

package/dist/{chunk-KH4OE6WY.js → chunk-QNQY5DUS.js}

@@ -1,22 +1,22 @@
 import {
   bindAttribute
-} from "./chunk-UKMXT5T6.js";
+} from "./chunk-2ZJ7TSW4.js";
 import {
   derived
-} from "./chunk-DF3GTP4Q.js";
+} from "./chunk-SC437AMI.js";
 import {
   dispose,
   registerDisposer
 } from "./chunk-2UPRY23K.js";
 import {
   effect
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import {
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 import {
   track
-} from "./chunk-L4DAT4WU.js";
+} from "./chunk-3U4ZVXVD.js";
 
 // src/ui/form.ts
 function required(message = "This field is required") {

package/dist/{chunk-6QZO7MMG.js → chunk-RK4BQG25.js}

@@ -3,7 +3,7 @@ import {
   notifySubscribers,
   queueSignalNotification,
   recordDependency
-} from "./chunk-L4DAT4WU.js";
+} from "./chunk-3U4ZVXVD.js";
 import {
   isDev
 } from "./chunk-LMLD24FC.js";

package/dist/{chunk-DF3GTP4Q.js → chunk-SC437AMI.js}

@@ -3,7 +3,7 @@ import {
   retrack,
   track,
   trackingSuspended
-} from "./chunk-L4DAT4WU.js";
+} from "./chunk-3U4ZVXVD.js";
 import {
   devAssert
 } from "./chunk-LMLD24FC.js";

package/dist/{chunk-XVYB3J6C.js → chunk-SVVAUX7J.js}

@@ -6,15 +6,15 @@ import {
 } from "./chunk-UCS6AMJ7.js";
 import {
   effect
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import {
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 import {
   forEachSubscriber,
   getSubscriberCount,
   getSubscriberDeps
-} from "./chunk-L4DAT4WU.js";
+} from "./chunk-3U4ZVXVD.js";
 import {
   isDev
 } from "./chunk-LMLD24FC.js";

package/dist/{chunk-V65KTDZW.js → chunk-UYX2NDOH.js}

@@ -1,17 +1,17 @@
 import {
   div,
   span
-} from "./chunk-VSNLICTS.js";
+} from "./chunk-2HAGQWDV.js";
 import {
   sanitizeUrl
 } from "./chunk-UCS6AMJ7.js";
 import {
   effect
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import {
   batch,
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 
 // src/platform/head.ts
 var HEAD_URL_ATTRS = /* @__PURE__ */ new Set(["href", "src"]);

package/dist/{chunk-STFTTMO2.js → chunk-WKUXSE7V.js}

@@ -1,6 +1,6 @@
 import {
   bindAttribute
-} from "./chunk-UKMXT5T6.js";
+} from "./chunk-2ZJ7TSW4.js";
 import {
   registerDisposer
 } from "./chunk-2UPRY23K.js";
@@ -11,8 +11,9 @@ import {
   sanitizeUrl
 } from "./chunk-UCS6AMJ7.js";
 import {
+  reactiveBinding,
   track
-} from "./chunk-L4DAT4WU.js";
+} from "./chunk-3U4ZVXVD.js";
 import {
   devWarn,
   isDev
@@ -89,7 +90,7 @@ function bindChildNode(placeholder, getter) {
     }
     lastNodes = newNodes;
   }
-  return track(commit);
+  return reactiveBinding(commit);
 }
 
 // src/core/rendering/tagFactory.ts
@@ -118,6 +119,18 @@ var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
 function setProp(el, key, val) {
   el[key] = val;
 }
+function looksLikeClassList(s) {
+  const t = s.trim();
+  if (!t) return false;
+  const tokens = t.split(/\s+/);
+  let sawClassish = false;
+  for (let i = 0; i < tokens.length; i++) {
+    const tok = tokens[i];
+    if (!/^-?[A-Za-z_][A-Za-z0-9_:/.-]*$/.test(tok)) return false;
+    if (/[-:/0-9]/.test(tok)) sawClassish = true;
+  }
+  return sawClassish;
+}
 var kebabCache = /* @__PURE__ */ new Map();
 function toKebab(prop) {
   let cached = kebabCache.get(prop);
@@ -253,6 +266,11 @@ var tagFactory = (tag, ns) => {
         appendChildren(el, second);
         return el;
       }
+      if (_isDev2 && 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.`
+        );
+      }
       el.textContent = first;
       return el;
     }

package/dist/{chunk-RJIRT46U.js → chunk-WYU7CYJ3.js}

@@ -1,19 +1,19 @@
 import {
   watch
-} from "./chunk-NEWH4O5U.js";
+} from "./chunk-3DJH25UO.js";
 import {
   derived
-} from "./chunk-DF3GTP4Q.js";
+} from "./chunk-SC437AMI.js";
 import {
   stripHtml
 } from "./chunk-UCS6AMJ7.js";
 import {
   effect
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import {
   batch,
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 
 // src/widgets/Combobox.ts
 var comboboxIdCounter = 0;

package/dist/{chunk-5WD7BYTZ.js → chunk-ZIBE2SAT.js}

@@ -5,7 +5,7 @@ import {
   cleanup,
   retrack,
   untracked
-} from "./chunk-L4DAT4WU.js";
+} from "./chunk-3U4ZVXVD.js";
 import {
   devAssert
 } from "./chunk-LMLD24FC.js";

package/dist/data.cjs

@@ -189,7 +189,7 @@ function retrack(effectFn, subscriber) {
   }
 }
 function track(effectFn, subscriber) {
-  if (!subscriber) subscriber = effectFn;
+  if (!subscriber) return reactiveBinding(effectFn);
   cleanup(subscriber);
   const prev = currentSubscriber;
   currentSubscriber = subscriber;
@@ -207,6 +207,28 @@ function track(effectFn, subscriber) {
   const sub = subscriber;
   return sub._dispose ?? (sub._dispose = () => cleanup(subscriber));
 }
+function reactiveBinding(commit) {
+  const run = () => {
+    const s = subscriber;
+    if (s._reentrant) return;
+    s._reentrant = true;
+    try {
+      retrack(commit, subscriber);
+    } finally {
+      s._reentrant = false;
+    }
+  };
+  const subscriber = run;
+  subscriber.depsHead = null;
+  subscriber.depsTail = null;
+  subscriber._epoch = 0;
+  subscriber._structDirty = false;
+  subscriber._runEpoch = 0;
+  subscriber._runs = 0;
+  subscriber._reentrant = false;
+  run();
+  return subscriber._dispose ?? (subscriber._dispose = () => cleanup(subscriber));
+}
 function recordDependency(signal2) {
   if (!currentSubscriber) return;
   const sub = currentSubscriber;

package/dist/data.js

@@ -20,14 +20,14 @@ import {
   syncAdapter,
   throttle,
   withRetry
-} from "./chunk-2JQUV4Y3.js";
-import "./chunk-YMOIAHWA.js";
-import "./chunk-DF3GTP4Q.js";
+} from "./chunk-PMSDFTK3.js";
+import "./chunk-EFOAE5NC.js";
+import "./chunk-SC437AMI.js";
 import "./chunk-UCS6AMJ7.js";
-import "./chunk-5WD7BYTZ.js";
+import "./chunk-ZIBE2SAT.js";
 import "./chunk-2RA7SHDA.js";
-import "./chunk-6QZO7MMG.js";
-import "./chunk-L4DAT4WU.js";
+import "./chunk-RK4BQG25.js";
+import "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 export {
   __resetQueryCache,

package/dist/devtools.js

@@ -35,13 +35,13 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-XVYB3J6C.js";
+} from "./chunk-SVVAUX7J.js";
 import "./chunk-2UPRY23K.js";
 import "./chunk-UCS6AMJ7.js";
-import "./chunk-5WD7BYTZ.js";
+import "./chunk-ZIBE2SAT.js";
 import "./chunk-2RA7SHDA.js";
-import "./chunk-6QZO7MMG.js";
-import "./chunk-L4DAT4WU.js";
+import "./chunk-RK4BQG25.js";
+import "./chunk-3U4ZVXVD.js";
 import {
   isDev
 } from "./chunk-LMLD24FC.js";

package/dist/ecosystem.cjs

@@ -176,7 +176,7 @@ function retrack(effectFn, subscriber) {
   }
 }
 function track(effectFn, subscriber) {
-  if (!subscriber) subscriber = effectFn;
+  if (!subscriber) return reactiveBinding(effectFn);
   cleanup(subscriber);
   const prev = currentSubscriber;
   currentSubscriber = subscriber;
@@ -194,6 +194,28 @@ function track(effectFn, subscriber) {
   const sub = subscriber;
   return sub._dispose ?? (sub._dispose = () => cleanup(subscriber));
 }
+function reactiveBinding(commit) {
+  const run = () => {
+    const s = subscriber;
+    if (s._reentrant) return;
+    s._reentrant = true;
+    try {
+      retrack(commit, subscriber);
+    } finally {
+      s._reentrant = false;
+    }
+  };
+  const subscriber = run;
+  subscriber.depsHead = null;
+  subscriber.depsTail = null;
+  subscriber._epoch = 0;
+  subscriber._structDirty = false;
+  subscriber._runEpoch = 0;
+  subscriber._runs = 0;
+  subscriber._reentrant = false;
+  run();
+  return subscriber._dispose ?? (subscriber._dispose = () => cleanup(subscriber));
+}
 function recordDependency(signal2) {
   if (!currentSubscriber) return;
   const sub = currentSubscriber;
@@ -990,8 +1012,7 @@ function bindAttribute(el, attr, getter) {
       el.setAttribute(attr, isUrlAttribute(attr) ? sanitizeUrl(str) : str);
     }
   }
-  const teardown = track(commit);
-  return teardown;
+  return reactiveBinding(commit);
 }
 
 // src/reactivity/bindChildNode.ts
@@ -1065,7 +1086,7 @@ function bindChildNode(placeholder, getter) {
     }
     lastNodes = newNodes;
   }
-  return track(commit);
+  return reactiveBinding(commit);
 }
 
 // src/core/rendering/dispose.ts
@@ -1107,6 +1128,18 @@ var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
 function setProp2(el, key, val) {
   el[key] = val;
 }
+function looksLikeClassList(s) {
+  const t = s.trim();
+  if (!t) return false;
+  const tokens = t.split(/\s+/);
+  let sawClassish = false;
+  for (let i = 0; i < tokens.length; i++) {
+    const tok = tokens[i];
+    if (!/^-?[A-Za-z_][A-Za-z0-9_:/.-]*$/.test(tok)) return false;
+    if (/[-:/0-9]/.test(tok)) sawClassish = true;
+  }
+  return sawClassish;
+}
 var kebabCache = /* @__PURE__ */ new Map();
 function toKebab(prop) {
   let cached = kebabCache.get(prop);
@@ -1242,6 +1275,11 @@ var tagFactory = (tag, ns) => {
         appendChildren(el, second);
         return el;
       }
+      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.`
+        );
+      }
       el.textContent = first;
       return el;
     }

package/dist/ecosystem.js

@@ -7,17 +7,17 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-L52H775O.js";
+} from "./chunk-2N2UL7O4.js";
 import "./chunk-3JHCYHWN.js";
-import "./chunk-STFTTMO2.js";
-import "./chunk-UKMXT5T6.js";
-import "./chunk-DF3GTP4Q.js";
+import "./chunk-WKUXSE7V.js";
+import "./chunk-2ZJ7TSW4.js";
+import "./chunk-SC437AMI.js";
 import "./chunk-2UPRY23K.js";
 import "./chunk-UCS6AMJ7.js";
-import "./chunk-5WD7BYTZ.js";
+import "./chunk-ZIBE2SAT.js";
 import "./chunk-2RA7SHDA.js";
-import "./chunk-6QZO7MMG.js";
-import "./chunk-L4DAT4WU.js";
+import "./chunk-RK4BQG25.js";
+import "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 export {
   antdAdapter,

package/dist/extras.cjs

@@ -459,7 +459,7 @@ function retrack(effectFn, subscriber) {
   }
 }
 function track(effectFn, subscriber) {
-  if (!subscriber) subscriber = effectFn;
+  if (!subscriber) return reactiveBinding(effectFn);
   cleanup(subscriber);
   const prev = currentSubscriber;
   currentSubscriber = subscriber;
@@ -477,6 +477,28 @@ function track(effectFn, subscriber) {
   const sub2 = subscriber;
   return sub2._dispose ?? (sub2._dispose = () => cleanup(subscriber));
 }
+function reactiveBinding(commit) {
+  const run = () => {
+    const s2 = subscriber;
+    if (s2._reentrant) return;
+    s2._reentrant = true;
+    try {
+      retrack(commit, subscriber);
+    } finally {
+      s2._reentrant = false;
+    }
+  };
+  const subscriber = run;
+  subscriber.depsHead = null;
+  subscriber.depsTail = null;
+  subscriber._epoch = 0;
+  subscriber._structDirty = false;
+  subscriber._runEpoch = 0;
+  subscriber._runs = 0;
+  subscriber._reentrant = false;
+  run();
+  return subscriber._dispose ?? (subscriber._dispose = () => cleanup(subscriber));
+}
 function recordDependency(signal2) {
   if (!currentSubscriber) return;
   const sub2 = currentSubscriber;
@@ -5301,8 +5323,7 @@ function bindAttribute(el, attr, getter) {
       el.setAttribute(attr, isUrlAttribute(attr) ? sanitizeUrl(str) : str);
     }
   }
-  const teardown = track(commit);
-  return teardown;
+  return reactiveBinding(commit);
 }
 
 // src/ui/reactiveAttr.ts
@@ -7435,7 +7456,7 @@ function bindChildNode(placeholder, getter) {
     }
     lastNodes = newNodes;
   }
-  return track(commit);
+  return reactiveBinding(commit);
 }
 
 // src/core/rendering/tagFactory.ts
@@ -7464,6 +7485,18 @@ var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
 function setProp2(el, key, val) {
   el[key] = val;
 }
+function looksLikeClassList(s2) {
+  const t = s2.trim();
+  if (!t) return false;
+  const tokens = t.split(/\s+/);
+  let sawClassish = false;
+  for (let i2 = 0; i2 < tokens.length; i2++) {
+    const tok = tokens[i2];
+    if (!/^-?[A-Za-z_][A-Za-z0-9_:/.-]*$/.test(tok)) return false;
+    if (/[-:/0-9]/.test(tok)) sawClassish = true;
+  }
+  return sawClassish;
+}
 var kebabCache = /* @__PURE__ */ new Map();
 function toKebab(prop) {
   let cached = kebabCache.get(prop);
@@ -7599,6 +7632,11 @@ var tagFactory = (tag, ns) => {
         appendChildren(el, second);
         return el;
       }
+      if (_isDev9 && 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.`
+        );
+      }
       el.textContent = first;
       return el;
     }