sibujs 4.0.1 → 4.2.0

package/dist/{chunk-PJDSI2K7.js → chunk-HZEBO22J.js}

@@ -135,40 +135,42 @@ import {
   use,
   var_,
   video
-} from "./chunk-E72G5JSK.js";
+} from "./chunk-P3DHXBR6.js";
 import {
   trustHTML
-} from "./chunk-HYCCIYNS.js";
+} from "./chunk-NIOYEGBQ.js";
 import {
   watch
-} from "./chunk-PTLJ7NQX.js";
+} from "./chunk-BMYYZWHX.js";
 import {
   __resetIdCounter,
   createId
 } from "./chunk-CCSJMTRN.js";
 import {
   context
-} from "./chunk-XET2RUJF.js";
+} from "./chunk-FOWBJZDL.js";
 import {
   SVG_NS,
   bindChildNode,
+  captureFocusWithin,
+  restoreFocusWithin,
   tagFactory
-} from "./chunk-QD4I7ZGZ.js";
+} from "./chunk-6ZGI3RBE.js";
 import {
   bindAttribute,
   bindDynamic,
   setSafeAttribute
-} from "./chunk-PHRH66Y7.js";
+} from "./chunk-HJEPKZ2O.js";
 import {
   derived
-} from "./chunk-AD5YSZAN.js";
+} from "./chunk-2LOYNGBY.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect,
   on
-} from "./chunk-XDOMTQHM.js";
+} from "./chunk-7VEC3UD2.js";
 import {
   disableSSR,
   enableSSR,
@@ -177,7 +179,7 @@ import {
   isSSR,
   runInSSRContext,
   withSSR
-} from "./chunk-TIRZCERI.js";
+} from "./chunk-5DXA2J44.js";
 import {
   MAX_DRAIN_TEARDOWNS,
   checkLeaks,
@@ -186,15 +188,17 @@ import {
   replaceChildrenSafely,
   reportDrainRunaway,
   unregisterDisposer
-} from "./chunk-DHDZ7IVN.js";
+} from "./chunk-QKRPLZ2V.js";
 import {
   batch,
   enqueueBatchedSignal,
+  external,
   isBatching,
   signal
-} from "./chunk-TVURNWDK.js";
+} from "./chunk-HECVW343.js";
 import {
   notifySubscribers,
+  reactiveBinding,
   recordDependency,
   resumeTracking,
   retrack,
@@ -202,17 +206,19 @@ import {
   suspendTracking,
   track,
   untracked
-} from "./chunk-JYXQCELN.js";
+} from "./chunk-7ALC7KGE.js";
 import {
+  DEV,
   __export,
   devAssert,
   devWarn,
+  devWarnLazy,
   getRuntimeErrorHandler,
   isDev,
   normalizeError,
   reportError,
   setRuntimeErrorHandler
-} from "./chunk-VPP2FONR.js";
+} from "./chunk-2WLZ6757.js";
 
 // index.ts
 var index_exports = {};
@@ -292,6 +298,7 @@ __export(index_exports, {
   enhance: () => enhance,
   enhanceAll: () => enhanceAll,
   enqueueBatchedSignal: () => enqueueBatchedSignal,
+  external: () => external,
   fieldset: () => fieldset,
   figcaption: () => figcaption,
   figure: () => figure,
@@ -1746,34 +1753,53 @@ function setGlobalErrorHandler(handler) {
 
 // src/core/rendering/directives.ts
 function show(condition, element) {
+  const resolved = typeof element === "function" ? element() : element;
   const update = () => {
-    element.style.display = condition() ? "" : "none";
+    resolved.style.display = condition() ? "" : "none";
   };
-  registerDisposer(element, track(update));
-  return element;
+  registerDisposer(resolved, track(update));
+  return resolved;
+}
+function attachBranch(parent, anchor, branch, attachedOnce, where) {
+  const result = typeof branch === "function" ? branch() : branch;
+  if (result == null || typeof result === "boolean") return { node: null, owned: false };
+  const node = result instanceof Node ? result : document.createTextNode(String(result));
+  const handedIn = node === branch;
+  const seenBefore = attachedOnce.has(node);
+  const owned = !handedIn && !seenBefore;
+  attachedOnce.add(node);
+  if (seenBefore) {
+    devWarnLazy(
+      () => `${where}: ${handedIn ? "a branch was given as an element rather than a function" : "a branch factory returned a node it had already returned"}, so the SAME node is being re-attached \u2014 any state it accumulated while detached (input value, scroll position, classes set imperatively) comes back with it. Its reactive bindings are left intact rather than disposed, because the node is not this directive's to tear down. Return a FRESH node per call (\`() => div(\u2026)\`) for rebuild semantics, or keep this form deliberately when the reuse is what you want.`
+    );
+  }
+  parent.insertBefore(node, anchor.nextSibling);
+  return { node, owned };
 }
 function when(condition, thenBranch, elseBranch) {
   const anchor = document.createComment("when");
   let currentNode = null;
   let lastCondition;
   let initialized = false;
+  const attachedOnce = /* @__PURE__ */ new WeakSet();
+  let currentNodeOwned = false;
   const update = () => {
     const show2 = condition();
     const parent = anchor.parentNode;
     if (!parent) return;
     if (initialized && show2 === lastCondition) return;
     lastCondition = show2;
+    const focused = currentNode ? captureFocusWithin([currentNode]) : null;
     if (currentNode?.parentNode) {
-      dispose(currentNode);
+      if (currentNodeOwned) dispose(currentNode);
       currentNode.parentNode.removeChild(currentNode);
       currentNode = null;
     }
-    const result = show2 ? thenBranch() : elseBranch ? elseBranch() : null;
-    if (result != null) {
-      const node = result instanceof Node ? result : document.createTextNode(String(result));
-      parent.insertBefore(node, anchor.nextSibling);
-      currentNode = node;
-    }
+    const branch = show2 ? thenBranch : elseBranch !== void 0 ? elseBranch : null;
+    const attached = attachBranch(parent, anchor, branch, attachedOnce, "when");
+    currentNode = attached.node;
+    currentNodeOwned = attached.owned;
+    restoreFocusWithin(focused, currentNode ? [currentNode] : [], "when");
     initialized = true;
   };
   registerDisposer(anchor, track(update));
@@ -1789,26 +1815,25 @@ function match(value, cases, fallback) {
   let currentNode = null;
   let lastKey;
   let initialized = false;
+  const attachedOnce = /* @__PURE__ */ new WeakSet();
+  let currentNodeOwned = false;
   const update = () => {
     const key = String(value());
     const parent = anchor.parentNode;
     if (!parent) return;
     if (initialized && key === lastKey) return;
     lastKey = key;
+    const focused = currentNode ? captureFocusWithin([currentNode]) : null;
     if (currentNode?.parentNode) {
-      dispose(currentNode);
+      if (currentNodeOwned) dispose(currentNode);
       currentNode.parentNode.removeChild(currentNode);
       currentNode = null;
     }
-    const renderFn = cases[key] || fallback;
-    if (renderFn) {
-      const result = renderFn();
-      if (result != null) {
-        const node = result instanceof Node ? result : document.createTextNode(String(result));
-        parent.insertBefore(node, anchor.nextSibling);
-        currentNode = node;
-      }
-    }
+    const branch = Object.hasOwn(cases, key) ? cases[key] : fallback;
+    const attached = attachBranch(parent, anchor, branch ?? null, attachedOnce, "match");
+    currentNode = attached.node;
+    currentNodeOwned = attached.owned;
+    restoreFocusWithin(focused, currentNode ? [currentNode] : [], "match");
     initialized = true;
   };
   registerDisposer(anchor, track(update));
@@ -1853,7 +1878,6 @@ function DynamicComponent(is) {
 }
 
 // src/core/rendering/each.ts
-var _isDev = isDev();
 function resolveNodeChild(child) {
   if (typeof child === "function") {
     return resolveNodeChild(child());
@@ -1944,7 +1968,7 @@ function each(getArray, render, options) {
     workMap.clear();
     keyIndexMap.clear();
     for (let i2 = 0; i2 < newLen; i2++) {
-      if (_isDev && keyIndexMap.has(newKeys[i2])) {
+      if (DEV && 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.`
         );
@@ -2128,7 +2152,6 @@ function resolveChild(child) {
 }
 
 // src/core/rendering/htm.ts
-var _isDev2 = isDev();
 var RAW_TEXT_TAGS = /* @__PURE__ */ new Set(["script", "style"]);
 var VOID_ELEMENTS = /* @__PURE__ */ new Set([
   "area",
@@ -2408,7 +2431,7 @@ function executeElement(tmpl, values) {
         const fn = values[attr.idx];
         if (typeof fn === "function") {
           el.addEventListener(attr.name, fn);
-        } else if (_isDev2) {
+        } else if (DEV) {
           devWarn(
             `html: on:${attr.name} handler is not a function (got ${typeof fn}). Event listener was not attached.`
           );
@@ -3173,6 +3196,7 @@ function drainTeardowns(teardowns, label2) {
     }
   }
 }
+var EACH_KEYS = ["text", "attr", "class", "show", "on", "cleanup"];
 function resolveTarget(root, target) {
   if (target == null) return root;
   if (typeof target !== "string") return target;
@@ -3183,6 +3207,11 @@ function resolveTarget(root, target) {
     return null;
   }
 }
+function bindNode(el, commit) {
+  if (isSSR()) return () => {
+  };
+  return reactiveBinding(commit, el);
+}
 function readControlValue(el) {
   if (el instanceof HTMLInputElement) {
     if (el.type === "checkbox") return el.checked;
@@ -3206,6 +3235,50 @@ function writeControlValue(el, value) {
   const next = value == null ? "" : String(value);
   if (el.value !== next) el.value = next;
 }
+function applyEachBindings(ctx, el, spec, index) {
+  const where = `ctx.each[${index}]`;
+  if (isDev()) {
+    for (const key of Object.keys(spec)) {
+      devAssert(
+        EACH_KEYS.includes(key),
+        `${where}: unknown binding "${key}". Expected one of: ${EACH_KEYS.join(", ")}.`
+      );
+    }
+  }
+  if (spec.text !== void 0) {
+    devAssert(typeof spec.text === "function", `${where}: "text" must be a function returning the value.`);
+    ctx.text(el, spec.text);
+  }
+  if (spec.attr !== void 0) {
+    for (const name of Object.keys(spec.attr)) {
+      const value = spec.attr[name];
+      devAssert(typeof value === "function", `${where}: attr["${name}"] must be a function returning the value.`);
+      ctx.attr(el, name, value);
+    }
+  }
+  if (spec.class !== void 0) {
+    for (const name of Object.keys(spec.class)) {
+      const on2 = spec.class[name];
+      devAssert(typeof on2 === "function", `${where}: class["${name}"] must be a function returning a boolean.`);
+      ctx.classed(el, name, on2);
+    }
+  }
+  if (spec.show !== void 0) {
+    devAssert(typeof spec.show === "function", `${where}: "show" must be a function returning a boolean.`);
+    ctx.show(el, spec.show);
+  }
+  if (spec.on !== void 0) {
+    for (const event of Object.keys(spec.on)) {
+      const handler = spec.on[event];
+      devAssert(typeof handler === "function", `${where}: on["${String(event)}"] must be a function.`);
+      ctx.on(el, event, handler);
+    }
+  }
+  if (spec.cleanup !== void 0) {
+    devAssert(typeof spec.cleanup === "function", `${where}: "cleanup" must be a function.`);
+    ctx.cleanup(spec.cleanup);
+  }
+}
 function enhance(target, setup) {
   const root = typeof target === "string" ? typeof document !== "undefined" ? document.querySelector(target) : null : target;
   if (!root) {
@@ -3256,7 +3329,7 @@ function enhance(target, setup) {
     text: (t, value) => {
       bind(t, (el) => {
         teardowns.push(
-          effect(() => {
+          bindNode(el, () => {
             const v = value();
             const next = v == null ? "" : String(v);
             if (el.textContent !== next) el.textContent = next;
@@ -3267,7 +3340,7 @@ function enhance(target, setup) {
     attr: (t, name, value) => {
       bind(t, (el) => {
         teardowns.push(
-          effect(() => {
+          bindNode(el, () => {
             const v = value();
             const next = v == null ? null : String(v);
             setSafeAttribute(el, name, next, { syncValueProperty: false, label: "enhance attr()" });
@@ -3278,7 +3351,7 @@ function enhance(target, setup) {
     classed: (t, name, on2) => {
       bind(t, (el) => {
         teardowns.push(
-          effect(() => {
+          bindNode(el, () => {
             el.classList.toggle(name, Boolean(on2()));
           })
         );
@@ -3288,7 +3361,7 @@ function enhance(target, setup) {
       bind(t, (el) => {
         const prevHidden = el.hidden;
         teardowns.push(
-          effect(() => {
+          bindNode(el, () => {
             el.hidden = !when2();
           })
         );
@@ -3303,7 +3376,7 @@ function enhance(target, setup) {
         const [get, set] = state;
         const evt = options?.event ?? (control instanceof HTMLSelectElement || control instanceof HTMLInputElement && (control.type === "checkbox" || control.type === "radio") ? "change" : "input");
         teardowns.push(
-          effect(() => {
+          bindNode(el, () => {
             writeControlValue(control, get());
           })
         );
@@ -3312,6 +3385,16 @@ function enhance(target, setup) {
         teardowns.push(() => control.removeEventListener(evt, onInput));
       });
     },
+    each: (target_, describe) => {
+      devAssert(typeof describe === "function", "ctx.each: second argument must be a function.");
+      const elements = typeof target_ === "string" ? ctx.refs(target_) : Array.from(target_);
+      for (let i2 = 0; i2 < elements.length; i2++) {
+        const el = elements[i2];
+        const spec = describe(el, i2);
+        if (spec == null) continue;
+        applyEachBindings(ctx, el, spec, i2);
+      }
+    },
     cleanup: (fn) => {
       teardowns.push(fn);
     }

package/dist/{chunk-5INI7D2L.js → chunk-IXKSNWV5.js}

@@ -1,3 +1,7 @@
+import {
+  devWarnLazy
+} from "./chunk-2WLZ6757.js";
+
 // src/utils/sanitize.ts
 function stripControlChars(value) {
   return value.replace(/[\x00-\x20\x7f-\x9f]+/g, "");
@@ -94,20 +98,75 @@ function decodeCssEscapes(value) {
   }
   return out;
 }
-function sanitizeCSSValue(value) {
-  if (!CSS_DANGER_GATE.test(value)) return value;
+var BLOCKED_CSS_NEEDLES = [
+  "url(",
+  "expression(",
+  "javascript:",
+  "vbscript:",
+  "-moz-binding",
+  "behavior:",
+  "@import",
+  "image-set(",
+  "filter:progid"
+];
+function describeElement(el) {
+  if (!el) return "an element";
+  let out = el.tagName.toLowerCase();
+  const id = el.getAttribute("id");
+  if (id) out += `#${id}`;
+  const cls = el.getAttribute("class");
+  if (cls) out += `.${cls.trim().split(/\s+/).slice(0, 3).join(".")}`;
+  return `<${out}>`;
+}
+var warnedDeclarations = /* @__PURE__ */ new Set();
+var MAX_WARNED_DECLARATIONS = 100;
+var declarationCapAnnounced = false;
+function warnDroppedDeclaration(value, reason, ctx) {
+  devWarnLazy(() => {
+    const reasons = [
+      "url() in an inline style is an exfiltration channel: the browser fetches it immediately and the URL's path or query can carry page data off-origin",
+      "expression() executes arbitrary script in legacy engines",
+      "the javascript: scheme executes script",
+      "the vbscript: scheme executes script",
+      "-moz-binding loads and runs remote XBL",
+      "behavior: loads and runs a remote HTC script",
+      "@import pulls in a remote stylesheet",
+      "image-set() fetches remote images, the same exfiltration channel as url()",
+      "filter:progid activates legacy scriptable filters"
+    ];
+    const declaration = ctx?.property ? `${ctx.property}: ${value}` : value;
+    const where = describeElement(ctx?.element);
+    const key = `${where}|${declaration}`;
+    if (warnedDeclarations.has(key)) return "";
+    if (warnedDeclarations.size >= MAX_WARNED_DECLARATIONS) {
+      if (declarationCapAnnounced) return "";
+      declarationCapAnnounced = true;
+      return `${MAX_WARNED_DECLARATIONS} distinct dropped style declarations have been reported; suppressing further ones for the rest of this session so they cannot flood the console. The declarations are still dropped \u2014 only the reporting stops. Fix the reported ones and reload to see any that remain.`;
+    }
+    warnedDeclarations.add(key);
+    return `style declaration "${declaration}" was dropped by the style sanitizer on ${where} \u2014 ${reasons[reason]}. The element renders without it, which usually looks like a missing image rather than an error. Sanctioned alternatives: for a content image use an <img> element (or a <picture>); for decoration, put the rule in a stylesheet and set a class instead \u2014 stylesheet CSS is not sanitized, only inline style attributes are. If this declaration is not yours, it came from untrusted data and the drop just prevented an exfiltration.`;
+  });
+}
+function blockedCssReason(value) {
+  if (!CSS_DANGER_GATE.test(value)) return -1;
   const normalized = value.includes("\\") ? decodeCssEscapes(value) : value;
   const lower = normalized.toLowerCase().replace(/\s+/g, "");
-  if (lower.includes("url(") || lower.includes("expression(") || lower.includes("javascript:") || lower.includes("vbscript:") || lower.includes("-moz-binding") || lower.includes("behavior:") || lower.includes("@import") || lower.includes("image-set(") || lower.includes("filter:progid")) {
-    return "";
+  for (let i = 0; i < BLOCKED_CSS_NEEDLES.length; i++) {
+    if (lower.includes(BLOCKED_CSS_NEEDLES[i])) return i;
   }
-  return value;
+  return -1;
+}
+function sanitizeCSSValue(value, context) {
+  const reason = blockedCssReason(value);
+  if (reason === -1) return value;
+  warnDroppedDeclaration(value, reason, context);
+  return "";
 }
-function sanitizeStyleAttribute(cssText) {
+function sanitizeStyleAttribute(cssText, context) {
   const input = String(cssText);
   if (input.trim() === "") return "";
   if (typeof document === "undefined") {
-    return sanitizeCSSValue(input) === "" ? "" : input;
+    return sanitizeCSSValue(input, context) === "" ? "" : input;
   }
   const probe = document.createElement("div");
   try {
@@ -119,8 +178,12 @@ function sanitizeStyleAttribute(cssText) {
   for (let i = 0; i < probe.style.length; i++) {
     const property = probe.style[i];
     const value = probe.style.getPropertyValue(property);
-    if (sanitizeCSSValue(value) === "") continue;
-    if (sanitizeCSSValue(`${property}:${value}`) === "") continue;
+    let reason = blockedCssReason(value);
+    if (reason === -1) reason = blockedCssReason(`${property}:${value}`);
+    if (reason !== -1) {
+      warnDroppedDeclaration(value, reason, { property, element: context?.element });
+      continue;
+    }
     const priority = probe.style.getPropertyPriority(property);
     declarations.push(`${property}: ${value}${priority ? ` !${priority}` : ""}`);
   }
@@ -171,11 +234,11 @@ function isPolicyAttribute(name) {
   const lower = name.toLowerCase();
   return lower === "style" || URL_ATTRIBUTES.has(lower);
 }
-function sanitizeAttributeString(attr, value) {
+function sanitizeAttributeString(attr, value, context) {
   const lower = attr.toLowerCase();
   if (lower === "srcset") return sanitizeSrcset(value);
   if (URL_ATTRIBUTES.has(lower)) return sanitizeUrl(value);
-  if (lower === "style") return sanitizeStyleAttribute(value);
+  if (lower === "style") return sanitizeStyleAttribute(value, context);
   return value;
 }
 

package/dist/{chunk-IKVUUE7D.js → chunk-KE4KWRDY.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk-52XFPGSN.js";
 import {
   effect
-} from "./chunk-XDOMTQHM.js";
+} from "./chunk-7VEC3UD2.js";
 import {
   batch,
   signal
-} from "./chunk-TVURNWDK.js";
+} from "./chunk-HECVW343.js";
 import {
   reportError
-} from "./chunk-VPP2FONR.js";
+} from "./chunk-2WLZ6757.js";
 
 // src/browser/media.ts
 function media(query) {

package/dist/{chunk-AW6HPJ3L.js → chunk-KKLW7YWL.js}

@@ -1,6 +1,6 @@
 import {
   renderToString
-} from "./chunk-HYCCIYNS.js";
+} from "./chunk-NIOYEGBQ.js";
 
 // src/plugins/modular.ts
 function createModuleRegistry() {

package/dist/{chunk-XZMCVZW6.js → chunk-NEYWS4EX.js}

@@ -6,29 +6,29 @@ import {
 import {
   div,
   span
-} from "./chunk-E72G5JSK.js";
+} from "./chunk-P3DHXBR6.js";
 import {
   STATIC_VALUE_RESOLVER,
   planHeadElementEntry,
   planMetaEntry
-} from "./chunk-HYCCIYNS.js";
+} from "./chunk-NIOYEGBQ.js";
 import {
   sanitizeUrl
-} from "./chunk-5INI7D2L.js";
+} from "./chunk-IXKSNWV5.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-XDOMTQHM.js";
+} from "./chunk-7VEC3UD2.js";
 import {
   registerDisposer,
   replaceChildrenSafely
-} from "./chunk-DHDZ7IVN.js";
+} from "./chunk-QKRPLZ2V.js";
 import {
   batch,
   signal
-} from "./chunk-TVURNWDK.js";
+} from "./chunk-HECVW343.js";
 
 // src/platform/head.ts
 function escapeScriptJsonLocal(json) {

package/dist/{chunk-HYCCIYNS.js → chunk-NIOYEGBQ.js}

@@ -6,17 +6,17 @@ import {
   sanitizeAttributeString,
   sanitizeUrl,
   stripControlChars
-} from "./chunk-5INI7D2L.js";
+} from "./chunk-IXKSNWV5.js";
 import {
   getSSRStore
-} from "./chunk-TIRZCERI.js";
+} from "./chunk-5DXA2J44.js";
 import {
   dispose,
   replaceChildrenSafely
-} from "./chunk-DHDZ7IVN.js";
+} from "./chunk-QKRPLZ2V.js";
 import {
-  isDev
-} from "./chunk-VPP2FONR.js";
+  DEV
+} from "./chunk-2WLZ6757.js";
 
 // src/utils/metaRefresh.ts
 function isAsciiWhitespace(ch) {
@@ -185,13 +185,12 @@ function isForbiddenSsrAttr(lowerName) {
 function sanitizeSsrAttributeValue(lowerName, value) {
   return sanitizeAttributeString(lowerName, value);
 }
-var _isDev = isDev();
 var SAFE_ATTR_NAME = /^[A-Za-z_:][-A-Za-z0-9_.:]*$/;
 function isSafeAttrName(name) {
   return SAFE_ATTR_NAME.test(name);
 }
 function ssrErrorComment(err) {
-  if (_isDev) {
+  if (DEV) {
     const msg = escapeHtml(err instanceof Error ? err.message : String(err));
     return `<!--SSR error: ${safeCommentText(msg)}-->`;
   }
@@ -237,10 +236,10 @@ function renderToString(element) {
   }
   const tag = element.tagName.toLowerCase();
   if (tag === "script" || tag === "style") {
-    return _isDev ? `<!--ssr:${tag}-stripped-->` : "";
+    return DEV ? `<!--ssr:${tag}-stripped-->` : "";
   }
   if (!/^[a-z][a-z0-9-]*$/i.test(tag)) {
-    return _isDev ? "<!--ssr:invalid-tag-->" : "";
+    return DEV ? "<!--ssr:invalid-tag-->" : "";
   }
   let html = `<${tag}`;
   for (const attr of Array.from(element.attributes)) {
@@ -282,7 +281,7 @@ function hydrate(component, container, options = {}) {
       const first = mismatches[0];
       if (options.onMismatch) {
         options.onMismatch(first);
-      } else if (_isDev) {
+      } else if (DEV) {
         console.warn(
           `[SibuJS hydration] ${first.message}
   at ${first.path}
@@ -483,11 +482,11 @@ async function* renderToStream(element) {
   }
   const tag = element.tagName.toLowerCase();
   if (tag === "script" || tag === "style") {
-    if (_isDev) yield `<!--ssr:${tag}-stripped-->`;
+    if (DEV) yield `<!--ssr:${tag}-stripped-->`;
     return;
   }
   if (!/^[a-z][a-z0-9-]*$/i.test(tag)) {
-    if (_isDev) yield "<!--ssr:invalid-tag-->";
+    if (DEV) yield "<!--ssr:invalid-tag-->";
     return;
   }
   let openTag = `<${tag}`;
@@ -630,7 +629,7 @@ function ssrSuspense(props) {
     },
     (err) => {
       if (timer) clearTimeout(timer);
-      if (_isDev) console.warn("[SibuJS SSR] ssrSuspense rejected:", err);
+      if (DEV) console.warn("[SibuJS SSR] ssrSuspense rejected:", err);
       return { id, html: fallbackHtml };
     }
   );
@@ -676,7 +675,7 @@ function serializeState(state, nonce, options) {
 }
 function deserializeState(validate) {
   if (typeof window === "undefined") return void 0;
-  if (_isDev && !validate) {
+  if (DEV && !validate) {
     console.warn(
       "[SibuJS SSR] deserializeState() called without a validate guard \u2014 tampered SSR payloads will not be detected."
     );

package/dist/{chunk-YLV26GAJ.js → chunk-OUWAIXIK.js}

@@ -4,14 +4,14 @@ import {
 } from "./chunk-H3SRKIYX.js";
 import {
   derived
-} from "./chunk-AD5YSZAN.js";
+} from "./chunk-2LOYNGBY.js";
 import {
   effect
-} from "./chunk-XDOMTQHM.js";
+} from "./chunk-7VEC3UD2.js";
 import {
   batch,
   signal
-} from "./chunk-TVURNWDK.js";
+} from "./chunk-HECVW343.js";
 
 // src/patterns/machine.ts
 function machine(config) {

package/dist/{chunk-E72G5JSK.js → chunk-P3DHXBR6.js}

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