sibujs 4.1.0 → 4.3.0

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

@@ -1,27 +1,121 @@
 import {
   bindAttribute,
   setSafeAttribute
-} from "./chunk-SHDVWATN.js";
+} from "./chunk-7UBG6LDP.js";
 import {
   isEventHandlerAttr,
   sanitizeCSSValue,
   sanitizeStyleAttribute
-} from "./chunk-5INI7D2L.js";
+} from "./chunk-IXKSNWV5.js";
 import {
   dispose,
   registerDisposer
-} from "./chunk-DHDZ7IVN.js";
+} from "./chunk-QKRPLZ2V.js";
 import {
   reactiveBinding
-} from "./chunk-D3SZ4LVS.js";
+} from "./chunk-TSL64O5L.js";
 import {
+  DEV,
   devWarn,
-  isDev,
+  devWarnLazy,
   reportError
-} from "./chunk-VPP2FONR.js";
+} from "./chunk-2WLZ6757.js";
+
+// src/core/rendering/focusPreservation.ts
+var IDENTITY_ATTRS = ["data-focus-key", "id", "name"];
+var SELECTABLE_TYPES = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "password", ""]);
+function selectionOf(el) {
+  const tag = el.tagName;
+  const selectable = tag === "TEXTAREA" || tag === "INPUT" && SELECTABLE_TYPES.has(el.type.toLowerCase());
+  if (!selectable) return { start: null, end: null, direction: null };
+  const field = el;
+  return { start: field.selectionStart, end: field.selectionEnd, direction: field.selectionDirection };
+}
+function captureFocusWithin(nodes) {
+  if (nodes.length === 0 || typeof document === "undefined") return null;
+  const active = document.activeElement;
+  if (!active || active === document.body) return null;
+  let inside = false;
+  for (let i = 0; i < nodes.length; i++) {
+    const n = nodes[i];
+    if (n === active || n.nodeType === 1 && n.contains(active)) {
+      inside = true;
+      break;
+    }
+  }
+  if (!inside) return null;
+  let attr = null;
+  let value = null;
+  for (let i = 0; i < IDENTITY_ATTRS.length; i++) {
+    const candidate = active.getAttribute(IDENTITY_ATTRS[i]);
+    if (candidate) {
+      attr = IDENTITY_ATTRS[i];
+      value = candidate;
+      break;
+    }
+  }
+  return { el: active, attr, value, tag: active.tagName, ...selectionOf(active) };
+}
+function quote(value) {
+  return `"${value.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
+}
+function findUniqueByIdentity(nodes, selector) {
+  let el = null;
+  let count = 0;
+  for (let i = 0; i < nodes.length; i++) {
+    const n = nodes[i];
+    if (n.nodeType !== 1) continue;
+    const root = n;
+    if (root.matches(selector)) {
+      count++;
+      el ?? (el = root);
+    }
+    const inner = root.querySelectorAll(selector);
+    for (let j = 0; j < inner.length; j++) {
+      count++;
+      el ?? (el = inner[j]);
+    }
+    if (count > 1) return { el: null, count };
+  }
+  return count === 1 ? { el, count } : { el: null, count };
+}
+function refocus(el, snapshot) {
+  el.focus();
+  if (snapshot.start !== null && typeof el.setSelectionRange === "function") {
+    const field = el;
+    const max = field.value.length;
+    const start = Math.min(snapshot.start, max);
+    const end = Math.min(snapshot.end ?? start, max);
+    field.setSelectionRange(start, end, snapshot.direction ?? "none");
+  }
+}
+function restoreFocusWithin(snapshot, nodes, where) {
+  if (!snapshot) return;
+  if (typeof document === "undefined") return;
+  const active = document.activeElement;
+  if (active === snapshot.el) return;
+  if (active && active !== document.body && active !== document.documentElement) return;
+  if (snapshot.el.isConnected) {
+    refocus(snapshot.el, snapshot);
+    return;
+  }
+  let ambiguous = false;
+  if (snapshot.attr && snapshot.value) {
+    const { el: replacement, count } = findUniqueByIdentity(nodes, `[${snapshot.attr}=${quote(snapshot.value)}]`);
+    if (replacement && replacement.tagName === snapshot.tag) {
+      refocus(replacement, snapshot);
+      return;
+    }
+    ambiguous = count > 1;
+  }
+  devWarnLazy(() => {
+    const id = snapshot.attr ? ` (${snapshot.attr}="${snapshot.value}")` : "";
+    const why = ambiguous ? `several elements in the rebuilt subtree share ${snapshot.attr}="${snapshot.value}", so there is no way to tell which one the user was in \u2014 a shared name (a radio group) identifies a GROUP, not a control. Add a unique id or data-focus-key to each` : "no element in the rebuilt subtree carries the same identity. Give it a stable id, name, or data-focus-key that the rebuild reproduces";
+    return `${where}: a reactive rebuild discarded the focused element <${snapshot.tag.toLowerCase()}>${id} and could not re-establish it, so focus fell back to <body>. An in-progress edit ends here, and an in-progress IME composition is lost outright \u2014 a composition belongs to the DOM node, so it cannot survive the node being destroyed. ${why}, or stop the rebuild from happening: key the subtree with match(() => shapeKey(), { \u2026 }) so it is re-created only when the shape actually changes, and drive the rest with reactive attributes and text children, which mutate nodes in place instead of replacing them.`;
+  });
+}
 
 // src/reactivity/bindChildNode.ts
-var _isDev = isDev();
 function bindChildNode(placeholder, getter) {
   let lastNodes = [];
   function commit() {
@@ -32,6 +126,7 @@ function bindChildNode(placeholder, getter) {
       reportError(err, { phase: "binding", name: "bindChildNode", node: placeholder });
       return;
     }
+    const focused = captureFocusWithin(lastNodes);
     if (result == null || typeof result === "boolean") {
       for (let i = 0; i < lastNodes.length; i++) {
         const node = lastNodes[i];
@@ -39,6 +134,7 @@ function bindChildNode(placeholder, getter) {
         if (node.parentNode) node.parentNode.removeChild(node);
       }
       lastNodes.length = 0;
+      restoreFocusWithin(focused, lastNodes, "bindChildNode");
       return;
     }
     const parent = placeholder.parentNode;
@@ -55,8 +151,7 @@ function bindChildNode(placeholder, getter) {
         if (item == null || typeof item === "boolean") continue;
         const node = item instanceof Node ? item : document.createTextNode(String(item));
         if (seen.has(node)) {
-          if (_isDev)
-            devWarn("bindChildNode: duplicate node reference in array \u2014 only the first occurrence is rendered.");
+          if (DEV) devWarn("bindChildNode: duplicate node reference in array \u2014 only the first occurrence is rendered.");
           continue;
         }
         seen.add(node);
@@ -89,13 +184,13 @@ function bindChildNode(placeholder, getter) {
       prev = node;
     }
     lastNodes = newNodes;
+    restoreFocusWithin(focused, newNodes, "bindChildNode");
   }
   return reactiveBinding(commit, placeholder);
 }
 
 // src/core/rendering/tagFactory.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
-var _isDev2 = isDev();
 var BLOCKED_TAGS = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "frame", "frameset"]);
 function isBlockedTag(tag) {
   return BLOCKED_TAGS.has(tag.toLowerCase());
@@ -113,18 +208,9 @@ var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
   "self",
   "frames"
 ]);
-function looksLikeClassList(s) {
-  const t = s.trim();
-  if (!t) return false;
-  const tokens = t.split(/\s+/);
-  let sawClassish = false;
-  for (let i = 0; i < tokens.length; i++) {
-    const tok = tokens[i];
-    if (!/^-?[A-Za-z_][A-Za-z0-9_:/.-]*$/.test(tok)) return false;
-    if (/[-:/0-9]/.test(tok)) sawClassish = true;
-  }
-  return sawClassish;
-}
+var warnedLoneStrings = /* @__PURE__ */ new Set();
+var MAX_WARNED_LONE_STRINGS = 100;
+var loneStringCapAnnounced = false;
 var kebabCache = /* @__PURE__ */ new Map();
 function toKebab(prop) {
   let cached = kebabCache.get(prop);
@@ -136,13 +222,13 @@ function toKebab(prop) {
 function applyStyle(el, style) {
   if (typeof style === "function") {
     const teardown = reactiveBinding(() => {
-      el.setAttribute("style", sanitizeStyleAttribute(String(style())));
+      el.setAttribute("style", sanitizeStyleAttribute(String(style()), { element: el }));
     }, el);
     registerDisposer(el, teardown);
     return;
   }
   if (typeof style === "string") {
-    el.setAttribute("style", sanitizeStyleAttribute(style));
+    el.setAttribute("style", sanitizeStyleAttribute(style, { element: el }));
     return;
   }
   const htmlEl = el;
@@ -152,14 +238,26 @@ function applyStyle(el, style) {
     if (typeof val === "function") {
       const getter = val;
       const teardown = reactiveBinding(() => {
-        htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter())));
+        htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter()), { property: name, element: el }));
       }, el);
       registerDisposer(el, teardown);
     } else {
-      htmlEl.style.setProperty(name, sanitizeCSSValue(String(val)));
+      htmlEl.style.setProperty(name, sanitizeCSSValue(String(val), { property: name, element: el }));
     }
   }
 }
+function resolveClassValue(cls) {
+  if (typeof cls === "string") return cls;
+  if (typeof cls === "function") return cls();
+  if (!cls) return "";
+  let out = "";
+  for (const name in cls) {
+    const val = cls[name];
+    const active = typeof val === "function" ? val() : val;
+    if (active) out = out ? `${out} ${name}` : name;
+  }
+  return out;
+}
 function applyClass(el, cls) {
   if (typeof cls === "string") {
     el.setAttribute("class", cls);
@@ -263,11 +361,26 @@ var tagFactory = (tag, ns) => {
         appendChildren(el, second);
         return el;
       }
-      if (_isDev2 && looksLikeClassList(first)) {
-        devWarn(
-          `tagFactory: lone string "${first}" looks like a class list but is being rendered as TEXT. For a class, use ${tag}({ class: "${first}" }) \u2014 or ${tag}("${first}", children) to set the class AND add children.`
-        );
-      }
+      devWarnLazy(() => {
+        const tokens = first.trim().split(/\s+/);
+        if (tokens.length < 2) return "";
+        let utilityTokens = 0;
+        for (let i = 0; i < tokens.length; i++) {
+          const tok = tokens[i];
+          if (!/^-?[A-Za-z_][A-Za-z0-9_:/.-]*$/.test(tok)) return "";
+          if (/[-:/0-9]/.test(tok)) utilityTokens++;
+        }
+        if (utilityTokens < 2) return "";
+        const key = `${tag}|${first}`;
+        if (warnedLoneStrings.has(key)) return "";
+        if (warnedLoneStrings.size >= MAX_WARNED_LONE_STRINGS) {
+          if (loneStringCapAnnounced) return "";
+          loneStringCapAnnounced = true;
+          return `tagFactory: ${MAX_WARNED_LONE_STRINGS} distinct lone-string class warnings have been reported; suppressing further ones for the rest of this session so they cannot flood the console. Fix the reported ones and reload to see any that remain.`;
+        }
+        warnedLoneStrings.add(key);
+        return `tagFactory: lone string "${first}" looks like a class list but is being rendered as TEXT. For a class, use ${tag}({ class: "${first}" }) \u2014 or ${tag}("${first}", children) to set the class AND add children.`;
+      });
       el.textContent = first;
       return el;
     }
@@ -284,7 +397,7 @@ var tagFactory = (tag, ns) => {
     if (pClass != null) applyClass(el, pClass);
     const pId = props.id;
     if (pId != null) {
-      if (_isDev2 && typeof pId === "string" && CLOBBER_RISKY_IDS.has(pId.toLowerCase())) {
+      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.`
         );
@@ -299,7 +412,7 @@ var tagFactory = (tag, ns) => {
         const handler = pOn[ev];
         if (typeof handler === "function") {
           el.addEventListener(ev, handler);
-        } else if (_isDev2) {
+        } else if (DEV) {
           devWarn(
             `tagFactory: on.${ev} handler is not a function (got ${typeof handler}). Event listener was not attached.`
           );
@@ -341,7 +454,10 @@ var tagFactory = (tag, ns) => {
 };
 
 export {
+  captureFocusWithin,
+  restoreFocusWithin,
   bindChildNode,
   SVG_NS,
+  resolveClassValue,
   tagFactory
 };

package/dist/{chunk-4RH6D7GR.js → chunk-ZVYNIUOG.js}

@@ -1,26 +1,26 @@
 import {
   stripHtml
-} from "./chunk-5INI7D2L.js";
+} from "./chunk-IXKSNWV5.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-PFTDGEPZ.js";
+} from "./chunk-7BJLKDBI.js";
 import {
   dispose
-} from "./chunk-DHDZ7IVN.js";
+} from "./chunk-QKRPLZ2V.js";
 import {
   signal
-} from "./chunk-UFSQEO7P.js";
+} from "./chunk-MYA5HEK5.js";
 import {
   forEachSubscriber,
   getSubscriberCount,
   getSubscriberDeps
-} from "./chunk-D3SZ4LVS.js";
+} from "./chunk-TSL64O5L.js";
 import {
   isDev
-} from "./chunk-VPP2FONR.js";
+} from "./chunk-2WLZ6757.js";
 
 // src/devtools/debug.ts
 var debugEnabled = false;

package/dist/{customElement-CKLoO63w.d.ts → customElement-CNZxEB9G.d.cts}

@@ -29,13 +29,69 @@ interface FormReturn<T extends object> {
     reset: () => void;
     setError: (field: keyof T, message: string) => void;
 }
+/**
+ * Require a non-empty value. Rejects `null`, `undefined`, `""` and `[]`.
+ *
+ * @param message Overrides the default message.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function required(message?: string): ValidatorFn<unknown>;
+/**
+ * Require a minimum string length. An empty value passes — pair with
+ * {@link required} when the field is mandatory.
+ *
+ * @param min Minimum number of characters.
+ * @param message Overrides the default message.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function minLength(min: number, message?: string): ValidatorFn<string>;
+/**
+ * Require a maximum string length. An empty value passes.
+ *
+ * @param max Maximum number of characters.
+ * @param message Overrides the default message.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function maxLength(max: number, message?: string): ValidatorFn<string>;
+/**
+ * Require the value to match a regular expression. An empty value passes.
+ *
+ * @param regex Pattern the value must satisfy.
+ * @param message Message used on failure.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function matchesPattern(regex: RegExp, message?: string): ValidatorFn<string>;
+/**
+ * Require a syntactically plausible email address. Deliberately permissive —
+ * the only authoritative check is sending mail to it. An empty value passes.
+ *
+ * @param message Message used on failure.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function email(message?: string): ValidatorFn<string>;
+/**
+ * Require a numeric value to be at least `minVal`. `null`/`undefined` passes.
+ *
+ * @param minVal Inclusive lower bound.
+ * @param message Overrides the default message.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function min(minVal: number, message?: string): ValidatorFn<number>;
+/**
+ * Require a numeric value to be at most `maxVal`. `null`/`undefined` passes.
+ *
+ * @param maxVal Inclusive upper bound.
+ * @param message Overrides the default message.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function max(maxVal: number, message?: string): ValidatorFn<number>;
+/**
+ * Build a validator from an arbitrary predicate.
+ *
+ * @param fn Returns `true` when the value is acceptable.
+ * @param message Message used when `fn` returns `false`.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function custom<T>(fn: (value: T) => boolean, message: string): ValidatorFn<T>;
 /**
  * Props returned by bindField, ready to spread into an input tag factory.
@@ -180,6 +236,13 @@ declare function hotkey(combo: string, handler: (e: KeyboardEvent) => void, opti
     meta?: boolean;
     preventDefault?: boolean;
 }): () => void;
+/**
+ * Announce a message to screen readers through a shared live region.
+ *
+ * @param message Text to announce.
+ * @param priority `"polite"` waits for a pause; `"assertive"` interrupts.
+ * @returns Nothing. A no-op without a DOM, so it is safe under SSR.
+ */
 declare function announce(message: string, priority?: "polite" | "assertive"): void;
 
 /**
@@ -266,6 +329,12 @@ declare function bindData(el: HTMLElement, key: string, getter: AttributeValue |
  * @internal
  */
 declare function __resetDialogStack(): void;
+/**
+ * Dialog open/close state with focus trapping and scroll locking wired in.
+ *
+ * @returns A handle exposing `open`, `close`, `toggle` and the reactive
+ * `isOpen` accessor.
+ */
 declare function dialog(): {
     open: () => void;
     close: () => void;
@@ -296,6 +365,14 @@ interface ToastInstance {
     dismiss: (id: string) => void;
     dismissAll: () => void;
 }
+/**
+ * Create a toast queue.
+ *
+ * @param options `duration` in ms before auto-dismiss; `maxToasts` caps how
+ * many are shown at once.
+ * @returns A {@link ToastInstance} with `info`, `success`, `warning`, `error`,
+ * plus the reactive list to render.
+ */
 declare function toast(options?: {
     duration?: number;
     maxToasts?: number;

package/dist/{customElement-CKLoO63w.d.cts → customElement-CNZxEB9G.d.ts}

@@ -29,13 +29,69 @@ interface FormReturn<T extends object> {
     reset: () => void;
     setError: (field: keyof T, message: string) => void;
 }
+/**
+ * Require a non-empty value. Rejects `null`, `undefined`, `""` and `[]`.
+ *
+ * @param message Overrides the default message.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function required(message?: string): ValidatorFn<unknown>;
+/**
+ * Require a minimum string length. An empty value passes — pair with
+ * {@link required} when the field is mandatory.
+ *
+ * @param min Minimum number of characters.
+ * @param message Overrides the default message.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function minLength(min: number, message?: string): ValidatorFn<string>;
+/**
+ * Require a maximum string length. An empty value passes.
+ *
+ * @param max Maximum number of characters.
+ * @param message Overrides the default message.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function maxLength(max: number, message?: string): ValidatorFn<string>;
+/**
+ * Require the value to match a regular expression. An empty value passes.
+ *
+ * @param regex Pattern the value must satisfy.
+ * @param message Message used on failure.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function matchesPattern(regex: RegExp, message?: string): ValidatorFn<string>;
+/**
+ * Require a syntactically plausible email address. Deliberately permissive —
+ * the only authoritative check is sending mail to it. An empty value passes.
+ *
+ * @param message Message used on failure.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function email(message?: string): ValidatorFn<string>;
+/**
+ * Require a numeric value to be at least `minVal`. `null`/`undefined` passes.
+ *
+ * @param minVal Inclusive lower bound.
+ * @param message Overrides the default message.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function min(minVal: number, message?: string): ValidatorFn<number>;
+/**
+ * Require a numeric value to be at most `maxVal`. `null`/`undefined` passes.
+ *
+ * @param maxVal Inclusive upper bound.
+ * @param message Overrides the default message.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function max(maxVal: number, message?: string): ValidatorFn<number>;
+/**
+ * Build a validator from an arbitrary predicate.
+ *
+ * @param fn Returns `true` when the value is acceptable.
+ * @param message Message used when `fn` returns `false`.
+ * @returns A validator returning the message on failure, `null` on success.
+ */
 declare function custom<T>(fn: (value: T) => boolean, message: string): ValidatorFn<T>;
 /**
  * Props returned by bindField, ready to spread into an input tag factory.
@@ -180,6 +236,13 @@ declare function hotkey(combo: string, handler: (e: KeyboardEvent) => void, opti
     meta?: boolean;
     preventDefault?: boolean;
 }): () => void;
+/**
+ * Announce a message to screen readers through a shared live region.
+ *
+ * @param message Text to announce.
+ * @param priority `"polite"` waits for a pause; `"assertive"` interrupts.
+ * @returns Nothing. A no-op without a DOM, so it is safe under SSR.
+ */
 declare function announce(message: string, priority?: "polite" | "assertive"): void;
 
 /**
@@ -266,6 +329,12 @@ declare function bindData(el: HTMLElement, key: string, getter: AttributeValue |
  * @internal
  */
 declare function __resetDialogStack(): void;
+/**
+ * Dialog open/close state with focus trapping and scroll locking wired in.
+ *
+ * @returns A handle exposing `open`, `close`, `toggle` and the reactive
+ * `isOpen` accessor.
+ */
 declare function dialog(): {
     open: () => void;
     close: () => void;
@@ -296,6 +365,14 @@ interface ToastInstance {
     dismiss: (id: string) => void;
     dismissAll: () => void;
 }
+/**
+ * Create a toast queue.
+ *
+ * @param options `duration` in ms before auto-dismiss; `maxToasts` caps how
+ * many are shown at once.
+ * @returns A {@link ToastInstance} with `info`, `success`, `warning`, `error`,
+ * plus the reactive list to render.
+ */
 declare function toast(options?: {
     duration?: number;
     maxToasts?: number;

package/dist/data.cjs

@@ -45,23 +45,17 @@ __export(data_exports, {
 module.exports = __toCommonJS(data_exports);
 
 // src/core/dev.ts
-function isDev() {
-  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : (
-    // The bare `__SIBU_DEV__` is a bundler define that only exists in
-    // production builds; under the test runner it is always undefined, so
-    // this branch is unreachable here.
-    /* v8 ignore next 2 */
-    typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : typeof process !== "undefined" && process.env?.NODE_ENV !== "production"
-  );
-}
-var _isDev = isDev();
+var DEV = typeof __SIBU_DEV__ !== "undefined" ? !!__SIBU_DEV__ : typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : (
+  // safe default: off in browser, on in test/dev Node
+  typeof process !== "undefined" && process.env?.NODE_ENV !== "production"
+);
 function devAssert(condition, message) {
-  if (_isDev && !condition) {
+  if ((typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : DEV) && !condition) {
     throw new Error(`[SibuJS] ${message}`);
   }
 }
 function devWarn(message) {
-  if (_isDev) {
+  if (typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : DEV) {
     console.warn(`[SibuJS] ${message}`);
   }
 }
@@ -610,17 +604,16 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _isDev2 = isDev();
-var _runtimeVersion = true ? "4.1.0" : "dev";
+var _runtimeVersion = true ? "4.3.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
   const existing = g[REGISTRY_KEY];
   if (existing) {
-    if (_isDev2 && !existing.__dupWarned) {
+    if (DEV && !existing.__dupWarned) {
       existing.__dupWarned = true;
       devWarn(
-        `Multiple instances of the reactive runtime detected on this page (active: ${existing.version}, duplicate: ${_runtimeVersion}). Reactivity still works \u2014 all copies share the first one \u2014 but de-duplicate sibujs in your bundler (e.g. Vite optimizeDeps.exclude: ['sibujs'] or resolve.dedupe: ['sibujs']).`
+        `Multiple instances of the reactive runtime detected on this page (active: ${existing.version}, duplicate: ${_runtimeVersion}). Reactivity is NOT broken and no bundler configuration is required: every copy routes through the first one via a global registry, so signal writes still reach subscribers registered by any copy. This is only a SIZE issue \u2014 the duplicate copy's bytes are downloaded and parsed for nothing. If you want them back, de-duplicate sibujs in your bundler (Vite: resolve.dedupe: ['sibujs']). Mismatched VERSIONS above are worth fixing regardless, since only the first one loaded is used.`
       );
     }
     return existing;
@@ -966,7 +959,6 @@ var isBatching = API2.isBatching;
 
 // src/core/signals/signal.ts
 var _g2 = globalThis;
-var _isDev3 = isDev();
 function signal(initial, options) {
   const state2 = {
     value: initial,
@@ -979,7 +971,7 @@ function signal(initial, options) {
     _d: false,
     _validate: void 0
   };
-  const debugName = _isDev3 ? options?.name : void 0;
+  const debugName = DEV ? options?.name : void 0;
   const equalsFn = options?.equals;
   if (debugName) state2.__name = debugName;
   function get() {
@@ -996,7 +988,7 @@ function signal(initial, options) {
       if (equalsFn(prev, newValue)) return;
       state2.value = newValue;
       state2.__v++;
-      if (_isDev3) {
+      if (DEV) {
         const hook = _g2.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
         if (hook) hook.emit("signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
       }
@@ -1004,7 +996,7 @@ function signal(initial, options) {
         notifySubscribers2(state2);
       }
     };
-  } else if (_isDev3) {
+  } else if (DEV) {
     set = (next) => {
       const prev = state2.value;
       const newValue = typeof next === "function" ? next(prev) : next;
@@ -1029,7 +1021,7 @@ function signal(initial, options) {
       }
     };
   }
-  if (_isDev3) {
+  if (DEV) {
     const hook = _g2.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
     if (hook) hook.emit("signal:create", { signal: state2, name: debugName, getter: get, initial });
   }
@@ -2166,11 +2158,10 @@ function syncAdapter(config) {
 }
 
 // src/core/rendering/context.ts
-var _isDev4 = isDev();
 function context(defaultValue) {
   const [getValue, setValue] = signal(defaultValue);
   const warnIfSSR = (method) => {
-    if (!_isDev4 || !isSSR()) return;
+    if (!DEV || !isSSR()) return;
     devWarn(
       `context.${method}() called during SSR. SibuJS context() is application-global \u2014 it is NOT isolated per request, so a concurrent request can observe this value. Do not use context() for request-specific SSR data; pass it explicitly or use request-scoped storage instead.`
     );
@@ -2198,7 +2189,7 @@ function context(defaultValue) {
       setValue(value);
       try {
         const result = fn();
-        if (_isDev4 && result !== null && typeof result?.then === "function") {
+        if (DEV && result !== null && typeof result?.then === "function") {
           devWarn(
             "context.withContext() received an async callback. Scoping is synchronous only \u2014 the previous value is restored as soon as the callback returns its promise, so anything after an `await` runs outside the scope."
           );