sibujs 4.6.0 → 4.8.0

package/dist/extras.cjs

@@ -1077,7 +1077,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.6.0" : "dev";
+var _runtimeVersion = true ? "4.8.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;
@@ -1133,6 +1133,14 @@ var getSubscriberCount2 = API.getSubscriberCount;
 var getSubscriberDeps2 = API.getSubscriberDeps;
 var forEachSubscriber2 = API.forEachSubscriber;
 
+// src/core/devtoolsHook.ts
+function emitDevtools(hook, event, payload) {
+  try {
+    hook.emit(event, payload);
+  } catch {
+  }
+}
+
 // src/core/signals/derived.ts
 function derived(getter, options) {
   devAssert(typeof getter === "function", "derived: argument must be a getter function.");
@@ -1159,17 +1167,17 @@ function derived(getter, options) {
     cs._d = false;
     cs._init = true;
   };
-  track2(() => {
-    let threw = true;
-    try {
+  try {
+    track2(() => {
       cs._v = getter();
       cs._d = false;
       cs._init = true;
-      threw = false;
-    } finally {
-      if (threw) cs._d = true;
-    }
-  }, markDirty);
+    }, markDirty);
+  } catch (err) {
+    disposed = true;
+    cleanup2(markDirty);
+    throw err;
+  }
   const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
   const validate = () => {
     if (!cs._d || disposed || pendingError !== void 0) return;
@@ -1188,7 +1196,7 @@ function derived(getter, options) {
       if (disposed) cleanup2(markDirty);
     }
     if (hook && !disposed && !Object.is(oldValue, cs._v)) {
-      hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
+      emitDevtools(hook, "computed:update", { signal: cs, oldValue, newValue: cs._v });
     }
   };
   cs._validate = validate;
@@ -1239,7 +1247,7 @@ function derived(getter, options) {
       }
     }
   };
-  if (hook) hook.emit("computed:create", { signal: cs, name: debugName, getter: computedGetter });
+  if (hook) emitDevtools(hook, "computed:create", { signal: cs, name: debugName, getter: computedGetter });
   return computedGetter;
 }
 
@@ -1412,12 +1420,17 @@ function effect(effectFn, options) {
   try {
     retrack2(ctx.bodyFn, ctx.subscriber);
     if (ctx.rerunPending) drainReruns(ctx);
+  } catch (err) {
+    ctx.disposed = true;
+    if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
+    cleanup2(ctx.subscriber);
+    throw err;
   } finally {
     ctx.running = false;
     ctx.rerunPending = false;
   }
   const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook) hook.emit("effect:create", { effectFn });
+  if (hook) emitDevtools(hook, "effect:create", { effectFn });
   return () => disposeEffect(ctx);
 }
 
@@ -1504,7 +1517,7 @@ function signal(initial, options) {
       state2.__v++;
       if (DEV) {
         const hook = _g2.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-        if (hook) hook.emit("signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
+        if (hook) emitDevtools(hook, "signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
       }
       if (!enqueueBatchedSignal(state2)) {
         notifySubscribers2(state2);
@@ -1518,7 +1531,7 @@ function signal(initial, options) {
       state2.value = newValue;
       state2.__v++;
       const hook = _g2.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-      if (hook) hook.emit("signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
+      if (hook) emitDevtools(hook, "signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
       if (!enqueueBatchedSignal(state2)) {
         notifySubscribers2(state2);
       }
@@ -1537,7 +1550,7 @@ function signal(initial, options) {
   }
   if (DEV) {
     const hook = _g2.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-    if (hook) hook.emit("signal:create", { signal: state2, name: debugName, getter: get, initial });
+    if (hook) emitDevtools(hook, "signal:create", { signal: state2, name: debugName, getter: get, initial });
   }
   return [get, set];
 }
@@ -1659,7 +1672,87 @@ function waitForRetryDelay(delay, signal2) {
   });
 }
 
+// src/data/structuralSharing.ts
+function isPlainObject(value) {
+  if (value === null || typeof value !== "object") return false;
+  const proto = Object.getPrototypeOf(value);
+  return proto === Object.prototype || proto === null;
+}
+function isPlainArray(value) {
+  return Array.isArray(value) && Object.getPrototypeOf(value) === Array.prototype;
+}
+function reconcile(prev, next, depth, walk, newRoot) {
+  if (Object.is(prev, next)) return prev;
+  const arrays = isPlainArray(prev) && isPlainArray(next);
+  if (!arrays && !(isPlainObject(prev) && isPlainObject(next))) return next;
+  if (Object.getPrototypeOf(prev) !== Object.getPrototypeOf(next)) return next;
+  const nextObject = next;
+  const seenAt = walk.path.get(nextObject);
+  if (seenAt !== void 0) {
+    walk.cycleTo = Math.min(walk.cycleTo, seenAt);
+    return next;
+  }
+  const prevRecord = prev;
+  const nextRecord = next;
+  const nextKeys = arrays ? Array.from({ length: next.length }, (_, i2) => i2) : Object.keys(nextRecord);
+  const prevSize = arrays ? prev.length : Object.keys(prevRecord).length;
+  const copy = arrays ? new Array(nextKeys.length) : Object.create(Object.getPrototypeOf(next));
+  let allFromPrev = prevSize === nextKeys.length;
+  let allFromNext = true;
+  const outerCycleTo = walk.cycleTo;
+  walk.cycleTo = Number.POSITIVE_INFINITY;
+  walk.path.set(nextObject, depth);
+  for (const key of nextKeys) {
+    if (arrays && !Object.hasOwn(nextRecord, key)) {
+      if (Object.hasOwn(prevRecord, key)) allFromPrev = false;
+      continue;
+    }
+    const nextChild = nextRecord[key];
+    const hasPrev = Object.hasOwn(prevRecord, key);
+    const shared = hasPrev ? reconcile(prevRecord[key], nextChild, depth + 1, walk, false) : nextChild;
+    if (key === "__proto__") {
+      Object.defineProperty(copy, key, { value: shared, writable: true, enumerable: true, configurable: true });
+    } else {
+      copy[key] = shared;
+    }
+    if (!hasPrev || !Object.is(shared, prevRecord[key])) allFromPrev = false;
+    if (!Object.is(shared, nextChild)) allFromNext = false;
+  }
+  walk.path.delete(nextObject);
+  const reached = walk.cycleTo;
+  walk.cycleTo = Math.min(outerCycleTo, reached < depth ? reached : Number.POSITIVE_INFINITY);
+  if (reached <= depth) return next;
+  if (allFromPrev && !newRoot) return prev;
+  if (allFromNext) return next;
+  return copy;
+}
+function applyStructuralSharing(option2, prev, next, explicit = false) {
+  if (option2 === false || prev === void 0) return next;
+  const forceNew = explicit && !Object.is(prev, next);
+  if (typeof option2 === "function") {
+    const shared = option2(prev, next);
+    return forceNew && Object.is(shared, prev) ? next : shared;
+  }
+  return reconcile(prev, next, 0, { path: /* @__PURE__ */ new Map(), cycleTo: Number.POSITIVE_INFINITY }, forceNew);
+}
+
 // src/data/query.ts
+function shareSafely(option2, prev, next, explicit) {
+  const shared = untracked2(
+    () => runSelect("query structuralSharing", () => applyStructuralSharing(option2, prev, next, explicit))
+  );
+  return shared.ok ? shared.value : next;
+}
+function sharedView(entry) {
+  const raw = entry.data;
+  if (raw === void 0) return void 0;
+  if (entry.hasShared && Object.is(entry.sharedFrom, raw)) return entry.shared;
+  const value = shareSafely(true, entry.hasShared ? entry.shared : void 0, raw, entry.explicit);
+  entry.shared = value;
+  entry.sharedFrom = raw;
+  entry.hasShared = true;
+  return value;
+}
 var globalQueryCache = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.query.cache.v1"), () => /* @__PURE__ */ new Map());
 function getActiveQueryCache() {
   return getRequestScopedCache("query") ?? globalQueryCache;
@@ -1685,7 +1778,11 @@ function getOrCreateEntry(cache, key, initialData) {
       listeners: /* @__PURE__ */ new Set(),
       refetchers: /* @__PURE__ */ new Set(),
       controller: null,
-      generation: 0
+      generation: 0,
+      explicit: false,
+      shared: void 0,
+      sharedFrom: void 0,
+      hasShared: false
     };
     cache.set(key, entry);
   }
@@ -1704,13 +1801,24 @@ function query(key, fetcher, options = {}) {
     onSuccess,
     onError,
     onSettled,
-    select: select3
+    select: select3,
+    structuralSharing = true
   } = options;
   const resolveKey = typeof key === "function" ? key : () => key;
   const cache = getActiveQueryCache();
   const [data2, setData] = signal(initialData);
   const [isFetching, setIsFetching] = signal(false);
   const [error, setError] = signal(void 0);
+  const [updatedAt, setUpdatedAt] = signal(0);
+  const [base2, setBase] = signal(void 0);
+  let baseEntry = null;
+  let baseValue;
+  let baseExplicit = false;
+  let customEntry = null;
+  let customFrom;
+  let customValue;
+  let selectedEntry = null;
+  let selectedValue;
   let disposed = false;
   let currentKey = null;
   let attachedEntry = null;
@@ -1719,11 +1827,57 @@ function query(key, fetcher, options = {}) {
   const loading = derived(() => isFetching() && data2() === void 0);
   const isStale = derived(() => {
     data2();
+    updatedAt();
     if (!currentKey) return true;
     const entry = cache.get(currentKey);
     if (!entry || entry.dataUpdatedAt === 0) return true;
     return Date.now() - entry.dataUpdatedAt >= staleTime;
   });
+  function viewOf(entry) {
+    const raw = entry.data;
+    if (raw === void 0) return void 0;
+    if (structuralSharing === false) return raw;
+    if (typeof structuralSharing !== "function") return sharedView(entry);
+    const sameEntry = customEntry === entry;
+    if (sameEntry && Object.is(customFrom, raw)) return customValue;
+    const value = shareSafely(structuralSharing, sameEntry ? customValue : void 0, raw, entry.explicit);
+    customEntry = entry;
+    customFrom = raw;
+    customValue = value;
+    return value;
+  }
+  function commitBase(entry, value) {
+    const changed = !Object.is(value, baseValue);
+    baseEntry = entry;
+    baseValue = value;
+    if (!select3) {
+      setData(value);
+      return;
+    }
+    if (!changed) return;
+    baseExplicit = entry?.explicit === true;
+    setBase(value);
+  }
+  const stopSelect = select3 ? effect(() => {
+    const raw = base2();
+    const entry = baseEntry;
+    const explicit = baseExplicit;
+    baseExplicit = false;
+    if (entry === null && selectedEntry === null) return;
+    if (raw === void 0) {
+      selectedEntry = entry;
+      selectedValue = void 0;
+      setData(void 0);
+      return;
+    }
+    const selected = runSelect("query select", () => select3(raw));
+    if (!selected.ok) return;
+    const prev = selectedEntry === entry ? selectedValue : void 0;
+    const value = shareSafely(structuralSharing, prev, selected.value, explicit);
+    selectedEntry = entry;
+    selectedValue = value;
+    setData(value);
+  }) : null;
   function detachFromEntry() {
     const entry = attachedEntry;
     const key2 = attachedKey;
@@ -1782,7 +1936,7 @@ function query(key, fetcher, options = {}) {
             const settledError = entry.error;
             runCallback("query onError", () => onError?.(settledError));
           } else if (entry.data !== void 0) {
-            const settledData = entry.data;
+            const settledData = viewOf(entry);
             runCallback("query onSuccess", () => onSuccess?.(settledData));
           }
           runCallback("query onSettled", () => onSettled?.());
@@ -1813,17 +1967,14 @@ function query(key, fetcher, options = {}) {
       entry.promise = null;
       entry.controller = null;
       entry.data = result;
+      entry.explicit = false;
       entry.dataUpdatedAt = Date.now();
       entry.error = void 0;
       notifyListeners(entry.listeners, "query cache listener");
       if (disposed || currentKey !== key2) return;
-      const selected = runSelect("query select", () => select3 ? select3(result) : result);
-      batch(() => {
-        if (selected.ok) setData(selected.value);
-        setIsFetching(false);
-        setError(void 0);
-      });
-      runCallback("query onSuccess", () => onSuccess?.(result));
+      if (!entry.listeners.has(onCacheUpdate)) onCacheUpdate();
+      const committedResult = viewOf(entry);
+      runCallback("query onSuccess", () => onSuccess?.(committedResult));
     } catch (err) {
       if (entry.generation !== generation) return;
       entry.promise = null;
@@ -1853,18 +2004,19 @@ function query(key, fetcher, options = {}) {
     const entry = cache.get(currentKey);
     if (!entry) {
       batch(() => {
-        setData(void 0);
+        commitBase(null, void 0);
         setError(void 0);
         setIsFetching(false);
+        setUpdatedAt(0);
       });
       return;
     }
-    const raw = entry.data;
-    const selected = raw !== void 0 && select3 ? runSelect("query select", () => select3(raw)) : { ok: true, value: raw };
+    const view = viewOf(entry);
     batch(() => {
-      if (selected.ok) setData(selected.value);
+      commitBase(entry, view);
       setError(entry.error);
       if (!entry.promise) setIsFetching(false);
+      setUpdatedAt(entry.dataUpdatedAt);
     });
   }
   const effectCleanup = effect(() => {
@@ -1874,11 +2026,11 @@ function query(key, fetcher, options = {}) {
     const entry = getOrCreateEntry(cache, key2, initialData);
     attachToEntry(entry, key2);
     if (entry.data !== void 0) {
-      const raw = entry.data;
-      const selected = runSelect("query select", () => select3 ? select3(raw) : raw);
+      const view = viewOf(entry);
       batch(() => {
-        if (selected.ok) setData(selected.value);
+        commitBase(entry, view);
         setError(entry.error);
+        setUpdatedAt(entry.dataUpdatedAt);
       });
     }
     if (!keyChanged && currentKey === key2 && entry.data !== void 0) {
@@ -1916,6 +2068,7 @@ function query(key, fetcher, options = {}) {
     if (disposed) return;
     disposed = true;
     effectCleanup();
+    stopSelect?.();
     loading.dispose();
     isStale.dispose();
     if (intervalTimer) clearInterval(intervalTimer);
@@ -1947,13 +2100,15 @@ function invalidateQueries(keyOrPredicate) {
   }
 }
 function getQueryData(key) {
-  return getActiveQueryCache().get(key)?.data;
+  const entry = getActiveQueryCache().get(key);
+  return entry ? sharedView(entry) : void 0;
 }
 function setQueryData(key, data2) {
   const entry = getActiveQueryCache().get(key);
   if (!entry) return;
-  const newData = typeof data2 === "function" ? data2(entry.data) : data2;
+  const newData = typeof data2 === "function" ? data2(sharedView(entry)) : data2;
   entry.data = newData;
+  entry.explicit = true;
   entry.dataUpdatedAt = Date.now();
   notifyListeners(entry.listeners, "query cache listener");
 }
@@ -2337,6 +2492,15 @@ function resource(sourceOrFetcher, fetcherOrOptions, maybeOptions) {
   const [loading, setLoading] = signal(false);
   const [error, setError] = signal(void 0);
   let currentData = options.initialValue;
+  function commitData(next, explicit) {
+    const sharing = options.structuralSharing ?? true;
+    const shared = untracked2(
+      () => runSelect("resource structuralSharing", () => applyStructuralSharing(sharing, currentData, next, explicit))
+    );
+    currentData = shared.ok ? shared.value : next;
+    setData(currentData);
+    return currentData;
+  }
   let abortController = null;
   let disposed = false;
   let effectCleanup = null;
@@ -2356,12 +2520,12 @@ function resource(sourceOrFetcher, fetcherOrOptions, maybeOptions) {
     try {
       const result = await withRetry(() => fetcher(sourceValue, { signal: signal2, prev }), options.retry, void 0, signal2);
       if (version !== fetchVersion || disposed) return;
-      currentData = result;
+      let committed = result;
       batch(() => {
-        setData(result);
+        committed = commitData(result, false);
         setLoading(false);
       });
-      runCallback("resource onSuccess", () => options.onSuccess?.(result));
+      runCallback("resource onSuccess", () => options.onSuccess?.(committed));
     } catch (err) {
       if (version !== fetchVersion || disposed) return;
       if (isAbortError(err)) {
@@ -2395,8 +2559,7 @@ function resource(sourceOrFetcher, fetcherOrOptions, maybeOptions) {
     refetch: () => doFetch(source2 ? source2() : void 0),
     mutate: (value) => {
       const newValue = typeof value === "function" ? value(currentData) : value;
-      currentData = newValue;
-      setData(newValue);
+      commitData(newValue, true);
     },
     abort: () => abortController?.abort(),
     dispose: () => {
@@ -2916,8 +3079,10 @@ function socket(url, options) {
 function stripControlChars(value) {
   return value.replace(/[\x00-\x20\x7f-\x9f]+/g, "");
 }
+var ASCII_UPPER = /[A-Z]/;
+var ASCII_UPPER_G = /[A-Z]/g;
 function canonicalAttrName(name) {
-  return name.replace(/[A-Z]/g, (ch) => String.fromCharCode(ch.charCodeAt(0) + 32));
+  return ASCII_UPPER.test(name) ? name.replace(ASCII_UPPER_G, (ch) => String.fromCharCode(ch.charCodeAt(0) + 32)) : name;
 }
 function isEventHandlerAttr(name) {
   if (name.length < 3) return false;
@@ -2930,6 +3095,9 @@ function sanitizeUrl(url) {
   const probe = stripControlChars(url).trim();
   if (!probe) return "";
   const output2 = url.replace(OUTER_TRIM, "");
+  if (probe.length >= 2 && (probe[0] === "\\" || probe[0] === "/") && (probe[1] === "\\" || probe[1] === "/") && (probe[0] === "\\" || probe[1] === "\\")) {
+    return "";
+  }
   const lower = probe.toLowerCase();
   let schemeEnd = -1;
   for (let i2 = 0; i2 < lower.length; i2++) {
@@ -2946,19 +3114,58 @@ function sanitizeUrl(url) {
   if (SAFE_URL_PROTOCOLS.indexOf(scheme) === -1) return "";
   return output2;
 }
-var SRCSET_DESCRIPTOR = /^\s+\d+(\.\d+)?[wx]$/;
+var SRCSET_DESCRIPTOR = /^\d+(\.\d+)?[wx]$/;
+function isSrcsetWhitespace(ch) {
+  return ch === " " || ch === "	" || ch === "\n" || ch === "\r" || ch === "\f";
+}
 function sanitizeSrcset(value) {
-  const parts = value.split(",");
+  const input2 = String(value);
   const out = [];
-  for (let i2 = 0; i2 < parts.length; i2++) {
-    const part = parts[i2].trim();
-    if (!part) continue;
-    const m = part.match(/^(\S+)(\s+.+)?$/);
-    if (!m) continue;
-    if (m[2] !== void 0 && !SRCSET_DESCRIPTOR.test(m[2])) continue;
-    const safe = sanitizeUrl(m[1]);
+  let i2 = 0;
+  const n = input2.length;
+  while (i2 < n) {
+    while (i2 < n && (isSrcsetWhitespace(input2[i2]) || input2[i2] === ",")) i2++;
+    if (i2 >= n) break;
+    const urlStart = i2;
+    while (i2 < n && !isSrcsetWhitespace(input2[i2])) i2++;
+    let url = input2.slice(urlStart, i2);
+    const descriptors = [];
+    if (url.endsWith(",")) {
+      url = url.replace(/,+$/, "");
+    } else {
+      let current = "";
+      let inParens = false;
+      while (i2 < n) {
+        const ch = input2[i2];
+        if (inParens) {
+          current += ch;
+          if (ch === ")") inParens = false;
+          i2++;
+          continue;
+        }
+        if (isSrcsetWhitespace(ch)) {
+          if (current) descriptors.push(current);
+          current = "";
+          i2++;
+          continue;
+        }
+        if (ch === ",") {
+          i2++;
+          break;
+        }
+        if (ch === "(") inParens = true;
+        current += ch;
+        i2++;
+      }
+      if (current) descriptors.push(current);
+    }
+    if (url === "") continue;
+    if (descriptors.length > 1) continue;
+    if (descriptors.length === 1 && !SRCSET_DESCRIPTOR.test(descriptors[0])) continue;
+    const safe = sanitizeUrl(url);
     if (!safe) continue;
-    out.push(m[2] ? `${safe}${m[2]}` : safe);
+    if (safe.startsWith(",") || safe.endsWith(",")) continue;
+    out.push(descriptors.length === 1 ? `${safe} ${descriptors[0]}` : safe);
   }
   return out.join(", ");
 }
@@ -3017,8 +3224,16 @@ var BLOCKED_CSS_NEEDLES = [
   "behavior:",
   "@import",
   "image-set(",
-  "filter:progid"
+  "filter:progid",
+  // CSS Images 4 `image("…")` and CSS Values 5 `src("…")` take a URL as a
+  // plain STRING, so they fetch without ever spelling `url(`. Support is thin
+  // today, which is exactly when a blocklist should get ahead of it.
+  "image(",
+  "src("
 ];
+var CSS_REASON_MOZ_BINDING = 4;
+var CSS_REASON_BEHAVIOR = 5;
+var CSS_REASON_PROGID = 8;
 function describeElement(el) {
   if (!el) return "an element";
   let out = el.tagName.toLowerCase();
@@ -3042,7 +3257,9 @@ function warnDroppedDeclaration(value, reason, ctx) {
       "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"
+      "filter:progid activates legacy scriptable filters",
+      "image() fetches its string argument as a URL, the same exfiltration channel as url()",
+      "src() fetches its string argument as a URL, the same exfiltration channel as url()"
     ];
     const declaration = ctx?.property ? `${ctx.property}: ${value}` : value;
     const where = describeElement(ctx?.element);
@@ -3057,27 +3274,145 @@ function warnDroppedDeclaration(value, reason, ctx) {
     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 normalizeCssForScan(value) {
+  const normalized = value.includes("\\") ? decodeCssEscapes(value) : value;
+  return normalized.toLowerCase().replace(/\s+/g, "");
+}
 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, "");
+  const lower = normalizeCssForScan(value);
   for (let i2 = 0; i2 < BLOCKED_CSS_NEEDLES.length; i2++) {
     if (lower.includes(BLOCKED_CSS_NEEDLES[i2])) return i2;
   }
   return -1;
 }
-function sanitizeCSSValue(value, context) {
-  const reason = blockedCssReason(value);
+var STYLESHEET_BLOCKED_FUNCTIONS = ["url", "image-set", "image", "src", "expression"];
+function stripCssFunctions(css) {
+  const pattern2 = new RegExp(`(?:-webkit-)?(${STYLESHEET_BLOCKED_FUNCTIONS.join("|")})\\s*\\(`, "gi");
+  let out = "";
+  let last = 0;
+  for (let match = pattern2.exec(css); match !== null; match = pattern2.exec(css)) {
+    const before = match.index > 0 ? css[match.index - 1] : "";
+    if (/[\w-]/.test(before)) continue;
+    let depth = 1;
+    let i2 = pattern2.lastIndex;
+    let quote2 = "";
+    for (; i2 < css.length && depth > 0; i2++) {
+      const ch = css[i2];
+      if (quote2) {
+        if (ch === "\\") i2++;
+        else if (ch === quote2) quote2 = "";
+      } else if (ch === '"' || ch === "'") quote2 = ch;
+      else if (ch === "(") depth++;
+      else if (ch === ")") depth--;
+    }
+    out += `${css.slice(last, match.index)}/* ${match[1].toLowerCase()}() removed */`;
+    last = i2;
+    pattern2.lastIndex = i2;
+  }
+  return out + css.slice(last);
+}
+function sanitizeStylesheetText(css) {
+  let text2 = css.includes("\\") ? decodeCssEscapes(css) : css;
+  text2 = text2.replace(/@import\b[^;{}]*;?/gi, "/* @import removed */");
+  text2 = stripCssFunctions(text2);
+  text2 = text2.replace(/(^|[;{\s])behavior\s*:[^;}]*;?/gi, "$1/* behavior removed */");
+  text2 = text2.replace(/(^|[;{\s])-moz-binding\s*:[^;}]*;?/gi, "$1/* -moz-binding removed */");
+  text2 = text2.replace(/(^|[;{\s])(-ms-)?filter\s*:[^;}]*progid[^;}]*;?/gi, "$1/* filter:progid removed */");
+  return text2;
+}
+function sanitizeCSSDeclaration(property, value, context) {
+  const reason = blockedDeclarationReason(property, value);
   if (reason === -1) return value;
-  warnDroppedDeclaration(value, reason, context);
+  warnDroppedDeclaration(value, reason, { property, element: context?.element });
   return "";
 }
+function blockedDeclarationReason(property, value) {
+  const reason = blockedCssReason(value);
+  if (reason !== -1) return reason;
+  const name = canonicalAttrName(property);
+  if (name === "behavior") return CSS_REASON_BEHAVIOR;
+  if (name === "-moz-binding") return CSS_REASON_MOZ_BINDING;
+  if ((name === "filter" || name === "-ms-filter") && normalizeCssForScan(value).includes("progid:")) {
+    return CSS_REASON_PROGID;
+  }
+  return -1;
+}
+function parseStyleDeclarations(css) {
+  const chunks = [];
+  let buf = "";
+  let depth = 0;
+  let quote2 = "";
+  for (let i2 = 0; i2 < css.length; i2++) {
+    const ch = css[i2];
+    if (quote2) {
+      buf += ch;
+      if (ch === "\\" && i2 + 1 < css.length) buf += css[++i2];
+      else if (ch === quote2) quote2 = "";
+      continue;
+    }
+    if (ch === "\\") {
+      buf += ch;
+      if (i2 + 1 < css.length) buf += css[++i2];
+      continue;
+    }
+    if (ch === "/" && css[i2 + 1] === "*") {
+      const end = css.indexOf("*/", i2 + 2);
+      if (end === -1) return null;
+      i2 = end + 1;
+      continue;
+    }
+    if (ch === '"' || ch === "'") quote2 = ch;
+    else if (ch === "(" || ch === "[") depth++;
+    else if (ch === ")" || ch === "]") {
+      if (--depth < 0) return null;
+    } else if (ch === "{" || ch === "}") return null;
+    else if (ch === ";" && depth === 0) {
+      chunks.push(buf);
+      buf = "";
+      continue;
+    }
+    buf += ch;
+  }
+  if (quote2 || depth !== 0) return null;
+  chunks.push(buf);
+  const out = [];
+  for (const chunk of chunks) {
+    const colon = chunk.indexOf(":");
+    if (colon === -1) continue;
+    const rawName = chunk.slice(0, colon).trim();
+    if (!/^(--[\w-]+|-?[a-zA-Z_][\w-]*)$/.test(rawName)) continue;
+    let value = chunk.slice(colon + 1).trim();
+    const bang = /!\s*important\s*$/i.exec(value);
+    if (bang) value = value.slice(0, bang.index).trim();
+    if (value === "") continue;
+    const property = rawName.startsWith("--") ? rawName : canonicalAttrName(rawName);
+    out.push([property, value, bang !== null]);
+  }
+  return out;
+}
+function sanitizeStyleDeclarationList(cssText, context) {
+  const input2 = String(cssText);
+  const declarations = parseStyleDeclarations(input2);
+  if (declarations === null) {
+    if (blockedCssReason(input2) !== -1) warnDroppedDeclaration(input2, blockedCssReason(input2), context);
+    return "";
+  }
+  const kept = [];
+  for (const [property, value, important] of declarations) {
+    const reason = blockedDeclarationReason(property, value);
+    if (reason !== -1) {
+      warnDroppedDeclaration(value, reason, { property, element: context?.element });
+      continue;
+    }
+    kept.push(`${property}: ${value}${important ? " !important" : ""}`);
+  }
+  return kept.join("; ");
+}
 function sanitizeStyleAttribute(cssText, context) {
   const input2 = String(cssText);
   if (input2.trim() === "") return "";
-  if (typeof document === "undefined") {
-    return sanitizeCSSValue(input2, context) === "" ? "" : input2;
-  }
+  if (typeof document === "undefined") return sanitizeStyleDeclarationList(input2, context);
   const probe = document.createElement("div");
   try {
     probe.style.cssText = input2;
@@ -3088,8 +3423,7 @@ function sanitizeStyleAttribute(cssText, context) {
   for (let i2 = 0; i2 < probe.style.length; i2++) {
     const property = probe.style[i2];
     const value = probe.style.getPropertyValue(property);
-    let reason = blockedCssReason(value);
-    if (reason === -1) reason = blockedCssReason(`${property}:${value}`);
+    const reason = blockedDeclarationReason(property, value);
     if (reason !== -1) {
       warnDroppedDeclaration(value, reason, { property, element: context?.element });
       continue;
@@ -3137,6 +3471,9 @@ var HTML_CONTENT_ATTRIBUTES = /* @__PURE__ */ new Set(["srcdoc"]);
 function isHtmlContentAttribute(name) {
   return HTML_CONTENT_ATTRIBUTES.has(name.toLowerCase());
 }
+function isUrlAttribute(attr) {
+  return URL_ATTRIBUTES.has(attr.toLowerCase());
+}
 function isPolicyAttribute(name) {
   const lower = name.toLowerCase();
   return lower === "style" || URL_ATTRIBUTES.has(lower);
@@ -3148,6 +3485,11 @@ function sanitizeAttributeString(attr, value, context) {
   if (lower === "style") return sanitizeStyleAttribute(value, context);
   return value;
 }
+function resolveAttributeValue(attr, value, context) {
+  if (!isPolicyAttribute(attr)) return value;
+  const safe = sanitizeAttributeString(attr, value, context);
+  return safe === "" ? null : safe;
+}
 
 // src/ui/stream.ts
 function validateSseUrl(raw) {
@@ -3571,6 +3913,13 @@ var UNSAFE_KEYS = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototyp
 function isUnsafeKey(key) {
   return UNSAFE_KEYS.has(key);
 }
+function readOwnGlobal(key) {
+  if (typeof window === "undefined") return void 0;
+  if (!Object.hasOwn(window, key)) return void 0;
+  const value = window[key];
+  if (typeof Node !== "undefined" && value instanceof Node) return void 0;
+  return value;
+}
 function stripUnsafeKeys(obj) {
   const out = {};
   for (const k of Object.keys(obj)) {
@@ -3888,13 +4237,19 @@ function colorScheme() {
 }
 
 // src/browser/format.ts
+var I18N_STATE = /* @__PURE__ */ Symbol.for("sibujs.i18n.v1");
+function activeI18nLocale() {
+  const state2 = globalThis[I18N_STATE];
+  if (!state2) return void 0;
+  return state2.getLocale ? state2.getLocale() : state2.locale?.[0]();
+}
 function formatNumber(value, options) {
   const { locale, ...formatOptions } = options ?? {};
-  return new Intl.NumberFormat(locale, formatOptions).format(value);
+  return new Intl.NumberFormat(locale ?? activeI18nLocale(), formatOptions).format(value);
 }
 function formatCurrency(value, currency, options) {
   const { locale, ...formatOptions } = options ?? {};
-  return new Intl.NumberFormat(locale, {
+  return new Intl.NumberFormat(locale ?? activeI18nLocale(), {
     ...formatOptions,
     style: "currency",
     currency
@@ -4863,6 +5218,11 @@ function imageLoader(src) {
     abandonCurrent();
     resetState();
     if (disposed || token !== startToken) return;
+    const safe = sanitizeUrl(String(url));
+    if (!safe) {
+      setStatus("error");
+      return;
+    }
     const img2 = new Image();
     current = img2;
     currentSettled = false;
@@ -4881,7 +5241,7 @@ function imageLoader(src) {
       currentSettled = true;
       setStatus("error");
     };
-    img2.src = url;
+    img2.src = safe;
   }
   let srcEffectTeardown = null;
   if (typeof src === "function") {
@@ -4907,6 +5267,9 @@ function imageLoader(src) {
 }
 
 // src/patterns/machine.ts
+function ownEntry(table2, key) {
+  return Object.hasOwn(table2, key) ? table2[key] : void 0;
+}
 function machine(config) {
   const [state2, setState] = signal(config.initial);
   const [context, setContext] = signal(config.context || {});
@@ -4928,9 +5291,9 @@ function machine(config) {
     }
   }
   function step(event) {
-    const stateDef = config.states[currentState];
+    const stateDef = ownEntry(config.states, currentState);
     if (!stateDef?.on) return;
-    const transition2 = stateDef.on[event];
+    const transition2 = ownEntry(stateDef.on, event);
     if (!transition2) return;
     let target;
     let guard;
@@ -4958,7 +5321,7 @@ function machine(config) {
       if (action) setContext(nextContext);
       setState(target);
     });
-    const targetDef = config.states[target];
+    const targetDef = ownEntry(config.states, target);
     if (targetDef?.entry) {
       targetDef.entry(currentContext);
     }
@@ -4968,7 +5331,7 @@ function machine(config) {
     if (processing) return;
     drain();
   }
-  const initialDef = config.states[config.initial];
+  const initialDef = ownEntry(config.states, config.initial);
   if (initialDef?.entry) {
     processing = true;
     try {
@@ -4986,9 +5349,9 @@ function machine(config) {
   }
   function can(event) {
     const currentState2 = state2();
-    const stateDef = config.states[currentState2];
+    const stateDef = ownEntry(config.states, currentState2);
     if (!stateDef?.on) return false;
-    const transition2 = stateDef.on[event];
+    const transition2 = ownEntry(stateDef.on, event);
     if (!transition2) return false;
     if (typeof transition2 === "string") return true;
     if (transition2.guard) {
@@ -7065,31 +7428,6 @@ function announce(message, priority = "polite") {
 
 // src/ui/scopedStyle.ts
 var _scope = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.scopedStyle.v1"), () => ({ n: 0 }));
-function decodeCssEscapes2(css) {
-  return css.replace(/\\([0-9a-f]{1,6})[ \t\n\r\f]?|\\([^\n])/gi, (_match, hex, ch) => {
-    if (hex) {
-      const code2 = Number.parseInt(hex, 16);
-      if (Number.isFinite(code2) && code2 > 0 && code2 <= 1114111) {
-        try {
-          return String.fromCodePoint(code2);
-        } catch {
-          return "";
-        }
-      }
-      return "";
-    }
-    return ch || "";
-  });
-}
-function sanitizeCSS(css) {
-  let sanitized = decodeCssEscapes2(css);
-  sanitized = sanitized.replace(/@import\s+[^;]+;/gi, "/* @import removed */");
-  sanitized = sanitized.replace(/url\s*\(\s*(?:"[^"]*"|'[^']*'|[^)]*)\s*\)/gi, "/* url() removed */");
-  sanitized = sanitized.replace(/expression\s*\(\s*(?:"[^"]*"|'[^']*'|[^)]*)\s*\)/gi, "/* expression() removed */");
-  sanitized = sanitized.replace(/-moz-binding\s*:[^;]+;/gi, "/* -moz-binding removed */");
-  sanitized = sanitized.replace(/behavior\s*:[^;]+;/gi, "/* behavior removed */");
-  return sanitized;
-}
 function firstCompoundEnd(selector) {
   let parens = 0;
   let brackets = 0;
@@ -7251,7 +7589,7 @@ function scopeStylesheet(css, attr) {
 function scopedStyle(css) {
   const id = `sibu-s${_scope.n++}`;
   const attr = `data-${id}`;
-  const safeCss = sanitizeCSS(css);
+  const safeCss = sanitizeStylesheetText(css);
   const scopedCSS = scopeStylesheet(safeCss, attr);
   if (typeof document !== "undefined") {
     const styleEl = document.createElement("style");
@@ -7277,26 +7615,246 @@ function removeScopedStyle(scopeId) {
   if (el) el.remove();
 }
 
-// src/utils/setSafeAttribute.ts
+// src/utils/metaRefresh.ts
+function isAsciiWhitespace(ch) {
+  return ch === " " || ch === "	" || ch === "\n" || ch === "\r" || ch === "\f";
+}
+function trimAsciiWhitespace(value) {
+  let start = 0;
+  let end = value.length;
+  while (start < end && isAsciiWhitespace(value[start])) start++;
+  while (end > start && isAsciiWhitespace(value[end - 1])) end--;
+  return value.slice(start, end);
+}
+var forbidden = (reason) => ({ kind: "forbidden", reason });
+function parseMetaRefreshContent(content) {
+  const raw = trimAsciiWhitespace(stripControlChars(content));
+  if (raw === "") return forbidden(DEV ? "empty content" : "");
+  let i2 = 0;
+  while (i2 < raw.length && raw[i2] >= "0" && raw[i2] <= "9") i2++;
+  if (i2 === 0) return forbidden(DEV ? "missing or non-numeric delay" : "");
+  const delay = Number.parseInt(raw.slice(0, i2), 10);
+  if (!Number.isFinite(delay)) return forbidden(DEV ? "unparseable delay" : "");
+  while (i2 < raw.length && isAsciiWhitespace(raw[i2])) i2++;
+  if (i2 === raw.length) return { kind: "delay-only", delay };
+  if (raw[i2] !== ";" && raw[i2] !== ",") return forbidden(DEV ? "unexpected text after delay" : "");
+  i2++;
+  while (i2 < raw.length && isAsciiWhitespace(raw[i2])) i2++;
+  const keyStart = i2;
+  while (i2 < raw.length && !isAsciiWhitespace(raw[i2]) && raw[i2] !== "=") i2++;
+  const key = raw.slice(keyStart, i2).toLowerCase();
+  if (key !== "url") return forbidden(DEV ? `unsupported refresh key ${JSON.stringify(key)}` : "");
+  while (i2 < raw.length && isAsciiWhitespace(raw[i2])) i2++;
+  if (raw[i2] !== "=") return forbidden(DEV ? "missing '=' after url" : "");
+  i2++;
+  while (i2 < raw.length && isAsciiWhitespace(raw[i2])) i2++;
+  let destination;
+  const quote2 = raw[i2];
+  if (quote2 === '"' || quote2 === "'") {
+    const close = raw.indexOf(quote2, i2 + 1);
+    if (close === -1) return forbidden(DEV ? "unterminated quoted destination" : "");
+    destination = raw.slice(i2 + 1, close);
+    const rest = trimAsciiWhitespace(raw.slice(close + 1));
+    if (rest !== "") return forbidden(DEV ? "trailing text after quoted destination" : "");
+  } else {
+    destination = trimAsciiWhitespace(raw.slice(i2));
+    if (/[;,]/.test(destination)) return forbidden(DEV ? "multiple refresh assignments" : "");
+  }
+  if (destination === "") return forbidden(DEV ? "empty destination" : "");
+  const sanitizedDestination = sanitizeUrl(destination);
+  if (sanitizedDestination === "") return forbidden(DEV ? "destination uses a disallowed protocol" : "");
+  return { kind: "allowed", delay, destination, sanitizedDestination };
+}
+function resolveMetaRefreshPolicy(attributes) {
+  let httpEquiv;
+  let content;
+  let duplicateName;
+  const seen = /* @__PURE__ */ new Set();
+  for (const [key, value] of attributes) {
+    const canonical = canonicalAttrName(key);
+    if (seen.has(canonical)) duplicateName = canonical;
+    seen.add(canonical);
+    if (canonical === "http-equiv") httpEquiv = value;
+    else if (canonical === "content") content = value;
+  }
+  if (duplicateName !== void 0) {
+    return forbidden(DEV ? `duplicate case-insensitive attribute ${JSON.stringify(duplicateName)}` : "");
+  }
+  if (typeof httpEquiv !== "string") return { kind: "not-refresh" };
+  if (trimAsciiWhitespace(stripControlChars(httpEquiv)).toLowerCase() !== "refresh") {
+    return { kind: "not-refresh" };
+  }
+  if (typeof content !== "string") return { kind: "not-refresh" };
+  return parseMetaRefreshContent(content);
+}
+function normalizeMetaAttributes(props) {
+  const out = /* @__PURE__ */ new Map();
+  const seen = /* @__PURE__ */ new Set();
+  for (const key of Object.keys(props)) {
+    const canonical = canonicalAttrName(key);
+    if (seen.has(canonical)) return null;
+    seen.add(canonical);
+    out.set(key, props[key]);
+  }
+  return out;
+}
+function isForbiddenMetaEntry(props) {
+  const normalized = normalizeMetaAttributes(props);
+  if (normalized === null) return true;
+  return resolveMetaRefreshPolicy(normalized).kind === "forbidden";
+}
+
+// src/utils/elementPolicy.ts
 var HTML_NS = "http://www.w3.org/1999/xhtml";
 var SVG_NS = "http://www.w3.org/2000/svg";
+var BLOCKED_ELEMENTS = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "frame", "frameset"]);
+function canonicalTagName(tag) {
+  return canonicalAttrName(tag);
+}
+function isBlockedElement(tag) {
+  return BLOCKED_ELEMENTS.has(canonicalTagName(tag));
+}
+var CODE_TEXT_ELEMENTS = /* @__PURE__ */ new Set(["script", "style"]);
+function isCodeTextElement(tag) {
+  return CODE_TEXT_ELEMENTS.has(canonicalTagName(tag));
+}
+var ContextualRefusal = {
+  None: 0,
+  /** The element would carry a refresh directive the shared policy forbids. */
+  MetaRefreshForbidden: 1,
+  /** A `<meta>` with a reactive binding may not carry any refresh directive. */
+  MetaRefreshReactive: 2,
+  /** A runtime value may not choose which program a `<script>` runs. */
+  ScriptSource: 3,
+  /** An SVG animation may not target a URL, handler or document attribute. */
+  AnimationTarget: 4,
+  /** A runtime-written `href` may not become an applied stylesheet. */
+  StylesheetSource: 5
+};
+var SCRIPT_SOURCE_ATTRIBUTES = /* @__PURE__ */ new Set(["src", "href", "xlink:href", "type", "language"]);
+var SVG_ANIMATION_ELEMENTS = /* @__PURE__ */ new Set(["animate", "set", "animateMotion", "animateTransform", "animateColor"]);
+var reactiveMetaElements = /* @__PURE__ */ new WeakSet();
+function isHtmlNamespace(el) {
+  return el.namespaceURI === HTML_NS || el.namespaceURI === null;
+}
+function metaSnapshot(el, canonical, value) {
+  const snapshot = /* @__PURE__ */ new Map();
+  const attrs = el.attributes;
+  for (let i2 = 0; i2 < attrs.length; i2++) {
+    const attr = attrs[i2];
+    if (attr.name === canonical) continue;
+    snapshot.set(attr.name, attr.value);
+  }
+  if (canonical !== null && value !== null) snapshot.set(canonical, value);
+  return snapshot;
+}
+function claimReactiveMeta(el) {
+  if (reactiveMetaElements.has(el)) return;
+  reactiveMetaElements.add(el);
+  if (el.getAttribute("content") === null) return;
+  if (resolveMetaRefreshPolicy(metaSnapshot(el, null, null)).kind !== "not-refresh") {
+    el.removeAttribute("content");
+  }
+}
+function metaRefusal(el, name, value, origin) {
+  if (!isHtmlNamespace(el)) return ContextualRefusal.None;
+  const canonical = canonicalAttrName(name);
+  if (canonical !== "http-equiv" && canonical !== "content") return ContextualRefusal.None;
+  if (origin === "reactive") claimReactiveMeta(el);
+  if (value === null) return ContextualRefusal.None;
+  if (canonical === "content" && !el.hasAttribute("http-equiv")) return ContextualRefusal.None;
+  const decision = resolveMetaRefreshPolicy(metaSnapshot(el, canonical, value));
+  if (decision.kind === "forbidden") return ContextualRefusal.MetaRefreshForbidden;
+  if (decision.kind !== "not-refresh" && reactiveMetaElements.has(el)) return ContextualRefusal.MetaRefreshReactive;
+  return ContextualRefusal.None;
+}
+function animationRefusal(name, value) {
+  if (value === null || canonicalAttrName(name) !== "attributename") return ContextualRefusal.None;
+  const target = stripControlChars(value);
+  return isUrlAttribute(target) || isEventHandlerAttr(target) || isHtmlContentAttribute(target) ? ContextualRefusal.AnimationTarget : ContextualRefusal.None;
+}
+var runtimeHrefLinks = /* @__PURE__ */ new WeakSet();
+function relHasStylesheet(rel) {
+  if (rel === null) return false;
+  const lower = canonicalAttrName(rel);
+  if (!lower.includes("stylesheet")) return false;
+  const tokens = lower.split(/[\t\n\f\r ]+/);
+  for (let i2 = 0; i2 < tokens.length; i2++) if (tokens[i2] === "stylesheet") return true;
+  return false;
+}
+function stylesheetRefusal(el, name, value, origin) {
+  if (!isHtmlNamespace(el)) return ContextualRefusal.None;
+  const canonical = canonicalAttrName(name);
+  if (canonical === "href") {
+    if (origin === "static" || value === null) return ContextualRefusal.None;
+    if (relHasStylesheet(el.getAttribute("rel"))) return ContextualRefusal.StylesheetSource;
+    runtimeHrefLinks.add(el);
+    return ContextualRefusal.None;
+  }
+  if (canonical === "rel") {
+    if (!relHasStylesheet(value)) return ContextualRefusal.None;
+    return runtimeHrefLinks.has(el) && el.hasAttribute("href") ? ContextualRefusal.StylesheetSource : ContextualRefusal.None;
+  }
+  return ContextualRefusal.None;
+}
+function contextualAttributeRefusal(el, name, value, origin) {
+  const local = el.localName;
+  if (local === "meta") return metaRefusal(el, name, value, origin);
+  if (local === "link") return stylesheetRefusal(el, name, value, origin);
+  if (local === "script") {
+    if (origin === "static" || value === null) return ContextualRefusal.None;
+    return SCRIPT_SOURCE_ATTRIBUTES.has(canonicalAttrName(name)) ? ContextualRefusal.ScriptSource : ContextualRefusal.None;
+  }
+  if (SVG_ANIMATION_ELEMENTS.has(local) && el.namespaceURI === SVG_NS) return animationRefusal(name, value);
+  return ContextualRefusal.None;
+}
+function settleAttributeProvenance(el, name, origin) {
+  if (el.localName !== "link" || canonicalAttrName(name) !== "href") return;
+  if (origin !== "static" && el.hasAttribute("href")) runtimeHrefLinks.add(el);
+  else runtimeHrefLinks.delete(el);
+}
+function isForbiddenMetaSnapshot(attributes) {
+  return resolveMetaRefreshPolicy(attributes).kind === "forbidden";
+}
+
+// src/utils/setSafeAttribute.ts
+var HTML_NS2 = "http://www.w3.org/1999/xhtml";
+var SVG_NS2 = "http://www.w3.org/2000/svg";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
 var XML_NS = "http://www.w3.org/XML/1998/namespace";
 var BOOLEAN_IDL_ATTRS = /* @__PURE__ */ new Set(["checked", "disabled", "selected"]);
 function isHtmlElement(el) {
-  return el.namespaceURI === null || el.namespaceURI === HTML_NS;
+  return el.namespaceURI === null || el.namespaceURI === HTML_NS2;
+}
+function warnContextualRefusal(label2, name, refusal) {
+  devWarnLazy(() => {
+    const reasons = [
+      "",
+      'the element would become a <meta http-equiv="refresh"> directive the shared refresh policy forbids (a destination outside the URL allowlist, or a directive too malformed to read unambiguously)',
+      "a <meta> whose http-equiv or content is reactive may never carry a refresh directive: a browser schedules the navigation as soon as the directive is valid, and nothing can withdraw it when the state changes back",
+      "a runtime value may not choose the program a <script> runs; name the script in static template source, or load it through Head({ script }) as an explicit trust decision",
+      "an SVG animation may not target a URL, event-handler or nested-document attribute; its to / values would be written into that attribute without passing the URL policy",
+      'a runtime-chosen href may not become an applied <link rel="stylesheet">: a well-formed URL is not a trusted stylesheet. Name the stylesheet in static template source, or load a runtime-chosen one through Head({ link }) as an explicit trust decision'
+    ];
+    return `${label2}: refusing "${name}" in this element's context \u2014 ${reasons[refusal]}. The write was not performed.`;
+  });
 }
 function setProp(el, key, val) {
   el[key] = val;
 }
 function namespaceFor(el, name) {
-  if (el.namespaceURI !== SVG_NS) return null;
+  if (el.namespaceURI !== SVG_NS2) return null;
   const lower = name.toLowerCase();
   if (lower.startsWith("xlink:")) return XLINK_NS;
   if (lower.startsWith("xml:")) return XML_NS;
   return null;
 }
 function setSafeAttribute(el, name, value, options = {}) {
+  const written = commitSafeAttribute(el, name, value, options);
+  if (el.localName === "link") settleAttributeProvenance(el, name, options.reactive ? "reactive" : "runtime");
+  return written;
+}
+function commitSafeAttribute(el, name, value, options) {
   const ns = namespaceFor(el, name);
   const localName = ns ? name.slice(name.indexOf(":") + 1) : name;
   if (isEventHandlerAttr(name)) {
@@ -7309,6 +7867,14 @@ function setSafeAttribute(el, name, value, options = {}) {
     else el.removeAttribute(name);
     return false;
   }
+  const pending = value == null || value === false ? null : value === true ? "" : String(value);
+  const refusal = contextualAttributeRefusal(el, name, pending, options.reactive ? "reactive" : "runtime");
+  if (refusal !== ContextualRefusal.None) {
+    warnContextualRefusal(options.label ?? "setSafeAttribute", name, refusal);
+    if (ns) el.removeAttributeNS(ns, localName);
+    else el.removeAttribute(name);
+    return false;
+  }
   if (value == null) {
     if (ns) el.removeAttributeNS(ns, localName);
     else el.removeAttribute(name);
@@ -7352,7 +7918,12 @@ function setSafeAttribute(el, name, value, options = {}) {
     setProp(el, idlName, idlName === "checked" ? Boolean(value) : str);
     return true;
   }
-  const safe = sanitizeAttributeString(name, str, { element: el });
+  const safe = str === "" ? "" : resolveAttributeValue(name, str, { element: el });
+  if (safe === null) {
+    if (ns) el.removeAttributeNS(ns, localName);
+    else el.removeAttribute(name);
+    return true;
+  }
   const current = ns ? el.getAttributeNS(ns, localName) : el.getAttribute(name);
   if (current === safe) return true;
   if (ns) el.setAttributeNS(ns, name, safe);
@@ -7375,7 +7946,7 @@ function bindAttribute(el, attr, getter) {
       reportError(err, { phase: "binding", name: `bindAttribute("${attr}")`, node: el });
       return;
     }
-    setSafeAttribute(el, attr, value, { label: `bindAttribute("${attr}")` });
+    setSafeAttribute(el, attr, value, { label: `bindAttribute("${attr}")`, reactive: true });
   }
   return reactiveBinding2(commit, el);
 }
@@ -7412,7 +7983,7 @@ function bindBoolAttr(el, attr, getter) {
       reportError(err, { phase: "binding", name: "bindBoolAttr", node: el });
       return;
     }
-    setSafeAttribute(el, attr, Boolean(value), { label: "bindBoolAttr" });
+    setSafeAttribute(el, attr, Boolean(value), { label: "bindBoolAttr", reactive: true });
   }
   return reactiveBinding2(commit, el);
 }
@@ -7965,6 +8536,9 @@ var DOMPool = class {
    * Get a recycled element or create a new one.
    */
   acquire(tag) {
+    if (isBlockedElement(tag)) {
+      throw new Error(`DOMPool: refusing to create <${tag}> \u2014 tag is blocked for security reasons.`);
+    }
     const pool = this.pools.get(tag);
     if (pool && pool.length > 0) {
       const el = pool.pop();
@@ -8070,10 +8644,19 @@ function prefetch(url) {
 }
 function preloadImage(src) {
   return new Promise((resolve, reject) => {
+    const safe = sanitizeUrl(String(src));
+    if (!safe) {
+      reject(
+        new Error(
+          String(src).trim() === "" ? "preloadImage: no image URL was given." : "preloadImage: refusing an image URL outside the URL policy."
+        )
+      );
+      return;
+    }
     const img2 = new Image();
     img2.onload = () => resolve(img2);
     img2.onerror = reject;
-    img2.src = src;
+    img2.src = safe;
   });
 }
 
@@ -8099,95 +8682,6 @@ function noSideEffect(fn) {
   return fn;
 }
 
-// src/utils/metaRefresh.ts
-function isAsciiWhitespace(ch) {
-  return ch === " " || ch === "	" || ch === "\n" || ch === "\r" || ch === "\f";
-}
-function trimAsciiWhitespace(value) {
-  let start = 0;
-  let end = value.length;
-  while (start < end && isAsciiWhitespace(value[start])) start++;
-  while (end > start && isAsciiWhitespace(value[end - 1])) end--;
-  return value.slice(start, end);
-}
-var forbidden = (reason) => ({ kind: "forbidden", reason });
-function parseMetaRefreshContent(content) {
-  const raw = trimAsciiWhitespace(stripControlChars(content));
-  if (raw === "") return forbidden("empty content");
-  let i2 = 0;
-  while (i2 < raw.length && raw[i2] >= "0" && raw[i2] <= "9") i2++;
-  if (i2 === 0) return forbidden("missing or non-numeric delay");
-  const delay = Number.parseInt(raw.slice(0, i2), 10);
-  if (!Number.isFinite(delay)) return forbidden("unparseable delay");
-  while (i2 < raw.length && isAsciiWhitespace(raw[i2])) i2++;
-  if (i2 === raw.length) return { kind: "delay-only", delay };
-  if (raw[i2] !== ";" && raw[i2] !== ",") return forbidden("unexpected text after delay");
-  i2++;
-  while (i2 < raw.length && isAsciiWhitespace(raw[i2])) i2++;
-  const keyStart = i2;
-  while (i2 < raw.length && !isAsciiWhitespace(raw[i2]) && raw[i2] !== "=") i2++;
-  const key = raw.slice(keyStart, i2).toLowerCase();
-  if (key !== "url") return forbidden(`unsupported refresh key ${JSON.stringify(key)}`);
-  while (i2 < raw.length && isAsciiWhitespace(raw[i2])) i2++;
-  if (raw[i2] !== "=") return forbidden("missing '=' after url");
-  i2++;
-  while (i2 < raw.length && isAsciiWhitespace(raw[i2])) i2++;
-  let destination;
-  const quote2 = raw[i2];
-  if (quote2 === '"' || quote2 === "'") {
-    const close = raw.indexOf(quote2, i2 + 1);
-    if (close === -1) return forbidden("unterminated quoted destination");
-    destination = raw.slice(i2 + 1, close);
-    const rest = trimAsciiWhitespace(raw.slice(close + 1));
-    if (rest !== "") return forbidden("trailing text after quoted destination");
-  } else {
-    destination = trimAsciiWhitespace(raw.slice(i2));
-    if (/[;,]/.test(destination)) return forbidden("multiple refresh assignments");
-  }
-  if (destination === "") return forbidden("empty destination");
-  const sanitizedDestination = sanitizeUrl(destination);
-  if (sanitizedDestination === "") return forbidden("destination uses a disallowed protocol");
-  return { kind: "allowed", delay, destination, sanitizedDestination };
-}
-function resolveMetaRefreshPolicy(attributes) {
-  let httpEquiv;
-  let content;
-  let duplicateName;
-  const seen = /* @__PURE__ */ new Set();
-  for (const [key, value] of attributes) {
-    const canonical = canonicalAttrName(key);
-    if (seen.has(canonical)) duplicateName = canonical;
-    seen.add(canonical);
-    if (canonical === "http-equiv") httpEquiv = value;
-    else if (canonical === "content") content = value;
-  }
-  if (duplicateName !== void 0) {
-    return forbidden(`duplicate case-insensitive attribute ${JSON.stringify(duplicateName)}`);
-  }
-  if (typeof httpEquiv !== "string") return { kind: "not-refresh" };
-  if (trimAsciiWhitespace(stripControlChars(httpEquiv)).toLowerCase() !== "refresh") {
-    return { kind: "not-refresh" };
-  }
-  if (typeof content !== "string") return { kind: "not-refresh" };
-  return parseMetaRefreshContent(content);
-}
-function normalizeMetaAttributes(props) {
-  const out = /* @__PURE__ */ new Map();
-  const seen = /* @__PURE__ */ new Set();
-  for (const key of Object.keys(props)) {
-    const canonical = canonicalAttrName(key);
-    if (seen.has(canonical)) return null;
-    seen.add(canonical);
-    out.set(key, props[key]);
-  }
-  return out;
-}
-function isForbiddenMetaEntry(props) {
-  const normalized = normalizeMetaAttributes(props);
-  if (normalized === null) return true;
-  return resolveMetaRefreshPolicy(normalized).kind === "forbidden";
-}
-
 // src/utils/headEntry.ts
 var SAFE_HEAD_ATTR_NAME = /^[A-Za-z_:][-A-Za-z0-9_.:]*$/;
 function isEmittableHeadAttrName(name) {
@@ -8198,9 +8692,7 @@ function isEmittableHeadAttrName(name) {
   return true;
 }
 function sanitizeHeadAttrValue(canonical, value) {
-  if (!isPolicyAttribute(canonical)) return value;
-  const safe = sanitizeAttributeString(canonical, value);
-  return safe === "" ? null : safe;
+  return resolveAttributeValue(canonical, value);
 }
 function findDuplicateAttributeName(names) {
   const seen = /* @__PURE__ */ new Set();
@@ -8257,15 +8749,9 @@ function serializeHeadEntry(tag, attrs) {
 }
 
 // src/platform/ssr.ts
-function isPolicyAttr(lowerName) {
-  return isPolicyAttribute(lowerName);
-}
 function isForbiddenSsrAttr(lowerName) {
   return isHtmlContentAttribute(lowerName);
 }
-function sanitizeSsrAttributeValue(lowerName, value) {
-  return sanitizeAttributeString(lowerName, value);
-}
 var SAFE_ATTR_NAME = /^[A-Za-z_:][-A-Za-z0-9_.:]*$/;
 function isSafeAttrName(name) {
   return SAFE_ATTR_NAME.test(name);
@@ -8296,6 +8782,64 @@ var VOID_ELEMENTS = /* @__PURE__ */ new Set([
   "track",
   "wbr"
 ]);
+function findNativeGetter(proto, name) {
+  for (let p2 = proto; p2; p2 = Object.getPrototypeOf(p2)) {
+    const get = Object.getOwnPropertyDescriptor(p2, name)?.get;
+    if (get) return get;
+  }
+  return null;
+}
+var nativeAccessorsByRealm = /* @__PURE__ */ new WeakMap();
+function nativeAccessors() {
+  const realm = Element;
+  let accessors = nativeAccessorsByRealm.get(realm);
+  if (!accessors) {
+    accessors = {
+      attributes: findNativeGetter(Element.prototype, "attributes"),
+      tagName: findNativeGetter(Element.prototype, "tagName"),
+      childNodes: findNativeGetter(Node.prototype, "childNodes"),
+      getAttribute: Element.prototype.getAttribute
+    };
+    nativeAccessorsByRealm.set(realm, accessors);
+  }
+  return accessors;
+}
+function attributesOf(el) {
+  const get = nativeAccessors().attributes;
+  return get ? get.call(el) : el.attributes;
+}
+function tagNameOf(el) {
+  const get = nativeAccessors().tagName;
+  return get ? get.call(el) : el.tagName;
+}
+function childNodesOf(node) {
+  const get = nativeAccessors().childNodes;
+  return get ? get.call(node) : node.childNodes;
+}
+function getAttributeOf(el, name) {
+  return nativeAccessors().getAttribute.call(el, name);
+}
+function serializeOpenTag(element, tag) {
+  let html2 = `<${tag}`;
+  const meta2 = tag === "meta" ? /* @__PURE__ */ new Map() : null;
+  const attrs = attributesOf(element);
+  for (let i2 = 0; i2 < attrs.length; i2++) {
+    const attr = attrs[i2];
+    const rawName = attr.name;
+    if (!isSafeAttrName(rawName)) continue;
+    if (isEventHandlerAttr(rawName)) continue;
+    if (isForbiddenSsrAttr(rawName)) continue;
+    const value = resolveAttributeValue(rawName.toLowerCase(), attr.value);
+    if (value === null) continue;
+    meta2?.set(rawName, value);
+    html2 += ` ${rawName}="${escapeAttr(value)}"`;
+  }
+  if (meta2 && isForbiddenMetaSnapshot(meta2)) return null;
+  if (!getAttributeOf(element, "data-sibu-hydrate")) {
+    html2 += ` data-sibu-ssr="true"`;
+  }
+  return html2;
+}
 function renderToString(element) {
   if (element instanceof DocumentFragment) {
     return Array.from(element.childNodes).map((child) => {
@@ -8315,35 +8859,21 @@ function renderToString(element) {
   if (!(element instanceof HTMLElement)) {
     return escapeHtml(element.textContent || "");
   }
-  const tag = element.tagName.toLowerCase();
-  if (tag === "script" || tag === "style") {
+  const tag = tagNameOf(element).toLowerCase();
+  if (isCodeTextElement(tag)) {
     return DEV ? `<!--ssr:${tag}-stripped-->` : "";
   }
   if (!/^[a-z][a-z0-9-]*$/i.test(tag)) {
     return DEV ? "<!--ssr:invalid-tag-->" : "";
   }
-  let html2 = `<${tag}`;
-  for (const attr of Array.from(element.attributes)) {
-    const rawName = attr.name;
-    if (!isSafeAttrName(rawName)) continue;
-    if (isEventHandlerAttr(rawName)) continue;
-    if (isForbiddenSsrAttr(rawName)) continue;
-    const lowerName = rawName.toLowerCase();
-    let value = attr.value;
-    if (isPolicyAttr(lowerName)) {
-      value = sanitizeSsrAttributeValue(lowerName, value);
-      if (!value) continue;
-    }
-    html2 += ` ${rawName}="${escapeAttr(value)}"`;
-  }
-  if (element.dataset && !element.dataset.sibuHydrate) {
-    html2 += ` data-sibu-ssr="true"`;
-  }
+  const openTag = serializeOpenTag(element, tag);
+  if (openTag === null) return DEV ? `<!--ssr:${tag}-stripped-->` : "";
+  let html2 = openTag;
   if (VOID_ELEMENTS.has(tag)) {
     return `${html2} />`;
   }
   html2 += ">";
-  for (const child of Array.from(element.childNodes)) {
+  for (const child of Array.from(childNodesOf(element))) {
     try {
       html2 += renderToString(child);
     } catch (err) {
@@ -8493,12 +9023,8 @@ function buildAttrString(attrs, { allowEventHandlers = false } = {}) {
     if (!isSafeAttrName(rawKey)) continue;
     if (!allowEventHandlers && isEventHandlerAttr(rawKey)) continue;
     if (isForbiddenSsrAttr(rawKey)) continue;
-    const lowerKey = rawKey.toLowerCase();
-    let value = String(attrs[rawKey]);
-    if (isPolicyAttr(lowerKey)) {
-      value = sanitizeSsrAttributeValue(lowerKey, value);
-      if (!value) continue;
-    }
+    const value = resolveAttributeValue(rawKey.toLowerCase(), String(attrs[rawKey]));
+    if (value === null) continue;
     out.push(`${rawKey}="${escapeAttr(value)}"`);
   }
   return out.join(" ");
@@ -8561,8 +9087,8 @@ async function* renderToStream(element) {
     yield escapeHtml(element.textContent || "");
     return;
   }
-  const tag = element.tagName.toLowerCase();
-  if (tag === "script" || tag === "style") {
+  const tag = tagNameOf(element).toLowerCase();
+  if (isCodeTextElement(tag)) {
     if (DEV) yield `<!--ssr:${tag}-stripped-->`;
     return;
   }
@@ -8570,29 +9096,17 @@ async function* renderToStream(element) {
     if (DEV) yield "<!--ssr:invalid-tag-->";
     return;
   }
-  let openTag = `<${tag}`;
-  for (const attr of Array.from(element.attributes)) {
-    const rawName = attr.name;
-    if (!isSafeAttrName(rawName)) continue;
-    if (isEventHandlerAttr(rawName)) continue;
-    if (isForbiddenSsrAttr(rawName)) continue;
-    const lowerName = rawName.toLowerCase();
-    let value = attr.value;
-    if (isPolicyAttr(lowerName)) {
-      value = sanitizeSsrAttributeValue(lowerName, value);
-      if (!value) continue;
-    }
-    openTag += ` ${rawName}="${escapeAttr(value)}"`;
-  }
-  if (element.dataset && !element.dataset.sibuHydrate) {
-    openTag += ` data-sibu-ssr="true"`;
+  const openTag = serializeOpenTag(element, tag);
+  if (openTag === null) {
+    if (DEV) yield `<!--ssr:${tag}-stripped-->`;
+    return;
   }
   if (VOID_ELEMENTS.has(tag)) {
     yield `${openTag} />`;
     return;
   }
   yield `${openTag}>`;
-  for (const child of Array.from(element.childNodes)) {
+  for (const child of Array.from(childNodesOf(element))) {
     try {
       yield* renderToStream(child);
     } catch (err) {
@@ -8777,8 +9291,7 @@ function deserializeState(validate) {
       "[SibuJS SSR] deserializeState() called without a validate guard \u2014 tampered SSR payloads will not be detected."
     );
   }
-  const w = window;
-  const raw = w[SSR_DATA_ATTR];
+  const raw = readOwnGlobal(SSR_DATA_ATTR);
   if (raw === void 0) return void 0;
   if (validate && !validate(raw)) return void 0;
   return raw;
@@ -9365,7 +9878,7 @@ function setCanonical(url) {
 }
 
 // src/platform/customElement.ts
-var SVG_NS2 = "http://www.w3.org/2000/svg";
+var SVG_NS3 = "http://www.w3.org/2000/svg";
 var MAX_RENDER_PASSES = 10;
 var ABANDONED_RENDER = /* @__PURE__ */ Symbol("sibujs.defineElement.abandonedRender");
 function defineElement(name, component, options = {}) {
@@ -9514,7 +10027,10 @@ function defineElement(name, component, options = {}) {
   customElements.define(name, SibuElement);
 }
 function svgElement(tag, props = {}, ...nodes) {
-  const el = document.createElementNS(SVG_NS2, tag);
+  if (isBlockedElement(tag)) {
+    throw new Error(`svgElement: refusing to create <${tag}> \u2014 tag is blocked for security reasons.`);
+  }
+  const el = document.createElementNS(SVG_NS3, tag);
   for (const [key, value] of Object.entries(props)) {
     if (key === "nodes") continue;
     if (typeof value === "function" && isEventHandlerAttr(key)) {
@@ -9539,7 +10055,16 @@ function toError(err) {
   if (err !== null && typeof err === "object" && "name" in err && "message" in err) return err;
   return new Error(String(err));
 }
+function workerSource(fn, api) {
+  if (typeof fn !== "function") {
+    throw new TypeError(
+      `${api}: expected a function, got ${typeof fn}. Worker code must be a function defined in your source \u2014 a string would be evaluated as code.`
+    );
+  }
+  return Function.prototype.toString.call(fn);
+}
 function worker(workerFn2) {
+  const fnBody = workerSource(workerFn2, "worker");
   const [result, setResult] = signal(null);
   const [error, setError] = signal(null);
   const [loading, setLoading] = signal(false);
@@ -9555,7 +10080,6 @@ function worker(workerFn2) {
     if (typeof Worker === "undefined") {
       throw new Error("Web Workers are not supported in this environment");
     }
-    const fnBody = workerFn2.toString();
     const blob = new Blob([`self.onmessage = ${fnBody};`], { type: "application/javascript" });
     blobUrl = URL.createObjectURL(blob);
     worker2 = new Worker(blobUrl);
@@ -9604,6 +10128,7 @@ function worker(workerFn2) {
   return { post, result, error, loading, terminate };
 }
 function workerFn(fn) {
+  const fnStr = workerSource(fn, "workerFn");
   const [loading, setLoading] = signal(false);
   let worker2 = null;
   let blobUrl = null;
@@ -9618,7 +10143,6 @@ function workerFn(fn) {
     if (typeof Worker === "undefined") {
       throw new Error("Web Workers are not supported in this environment");
     }
-    const fnStr = fn.toString();
     const blob = new Blob(
       [
         `self.onmessage = function(e) {
@@ -9678,6 +10202,7 @@ function workerFn(fn) {
   return { run, loading, terminate };
 }
 function createWorkerPool(workerFn2, poolSize) {
+  const fnBody = workerSource(workerFn2, "createWorkerPool");
   const size = poolSize || typeof navigator !== "undefined" && navigator.hardwareConcurrency || 4;
   const workers = [];
   const queues = [];
@@ -9736,7 +10261,6 @@ function createWorkerPool(workerFn2, poolSize) {
     if (typeof Worker === "undefined") {
       throw new Error("Web Workers are not supported in this environment");
     }
-    const fnBody = workerFn2.toString();
     const blob = new Blob([`self.onmessage = ${fnBody};`], { type: "application/javascript" });
     blobUrl = URL.createObjectURL(blob);
     for (let i2 = 0; i2 < size; i2++) {
@@ -10133,11 +10657,7 @@ function bindChildNode(placeholder, getter) {
 }
 
 // src/core/rendering/tagFactory.ts
-var SVG_NS3 = "http://www.w3.org/2000/svg";
-var BLOCKED_TAGS = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "frame", "frameset"]);
-function isBlockedTag(tag) {
-  return BLOCKED_TAGS.has(tag.toLowerCase());
-}
+var SVG_NS4 = "http://www.w3.org/2000/svg";
 var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
   "config",
   "location",
@@ -10164,8 +10684,35 @@ function toKebab(prop) {
 }
 function applyStyle(el, style2) {
   if (typeof style2 === "function") {
+    const getter = style2;
+    let written = [];
+    let wroteString = false;
     const teardown = reactiveBinding2(() => {
-      el.setAttribute("style", sanitizeStyleAttribute(String(style2()), { element: el }));
+      const value = getter();
+      if (value === null || typeof value !== "object") {
+        written = [];
+        wroteString = true;
+        el.setAttribute("style", sanitizeStyleAttribute(String(value), { element: el }));
+        return;
+      }
+      const decl = el.style;
+      if (wroteString) {
+        el.removeAttribute("style");
+        wroteString = false;
+      }
+      const next = [];
+      for (const prop in value) {
+        if (!Object.hasOwn(value, prop)) continue;
+        const val = value[prop];
+        if (val == null) continue;
+        const name = toKebab(prop);
+        next.push(name);
+        decl.setProperty(name, sanitizeCSSDeclaration(name, String(val), { element: el }));
+      }
+      for (let i2 = 0; i2 < written.length; i2++) {
+        if (next.indexOf(written[i2]) === -1) decl.removeProperty(written[i2]);
+      }
+      written = next;
     }, el);
     registerDisposer(el, teardown);
     return;
@@ -10176,16 +10723,17 @@ function applyStyle(el, style2) {
   }
   const htmlEl = el;
   for (const prop in style2) {
+    if (!Object.hasOwn(style2, prop)) continue;
     const val = style2[prop];
     const name = toKebab(prop);
     if (typeof val === "function") {
       const getter = val;
       const teardown = reactiveBinding2(() => {
-        htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter()), { property: name, element: el }));
+        htmlEl.style.setProperty(name, sanitizeCSSDeclaration(name, String(getter()), { element: el }));
       }, el);
       registerDisposer(el, teardown);
     } else {
-      htmlEl.style.setProperty(name, sanitizeCSSValue(String(val), { property: name, element: el }));
+      htmlEl.style.setProperty(name, sanitizeCSSDeclaration(name, String(val), { element: el }));
     }
   }
 }
@@ -10196,7 +10744,9 @@ function applyClass(el, cls) {
   }
   if (typeof cls === "function") {
     const teardown = reactiveBinding2(() => {
-      el.setAttribute("class", cls());
+      const value = cls();
+      if (value == null || value === false) el.removeAttribute("class");
+      else el.setAttribute("class", value);
     }, el);
     registerDisposer(el, teardown);
     return;
@@ -10205,6 +10755,7 @@ function applyClass(el, cls) {
   let hasReactive = false;
   let result = "";
   for (const name in obj) {
+    if (!Object.hasOwn(obj, name)) continue;
     const val = obj[name];
     if (typeof val === "function") {
       hasReactive = true;
@@ -10216,6 +10767,7 @@ function applyClass(el, cls) {
     const update = () => {
       let r = "";
       for (const name in obj) {
+        if (!Object.hasOwn(obj, name)) continue;
         const val = obj[name];
         const active = typeof val === "function" ? val() : val;
         if (active) r = r ? `${r} ${name}` : name;
@@ -10278,8 +10830,8 @@ function appendChildren(el, nodes) {
     }
   }
 }
-var tagFactory = (tag, ns) => {
-  const blocked = isBlockedTag(tag);
+function tagFactory(tag, ns) {
+  const blocked = isBlockedElement(tag);
   return (first, second) => {
     if (blocked) {
       throw new Error(`tagFactory: refusing to create <${tag}> \u2014 tag is blocked for security reasons.`);
@@ -10327,7 +10879,9 @@ var tagFactory = (tag, ns) => {
     const pClass = props.class;
     if (pClass != null) applyClass(el, pClass);
     const pId = props.id;
-    if (pId != null) {
+    if (typeof pId === "function") {
+      registerDisposer(el, bindAttribute(el, "id", pId));
+    } else if (pId != null) {
       if (DEV && typeof pId === "string" && CLOBBER_RISKY_IDS.has(pId.toLowerCase())) {
         devWarn(
           `tagFactory: element id="${pId}" matches a common global and may cause DOM clobbering. Avoid setting ids from untrusted input.`
@@ -10340,6 +10894,7 @@ var tagFactory = (tag, ns) => {
     const pOn = props.on;
     if (pOn) {
       for (const ev in pOn) {
+        if (!Object.hasOwn(pOn, ev)) continue;
         const handler = pOn[ev];
         if (typeof handler === "function") {
           el.addEventListener(ev, handler);
@@ -10366,6 +10921,7 @@ var tagFactory = (tag, ns) => {
           continue;
         // already handled above / below
         default: {
+          if (!Object.hasOwn(props, key)) continue;
           const value = props[key];
           if (value == null) continue;
           if (isEventHandlerAttr(key)) continue;
@@ -10377,12 +10933,10 @@ var tagFactory = (tag, ns) => {
         }
       }
     }
-    if (props.onElement && typeof props.onElement === "function") {
-      props.onElement(el);
-    }
+    if (typeof props.onElement === "function") props.onElement(el);
     return el;
   };
-};
+}
 
 // src/core/rendering/html.ts
 var html = tagFactory("html");
@@ -10457,7 +11011,7 @@ var param = tagFactory("param");
 var picture = tagFactory("picture");
 var portal = tagFactory("portal");
 var source = tagFactory("source");
-var svg = tagFactory("svg", SVG_NS3);
+var svg = tagFactory("svg", SVG_NS4);
 var math = tagFactory("math");
 var canvas = tagFactory("canvas");
 var noscript = tagFactory("noscript");
@@ -10498,26 +11052,26 @@ var base = tagFactory("base");
 var link = tagFactory("link");
 var meta = tagFactory("meta");
 var style = tagFactory("style");
-var circle = tagFactory("circle", SVG_NS3);
-var ellipse = tagFactory("ellipse", SVG_NS3);
-var g = tagFactory("g", SVG_NS3);
-var line = tagFactory("line", SVG_NS3);
-var path = tagFactory("path", SVG_NS3);
-var polygon = tagFactory("polygon", SVG_NS3);
-var polyline = tagFactory("polyline", SVG_NS3);
-var rect = tagFactory("rect", SVG_NS3);
-var text = tagFactory("text", SVG_NS3);
-var tspan = tagFactory("tspan", SVG_NS3);
-var defs = tagFactory("defs", SVG_NS3);
-var clipPath = tagFactory("clipPath", SVG_NS3);
-var mask = tagFactory("mask", SVG_NS3);
-var pattern = tagFactory("pattern", SVG_NS3);
-var linearGradient = tagFactory("linearGradient", SVG_NS3);
-var radialGradient = tagFactory("radialGradient", SVG_NS3);
-var stop = tagFactory("stop", SVG_NS3);
-var use = tagFactory("use", SVG_NS3);
-var symbol = tagFactory("symbol", SVG_NS3);
-var marker = tagFactory("marker", SVG_NS3);
+var circle = tagFactory("circle", SVG_NS4);
+var ellipse = tagFactory("ellipse", SVG_NS4);
+var g = tagFactory("g", SVG_NS4);
+var line = tagFactory("line", SVG_NS4);
+var path = tagFactory("path", SVG_NS4);
+var polygon = tagFactory("polygon", SVG_NS4);
+var polyline = tagFactory("polyline", SVG_NS4);
+var rect = tagFactory("rect", SVG_NS4);
+var text = tagFactory("text", SVG_NS4);
+var tspan = tagFactory("tspan", SVG_NS4);
+var defs = tagFactory("defs", SVG_NS4);
+var clipPath = tagFactory("clipPath", SVG_NS4);
+var mask = tagFactory("mask", SVG_NS4);
+var pattern = tagFactory("pattern", SVG_NS4);
+var linearGradient = tagFactory("linearGradient", SVG_NS4);
+var radialGradient = tagFactory("radialGradient", SVG_NS4);
+var stop = tagFactory("stop", SVG_NS4);
+var use = tagFactory("use", SVG_NS4);
+var symbol = tagFactory("symbol", SVG_NS4);
+var marker = tagFactory("marker", SVG_NS4);
 var center = tagFactory("center");
 var font = tagFactory("font");
 var marquee = tagFactory("marquee");
@@ -11393,7 +11947,7 @@ var CDN_ENTRY_POINTS = {
 };
 var packageInfo = {
   name: "sibujs",
-  version: true ? "4.6.0" : "dev",
+  version: true ? "4.8.0" : "dev",
   entryPoints: MODULE_ENTRY_POINTS,
   /**
    * Generate the package.json `exports` map. Module entries resolve to the
@@ -11538,7 +12092,7 @@ var env = {
 };
 
 // src/plugins/versioning.ts
-var VERSION = true ? "4.6.0" : "dev";
+var VERSION = true ? "4.8.0" : "dev";
 var NUM = "(?:0|[1-9]\\d*)";
 var PRE_ID = `(?:${NUM}|\\d*[a-zA-Z-][0-9a-zA-Z-]*)`;
 var BUILD_ID = "[0-9a-zA-Z-]+";
@@ -11821,12 +12375,14 @@ function extractRangeTarget(range) {
 function preloadCritical(resources) {
   if (typeof document === "undefined") return;
   for (const resource2 of resources) {
-    const safeHref = typeof CSS !== "undefined" && typeof CSS.escape === "function" ? CSS.escape(resource2.href) : resource2.href.replace(/["\\]/g, "\\$&");
+    const href = sanitizeUrl(resource2.href);
+    if (!href) continue;
+    const safeHref = typeof CSS !== "undefined" && typeof CSS.escape === "function" ? CSS.escape(href) : href.replace(/["\\]/g, "\\$&");
     const existing = document.querySelector(`link[rel="preload"][href="${safeHref}"]`);
     if (existing) continue;
     const link2 = document.createElement("link");
     link2.rel = "preload";
-    link2.href = resource2.href;
+    link2.href = href;
     link2.setAttribute("as", resource2.as);
     if (resource2.type) {
       link2.type = resource2.type;
@@ -14830,7 +15386,7 @@ var _themeLayers = globalSingleton(
 function commitThemeProperty(root, name, record) {
   const top = record.layers[record.layers.length - 1];
   if (top) {
-    root.style.setProperty(name, top.value);
+    root.style.setProperty(name, sanitizeCSSDeclaration(name, String(top.value), { element: root }));
     return;
   }
   _themeLayers.get(root)?.delete(name);