sibujs 3.3.1 → 3.3.3

package/dist/extras.cjs

@@ -209,6 +209,7 @@ __export(extras_exports, {
   pointerLock: () => pointerLock,
   popover: () => popover,
   precompile: () => precompile,
+  prefersReducedMotion: () => prefersReducedMotion,
   prefetch: () => prefetch,
   preloadCritical: () => preloadCritical,
   preloadImage: () => preloadImage,
@@ -753,7 +754,7 @@ function forEachSubscriber(signal2, visit) {
 
 // src/reactivity/track.ts
 var _isDev3 = isDev();
-var _runtimeVersion = typeof __SIBU_VERSION__ !== "undefined" ? __SIBU_VERSION__ : "dev";
+var _runtimeVersion = true ? "3.3.3" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;
@@ -889,23 +890,29 @@ function derived(getter, options) {
 }
 
 // src/core/ssr-context.ts
-var als = null;
-try {
-  if (typeof process !== "undefined" && process.versions && process.versions.node) {
-    let mod = null;
-    const getBuiltin = process.getBuiltinModule;
-    if (typeof getBuiltin === "function") {
-      mod = getBuiltin("node:async_hooks");
-    } else {
-      const req = Function("return typeof require==='function'?require:null")();
-      if (req) mod = req("node:async_hooks");
+var SSR_KEY = /* @__PURE__ */ Symbol.for("sibujs.ssr.v1");
+function detectSSRShared() {
+  let detected = null;
+  try {
+    if (typeof process !== "undefined" && process.versions && process.versions.node) {
+      let mod = null;
+      const getBuiltin = process.getBuiltinModule;
+      if (typeof getBuiltin === "function") {
+        mod = getBuiltin("node:async_hooks");
+      } else {
+        const req = Function("return typeof require==='function'?require:null")();
+        if (req) mod = req("node:async_hooks");
+      }
+      if (mod) detected = new mod.AsyncLocalStorage();
     }
-    if (mod) als = new mod.AsyncLocalStorage();
+  } catch {
+    detected = null;
   }
-} catch {
-  als = null;
+  return { als: detected, fallbackStore: { ssr: false, suspenseIdCounter: 0 } };
 }
-var fallbackStore = { ssr: false, suspenseIdCounter: 0 };
+var _shared = globalThis[SSR_KEY] ?? (globalThis[SSR_KEY] = detectSSRShared());
+var als = _shared.als;
+var fallbackStore = _shared.fallbackStore;
 function getSSRStore() {
   if (als) {
     const s2 = als.getStore();
@@ -1169,6 +1176,12 @@ function signal(initial, options) {
   return [get, set];
 }
 
+// src/utils/globalSingleton.ts
+function globalSingleton(key, create) {
+  const g2 = globalThis;
+  return g2[key] ?? (g2[key] = create());
+}
+
 // src/data/retry.ts
 function calculateDelay(attempt, strategy, baseDelay, maxDelay, jitter) {
   let delay;
@@ -1230,7 +1243,7 @@ async function withRetry(fn, options, onRetry, signal2) {
 }
 
 // src/data/query.ts
-var globalQueryCache = /* @__PURE__ */ new Map();
+var globalQueryCache = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.query.cache.v1"), () => /* @__PURE__ */ new Map());
 function getActiveQueryCache() {
   return getRequestScopedCache("query") ?? globalQueryCache;
 }
@@ -2252,6 +2265,10 @@ function socket(url, options) {
   }
   function connect() {
     if (disposed) return;
+    if (typeof WebSocket === "undefined") {
+      setStatus("closed");
+      return;
+    }
     const safeUrl = validateWsUrl(getUrl());
     if (safeUrl === null) {
       setStatus("closed");
@@ -2445,6 +2462,10 @@ function stream(url, options) {
   let attempts = 0;
   function connect() {
     if (disposed) return;
+    if (typeof EventSource === "undefined") {
+      setStatus("closed");
+      return;
+    }
     const safeUrl = validateSseUrl(url);
     if (safeUrl === null) {
       setStatus("closed");
@@ -2681,7 +2702,7 @@ function battery() {
   let disposed = false;
   if (typeof navigator !== "undefined" && "getBattery" in navigator) {
     setSupported(true);
-    navigator.getBattery().then((bm) => {
+    const batteryPromise = navigator.getBattery().then((bm) => {
       if (disposed) return;
       battery2 = bm;
       batch(() => {
@@ -2699,6 +2720,9 @@ function battery() {
       bm.addEventListener("chargingtimechange", onChargingTimeChange);
       bm.addEventListener("dischargingtimechange", onDischargingTimeChange);
     });
+    batteryPromise.catch(() => {
+      if (!disposed) setSupported(false);
+    });
   }
   function dispose2() {
     disposed = true;
@@ -3263,9 +3287,17 @@ function wakeLock() {
   }
   const api = navigator.wakeLock;
   let sentinel = null;
+  let disposed = false;
   async function request() {
+    if (disposed) return;
     try {
-      sentinel = await api.request("screen");
+      const s2 = await api.request("screen");
+      if (disposed) {
+        s2.release().catch(() => {
+        });
+        return;
+      }
+      sentinel = s2;
       setActive(true);
       sentinel.addEventListener("release", () => {
         setActive(false);
@@ -3292,6 +3324,7 @@ function wakeLock() {
   };
   document.addEventListener("visibilitychange", onVisibility);
   function dispose2() {
+    disposed = true;
     document.removeEventListener("visibilitychange", onVisibility);
     release().catch((err) => {
       if (typeof console !== "undefined") {
@@ -3323,6 +3356,7 @@ function animationFrame(options = {}) {
   let id = null;
   let prev = -1;
   let start = -1;
+  let disposed = false;
   const minFrameMs = options.fpsLimit ? 1e3 / options.fpsLimit : 0;
   const step = (now) => {
     if (start < 0) start = now;
@@ -3336,7 +3370,7 @@ function animationFrame(options = {}) {
     id = requestAnimationFrame(step);
   };
   function resume() {
-    if (id !== null) return;
+    if (disposed || id !== null) return;
     setRunning(true);
     id = requestAnimationFrame(step);
   }
@@ -3350,6 +3384,7 @@ function animationFrame(options = {}) {
     start = -1;
   }
   function dispose2() {
+    disposed = true;
     pause();
   }
   if (options.immediate !== false) resume();
@@ -3408,7 +3443,9 @@ function bounds(target) {
       }
     };
   }
+  let disposed = false;
   function refresh() {
+    if (disposed) return;
     setRect(readRect(target));
   }
   refresh();
@@ -3420,6 +3457,7 @@ function bounds(target) {
   const onScroll = () => refresh();
   window.addEventListener("scroll", onScroll, { passive: true, capture: true });
   function dispose2() {
+    disposed = true;
     resizeObserver?.disconnect();
     window.removeEventListener("scroll", onScroll, { capture: true });
   }
@@ -3865,7 +3903,14 @@ function machine(config) {
 
 // src/patterns/persist.ts
 function persisted(key, initial, options = {}) {
-  const storage = options.session ? sessionStorage : localStorage;
+  const storage = (() => {
+    try {
+      if (options.session) return typeof sessionStorage !== "undefined" ? sessionStorage : null;
+      return typeof localStorage !== "undefined" ? localStorage : null;
+    } catch {
+      return null;
+    }
+  })();
   const serialize = options.serialize || JSON.stringify;
   const safeReviver = (k, v) => isUnsafeKey(k) ? void 0 : v;
   const deserialize = options.deserialize || ((raw) => JSON.parse(raw, safeReviver));
@@ -3874,7 +3919,7 @@ function persisted(key, initial, options = {}) {
   const syncTabs = options.session ? false : options.syncTabs ?? true;
   let restored = initial;
   try {
-    let raw = storage.getItem(key);
+    let raw = storage ? storage.getItem(key) : null;
     if (raw !== null) {
       if (decrypt) raw = decrypt(raw);
       const parsed = deserialize(raw);
@@ -3890,12 +3935,12 @@ function persisted(key, initial, options = {}) {
     try {
       let serialized = serialize(current);
       if (encrypt) serialized = encrypt(serialized);
-      storage.setItem(key, serialized);
+      storage?.setItem(key, serialized);
     } catch {
     }
   });
   let storageListener = null;
-  if (syncTabs && typeof window !== "undefined") {
+  if (syncTabs && storage && typeof window !== "undefined") {
     storageListener = (e) => {
       if (e.storageArea !== storage || e.key !== key) return;
       if (e.newValue === null) {
@@ -4198,7 +4243,7 @@ function globalStore(config) {
     next();
   }
   function select3(selector) {
-    return derived(() => selector(getState()));
+    return () => selector(getState());
   }
   function subscribe(callback) {
     listeners.add(callback);
@@ -4375,6 +4420,67 @@ function createGuard(validator) {
   };
 }
 
+// src/core/rendering/dispose.ts
+var elementDisposers = /* @__PURE__ */ new WeakMap();
+var _isDev5 = isDev();
+var activeBindingCount = 0;
+function registerDisposer(node, teardown) {
+  let disposers = elementDisposers.get(node);
+  if (!disposers) {
+    disposers = [];
+    elementDisposers.set(node, disposers);
+  }
+  disposers.push(teardown);
+  if (_isDev5) activeBindingCount++;
+}
+function dispose(node) {
+  const stack = [node];
+  const order = [];
+  while (stack.length > 0) {
+    const current = stack.pop();
+    order.push(current);
+    const children = Array.from(current.childNodes);
+    for (let i2 = 0; i2 < children.length; i2++) {
+      stack.push(children[i2]);
+    }
+  }
+  for (let i2 = order.length - 1; i2 >= 0; i2--) {
+    const current = order[i2];
+    const disposers = elementDisposers.get(current);
+    if (disposers) {
+      const snapshot = disposers.slice();
+      elementDisposers.delete(current);
+      if (_isDev5) activeBindingCount -= snapshot.length;
+      for (const d of snapshot) {
+        try {
+          d();
+        } catch (err) {
+          if (_isDev5 && typeof console !== "undefined") {
+            console.warn("[SibuJS] Disposer threw during cleanup:", err);
+          }
+        }
+      }
+      let extraPasses = 0;
+      while (extraPasses++ < 8) {
+        const added = elementDisposers.get(current);
+        if (!added || added.length === 0) break;
+        const moreSnapshot = added.slice();
+        elementDisposers.delete(current);
+        if (_isDev5) activeBindingCount -= moreSnapshot.length;
+        for (const d of moreSnapshot) {
+          try {
+            d();
+          } catch (err) {
+            if (_isDev5 && typeof console !== "undefined") {
+              console.warn("[SibuJS] Disposer threw during cleanup:", err);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
 // src/ui/transition.ts
 function transition(element, options = {}) {
   const {
@@ -4447,6 +4553,7 @@ function transition(element, options = {}) {
       }
     });
   }
+  registerDisposer(element, cancelPending);
   return { enter, leave };
 }
 function spring(element, keyframes, options = {}) {
@@ -4462,8 +4569,29 @@ function spring(element, keyframes, options = {}) {
   });
 }
 
+// src/ui/reducedMotion.ts
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+}
+function reducedMotion() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    const [reduced2] = signal(false);
+    return { reduced: reduced2, dispose: () => {
+    } };
+  }
+  const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
+  const [reduced, setReduced] = signal(mql.matches);
+  const handler = (event) => {
+    setReduced(event.matches);
+  };
+  mql.addEventListener("change", handler);
+  function dispose2() {
+    mql.removeEventListener("change", handler);
+  }
+  return { reduced, dispose: dispose2 };
+}
+
 // src/ui/animationPresets.ts
-var prefersReducedMotion = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
 function createPreset(keyframes, defaults, overrides) {
   const opts = {
     ...defaults,
@@ -4632,6 +4760,7 @@ function TransitionGroup(options) {
     if (options.leave) {
       await options.leave(el);
     }
+    positions.delete(el);
     setElements((prev) => prev.filter((e) => e !== el));
   }
   function track4(newElements) {
@@ -4698,27 +4827,7 @@ function viewTransition(callback) {
   return { start, isTransitioning };
 }
 
-// src/ui/reducedMotion.ts
-function reducedMotion() {
-  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
-    const [reduced2] = signal(false);
-    return { reduced: reduced2, dispose: () => {
-    } };
-  }
-  const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
-  const [reduced, setReduced] = signal(mql.matches);
-  const handler = (event) => {
-    setReduced(event.matches);
-  };
-  mql.addEventListener("change", handler);
-  function dispose2() {
-    mql.removeEventListener("change", handler);
-  }
-  return { reduced, dispose: dispose2 };
-}
-
 // src/ui/springSignal.ts
-var prefersReducedMotion2 = () => typeof window !== "undefined" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
 function springSignal(initial, options) {
   const stiffness = options?.stiffness ?? 0.15;
   const damping = options?.damping ?? 0.8;
@@ -4754,7 +4863,7 @@ function springSignal(initial, options) {
   }
   function set(newTarget) {
     target = newTarget;
-    if (prefersReducedMotion2()) {
+    if (prefersReducedMotion()) {
       current = newTarget;
       velocity = 0;
       if (rafId !== null) {
@@ -4836,30 +4945,46 @@ function custom(fn, message) {
   return (value) => fn(value) ? null : message;
 }
 function bindField(field, extras) {
+  const readControlValue = (target) => {
+    if ("checked" in target && target.type === "checkbox") {
+      return target.checked;
+    }
+    if (target instanceof HTMLSelectElement && target.multiple) {
+      return Array.from(target.selectedOptions, (o) => o.value);
+    }
+    return target.value;
+  };
   const fieldOn = {
-    input: (e) => {
-      const target = e.target;
-      if (target.type === "checkbox") {
-        field.set(target.checked);
-      } else {
-        field.set(target.value);
-      }
-    },
-    change: (e) => {
-      const target = e.target;
-      if ("checked" in target && target.type === "checkbox") {
-        field.set(target.checked);
-      } else {
-        field.set(target.value);
-      }
-    },
+    input: (e) => field.set(readControlValue(e.target)),
+    change: (e) => field.set(readControlValue(e.target)),
     blur: () => field.touch()
   };
-  const { on: extraOn, value: _ignoreValue, ...restExtras } = extras ?? {};
+  const {
+    on: extraOn,
+    value: _ignoreValue,
+    onElement: extraOnElement,
+    ...restExtras
+  } = extras ?? {};
   const mergedOn = extraOn && typeof extraOn === "object" ? { ...extraOn, ...fieldOn } : fieldOn;
+  const onElement = (el) => {
+    if (el instanceof HTMLSelectElement && el.multiple) {
+      const stop2 = effect(() => {
+        const v = field.value();
+        const selected = Array.isArray(v) ? v.map(String) : [];
+        for (const opt of Array.from(el.options)) {
+          opt.selected = selected.includes(opt.value);
+        }
+      });
+      registerDisposer(el, stop2);
+    }
+    if (typeof extraOnElement === "function") {
+      extraOnElement(el);
+    }
+  };
   return {
     value: field.value,
     on: mergedOn,
+    onElement,
     ...restExtras
   };
 }
@@ -4916,9 +5041,21 @@ function form(config) {
     }
     return true;
   });
+  const valueEquals = (a2, b2) => {
+    if (Object.is(a2, b2)) return true;
+    if (Array.isArray(a2) && Array.isArray(b2)) {
+      return a2.length === b2.length && a2.every((v, i2) => Object.is(v, b2[i2]));
+    }
+    if (a2 && b2 && typeof a2 === "object" && typeof b2 === "object") {
+      const ak = Object.keys(a2);
+      const bk = Object.keys(b2);
+      return ak.length === bk.length && ak.every((k) => Object.is(a2[k], b2[k]));
+    }
+    return false;
+  };
   const isDirty = derived(() => {
     for (const [name, cfg] of fieldEntries) {
-      if (!Object.is(fieldMap[name].value(), cfg.initial)) return true;
+      if (!valueEquals(fieldMap[name].value(), cfg.initial)) return true;
     }
     return false;
   });
@@ -4978,67 +5115,6 @@ function form(config) {
   };
 }
 
-// src/core/rendering/dispose.ts
-var elementDisposers = /* @__PURE__ */ new WeakMap();
-var _isDev5 = isDev();
-var activeBindingCount = 0;
-function registerDisposer(node, teardown) {
-  let disposers = elementDisposers.get(node);
-  if (!disposers) {
-    disposers = [];
-    elementDisposers.set(node, disposers);
-  }
-  disposers.push(teardown);
-  if (_isDev5) activeBindingCount++;
-}
-function dispose(node) {
-  const stack = [node];
-  const order = [];
-  while (stack.length > 0) {
-    const current = stack.pop();
-    order.push(current);
-    const children = Array.from(current.childNodes);
-    for (let i2 = 0; i2 < children.length; i2++) {
-      stack.push(children[i2]);
-    }
-  }
-  for (let i2 = order.length - 1; i2 >= 0; i2--) {
-    const current = order[i2];
-    const disposers = elementDisposers.get(current);
-    if (disposers) {
-      const snapshot = disposers.slice();
-      elementDisposers.delete(current);
-      if (_isDev5) activeBindingCount -= snapshot.length;
-      for (const d of snapshot) {
-        try {
-          d();
-        } catch (err) {
-          if (_isDev5 && typeof console !== "undefined") {
-            console.warn("[SibuJS] Disposer threw during cleanup:", err);
-          }
-        }
-      }
-      let extraPasses = 0;
-      while (extraPasses++ < 8) {
-        const added = elementDisposers.get(current);
-        if (!added || added.length === 0) break;
-        const moreSnapshot = added.slice();
-        elementDisposers.delete(current);
-        if (_isDev5) activeBindingCount -= moreSnapshot.length;
-        for (const d of moreSnapshot) {
-          try {
-            d();
-          } catch (err) {
-            if (_isDev5 && typeof console !== "undefined") {
-              console.warn("[SibuJS] Disposer threw during cleanup:", err);
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
 // src/ui/virtualList.ts
 function VirtualList(props) {
   const overscan = props.overscan ?? 3;
@@ -5195,7 +5271,6 @@ function inputMask(options) {
     return /[^a-zA-Z0-9]/g;
   }
   const stripRegex = buildStripRegex();
-  const rawCharTest = options.pattern.includes("*") ? () => true : (c) => /[a-zA-Z0-9]/.test(c);
   function bind(input2) {
     const onInput = () => {
       const cursorBefore = input2.selectionStart ?? input2.value.length;
@@ -5205,20 +5280,14 @@ function inputMask(options) {
       setValue(masked);
       setRawValue(extractRaw(masked));
       input2.value = masked;
-      let rawBefore = 0;
-      for (let i2 = 0; i2 < cursorBefore && i2 < oldValue.length; i2++) {
-        if (rawCharTest(oldValue[i2])) rawBefore++;
-      }
+      const rawBefore = oldValue.slice(0, cursorBefore).replace(stripRegex, "").length;
       let newCursor = 0;
       let counted = 0;
-      for (; newCursor < masked.length; newCursor++) {
+      while (newCursor < masked.length && counted < rawBefore) {
         if (newCursor < options.pattern.length && isSlot(options.pattern[newCursor])) {
           counted++;
-          if (counted >= rawBefore) {
-            newCursor++;
-            break;
-          }
         }
+        newCursor++;
       }
       try {
         input2.setSelectionRange(newCursor, newCursor);
@@ -5417,14 +5486,12 @@ function hotkey(combo, handler, options = {}) {
   document.addEventListener("keydown", listener);
   return () => document.removeEventListener("keydown", listener);
 }
-var announceQueues = {
-  polite: [],
-  assertive: []
-};
-var announceDraining = {
-  polite: false,
-  assertive: false
-};
+var _announce = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.a11y.announce.v1"), () => ({
+  queues: { polite: [], assertive: [] },
+  draining: { polite: false, assertive: false }
+}));
+var announceQueues = _announce.queues;
+var announceDraining = _announce.draining;
 var ANNOUNCE_INTERVAL_MS = 150;
 function ensureLiveRegion(priority) {
   let region = document.getElementById(`sibu-announce-${priority}`);
@@ -5466,7 +5533,7 @@ function announce(message, priority = "polite") {
 }
 
 // src/ui/scopedStyle.ts
-var scopeCounter = 0;
+var _scope = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.scopedStyle.v1"), () => ({ n: 0 }));
 function decodeCssEscapes(css) {
   return css.replace(/\\([0-9a-f]{1,6})[ \t\n\r\f]?|\\([^\n])/gi, (_match, hex, ch) => {
     if (hex) {
@@ -5493,7 +5560,7 @@ function sanitizeCSS(css) {
   return sanitized;
 }
 function scopedStyle(css) {
-  const id = `sibu-s${scopeCounter++}`;
+  const id = `sibu-s${_scope.n++}`;
   const attr = `data-${id}`;
   const safeCss = sanitizeCSS(css);
   const scopedCSS = safeCss.replace(/([^\r\n,{}]+)(,(?=[^}]*{)|\s*{)/g, (match, selector, delimiter) => {
@@ -5643,13 +5710,16 @@ function bindData(el, key, getter) {
 }
 
 // src/ui/dialog.ts
-var dialogStack = [];
-var globalListenerAttached = false;
+var _dlg = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.dialog.v1"), () => ({
+  stack: [],
+  listenerAttached: false
+}));
+var dialogStack = _dlg.stack;
 function __resetDialogStack() {
   while (dialogStack.length > 0) dialogStack.pop();
-  if (typeof window !== "undefined" && globalListenerAttached) {
+  if (typeof window !== "undefined" && _dlg.listenerAttached) {
     window.removeEventListener("keydown", handleGlobalKeydown);
-    globalListenerAttached = false;
+    _dlg.listenerAttached = false;
   }
 }
 function handleGlobalKeydown(event) {
@@ -5658,16 +5728,16 @@ function handleGlobalKeydown(event) {
   if (top) top.close();
 }
 function ensureGlobalListener() {
-  if (typeof window === "undefined" || globalListenerAttached) return;
+  if (typeof window === "undefined" || _dlg.listenerAttached) return;
   window.addEventListener("keydown", handleGlobalKeydown);
-  globalListenerAttached = true;
+  _dlg.listenerAttached = true;
 }
 function removeGlobalListenerIfIdle() {
   if (typeof window === "undefined") return;
-  if (!globalListenerAttached) return;
+  if (!_dlg.listenerAttached) return;
   if (dialogStack.length > 0) return;
   window.removeEventListener("keydown", handleGlobalKeydown);
-  globalListenerAttached = false;
+  _dlg.listenerAttached = false;
 }
 function dialog() {
   const [isOpen, setIsOpen] = signal(false);
@@ -5793,6 +5863,10 @@ function infiniteScroll(options) {
       await onLoadMore();
     } finally {
       setLoading(false);
+      if (!disposed && observer && _current && hasMore()) {
+        observer.unobserve(_current);
+        observer.observe(_current);
+      }
     }
   }
   const originalRef = sentinelRef;
@@ -5832,29 +5906,30 @@ function pagination(options) {
     const total = options.totalItems();
     return Math.max(1, Math.ceil(total / pageSizeValue));
   });
+  const currentPage = derived(() => Math.min(Math.max(1, page()), totalPages()));
   const startIndex = derived(() => {
-    return (page() - 1) * pageSizeValue;
+    return (currentPage() - 1) * pageSizeValue;
   });
   const endIndex = derived(() => {
-    const end = page() * pageSizeValue;
+    const end = currentPage() * pageSizeValue;
     const total = options.totalItems();
     return Math.min(end, total);
   });
   function next() {
-    if (page() < totalPages()) {
-      setPage((p2) => p2 + 1);
+    if (currentPage() < totalPages()) {
+      setPage(currentPage() + 1);
     }
   }
   function prev() {
-    if (page() > 1) {
-      setPage((p2) => p2 - 1);
+    if (currentPage() > 1) {
+      setPage(currentPage() - 1);
     }
   }
   function goTo(target) {
     const clamped = Math.max(1, Math.min(target, totalPages()));
     setPage(clamped);
   }
-  return { page, pageSize, totalPages, next, prev, goTo, startIndex, endIndex };
+  return { page: currentPage, pageSize, totalPages, next, prev, goTo, startIndex, endIndex };
 }
 
 // src/ui/eventBus.ts
@@ -5900,12 +5975,15 @@ var Priority = {
   LOW: 3,
   IDLE: 4
 };
-var taskIdCounter = 0;
-var taskQueue = [];
-var isProcessing = false;
-var scheduledKind = null;
-var scheduledHandle = null;
-var microtaskScheduled = false;
+var _sched = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.scheduler.v1"), () => ({
+  taskIdCounter: 0,
+  taskQueue: [],
+  isProcessing: false,
+  scheduledKind: null,
+  scheduledHandle: null,
+  microtaskScheduled: false
+}));
+var taskQueue = _sched.taskQueue;
 function insertTask(task) {
   let i2 = taskQueue.length;
   while (i2 > 0 && taskQueue[i2 - 1].priority > task.priority) {
@@ -5914,8 +5992,8 @@ function insertTask(task) {
   taskQueue.splice(i2, 0, task);
 }
 function processQueue() {
-  if (isProcessing || taskQueue.length === 0) return;
-  isProcessing = true;
+  if (_sched.isProcessing || taskQueue.length === 0) return;
+  _sched.isProcessing = true;
   const startTime = performance.now();
   const timeSlice = 5;
   while (taskQueue.length > 0) {
@@ -5934,64 +6012,69 @@ function processQueue() {
       console.error("[Scheduler] Task error:", e);
     }
   }
-  isProcessing = false;
+  _sched.isProcessing = false;
   if (taskQueue.length > 0) {
     scheduleFrame();
   }
 }
 var TIER_SPEED = { microtask: 0, frame: 1, timeout: 2, idle: 3 };
 function cancelScheduled() {
-  if (scheduledHandle !== null) {
-    if (scheduledKind === "frame") cancelAnimationFrame(scheduledHandle);
-    else if (scheduledKind === "idle" && typeof cancelIdleCallback !== "undefined") cancelIdleCallback(scheduledHandle);
-    else if (scheduledKind === "timeout") clearTimeout(scheduledHandle);
+  if (_sched.scheduledHandle !== null) {
+    if (_sched.scheduledKind === "frame") cancelAnimationFrame(_sched.scheduledHandle);
+    else if (_sched.scheduledKind === "idle" && typeof cancelIdleCallback !== "undefined")
+      cancelIdleCallback(_sched.scheduledHandle);
+    else if (_sched.scheduledKind === "timeout") clearTimeout(_sched.scheduledHandle);
   }
-  scheduledHandle = null;
-  scheduledKind = null;
+  _sched.scheduledHandle = null;
+  _sched.scheduledKind = null;
 }
 function scheduleFrame() {
   const nextTask = taskQueue.find((t) => !t.cancelled);
   if (!nextTask) return;
-  const desired = nextTask.priority <= Priority.USER_BLOCKING ? "microtask" : nextTask.priority === Priority.IDLE ? typeof requestIdleCallback !== "undefined" ? "idle" : "timeout" : "frame";
-  if (microtaskScheduled) return;
-  if (scheduledKind !== null) {
-    if (TIER_SPEED[scheduledKind] <= TIER_SPEED[desired]) return;
+  const desired = nextTask.priority <= Priority.USER_BLOCKING ? "microtask" : nextTask.priority === Priority.IDLE ? typeof requestIdleCallback !== "undefined" ? "idle" : "timeout" : (
+    // NORMAL/LOW prefer a frame, but rAF is absent under SSR — fall back
+    // to a timeout so startTransition()/deferredValue() don't throw.
+    typeof requestAnimationFrame !== "undefined" ? "frame" : "timeout"
+  );
+  if (_sched.microtaskScheduled) return;
+  if (_sched.scheduledKind !== null) {
+    if (TIER_SPEED[_sched.scheduledKind] <= TIER_SPEED[desired]) return;
     cancelScheduled();
   }
   if (desired === "microtask") {
-    microtaskScheduled = true;
-    scheduledKind = "microtask";
+    _sched.microtaskScheduled = true;
+    _sched.scheduledKind = "microtask";
     queueMicrotask(() => {
-      microtaskScheduled = false;
-      scheduledKind = null;
+      _sched.microtaskScheduled = false;
+      _sched.scheduledKind = null;
       processQueue();
     });
   } else if (desired === "idle") {
-    scheduledKind = "idle";
-    scheduledHandle = requestIdleCallback(() => {
-      scheduledKind = null;
-      scheduledHandle = null;
+    _sched.scheduledKind = "idle";
+    _sched.scheduledHandle = requestIdleCallback(() => {
+      _sched.scheduledKind = null;
+      _sched.scheduledHandle = null;
       processQueue();
     });
   } else if (desired === "timeout") {
-    scheduledKind = "timeout";
-    scheduledHandle = setTimeout(() => {
-      scheduledKind = null;
-      scheduledHandle = null;
+    _sched.scheduledKind = "timeout";
+    _sched.scheduledHandle = setTimeout(() => {
+      _sched.scheduledKind = null;
+      _sched.scheduledHandle = null;
       processQueue();
     }, 50);
   } else {
-    scheduledKind = "frame";
-    scheduledHandle = requestAnimationFrame(() => {
-      scheduledKind = null;
-      scheduledHandle = null;
+    _sched.scheduledKind = "frame";
+    _sched.scheduledHandle = requestAnimationFrame(() => {
+      _sched.scheduledKind = null;
+      _sched.scheduledHandle = null;
       processQueue();
     });
   }
 }
 function scheduleUpdate(priority, callback) {
   const task = {
-    id: taskIdCounter++,
+    id: _sched.taskIdCounter++,
     priority,
     callback,
     cancelled: false
@@ -6012,15 +6095,15 @@ function scheduleUpdate(priority, callback) {
   };
 }
 function flushScheduler() {
-  if (scheduledHandle !== null) {
-    if (scheduledKind === "frame") cancelAnimationFrame(scheduledHandle);
-    else if (scheduledKind === "idle" && typeof cancelIdleCallback !== "undefined") {
-      cancelIdleCallback(scheduledHandle);
-    } else if (scheduledKind === "timeout") clearTimeout(scheduledHandle);
-  }
-  scheduledHandle = null;
-  scheduledKind = null;
-  microtaskScheduled = false;
+  if (_sched.scheduledHandle !== null) {
+    if (_sched.scheduledKind === "frame") cancelAnimationFrame(_sched.scheduledHandle);
+    else if (_sched.scheduledKind === "idle" && typeof cancelIdleCallback !== "undefined") {
+      cancelIdleCallback(_sched.scheduledHandle);
+    } else if (_sched.scheduledKind === "timeout") clearTimeout(_sched.scheduledHandle);
+  }
+  _sched.scheduledHandle = null;
+  _sched.scheduledKind = null;
+  _sched.microtaskScheduled = false;
   while (taskQueue.length > 0) {
     const task = taskQueue.shift();
     if (!task) break;
@@ -6028,7 +6111,7 @@ function flushScheduler() {
       task.callback();
     }
   }
-  isProcessing = false;
+  _sched.isProcessing = false;
 }
 function pendingTasks() {
   return taskQueue.filter((t) => !t.cancelled).length;
@@ -6076,16 +6159,18 @@ function transitionState() {
   }
   return [isPending, transition2];
 }
-var idCounter = 0;
-var idPrefix = "sibu";
+var _ids = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.uniqueId.v1"), () => ({
+  counter: 0,
+  prefix: "sibu"
+}));
 function resetIdCounter() {
-  idCounter = 0;
+  _ids.counter = 0;
 }
 function setIdPrefix(prefix) {
-  idPrefix = prefix;
+  _ids.prefix = prefix;
 }
 function uniqueId(suffix) {
-  const id = `${idPrefix}-${idCounter++}`;
+  const id = `${_ids.prefix}-${_ids.counter++}`;
   return suffix ? `${id}-${suffix}` : id;
 }
 
@@ -6833,7 +6918,6 @@ function normalizedStore(schema) {
 }
 function normalize(data2, schema) {
   const entities = {};
-  const idKey = schema.idKey || "id";
   function ensureTable(name) {
     if (!entities[name]) {
       entities[name] = {};
@@ -6849,7 +6933,7 @@ function normalize(data2, schema) {
       for (const [field, relationType] of Object.entries(entitySchema.relations)) {
         const value = entity[field];
         if (value == null) continue;
-        const relSchema = { name: relationType, idKey };
+        const relSchema = { name: relationType };
         if (Array.isArray(value)) {
           flat[field] = value.map((item) => normalizeEntity(item, relSchema));
         } else if (typeof value === "object") {
@@ -6872,13 +6956,12 @@ function denormalize(id, entities, schema) {
   if (!table2) return void 0;
   const entity = table2[id];
   if (!entity) return void 0;
-  const idKey = schema.idKey || "id";
   const result = { ...entity };
   if (schema.relations) {
     for (const [field, relationType] of Object.entries(schema.relations)) {
       const value = entity[field];
       if (value == null) continue;
-      const relSchema = { name: relationType, idKey };
+      const relSchema = { name: relationType };
       if (Array.isArray(value)) {
         result[field] = value.map((relId) => denormalize(relId, entities, relSchema));
       } else if (typeof value === "string") {
@@ -7211,6 +7294,7 @@ function Head(props) {
     }
   };
   apply();
+  registerDisposer(anchor, cleanup3);
   return anchor;
 }
 function setStructuredData(data2) {
@@ -7525,8 +7609,14 @@ function createWorkerPool(workerFn2, poolSize) {
 }
 
 // src/platform/wasm.ts
-var moduleCache = /* @__PURE__ */ new Map();
-var instanceCache = /* @__PURE__ */ new Map();
+var moduleCache = globalSingleton(
+  /* @__PURE__ */ Symbol.for("sibujs.wasm.moduleCache.v1"),
+  () => /* @__PURE__ */ new Map()
+);
+var instanceCache = globalSingleton(
+  /* @__PURE__ */ Symbol.for("sibujs.wasm.instanceCache.v1"),
+  () => /* @__PURE__ */ new Map()
+);
 function wasm(source2, config = {}) {
   const [instance, setInstance] = signal(null);
   const [loading, setLoading] = signal(true);
@@ -8156,7 +8246,10 @@ var font = tagFactory("font");
 var marquee = tagFactory("marquee");
 
 // src/platform/microfrontend.ts
-var moduleCache2 = /* @__PURE__ */ new Map();
+var moduleCache2 = globalSingleton(
+  /* @__PURE__ */ Symbol.for("sibujs.microfrontend.moduleCache.v1"),
+  () => /* @__PURE__ */ new Map()
+);
 function createMicroApp(config) {
   const host = config.container ?? document.createElement("div");
   host.setAttribute("data-micro-app", config.name);
@@ -8427,24 +8520,30 @@ function createAction(actionFn) {
   const [data2, setData] = signal(void 0);
   const [error, setError] = signal(void 0);
   const [loading, setLoading] = signal(false);
+  let activeRun = 0;
   const submit = async (input2) => {
+    const runId = ++activeRun;
     batch(() => {
       setLoading(true);
       setError(void 0);
     });
     try {
       const result = await actionFn(input2);
-      batch(() => {
-        setData(result);
-        setLoading(false);
-      });
+      if (runId === activeRun) {
+        batch(() => {
+          setData(result);
+          setLoading(false);
+        });
+      }
       return result;
     } catch (err) {
       const actionError = err instanceof Error ? err : new Error(String(err));
-      batch(() => {
-        setError(actionError);
-        setLoading(false);
-      });
+      if (runId === activeRun) {
+        batch(() => {
+          setError(actionError);
+          setLoading(false);
+        });
+      }
       throw actionError;
     }
   };
@@ -8458,15 +8557,14 @@ function scrollRestoration(options) {
   let popstateHandler = null;
   let currentKey = null;
   const save = (key) => {
-    positions.set(key, {
-      x: window.scrollX,
-      y: window.scrollY
-    });
+    if (typeof window !== "undefined") {
+      positions.set(key, { x: window.scrollX, y: window.scrollY });
+    }
     currentKey = key;
   };
   const restore = (key) => {
     const pos = positions.get(key);
-    if (pos) {
+    if (pos && typeof window !== "undefined") {
       window.scrollTo(pos.x, pos.y);
     }
     currentKey = key;
@@ -8474,7 +8572,7 @@ function scrollRestoration(options) {
   const getPosition = (key) => {
     return positions.get(key);
   };
-  if (mode === "auto") {
+  if (mode === "auto" && typeof window !== "undefined") {
     popstateHandler = () => {
       if (currentKey) {
         save(currentKey);
@@ -8602,39 +8700,41 @@ function createPluginRegistry() {
   };
   return registry;
 }
-var defaultRegistry = createPluginRegistry();
-var defaultRegistryTouched = false;
+var _defaults = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.plugins.defaultRegistry.v1"), () => ({
+  registry: createPluginRegistry(),
+  touched: false
+}));
 function createPlugin(name, install) {
   return { name, install };
 }
 function plugin(plugin2, options) {
-  defaultRegistryTouched = true;
-  defaultRegistry.plugin(plugin2, options);
+  _defaults.touched = true;
+  _defaults.registry.plugin(plugin2, options);
 }
 function inject(key, defaultValue) {
-  return defaultRegistry.inject(key, defaultValue);
+  return _defaults.registry.inject(key, defaultValue);
 }
 function triggerPluginMount(element) {
-  defaultRegistry.triggerMount(element);
+  _defaults.registry.triggerMount(element);
 }
 function triggerPluginUnmount(element) {
-  defaultRegistry.triggerUnmount(element);
+  _defaults.registry.triggerUnmount(element);
 }
 function triggerPluginError(error) {
-  defaultRegistry.triggerError(error);
+  _defaults.registry.triggerError(error);
 }
 function resetPlugins() {
-  defaultRegistry.reset();
-  defaultRegistryTouched = false;
+  _defaults.registry.reset();
+  _defaults.touched = false;
 }
 function setDefaultPluginRegistry(registry) {
-  if (defaultRegistryTouched && defaultRegistry.installedPlugins.size > 0) {
+  if (_defaults.touched && _defaults.registry.installedPlugins.size > 0) {
     console.warn(
       "[Plugin] Replacing default plugin registry while plugins are already installed on the singleton. This may indicate mixed singleton/registry usage."
     );
   }
-  defaultRegistry = registry;
-  defaultRegistryTouched = true;
+  _defaults.registry = registry;
+  _defaults.touched = true;
 }
 
 // src/plugins/modular.ts
@@ -8736,9 +8836,7 @@ function lazyModule(loader) {
       return loadedFlag;
     },
     async get() {
-      if (loadedFlag && cached !== void 0) {
-        return cached;
-      }
+      if (loadedFlag) return cached;
       cached = await loader();
       loadedFlag = true;
       return cached;
@@ -9466,10 +9564,50 @@ function createGlobalHook() {
         listeners.set(event, set);
       }
       set.add(fn);
+      return () => {
+        set?.delete(fn);
+      };
     },
     off(event, fn) {
       listeners.get(event)?.delete(fn);
     },
+    getSignalNodes() {
+      const out = [];
+      for (const [, node] of nodes) {
+        let value = "";
+        try {
+          const ref = node.ref;
+          let raw;
+          if (node.type === "effect") {
+            raw = void 0;
+          } else if (node.type === "computed" && ref) {
+            raw = ref._v;
+          } else if (ref && "value" in ref) {
+            raw = ref.value;
+          }
+          if (raw === void 0) value = "undefined";
+          else if (raw === null) value = "null";
+          else if (typeof raw === "object") value = JSON.stringify(raw);
+          else value = String(raw);
+        } catch {
+          value = "?";
+        }
+        if (value.length > 200) value = `${value.slice(0, 200)}...`;
+        out.push({
+          id: String(node.id),
+          name: node.name || null,
+          kind: node.type === "computed" ? "derived" : node.type,
+          value,
+          // Edge identities aren't tracked by this registry (only a subscriber
+          // count, via node.ref.__sc) — left empty until the core exposes the
+          // dependency graph. The node inventory itself is real.
+          subscribers: [],
+          dependencies: [],
+          evalCount: 0
+        });
+      }
+      return out;
+    },
     emit(event, payload) {
       events.push({ event, payload, ts: Date.now() });
       if (events.length > 2e3) events.splice(0, events.length - 2e3);
@@ -9495,34 +9633,38 @@ function getOrCreateHook() {
   }
   return g2.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
 }
-var activeDevTools = null;
-var nextNodeId = 0;
-var inferNameArmed = false;
+var _dt = globalSingleton(/* @__PURE__ */ Symbol.for("sibujs.devtools.state.v1"), () => ({
+  active: null,
+  nextNodeId: 0,
+  // Gate for inferName(): only `true` while devtools are initialized AND in dev
+  // mode — otherwise skip the Error-stack walk so prod hot paths don't allocate.
+  inferNameArmed: false
+}));
 function getActiveDevTools() {
-  return activeDevTools;
+  return _dt.active;
 }
 function initDevTools(config) {
   const maxEvents = config?.maxEvents ?? 1e3;
   const enabled = config?.enabled ?? isDev();
   const expose = config?.expose ?? isDev();
   if (!enabled) return createNoopApi();
-  inferNameArmed = true;
+  _dt.inferNameArmed = true;
   const hook = getOrCreateHook();
-  nextNodeId = 0;
+  _dt.nextNodeId = 0;
   const eventLog = [];
   hook.on("signal:create", (payload) => {
     const p2 = payload;
-    nextNodeId++;
+    _dt.nextNodeId++;
     const name = inferName();
     const node = {
-      id: nextNodeId,
+      id: _dt.nextNodeId,
       type: "signal",
       name,
       ref: p2.signal,
       getter: p2.getter,
       createdAt: Date.now()
     };
-    hook.nodes.set(nextNodeId, node);
+    hook.nodes.set(_dt.nextNodeId, node);
     emit();
   });
   hook.on("signal:update", (payload) => {
@@ -9542,17 +9684,17 @@ function initDevTools(config) {
   });
   hook.on("computed:create", (payload) => {
     const p2 = payload;
-    nextNodeId++;
+    _dt.nextNodeId++;
     const name = inferName();
     const node = {
-      id: nextNodeId,
+      id: _dt.nextNodeId,
       type: "computed",
       name,
       ref: p2.signal,
       getter: p2.getter,
       createdAt: Date.now()
     };
-    hook.nodes.set(nextNodeId, node);
+    hook.nodes.set(_dt.nextNodeId, node);
     emit();
   });
   hook.on("computed:update", (payload) => {
@@ -9569,11 +9711,11 @@ function initDevTools(config) {
     emit();
   });
   hook.on("effect:create", (payload) => {
-    nextNodeId++;
+    _dt.nextNodeId++;
     const name = inferName();
     const p2 = payload;
-    const node = { id: nextNodeId, type: "effect", name, ref: p2.effectFn, createdAt: Date.now() };
-    hook.nodes.set(nextNodeId, node);
+    const node = { id: _dt.nextNodeId, type: "effect", name, ref: p2.effectFn, createdAt: Date.now() };
+    hook.nodes.set(_dt.nextNodeId, node);
     emit();
   });
   hook.on("effect:run", (payload) => {
@@ -9730,8 +9872,8 @@ function initDevTools(config) {
     hook.components.clear();
     hook.events.length = 0;
     isActive = false;
-    inferNameArmed = false;
-    activeDevTools = null;
+    _dt.inferNameArmed = false;
+    _dt.active = null;
     const g2 = globalThis;
     if (g2.__SIBU__) {
       delete g2.__SIBU__.devtools;
@@ -9899,7 +10041,7 @@ function initDevTools(config) {
     w.__SIBU_DEVTOOLS_VERSION__ = () => changeVersion;
     w.__SIBU_DEVTOOLS_DATA__ = buildData;
   }
-  activeDevTools = api;
+  _dt.active = api;
   if (typeof document !== "undefined") {
     domObserver = new MutationObserver((mutations) => {
       let changed = false;
@@ -9975,7 +10117,7 @@ function initDevTools(config) {
   return api;
 }
 function inferName() {
-  if (!inferNameArmed || !isDev()) return "anonymous";
+  if (!_dt.inferNameArmed || !isDev()) return "anonymous";
   try {
     const stack = new Error().stack || "";
     for (const line2 of stack.split("\n")) {
@@ -10056,7 +10198,7 @@ function devState(name, initial) {
     const oldValue = get();
     set(next);
     const newValue = get();
-    const dt2 = activeDevTools;
+    const dt2 = _dt.active;
     if (dt2?.isEnabled() && !Object.is(oldValue, newValue)) {
       dt2.record({ type: "state-change", component, key, oldValue, newValue, timestamp: Date.now() });
     }
@@ -10507,6 +10649,14 @@ function createDevtoolsOverlay(options) {
   return { isEnabled, toggle, addPanel, removePanel, getPanels, dispose: dispose2 };
 }
 
+// src/core/rendering/createId.ts
+var COUNTER_KEY = /* @__PURE__ */ Symbol.for("sibujs.createId.v1");
+var _counter = globalThis[COUNTER_KEY] ?? (globalThis[COUNTER_KEY] = { n: 0 });
+function createId(prefix = "sibu") {
+  _counter.n++;
+  return `${prefix}-${_counter.n}`;
+}
+
 // src/core/signals/watch.ts
 function watch(getter, callback) {
   devAssert(typeof getter === "function", "watch: first argument must be a getter function.");
@@ -10538,7 +10688,6 @@ function watch(getter, callback) {
 }
 
 // src/widgets/Combobox.ts
-var comboboxIdCounter = 0;
 var boundComboboxes = /* @__PURE__ */ new WeakMap();
 function combobox(options) {
   const { items, filterFn, itemToString } = options;
@@ -10599,7 +10748,13 @@ function combobox(options) {
   function bind(els) {
     const existing = boundComboboxes.get(els.input);
     if (existing) return existing;
-    const listboxId = `sibu-combobox-listbox-${++comboboxIdCounter}`;
+    const prevListboxId = els.listbox.id;
+    const prevListboxRole = els.listbox.getAttribute("role");
+    const prevListboxHidden = els.listbox.hidden;
+    const prevInputRole = els.input.getAttribute("role");
+    const prevInputAutocomplete = els.input.getAttribute("aria-autocomplete");
+    const prevInputControls = els.input.getAttribute("aria-controls");
+    const listboxId = createId("sibu-combobox-listbox");
     els.listbox.id = listboxId;
     els.listbox.setAttribute("role", "listbox");
     els.input.setAttribute("role", "combobox");
@@ -10663,10 +10818,14 @@ function combobox(options) {
         if (document.activeElement !== els.input) close();
       }, 100);
     };
+    const onListboxPointerDown = (e) => {
+      e.preventDefault();
+    };
     els.input.addEventListener("input", onInput);
     els.input.addEventListener("keydown", onKey);
     els.input.addEventListener("focus", onFocus);
     els.input.addEventListener("blur", onBlur);
+    els.listbox.addEventListener("mousedown", onListboxPointerDown);
     const teardown = () => {
       boundComboboxes.delete(els.input);
       fxTeardown();
@@ -10674,10 +10833,24 @@ function combobox(options) {
       els.input.removeEventListener("keydown", onKey);
       els.input.removeEventListener("focus", onFocus);
       els.input.removeEventListener("blur", onBlur);
+      els.listbox.removeEventListener("mousedown", onListboxPointerDown);
       if (blurTimer !== null) {
         clearTimeout(blurTimer);
         blurTimer = null;
       }
+      if (prevListboxId === "") els.listbox.removeAttribute("id");
+      else els.listbox.id = prevListboxId;
+      if (prevListboxRole === null) els.listbox.removeAttribute("role");
+      else els.listbox.setAttribute("role", prevListboxRole);
+      els.listbox.hidden = prevListboxHidden;
+      if (prevInputRole === null) els.input.removeAttribute("role");
+      else els.input.setAttribute("role", prevInputRole);
+      if (prevInputAutocomplete === null) els.input.removeAttribute("aria-autocomplete");
+      else els.input.setAttribute("aria-autocomplete", prevInputAutocomplete);
+      if (prevInputControls === null) els.input.removeAttribute("aria-controls");
+      else els.input.setAttribute("aria-controls", prevInputControls);
+      els.input.removeAttribute("aria-expanded");
+      els.input.removeAttribute("aria-activedescendant");
     };
     boundComboboxes.set(els.input, teardown);
     return teardown;
@@ -11013,7 +11186,6 @@ function accordion(options) {
 }
 
 // src/widgets/Popover.ts
-var popoverIdCounter = 0;
 var boundPopovers = /* @__PURE__ */ new WeakMap();
 function popover() {
   const [isOpen, setIsOpen] = signal(false);
@@ -11029,7 +11201,7 @@ function popover() {
   function bind(els) {
     const existing = boundPopovers.get(els.trigger);
     if (existing) return existing;
-    const id = `sibu-popover-${++popoverIdCounter}`;
+    const id = createId("sibu-popover");
     const prevPopoverRole = els.popover.getAttribute("role");
     const prevPopoverId = els.popover.id;
     const prevLabelledBy = els.popover.getAttribute("aria-labelledby");
@@ -11103,7 +11275,6 @@ function popover() {
 }
 
 // src/widgets/Select.ts
-var selectIdCounter = 0;
 var boundSelects = /* @__PURE__ */ new WeakMap();
 function select2(options) {
   const { items, multiple = false, itemToString, isDisabled } = options;
@@ -11184,7 +11355,11 @@ function select2(options) {
   function bind(els) {
     const existing = boundSelects.get(els.listbox);
     if (existing) return existing;
-    const listboxId = `sibu-select-${++selectIdCounter}`;
+    const prevId = els.listbox.id;
+    const prevRole = els.listbox.getAttribute("role");
+    const prevMultiselectable = els.listbox.getAttribute("aria-multiselectable");
+    const prevTabIndex = els.listbox.getAttribute("tabindex");
+    const listboxId = createId("sibu-select");
     els.listbox.id = listboxId;
     els.listbox.setAttribute("role", "listbox");
     els.listbox.setAttribute("aria-multiselectable", multiple ? "true" : "false");
@@ -11244,6 +11419,15 @@ function select2(options) {
       fxTeardown();
       els.listbox.removeEventListener("keydown", onKey);
       if (typeTimer !== null) clearTimeout(typeTimer);
+      if (prevId === "") els.listbox.removeAttribute("id");
+      else els.listbox.id = prevId;
+      if (prevRole === null) els.listbox.removeAttribute("role");
+      else els.listbox.setAttribute("role", prevRole);
+      if (prevMultiselectable === null) els.listbox.removeAttribute("aria-multiselectable");
+      else els.listbox.setAttribute("aria-multiselectable", prevMultiselectable);
+      if (prevTabIndex === null) els.listbox.removeAttribute("tabindex");
+      else els.listbox.setAttribute("tabindex", prevTabIndex);
+      els.listbox.removeAttribute("aria-activedescendant");
     };
     boundSelects.set(els.listbox, teardown);
     return teardown;
@@ -11268,7 +11452,6 @@ function select2(options) {
 }
 
 // src/widgets/Tooltip.ts
-var tooltipIdCounter = 0;
 var boundTriggers = /* @__PURE__ */ new WeakMap();
 function tooltip(options) {
   const delay = options?.delay ?? 0;
@@ -11313,7 +11496,7 @@ function tooltip(options) {
   function bind(els) {
     const existing = boundTriggers.get(els.trigger);
     if (existing) return existing;
-    const id = `sibu-tooltip-${++tooltipIdCounter}`;
+    const id = createId("sibu-tooltip");
     els.tooltip.setAttribute("role", "tooltip");
     els.tooltip.id = id;
     const prevDescribedBy = els.trigger.getAttribute("aria-describedby");
@@ -11373,7 +11556,6 @@ function tooltip(options) {
 }
 
 // src/widgets/FileUpload.ts
-var fileUploadIdCounter = 0;
 var boundFileUploads = /* @__PURE__ */ new WeakMap();
 function fileUpload(options) {
   const accept = options?.accept;
@@ -11445,7 +11627,7 @@ function fileUpload(options) {
   function bind(els) {
     const existing = boundFileUploads.get(els.input);
     if (existing) return existing;
-    const id = `sibu-fileupload-${++fileUploadIdCounter}`;
+    const id = createId("sibu-fileupload");
     const restore = [];
     if (accept) els.input.accept = accept;
     els.input.multiple = multiple;
@@ -11556,7 +11738,7 @@ function fileUpload(options) {
 }
 
 // src/widgets/contentEditable.ts
-function contentEditable() {
+function contentEditable(element) {
   const [content, setContentInternal] = signal("");
   const [isFocused, setFocused] = signal(false);
   function setContent(input2) {
@@ -11580,6 +11762,7 @@ function contentEditable() {
     const selection = window.getSelection();
     if (!selection || selection.rangeCount === 0 || selection.isCollapsed) return;
     const range = selection.getRangeAt(0);
+    if (element && !element.contains(range.commonAncestorContainer)) return;
     const ancestor = range.commonAncestorContainer;
     const existingWrap = findAncestorByTag(
       ancestor instanceof HTMLElement ? ancestor : ancestor.parentElement,
@@ -11759,12 +11942,18 @@ function datePicker(options) {
   function bind(els) {
     const existing = boundDatePickers.get(els.grid);
     if (existing) return existing;
+    const prevGridRole = els.grid.getAttribute("role");
+    const prevGridTabIndex = els.grid.getAttribute("tabindex");
+    const prevGridLabel = els.grid.getAttribute("aria-label");
     els.grid.setAttribute("role", "grid");
     if (els.grid.tabIndex < 0) els.grid.tabIndex = 0;
+    let pendingFocus = false;
     const fxTeardown = effect(() => {
       const sel = selectedDate();
       const view = viewDate();
       const days = daysInMonth();
+      els.grid.setAttribute("aria-label", view.toLocaleDateString(void 0, { month: "long", year: "numeric" }));
+      let viewCell = null;
       for (const d of days) {
         const cell = els.cell(d.date);
         if (!cell) continue;
@@ -11772,7 +11961,13 @@ function datePicker(options) {
         cell.setAttribute("aria-selected", sel && isSameCalendarDay(sel, d.date) ? "true" : "false");
         if (d.isDisabled) cell.setAttribute("aria-disabled", "true");
         else cell.removeAttribute("aria-disabled");
-        cell.tabIndex = isSameCalendarDay(view, d.date) ? 0 : -1;
+        const isView = isSameCalendarDay(view, d.date);
+        cell.tabIndex = isView ? 0 : -1;
+        if (isView) viewCell = cell;
+      }
+      if (pendingFocus && viewCell && typeof viewCell.focus === "function") {
+        pendingFocus = false;
+        viewCell.focus();
       }
     });
     function isSameCalendarDay(a2, b2) {
@@ -11782,6 +11977,9 @@ function datePicker(options) {
       setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth(), prev.getDate() + delta));
     }
     const onKey = (e) => {
+      if (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "Home" || e.key === "End" || e.key === "PageUp" || e.key === "PageDown") {
+        pendingFocus = true;
+      }
       switch (e.key) {
         case "ArrowLeft":
           e.preventDefault();
@@ -11830,6 +12028,12 @@ function datePicker(options) {
       boundDatePickers.delete(els.grid);
       fxTeardown();
       els.grid.removeEventListener("keydown", onKey);
+      if (prevGridRole === null) els.grid.removeAttribute("role");
+      else els.grid.setAttribute("role", prevGridRole);
+      if (prevGridTabIndex === null) els.grid.removeAttribute("tabindex");
+      else els.grid.setAttribute("tabindex", prevGridTabIndex);
+      if (prevGridLabel === null) els.grid.removeAttribute("aria-label");
+      else els.grid.setAttribute("aria-label", prevGridLabel);
     };
     boundDatePickers.set(els.grid, teardown);
     return teardown;
@@ -12378,6 +12582,7 @@ var materialAdapter = componentAdapter(materialConfig);
   pointerLock,
   popover,
   precompile,
+  prefersReducedMotion,
   prefetch,
   preloadCritical,
   preloadImage,