sibujs 2.2.0 → 3.1.0

package/dist/extras.js

@@ -5,7 +5,7 @@ import {
   optimisticList,
   persisted,
   timeline
-} from "./chunk-KZA7ANXP.js";
+} from "./chunk-KB3BA2XK.js";
 import {
   DOMPool,
   Features,
@@ -41,7 +41,7 @@ import {
   transitionState,
   uniqueId,
   yieldToMain
-} from "./chunk-XDKP4T7G.js";
+} from "./chunk-3DYB5B3S.js";
 import {
   VERSION,
   bundlerMetadata,
@@ -87,7 +87,7 @@ import {
   wasm,
   worker,
   workerFn
-} from "./chunk-V65KTDZW.js";
+} from "./chunk-UYX2NDOH.js";
 import {
   FocusTrap,
   VirtualList,
@@ -128,7 +128,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-KH4OE6WY.js";
+} from "./chunk-QNQY5DUS.js";
 import {
   RenderProp,
   assertType,
@@ -155,7 +155,7 @@ import {
   select,
   tabs,
   tooltip
-} from "./chunk-RJIRT46U.js";
+} from "./chunk-WYU7CYJ3.js";
 import {
   animationFrame,
   battery,
@@ -193,7 +193,7 @@ import {
   visibility,
   wakeLock,
   windowSize
-} from "./chunk-2KM2724A.js";
+} from "./chunk-IVOUCSZL.js";
 import {
   __resetQueryCache,
   calculateDelay,
@@ -216,7 +216,7 @@ import {
   syncAdapter,
   throttle,
   withRetry
-} from "./chunk-2JQUV4Y3.js";
+} from "./chunk-PMSDFTK3.js";
 import {
   SibuError,
   checkLeaks,
@@ -254,7 +254,7 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-XVYB3J6C.js";
+} from "./chunk-SVVAUX7J.js";
 import {
   antdAdapter,
   chakraAdapter,
@@ -264,7 +264,7 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-L52H775O.js";
+} from "./chunk-2N2UL7O4.js";
 import {
   createPlugin,
   createPluginRegistry,
@@ -276,8 +276,8 @@ import {
   triggerPluginMount,
   triggerPluginUnmount
 } from "./chunk-3JHCYHWN.js";
-import "./chunk-VSNLICTS.js";
-import "./chunk-NEWH4O5U.js";
+import "./chunk-2HAGQWDV.js";
+import "./chunk-3DJH25UO.js";
 import {
   collectStream,
   deserializeState,
@@ -297,13 +297,13 @@ import {
   suspenseSwapScript,
   trustHTML
 } from "./chunk-JYD2PWXH.js";
-import "./chunk-YMOIAHWA.js";
-import "./chunk-STFTTMO2.js";
-import "./chunk-UKMXT5T6.js";
-import "./chunk-DF3GTP4Q.js";
+import "./chunk-EFOAE5NC.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 {
   TransitionGroup,
@@ -326,9 +326,9 @@ import {
   stagger,
   transition,
   viewTransition
-} from "./chunk-4YTVESDX.js";
-import "./chunk-6QZO7MMG.js";
-import "./chunk-L4DAT4WU.js";
+} from "./chunk-GQ7RRFPU.js";
+import "./chunk-RK4BQG25.js";
+import "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 export {
   DOMPool,

package/dist/index.cjs

@@ -471,7 +471,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;
@@ -489,6 +489,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;
@@ -720,8 +742,7 @@ function bindAttribute(el, attr, getter) {
       el.setAttribute(attr, isUrlAttribute(attr) ? sanitizeUrl(str) : str);
     }
   }
-  const teardown = track(commit);
-  return teardown;
+  return reactiveBinding(commit);
 }
 function bindDynamic(el, nameGetter, valueGetter) {
   let prevName = null;
@@ -752,7 +773,7 @@ function bindDynamic(el, nameGetter, valueGetter) {
     }
     prevName = name;
   }
-  const teardown = track(commit);
+  const teardown = reactiveBinding(commit);
   return () => {
     teardown();
     if (prevName !== null) {
@@ -832,7 +853,7 @@ function bindChildNode(placeholder, getter) {
     }
     lastNodes = newNodes;
   }
-  return track(commit);
+  return reactiveBinding(commit);
 }
 
 // src/core/rendering/dispose.ts
@@ -931,6 +952,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);
@@ -1066,6 +1099,11 @@ var tagFactory = (tag, ns) => {
         appendChildren(el, second);
         return el;
       }
+      if (_isDev6 && 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;
     }
@@ -4174,7 +4212,10 @@ function getMemoizedFallback(fallbackFn, error, retry) {
   }
   return factory();
 }
-function ErrorBoundary({ nodes, fallback, onError, resetKeys }) {
+function ErrorBoundary(optionsOrChildren, maybeChildren) {
+  const children = typeof optionsOrChildren === "function" ? optionsOrChildren : maybeChildren;
+  const options = typeof optionsOrChildren === "function" ? {} : optionsOrChildren;
+  const { fallback, onError, resetKeys } = options;
   injectStyles2();
   const [error, setError] = signal(null);
   const retry = () => {
@@ -4249,7 +4290,7 @@ function ErrorBoundary({ nodes, fallback, onError, resetKeys }) {
         return tryRenderFallback(currentError);
       }
       try {
-        const result = nodes();
+        const result = children();
         if (result && typeof result.then === "function") {
           const asyncContainer = div({ class: "sibu-error-async" });
           asyncContainer.appendChild(span({ class: "sibu-lazy-loading", nodes: "Loading..." }));

package/dist/index.d.cts

@@ -1422,11 +1422,7 @@ interface SuspenseProps {
 }
 declare function Suspense({ nodes, fallback }: SuspenseProps): HTMLElement;
 
-interface ErrorBoundaryProps {
-    /**
-     * Function that renders child content or throws.
-     */
-    nodes: () => Element;
+interface ErrorBoundaryOptions {
     /**
      * Fallback renderer given an Error and retry callback.
      * Memoized internally — only re-created when the error changes.
@@ -1446,27 +1442,30 @@ interface ErrorBoundaryProps {
      * @example
      * ```ts
      * const [route, setRoute] = signal("/");
-     * ErrorBoundary({
-     *   resetKeys: [route],
-     *   nodes: () => div(riskyPageFor(route())),
-     * });
+     * ErrorBoundary(
+     *   { resetKeys: [route] },
+     *   () => div(riskyPageFor(route())),
+     * );
      * ```
      */
     resetKeys?: Array<() => unknown>;
 }
+/** @deprecated Renamed to `ErrorBoundaryOptions`; kept for typing compatibility. */
+type ErrorBoundaryProps = ErrorBoundaryOptions;
 /**
  * ErrorBoundary component using SibuJS reactive pattern.
  *
  * Features:
- * - Catches sync errors thrown by nodes
- * - Catches async errors (Promise rejections) from nodes
+ * - Catches sync errors thrown by children
+ * - Catches async errors (Promise rejections) from children
  * - Supports nested ErrorBoundaries (inner catches first, outer catches propagation)
- * - Retry functionality to clear error and re-render nodes
+ * - Retry functionality to clear error and re-render children
  * - Memoized fallback to avoid re-creating fallback UI on every render
  * - onError callback for logging/telemetry
  * - Improved CSS styling
  */
-declare function ErrorBoundary({ nodes, fallback, onError, resetKeys }: ErrorBoundaryProps): Element;
+declare function ErrorBoundary(children: () => Element): Element;
+declare function ErrorBoundary(options: ErrorBoundaryOptions, children: () => Element): Element;
 
 type ErrorSeverity = "error" | "warning" | "info";
 interface ErrorDisplayProps {
@@ -1539,4 +1538,4 @@ interface LoadingProps {
  */
 declare function Loading(props?: LoadingProps): HTMLElement;
 
-export { type Accessor, type ActionFn, type AnchorProps, type ArrayActions, type AsyncDerivedState, type AudioProps, type ButtonProps, type Context, DynamicComponent, type EffectBody, type EffectOptions, ErrorBoundary, type ErrorBoundaryProps, ErrorDisplay, type ErrorDisplayProps, type ErrorSeverity, type FormProps, Fragment, type ImgProps, type InputProps, type InputType, KeepAlive, type KeepAliveOptions, type LabelProps, Loading, type LoadingProps, type LongPressOptions, type MediaProps, NodeChild, NodeChildren, type OnCleanup, type OptionProps, Portal, type Ref, 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, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getSSRStore, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, menu, meta, meter, mount, 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, registerComponent, registerDisposer, resolveComponent, retrack, rp, rt, ruby, runInSSRContext, s, samp, script, section, select, setGlobalErrorHandler, setMaxDrainIterations, 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, transition, trapFocus, tspan, u, ul, unregisterComponent, untracked, use, var_, video, watch, when, withSSR, writable };
+export { type Accessor, type ActionFn, type AnchorProps, type ArrayActions, type AsyncDerivedState, type AudioProps, type ButtonProps, type Context, DynamicComponent, type EffectBody, type EffectOptions, ErrorBoundary, type ErrorBoundaryOptions, type ErrorBoundaryProps, ErrorDisplay, type ErrorDisplayProps, type ErrorSeverity, type FormProps, Fragment, type ImgProps, type InputProps, type InputType, KeepAlive, type KeepAliveOptions, type LabelProps, Loading, type LoadingProps, type LongPressOptions, type MediaProps, NodeChild, NodeChildren, type OnCleanup, type OptionProps, Portal, type Ref, 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, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getSSRStore, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, menu, meta, meter, mount, 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, registerComponent, registerDisposer, resolveComponent, retrack, rp, rt, ruby, runInSSRContext, s, samp, script, section, select, setGlobalErrorHandler, setMaxDrainIterations, 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, transition, trapFocus, tspan, u, ul, unregisterComponent, untracked, use, var_, video, watch, when, withSSR, writable };

package/dist/index.d.ts

@@ -1422,11 +1422,7 @@ interface SuspenseProps {
 }
 declare function Suspense({ nodes, fallback }: SuspenseProps): HTMLElement;
 
-interface ErrorBoundaryProps {
-    /**
-     * Function that renders child content or throws.
-     */
-    nodes: () => Element;
+interface ErrorBoundaryOptions {
     /**
      * Fallback renderer given an Error and retry callback.
      * Memoized internally — only re-created when the error changes.
@@ -1446,27 +1442,30 @@ interface ErrorBoundaryProps {
      * @example
      * ```ts
      * const [route, setRoute] = signal("/");
-     * ErrorBoundary({
-     *   resetKeys: [route],
-     *   nodes: () => div(riskyPageFor(route())),
-     * });
+     * ErrorBoundary(
+     *   { resetKeys: [route] },
+     *   () => div(riskyPageFor(route())),
+     * );
      * ```
      */
     resetKeys?: Array<() => unknown>;
 }
+/** @deprecated Renamed to `ErrorBoundaryOptions`; kept for typing compatibility. */
+type ErrorBoundaryProps = ErrorBoundaryOptions;
 /**
  * ErrorBoundary component using SibuJS reactive pattern.
  *
  * Features:
- * - Catches sync errors thrown by nodes
- * - Catches async errors (Promise rejections) from nodes
+ * - Catches sync errors thrown by children
+ * - Catches async errors (Promise rejections) from children
  * - Supports nested ErrorBoundaries (inner catches first, outer catches propagation)
- * - Retry functionality to clear error and re-render nodes
+ * - Retry functionality to clear error and re-render children
  * - Memoized fallback to avoid re-creating fallback UI on every render
  * - onError callback for logging/telemetry
  * - Improved CSS styling
  */
-declare function ErrorBoundary({ nodes, fallback, onError, resetKeys }: ErrorBoundaryProps): Element;
+declare function ErrorBoundary(children: () => Element): Element;
+declare function ErrorBoundary(options: ErrorBoundaryOptions, children: () => Element): Element;
 
 type ErrorSeverity = "error" | "warning" | "info";
 interface ErrorDisplayProps {
@@ -1539,4 +1538,4 @@ interface LoadingProps {
  */
 declare function Loading(props?: LoadingProps): HTMLElement;
 
-export { type Accessor, type ActionFn, type AnchorProps, type ArrayActions, type AsyncDerivedState, type AudioProps, type ButtonProps, type Context, DynamicComponent, type EffectBody, type EffectOptions, ErrorBoundary, type ErrorBoundaryProps, ErrorDisplay, type ErrorDisplayProps, type ErrorSeverity, type FormProps, Fragment, type ImgProps, type InputProps, type InputType, KeepAlive, type KeepAliveOptions, type LabelProps, Loading, type LoadingProps, type LongPressOptions, type MediaProps, NodeChild, NodeChildren, type OnCleanup, type OptionProps, Portal, type Ref, 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, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getSSRStore, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, menu, meta, meter, mount, 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, registerComponent, registerDisposer, resolveComponent, retrack, rp, rt, ruby, runInSSRContext, s, samp, script, section, select, setGlobalErrorHandler, setMaxDrainIterations, 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, transition, trapFocus, tspan, u, ul, unregisterComponent, untracked, use, var_, video, watch, when, withSSR, writable };
+export { type Accessor, type ActionFn, type AnchorProps, type ArrayActions, type AsyncDerivedState, type AudioProps, type ButtonProps, type Context, DynamicComponent, type EffectBody, type EffectOptions, ErrorBoundary, type ErrorBoundaryOptions, type ErrorBoundaryProps, ErrorDisplay, type ErrorDisplayProps, type ErrorSeverity, type FormProps, Fragment, type ImgProps, type InputProps, type InputType, KeepAlive, type KeepAliveOptions, type LabelProps, Loading, type LoadingProps, type LongPressOptions, type MediaProps, NodeChild, NodeChildren, type OnCleanup, type OptionProps, Portal, type Ref, 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, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getSSRStore, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, menu, meta, meter, mount, 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, registerComponent, registerDisposer, resolveComponent, retrack, rp, rt, ruby, runInSSRContext, s, samp, script, section, select, setGlobalErrorHandler, setMaxDrainIterations, 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, transition, trapFocus, tspan, u, ul, unregisterComponent, untracked, use, var_, video, watch, when, withSSR, writable };

package/dist/index.js

@@ -44,7 +44,7 @@ import {
   unregisterComponent,
   when,
   writable
-} from "./chunk-J63GPPCJ.js";
+} from "./chunk-CR4MXPHB.js";
 import {
   __resetIdCounter,
   createId
@@ -186,26 +186,26 @@ 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,
   tagFactory
-} from "./chunk-STFTTMO2.js";
+} from "./chunk-WKUXSE7V.js";
 import {
   bindDynamic
-} from "./chunk-UKMXT5T6.js";
+} from "./chunk-2ZJ7TSW4.js";
 import {
   derived
-} from "./chunk-DF3GTP4Q.js";
+} from "./chunk-SC437AMI.js";
 import {
   checkLeaks,
   dispose,
@@ -215,7 +215,7 @@ import "./chunk-UCS6AMJ7.js";
 import {
   effect,
   on
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import {
   disableSSR,
   enableSSR,
@@ -229,12 +229,12 @@ import {
   enqueueBatchedSignal,
   isBatching,
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 import {
   retrack,
   setMaxDrainIterations,
   untracked
-} from "./chunk-L4DAT4WU.js";
+} from "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 export {
   DynamicComponent,

package/dist/motion.js

@@ -19,9 +19,9 @@ import {
   stagger,
   transition,
   viewTransition
-} from "./chunk-4YTVESDX.js";
-import "./chunk-6QZO7MMG.js";
-import "./chunk-L4DAT4WU.js";
+} from "./chunk-GQ7RRFPU.js";
+import "./chunk-RK4BQG25.js";
+import "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 export {
   TransitionGroup,

package/dist/patterns.cjs

@@ -188,7 +188,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;
@@ -206,6 +206,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/patterns.js

@@ -5,7 +5,7 @@ import {
   optimisticList,
   persisted,
   timeline
-} from "./chunk-KZA7ANXP.js";
+} from "./chunk-KB3BA2XK.js";
 import {
   RenderProp,
   assertType,
@@ -22,11 +22,11 @@ import {
   withProps,
   withWrapper
 } from "./chunk-CNZ35WI2.js";
-import "./chunk-DF3GTP4Q.js";
-import "./chunk-5WD7BYTZ.js";
+import "./chunk-SC437AMI.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 {
   RenderProp,

package/dist/performance.js

@@ -33,15 +33,15 @@ import {
   transitionState,
   uniqueId,
   yieldToMain
-} from "./chunk-XDKP4T7G.js";
+} from "./chunk-3DYB5B3S.js";
 import {
   trustHTML
 } from "./chunk-JYD2PWXH.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 {
   DOMPool,

package/dist/plugins.cjs

@@ -901,7 +901,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;
@@ -919,6 +919,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;
@@ -1115,8 +1137,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
@@ -1191,7 +1212,7 @@ function bindChildNode(placeholder, getter) {
     }
     lastNodes = newNodes;
   }
-  return track(commit);
+  return reactiveBinding(commit);
 }
 
 // src/core/rendering/tagFactory.ts
@@ -1285,6 +1306,18 @@ var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
 function setProp2(el, key, val) {
   el[key] = val;
 }
+function looksLikeClassList(s2) {
+  const t2 = s2.trim();
+  if (!t2) return false;
+  const tokens = t2.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);
@@ -1420,6 +1453,11 @@ var tagFactory = (tag, ns) => {
         appendChildren(el, second);
         return el;
       }
+      if (_isDev6 && 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/plugins.js

@@ -32,13 +32,13 @@ import {
 } from "./chunk-3JHCYHWN.js";
 import {
   span
-} from "./chunk-VSNLICTS.js";
+} from "./chunk-2HAGQWDV.js";
 import {
   escapeScriptJson,
   renderToString
 } from "./chunk-JYD2PWXH.js";
-import "./chunk-STFTTMO2.js";
-import "./chunk-UKMXT5T6.js";
+import "./chunk-WKUXSE7V.js";
+import "./chunk-2ZJ7TSW4.js";
 import {
   dispose,
   registerDisposer
@@ -48,14 +48,14 @@ import {
 } from "./chunk-UCS6AMJ7.js";
 import {
   effect
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import "./chunk-2RA7SHDA.js";
 import {
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 import {
   track
-} from "./chunk-L4DAT4WU.js";
+} from "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 
 // src/plugins/i18n.ts