what-core 0.8.4 → 0.10.0

package/dist/index.js

@@ -1,2786 +1,116 @@
-// packages/core/src/reactive.js
-var __DEV__ = typeof process !== "undefined" ? true : true;
-var __devtools = null;
-function __setDevToolsHooks(hooks) {
-  if (__DEV__) __devtools = hooks;
-}
-var currentEffect = null;
-var currentRoot = null;
-var currentOwner = null;
-var insideComputed = false;
-var batchDepth = 0;
-var pendingEffects = [];
-var pendingNeedSort = false;
-var NEEDS_UPSTREAM = /* @__PURE__ */ Symbol("needs_upstream");
-var iterativeEvalStack = null;
-function signal(initial, debugName) {
-  let value = initial;
-  const subs = /* @__PURE__ */ new Set();
-  let lastTracked = null;
-  let lastTrackedEpoch = 0;
-  function _sigWrite(next) {
-    if (__DEV__ && insideComputed) {
-      console.warn(
-        "[what] Signal.set() called inside a computed function. This may cause infinite loops. Use effect() instead." + (debugName ? ` (signal: ${debugName})` : "")
-      );
-    }
-    const nextVal = typeof next === "function" ? next(value) : next;
-    if (value === nextVal || value !== value && nextVal !== nextVal) return;
-    value = nextVal;
-    lastTracked = null;
-    if (__DEV__ && __devtools) __devtools.onSignalUpdate(sig);
-    if (subs.size > 0) notify(subs);
-  }
-  function sig(newVal) {
-    if (arguments.length === 0) {
-      const ce = currentEffect;
-      if (ce !== null) {
-        if (ce !== lastTracked || ce._epoch !== lastTrackedEpoch) {
-          lastTracked = ce;
-          lastTrackedEpoch = ce._epoch;
-          subs.add(ce);
-          ce.deps.push(subs);
-        }
-      }
-      return value;
-    }
-    _sigWrite(newVal);
-  }
-  sig.set = _sigWrite;
-  sig.peek = () => value;
-  sig.subscribe = (fn) => {
-    return effect(() => fn(sig()));
-  };
-  sig._signal = true;
-  if (__DEV__) {
-    sig._subs = subs;
-    if (debugName) sig._debugName = debugName;
-  }
-  if (__DEV__ && __devtools) __devtools.onSignalCreate(sig);
-  return sig;
-}
-function computed(fn) {
-  let value, dirty = true;
-  const subs = /* @__PURE__ */ new Set();
-  let lastTracked = null;
-  let lastTrackedEpoch = 0;
-  const inner = _createEffect(() => {
-    const prevInsideComputed = insideComputed;
-    if (__DEV__) insideComputed = true;
-    try {
-      value = fn();
-      dirty = false;
-    } finally {
-      if (__DEV__) insideComputed = prevInsideComputed;
-    }
-  }, true);
-  inner._level = 1;
-  inner._computed = true;
-  inner._computedSubs = subs;
-  subs._owner = inner;
-  inner._markDirty = () => {
-    dirty = true;
-  };
-  inner._isDirty = () => dirty;
-  function read() {
-    const ce = currentEffect;
-    if (ce !== null) {
-      if (ce !== lastTracked || ce._epoch !== lastTrackedEpoch) {
-        lastTracked = ce;
-        lastTrackedEpoch = ce._epoch;
-        subs.add(ce);
-        ce.deps.push(subs);
-      }
-    }
-    if (dirty) _evaluateComputed(inner);
-    return value;
-  }
-  inner._onNotify = () => {
-    dirty = true;
-    lastTracked = null;
-    if (subs.size > 0) notify(subs);
-  };
-  read._signal = true;
-  read.peek = () => {
-    if (dirty) _evaluateComputed(inner);
-    return value;
-  };
-  return read;
-}
-function _evaluateComputed(computedEffect) {
-  if (iterativeEvalStack !== null) {
-    iterativeEvalStack.push(computedEffect);
-    throw NEEDS_UPSTREAM;
-  }
-  const stack = [computedEffect];
-  iterativeEvalStack = stack;
-  try {
-    while (stack.length > 0) {
-      const current = stack[stack.length - 1];
-      if (!current._isDirty || !current._isDirty()) {
-        stack.pop();
-        continue;
-      }
-      let pushedUpstream = false;
-      const deps = current.deps;
-      for (let i = 0; i < deps.length; i++) {
-        const depOwner = deps[i]._owner;
-        if (depOwner && depOwner._computed && depOwner._isDirty && depOwner._isDirty()) {
-          stack.push(depOwner);
-          pushedUpstream = true;
-        }
-      }
-      if (pushedUpstream) {
-        continue;
-      }
-      try {
-        const prevDepsLen = current.deps.length;
-        _runEffect(current);
-        if (current.deps.length !== prevDepsLen) {
-          _updateLevel(current);
-        }
-        stack.pop();
-      } catch (err) {
-        if (err === NEEDS_UPSTREAM) {
-          current._markDirty();
-        } else {
-          throw err;
-        }
-      }
-    }
-  } finally {
-    iterativeEvalStack = null;
-  }
-}
-function _updateLevel(e) {
-  let maxDepLevel = 0;
-  const deps = e.deps;
-  for (let i = 0; i < deps.length; i++) {
-    const owner = deps[i]._owner;
-    if (owner) {
-      const depLevel = owner._level;
-      if (depLevel > maxDepLevel) maxDepLevel = depLevel;
-    }
-  }
-  e._level = maxDepLevel + 1;
-}
-function effect(fn, opts) {
-  const e = _createEffect(fn);
-  e._level = 1;
-  const prev = currentEffect;
-  currentEffect = e;
-  try {
-    const result = e.fn();
-    if (typeof result === "function") e._cleanup = result;
-  } finally {
-    currentEffect = prev;
-  }
-  _updateLevel(e);
-  if (opts?.stable) e._stable = true;
-  const dispose = () => _disposeEffect(e);
-  if (currentRoot) {
-    currentRoot.disposals.push(dispose);
-  }
-  return dispose;
-}
-function batch(fn) {
-  batchDepth++;
-  try {
-    fn();
-  } finally {
-    batchDepth--;
-    if (batchDepth === 0) flush();
-  }
-}
-function _createEffect(fn, lazy2) {
-  const e = {
-    fn,
-    deps: [],
-    // array of subscriber sets (cheaper than Set for typical 1-3 deps)
-    lazy: lazy2 || false,
-    _onNotify: null,
-    disposed: false,
-    _pending: false,
-    _stable: false,
-    // stable effects skip cleanup/re-subscribe on re-run
-    _level: 0,
-    // topological depth: signals=0, computed/effects=max(deps)+1
-    _computed: false,
-    // true for computed inner effects
-    _computedSubs: null,
-    // reference to the computed's subscriber set
-    _isDirty: null,
-    // function to check if computed is dirty (set by computed())
-    _markDirty: null,
-    // function to mark computed dirty (set by computed())
-    _cleanup: null,
-    // cleanup function returned by effect fn (declared upfront for shape)
-    _epoch: 0
-    // incremented on cleanup — used by signal lastTracked cache
-  };
-  if (__DEV__ && __devtools) __devtools.onEffectCreate(e);
-  return e;
-}
-function _runEffect(e) {
-  if (e.disposed) return;
-  if (e._stable) {
-    if (e._cleanup) {
-      try {
-        e._cleanup();
-      } catch (err) {
-        if (__DEV__) console.warn("[what] Error in effect cleanup:", err);
-      }
-      e._cleanup = null;
-    }
-    const prev2 = currentEffect;
-    currentEffect = null;
-    try {
-      const result = e.fn();
-      if (typeof result === "function") e._cleanup = result;
-    } catch (err) {
-      if (__devtools?.onError) __devtools.onError(err, { type: "effect", effect: e });
-      if (__DEV__) console.warn("[what] Error in stable effect:", err);
-    } finally {
-      currentEffect = prev2;
-    }
-    if (__DEV__ && __devtools?.onEffectRun) __devtools.onEffectRun(e);
-    return;
-  }
-  const singleDep = e.deps.length === 1 ? e.deps[0] : null;
-  cleanup(e);
-  if (e._cleanup) {
-    try {
-      e._cleanup();
-    } catch (err) {
-      if (__DEV__ && __devtools?.onError) __devtools.onError(err, { type: "effect-cleanup", effect: e });
-      if (__DEV__) console.warn("[what] Error in effect cleanup:", err);
-    }
-    e._cleanup = null;
-  }
-  const prev = currentEffect;
-  currentEffect = e;
-  try {
-    const result = e.fn();
-    if (typeof result === "function") {
-      e._cleanup = result;
-    }
-  } catch (err) {
-    if (err === NEEDS_UPSTREAM) throw err;
-    if (__DEV__ && __devtools?.onError) __devtools.onError(err, { type: "effect", effect: e });
-    throw err;
-  } finally {
-    currentEffect = prev;
-  }
-  if (singleDep !== null && e.deps.length === 1 && e.deps[0] === singleDep && !e._cleanup && !e._pending) {
-    e._stable = true;
-  }
-  if (__DEV__ && __devtools?.onEffectRun) __devtools.onEffectRun(e);
-}
-function _disposeEffect(e) {
-  e.disposed = true;
-  if (__DEV__ && __devtools) __devtools.onEffectDispose(e);
-  cleanup(e);
-  if (e._cleanup) {
-    try {
-      e._cleanup();
-    } catch (err) {
-      if (__DEV__) console.warn("[what] Error in effect cleanup on dispose:", err);
-    }
-    e._cleanup = null;
-  }
-}
-function cleanup(e) {
-  const deps = e.deps;
-  for (let i = 0; i < deps.length; i++) deps[i].delete(e);
-  deps.length = 0;
-  e._epoch++;
-}
-var notifyDepth = 0;
-var notifyQueue = null;
-var notifyQueueLen = 0;
-function _processSubscriber(e) {
-  if (e.disposed) return;
-  if (e._onNotify) {
-    e._onNotify();
-  } else if (!e._pending) {
-    if (batchDepth === 0 && e._stable) {
-      const prev = currentEffect;
-      currentEffect = null;
-      try {
-        const result = e.fn();
-        if (typeof result === "function") {
-          if (e._cleanup) try {
-            e._cleanup();
-          } catch (err) {
-          }
-          e._cleanup = result;
-        }
-      } catch (err) {
-        if (__DEV__ && __devtools?.onError) __devtools.onError(err, { type: "effect", effect: e });
-        if (__DEV__) console.warn("[what] Error in stable effect:", err);
-      } finally {
-        currentEffect = prev;
-      }
-    } else {
-      e._pending = true;
-      const level = e._level;
-      const len = pendingEffects.length;
-      if (len > 0 && pendingEffects[len - 1]._level > level) {
-        pendingNeedSort = true;
-      }
-      pendingEffects.push(e);
-    }
-  }
-}
-function notify(subs) {
-  if (notifyDepth === 0) {
-    notifyDepth = 1;
-    try {
-      for (const e of subs) {
-        _processSubscriber(e);
-      }
-      if (notifyQueueLen > 0) {
-        let qi = 0;
-        while (qi < notifyQueueLen) {
-          const queuedSubs = notifyQueue[qi];
-          notifyQueue[qi] = null;
-          qi++;
-          for (const e of queuedSubs) {
-            _processSubscriber(e);
-          }
-        }
-        notifyQueueLen = 0;
-      }
-    } finally {
-      notifyDepth = 0;
-    }
-    if (batchDepth === 0 && pendingEffects.length > 0) scheduleMicrotask();
-  } else {
-    if (notifyQueue === null) notifyQueue = [];
-    if (notifyQueueLen >= notifyQueue.length) {
-      notifyQueue.push(subs);
-    } else {
-      notifyQueue[notifyQueueLen] = subs;
-    }
-    notifyQueueLen++;
-  }
-}
-var microtaskScheduled = false;
-function scheduleMicrotask() {
-  if (!microtaskScheduled) {
-    microtaskScheduled = true;
-    queueMicrotask(() => {
-      microtaskScheduled = false;
-      flush();
-    });
-  }
-}
-var isFlushing = false;
-function flush() {
-  if (isFlushing) return;
-  isFlushing = true;
-  try {
-    let iterations = 0;
-    while (pendingEffects.length > 0 && iterations < 25) {
-      const batch2 = pendingEffects;
-      pendingEffects = [];
-      if (batch2.length > 1 && pendingNeedSort) {
-        batch2.sort((a, b) => a._level - b._level);
-      }
-      pendingNeedSort = false;
-      for (let i = 0; i < batch2.length; i++) {
-        const e = batch2[i];
-        e._pending = false;
-        if (!e.disposed && !e._onNotify) {
-          const prevDepsLen = e.deps.length;
-          _runEffect(e);
-          if (!e._computed && e.deps.length !== prevDepsLen) {
-            _updateLevel(e);
-          }
-        }
-      }
-      iterations++;
-    }
-    if (iterations >= 25) {
-      if (__DEV__) {
-        const remaining = pendingEffects.slice(0, 3);
-        const effectNames = remaining.map((e) => e.fn?.name || e.fn?.toString().slice(0, 60) || "(anonymous)");
-        console.warn(
-          `[what] Possible infinite effect loop detected (25 iterations). Likely cause: an effect writes to a signal it also reads, creating a cycle. Use untrack() to read signals without subscribing. Looping effects: ${effectNames.join(", ")}`
-        );
-      } else {
-        console.warn("[what] Possible infinite effect loop detected");
-      }
-      for (let i = 0; i < pendingEffects.length; i++) pendingEffects[i]._pending = false;
-      pendingEffects.length = 0;
-    }
-  } finally {
-    isFlushing = false;
-  }
-}
-function memo(fn) {
-  let value;
-  const subs = /* @__PURE__ */ new Set();
-  const e = _createEffect(() => {
-    const next = fn();
-    if (!Object.is(value, next)) {
-      value = next;
-      for (const sub of subs) {
-        if (sub.disposed) continue;
-        if (sub._onNotify) {
-          sub._onNotify();
-        } else if (!sub._pending) {
-          sub._pending = true;
-          const level = sub._level;
-          const len = pendingEffects.length;
-          if (len > 0 && pendingEffects[len - 1]._level > level) {
-            pendingNeedSort = true;
-          }
-          pendingEffects.push(sub);
-        }
-      }
-    }
-  });
-  e._level = 1;
-  _runEffect(e);
-  _updateLevel(e);
-  subs._owner = e;
-  if (currentRoot) {
-    currentRoot.disposals.push(() => _disposeEffect(e));
-  }
-  function read() {
-    if (currentEffect) {
-      subs.add(currentEffect);
-      currentEffect.deps.push(subs);
-    }
-    return value;
-  }
-  read._signal = true;
-  read.peek = () => value;
-  return read;
-}
-function flushSync() {
-  if (isFlushing) {
-    if (__DEV__) {
-      console.warn(
-        "[what] flushSync() called during an active flush (e.g., inside a component render or effect). This is a no-op to prevent infinite loops. Move flushSync() to an event handler or onMount callback."
-      );
-    }
-    return;
-  }
-  if (currentEffect) {
-    if (__DEV__) {
-      console.warn(
-        "[what] flushSync() called during effect execution. This is a no-op to prevent infinite loops. Move flushSync() to an event handler or onMount callback."
-      );
-    }
-    return;
-  }
-  microtaskScheduled = false;
-  flush();
-}
-function untrack(fn) {
-  const prev = currentEffect;
-  currentEffect = null;
-  try {
-    return fn();
-  } finally {
-    currentEffect = prev;
-  }
-}
-function getOwner() {
-  return currentOwner;
-}
-function runWithOwner(owner, fn) {
-  const prev = currentOwner;
-  const prevRoot = currentRoot;
-  currentOwner = owner;
-  currentRoot = owner;
-  try {
-    return fn();
-  } finally {
-    currentOwner = prev;
-    currentRoot = prevRoot;
-  }
-}
-function createRoot(fn) {
-  const prevRoot = currentRoot;
-  const prevOwner = currentOwner;
-  const root = {
-    disposals: [],
-    owner: currentOwner,
-    // parent owner for ownership tree
-    children: [],
-    // child roots (ownership tree)
-    _disposed: false
-  };
-  if (currentOwner) {
-    currentOwner.children.push(root);
-  }
-  currentRoot = root;
-  currentOwner = root;
-  try {
-    const dispose = () => {
-      if (root._disposed) return;
-      root._disposed = true;
-      for (let i = root.children.length - 1; i >= 0; i--) {
-        _disposeRoot(root.children[i]);
-      }
-      root.children.length = 0;
-      for (let i = root.disposals.length - 1; i >= 0; i--) {
-        root.disposals[i]();
-      }
-      root.disposals.length = 0;
-      if (root.owner) {
-        const idx = root.owner.children.indexOf(root);
-        if (idx >= 0) root.owner.children.splice(idx, 1);
-      }
-    };
-    return fn(dispose);
-  } finally {
-    currentRoot = prevRoot;
-    currentOwner = prevOwner;
-  }
-}
-function _disposeRoot(root) {
-  if (root._disposed) return;
-  root._disposed = true;
-  for (let i = root.children.length - 1; i >= 0; i--) {
-    _disposeRoot(root.children[i]);
-  }
-  root.children.length = 0;
-  for (let i = root.disposals.length - 1; i >= 0; i--) {
-    root.disposals[i]();
-  }
-  root.disposals.length = 0;
-}
-function _createItemScope(fn) {
-  const prevRoot = currentRoot;
-  const prevOwner = currentOwner;
-  const scope = {
-    disposals: [],
-    owner: null,
-    // No parent registration
-    children: [],
-    // Kept for compat with effects that create sub-roots
-    _disposed: false
-  };
-  currentRoot = scope;
-  currentOwner = scope;
-  try {
-    const dispose = () => {
-      if (scope._disposed) return;
-      scope._disposed = true;
-      for (let i = scope.children.length - 1; i >= 0; i--) {
-        _disposeRoot(scope.children[i]);
-      }
-      scope.children.length = 0;
-      for (let i = scope.disposals.length - 1; i >= 0; i--) {
-        scope.disposals[i]();
-      }
-      scope.disposals.length = 0;
-    };
-    return fn(dispose);
-  } finally {
-    currentRoot = prevRoot;
-    currentOwner = prevOwner;
-  }
-}
-function onCleanup(fn) {
-  if (currentRoot) {
-    currentRoot.disposals.push(fn);
-  }
-}
-
-// packages/core/src/h.js
-var EMPTY_OBJ = /* @__PURE__ */ Object.create(null);
-var EMPTY_ARR = [];
-function h(tag, props) {
-  props = props || EMPTY_OBJ;
-  const argLen = arguments.length;
-  let flat;
-  if (argLen <= 2) {
-    flat = EMPTY_ARR;
-  } else if (argLen === 3) {
-    flat = _flattenSingle(arguments[2]);
-  } else {
-    const out = [];
-    for (let i = 2; i < argLen; i++) {
-      _flattenInto(arguments[i], out);
-    }
-    flat = out;
-  }
-  const key = props.key ?? null;
-  if (props.key !== void 0) {
-    props = { ...props };
-    delete props.key;
-  }
-  return { tag, props, children: flat, key, _vnode: true };
-}
-function Fragment({ children }) {
-  return children;
-}
-function _flattenSingle(child) {
-  if (child == null || child === false || child === true) return EMPTY_ARR;
-  if (Array.isArray(child)) {
-    const out = [];
-    _flattenInto(child, out);
-    return out;
-  }
-  if (typeof child === "object" && child._vnode) return [child];
-  if (typeof child === "function") return [child];
-  return [String(child)];
-}
-function _flattenInto(child, out) {
-  if (child == null || child === false || child === true) return;
-  if (Array.isArray(child)) {
-    for (let i = 0; i < child.length; i++) {
-      _flattenInto(child[i], out);
-    }
-  } else if (typeof child === "object" && child._vnode) {
-    out.push(child);
-  } else if (typeof child === "function") {
-    out.push(child);
-  } else {
-    out.push(String(child));
-  }
-}
-function html(strings, ...values) {
-  const src = strings.reduce((acc, str, i) => acc + str + (i < values.length ? `\0${i}\0` : ""), "");
-  return parseTemplate(src, values);
-}
-function parseTemplate(src, values) {
-  src = src.trim();
-  const nodes = [];
-  let i = 0;
-  while (i < src.length) {
-    if (src[i] === "<") {
-      const result2 = parseElement(src, i, values);
-      if (result2) {
-        nodes.push(result2.node);
-        i = result2.end;
-        continue;
-      }
-    }
-    const result = parseText(src, i, values);
-    if (result.text) nodes.push(result.text);
-    i = result.end;
-  }
-  return nodes.length === 1 ? nodes[0] : nodes;
-}
-function parseElement(src, start, values) {
-  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\w*)/);
-  if (!openMatch) return null;
-  const tag = openMatch[1];
-  let i = start + openMatch[0].length;
-  const props = {};
-  while (i < src.length) {
-    while (i < src.length && /\s/.test(src[i])) i++;
-    if (src.slice(i, i + 2) === "/>") {
-      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };
-    }
-    if (src[i] === ">") {
-      i++;
-      break;
-    }
-    if (src.slice(i, i + 3) === "...") {
-      const placeholder = src.slice(i + 3).match(/^\x00(\d+)\x00/);
-      if (placeholder) {
-        Object.assign(props, values[Number(placeholder[1])]);
-        i += 3 + placeholder[0].length;
-        continue;
-      }
-    }
-    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);
-    if (!attrMatch) break;
-    const attrName = attrMatch[1];
-    i += attrMatch[0].length;
-    while (i < src.length && /\s/.test(src[i])) i++;
-    if (src[i] === "=") {
-      i++;
-      while (i < src.length && /\s/.test(src[i])) i++;
-      const ph = src.slice(i).match(/^\x00(\d+)\x00/);
-      if (ph) {
-        props[attrName] = values[Number(ph[1])];
-        i += ph[0].length;
-      } else if (src[i] === '"' || src[i] === "'") {
-        const q = src[i];
-        i++;
-        let val = "";
-        while (i < src.length && src[i] !== q) {
-          const tph = src.slice(i).match(/^\x00(\d+)\x00/);
-          if (tph) {
-            val += String(values[Number(tph[1])]);
-            i += tph[0].length;
-          } else {
-            val += src[i];
-            i++;
-          }
-        }
-        i++;
-        props[attrName] = val;
-      }
-    } else {
-      props[attrName] = true;
-    }
-  }
-  const children = [];
-  const closeTag = `</${tag}>`;
-  while (i < src.length) {
-    if (src.slice(i, i + closeTag.length) === closeTag) {
-      i += closeTag.length;
-      break;
-    }
-    if (src[i] === "<") {
-      const child = parseElement(src, i, values);
-      if (child) {
-        children.push(child.node);
-        i = child.end;
-        continue;
-      }
-    }
-    const text = parseText(src, i, values);
-    if (text.text != null) children.push(text.text);
-    i = text.end;
-  }
-  return {
-    node: h(tag, Object.keys(props).length ? props : null, ...children),
-    end: i
-  };
-}
-function parseText(src, start, values) {
-  let i = start;
-  let text = "";
-  while (i < src.length && src[i] !== "<") {
-    const ph = src.slice(i).match(/^\x00(\d+)\x00/);
-    if (ph) {
-      if (text.trim()) {
-        return { text: text.trim(), end: i };
-      }
-      return { text: values[Number(ph[1])], end: i + ph[0].length };
-    }
-    text += src[i];
-    i++;
-  }
-  return { text: text.trim() || null, end: i };
-}
-
-// packages/core/src/components.js
-function memo2(Component, _areEqual) {
-  const MemoWrapper = function MemoWrapper2(props) {
-    return Component(props);
-  };
-  MemoWrapper.displayName = `Memo(${Component.name || "Anonymous"})`;
-  return MemoWrapper;
-}
-var _getCurrentComponent = null;
-function _injectGetCurrentComponent(fn) {
-  _getCurrentComponent = fn;
-}
-function lazy(loader) {
-  let Component = null;
-  let loadPromise = null;
-  let loadError = null;
-  const listeners = /* @__PURE__ */ new Set();
-  function LazyWrapper(props) {
-    if (loadError) throw loadError;
-    if (Component) return h(Component, props);
-    if (!loadPromise) {
-      loadPromise = loader().then((mod) => {
-        Component = mod.default || mod;
-        listeners.forEach((fn) => fn());
-        listeners.clear();
-      }).catch((err) => {
-        loadError = err;
-      });
-    }
-    throw loadPromise;
-  }
-  LazyWrapper.displayName = "Lazy";
-  LazyWrapper._lazy = true;
-  LazyWrapper._onLoad = (fn) => {
-    if (Component) fn();
-    else listeners.add(fn);
-  };
-  return LazyWrapper;
-}
-function Suspense({ fallback, children }) {
-  const loading = signal(false);
-  const pendingPromises = /* @__PURE__ */ new Set();
-  const boundary = {
-    _suspense: true,
-    onSuspend(promise) {
-      loading.set(true);
-      pendingPromises.add(promise);
-      promise.finally(() => {
-        pendingPromises.delete(promise);
-        if (pendingPromises.size === 0) {
-          loading.set(false);
-        }
-      });
-    }
-  };
-  return {
-    tag: "__suspense",
-    props: { boundary, fallback, loading },
-    children: Array.isArray(children) ? children : [children],
-    _vnode: true
-  };
-}
-function ErrorBoundary({ fallback, children, onError }) {
-  const errorState = signal(null);
-  const handleError = (error) => {
-    errorState.set(error);
-    if (onError) {
-      try {
-        onError(error);
-      } catch (e) {
-        console.error("Error in onError handler:", e);
-      }
-    }
-  };
-  const reset = () => errorState.set(null);
-  return {
-    tag: "__errorBoundary",
-    props: { errorState, handleError, fallback, reset },
-    children: Array.isArray(children) ? children : [children],
-    _vnode: true
-  };
-}
-function reportError(error, startCtx) {
-  let ctx = startCtx || _getCurrentComponent?.();
-  while (ctx) {
-    if (ctx._errorBoundary) {
-      ctx._errorBoundary(error);
-      return true;
-    }
-    ctx = ctx._parentCtx;
-  }
-  return false;
-}
-function Show({ when, fallback = null, children }) {
-  const condition = typeof when === "function" ? when() : when;
-  return condition ? children : fallback;
-}
-function For({ each: each2, fallback = null, children }) {
-  const list = typeof each2 === "function" ? each2() : each2;
-  if (!list || list.length === 0) return fallback;
-  const renderFn = Array.isArray(children) ? children[0] : children;
-  if (typeof renderFn !== "function") {
-    console.warn("[what] For: children must be a render function, e.g. <For each={items}>{(item) => ...}</For>");
-    return fallback;
-  }
-  return list.map((item, index) => {
-    const vnode = renderFn(item, index);
-    if (vnode && typeof vnode === "object" && vnode.key == null) {
-      if (item != null && typeof item === "object") {
-        if (item.id != null) vnode.key = item.id;
-        else if (item.key != null) vnode.key = item.key;
-      } else if (typeof item === "string" || typeof item === "number") {
-        vnode.key = item;
-      }
-    }
-    return vnode;
-  });
-}
-function Switch({ fallback = null, children }) {
-  const kids = Array.isArray(children) ? children : [children];
-  for (const child of kids) {
-    if (child && child.tag === Match) {
-      const condition = typeof child.props.when === "function" ? child.props.when() : child.props.when;
-      if (condition) {
-        return child.children;
-      }
-    }
-  }
-  return fallback;
-}
-function Match({ when, children }) {
-  return { tag: Match, props: { when }, children, _vnode: true };
-}
-function Island({ component: Component, mode, mediaQuery, ...props }) {
-  const placeholder = h("div", { "data-island": Component.name || "Island", "data-hydrate": mode });
-  const wrapper = signal(null);
-  const hydrated = signal(false);
-  function doHydrate() {
-    if (hydrated()) return;
-    hydrated.set(true);
-    wrapper.set(h(Component, props));
-  }
-  function scheduleHydration(el) {
-    switch (mode) {
-      case "load":
-        queueMicrotask(doHydrate);
-        break;
-      case "idle":
-        if (typeof requestIdleCallback !== "undefined") {
-          requestIdleCallback(doHydrate);
-        } else {
-          setTimeout(doHydrate, 200);
-        }
-        break;
-      case "visible": {
-        const observer = new IntersectionObserver((entries) => {
-          if (entries[0].isIntersecting) {
-            observer.disconnect();
-            doHydrate();
-          }
-        });
-        observer.observe(el);
-        break;
-      }
-      case "interaction": {
-        const hydrate2 = () => {
-          el.removeEventListener("click", hydrate2);
-          el.removeEventListener("focus", hydrate2);
-          el.removeEventListener("mouseenter", hydrate2);
-          doHydrate();
-        };
-        el.addEventListener("click", hydrate2, { once: true });
-        el.addEventListener("focus", hydrate2, { once: true });
-        el.addEventListener("mouseenter", hydrate2, { once: true });
-        break;
-      }
-      case "media": {
-        if (!mediaQuery) {
-          doHydrate();
-          break;
-        }
-        const mq = window.matchMedia(mediaQuery);
-        if (mq.matches) {
-          queueMicrotask(doHydrate);
-        } else {
-          const checkMedia = () => {
-            if (mq.matches) {
-              mq.removeEventListener("change", checkMedia);
-              doHydrate();
-            }
-          };
-          mq.addEventListener("change", checkMedia);
-        }
-        break;
-      }
-      default:
-        queueMicrotask(doHydrate);
-    }
-  }
-  const refCallback = (el) => {
-    if (el) scheduleHydration(el);
-  };
-  return h(
-    "div",
-    { "data-island": Component.name || "Island", "data-hydrate": mode, ref: refCallback },
-    hydrated() ? wrapper() : null
-  );
-}
-
-// packages/core/src/helpers.js
-var _eachWarned = false;
-function each(list, fn, keyFn) {
-  if (!_eachWarned) {
-    _eachWarned = true;
-    console.warn("[what] each() is deprecated. Use the <For> component or Array.map() instead.");
-  }
-  if (!list || list.length === 0) return [];
-  return list.map((item, index) => {
-    const vnode = fn(item, index);
-    if (keyFn && vnode && typeof vnode === "object") {
-      vnode.key = keyFn(item, index);
-    }
-    return vnode;
-  });
-}
-function cls(...args) {
-  const classes = [];
-  for (const arg of args) {
-    if (!arg) continue;
-    if (typeof arg === "string") {
-      classes.push(arg);
-    } else if (typeof arg === "object") {
-      for (const [key, val] of Object.entries(arg)) {
-        if (val) classes.push(key);
-      }
-    }
-  }
-  return classes.join(" ");
-}
-function style(obj) {
-  if (typeof obj === "string") return obj;
-  return Object.entries(obj).filter(([, v]) => v != null && v !== "").map(([k, v]) => `${camelToKebab(k)}:${v}`).join(";");
-}
-function camelToKebab(str) {
-  return str.replace(/([A-Z])/g, "-$1").toLowerCase();
-}
-function debounce(fn, ms) {
-  let timer;
-  return (...args) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => fn(...args), ms);
-  };
-}
-function throttle(fn, ms) {
-  let last = 0;
-  return (...args) => {
-    const now = Date.now();
-    if (now - last >= ms) {
-      last = now;
-      fn(...args);
-    }
-  };
-}
-var _getCurrentComponentRef = null;
-function _setComponentRef(fn) {
-  _getCurrentComponentRef = fn;
-}
-function useMediaQuery(query) {
-  if (typeof window === "undefined") return signal(false);
-  const mq = window.matchMedia(query);
-  const s = signal(mq.matches);
-  const handler = (e) => s.set(e.matches);
-  mq.addEventListener("change", handler);
-  const ctx = _getCurrentComponentRef?.();
-  if (ctx) {
-    ctx._cleanupCallbacks = ctx._cleanupCallbacks || [];
-    ctx._cleanupCallbacks.push(() => mq.removeEventListener("change", handler));
-  }
-  return s;
-}
-function useLocalStorage(key, initial) {
-  let stored;
-  try {
-    const raw = localStorage.getItem(key);
-    stored = raw !== null ? JSON.parse(raw) : initial;
-  } catch {
-    stored = initial;
-  }
-  const s = signal(stored);
-  const dispose = effect(() => {
-    try {
-      localStorage.setItem(key, JSON.stringify(s()));
-    } catch (e) {
-      if (__DEV__) console.warn("[what] localStorage write failed (quota exceeded?):", e);
-    }
-  });
-  let storageHandler = null;
-  if (typeof window !== "undefined") {
-    storageHandler = (e) => {
-      if (e.key === key && e.newValue !== null) {
-        try {
-          s.set(JSON.parse(e.newValue));
-        } catch (err) {
-          if (__DEV__) console.warn("[what] localStorage parse failed:", err);
-        }
-      }
-    };
-    window.addEventListener("storage", storageHandler);
-  }
-  const ctx = _getCurrentComponentRef?.();
-  if (ctx) {
-    ctx._cleanupCallbacks = ctx._cleanupCallbacks || [];
-    ctx._cleanupCallbacks.push(() => {
-      dispose();
-      if (storageHandler) window.removeEventListener("storage", storageHandler);
-    });
-  }
-  return s;
-}
-function Portal({ target, children }) {
-  if (typeof document === "undefined") return null;
-  const container = typeof target === "string" ? document.querySelector(target) : target;
-  if (!container) return null;
-  return { tag: "__portal", props: { container }, children: Array.isArray(children) ? children : [children], _vnode: true };
-}
-function useClickOutside(ref, handler) {
-  if (typeof document === "undefined") return;
-  const listener = (e) => {
-    const el = ref.current || ref;
-    if (!el || el.contains(e.target)) return;
-    handler(e);
-  };
-  document.addEventListener("mousedown", listener);
-  document.addEventListener("touchstart", listener);
-  const ctx = _getCurrentComponentRef?.();
-  if (ctx) {
-    ctx._cleanupCallbacks = ctx._cleanupCallbacks || [];
-    ctx._cleanupCallbacks.push(() => {
-      document.removeEventListener("mousedown", listener);
-      document.removeEventListener("touchstart", listener);
-    });
-  }
-}
-function transition(name, active) {
-  return {
-    class: active ? `${name}-enter ${name}-enter-active` : `${name}-leave ${name}-leave-active`
-  };
-}
-
-// packages/core/src/dom.js
-var SVG_ELEMENTS = /* @__PURE__ */ new Set([
-  "svg",
-  "path",
-  "circle",
-  "rect",
-  "line",
-  "polyline",
-  "polygon",
-  "ellipse",
-  "g",
-  "defs",
-  "use",
-  "symbol",
-  "clipPath",
-  "mask",
-  "pattern",
-  "image",
-  "text",
-  "tspan",
-  "textPath",
-  "foreignObject",
-  "linearGradient",
-  "radialGradient",
-  "stop",
-  "marker",
-  "animate",
-  "animateTransform",
-  "animateMotion",
-  "set",
-  "filter",
-  "feBlend",
-  "feColorMatrix",
-  "feComponentTransfer",
-  "feComposite",
-  "feConvolveMatrix",
-  "feDiffuseLighting",
-  "feDisplacementMap",
-  "feFlood",
-  "feGaussianBlur",
-  "feImage",
-  "feMerge",
-  "feMergeNode",
-  "feMorphology",
-  "feOffset",
-  "feSpecularLighting",
-  "feTile",
-  "feTurbulence"
-]);
-var SVG_NS = "http://www.w3.org/2000/svg";
-var mountedComponents = /* @__PURE__ */ new Set();
-var _commentCtxMap = /* @__PURE__ */ new WeakMap();
-function isDomNode(value) {
-  if (!value || typeof value !== "object") return false;
-  if (typeof Node !== "undefined" && value instanceof Node) return true;
-  return typeof value.nodeType === "number" && typeof value.nodeName === "string";
-}
-function isVNode(value) {
-  return !!value && typeof value === "object" && (value._vnode === true || "tag" in value);
-}
-function disposeComponent(ctx) {
-  if (ctx.disposed) return;
-  ctx.disposed = true;
-  if (ctx.cleanups) {
-    for (const cleanup2 of ctx.cleanups) {
-      try {
-        cleanup2();
-      } catch (e) {
-        console.error("[what] cleanup error:", e);
-      }
-    }
-  }
-  if (ctx.effects) {
-    for (const dispose of ctx.effects) {
-      try {
-        dispose();
-      } catch (e) {
-      }
-    }
-  }
-  if (ctx.hooks) {
-    for (const hook of ctx.hooks) {
-      if (hook && typeof hook.cleanup === "function") {
-        try {
-          hook.cleanup();
-        } catch (e) {
-          console.error("[what] hook cleanup error:", e);
-        }
-      }
-    }
-  }
-  if (ctx._cleanupCallbacks) {
-    for (const fn of ctx._cleanupCallbacks) {
-      try {
-        fn();
-      } catch (e) {
-        console.error("[what] onCleanup error:", e);
-      }
-    }
-  }
-  if (__DEV__ && __devtools?.onComponentUnmount) __devtools.onComponentUnmount(ctx);
-  mountedComponents.delete(ctx);
-}
-function disposeTree(node) {
-  if (!node) return;
-  if (node._componentCtx) {
-    disposeComponent(node._componentCtx);
-  }
-  if (node.nodeType === 8) {
-    const commentCtx = _commentCtxMap.get(node);
-    if (commentCtx) {
-      disposeComponent(commentCtx);
-    }
-  }
-  if (node._dispose) {
-    try {
-      node._dispose();
-    } catch (e) {
-    }
-  }
-  if (node._propEffects) {
-    for (const key in node._propEffects) {
-      try {
-        node._propEffects[key]();
-      } catch (e) {
-      }
-    }
-  }
-  const children = node.childNodes;
-  if (children && children.length > 0) {
-    for (let i = 0; i < children.length; i++) {
-      disposeTree(children[i]);
-    }
-  }
-}
-function mount(vnode, container) {
-  if (typeof container === "string") {
-    container = document.querySelector(container);
-  }
-  disposeTree(container);
-  container.textContent = "";
-  const node = createDOM(vnode, container);
-  if (node) container.appendChild(node);
-  return () => {
-    disposeTree(container);
-    container.textContent = "";
-  };
-}
-function createDOM(vnode, parent, isSvg) {
-  if (vnode == null || vnode === false || vnode === true) {
-    return document.createComment("");
-  }
-  if (typeof vnode === "string" || typeof vnode === "number") {
-    return document.createTextNode(String(vnode));
-  }
-  if (isDomNode(vnode)) {
-    return vnode;
-  }
-  if (typeof vnode === "function") {
-    const startMarker = document.createComment("fn");
-    const endMarker = document.createComment("/fn");
-    let currentNodes = [];
-    const frag = document.createDocumentFragment();
-    frag.appendChild(startMarker);
-    frag.appendChild(endMarker);
-    const dispose = effect(() => {
-      const val = vnode();
-      const vnodes = val == null || val === false || val === true ? [] : Array.isArray(val) ? val : [val];
-      const realParent = endMarker.parentNode;
-      if (!realParent) return;
-      for (const old of currentNodes) {
-        disposeTree(old);
-        if (old.parentNode === realParent) realParent.removeChild(old);
-      }
-      currentNodes = [];
-      for (const v of vnodes) {
-        const node = createDOM(v, realParent, parent?._isSvg);
-        if (node) {
-          if (node.nodeType === 11) {
-            const children = Array.from(node.childNodes);
-            realParent.insertBefore(node, endMarker);
-            for (const child of children) currentNodes.push(child);
-          } else {
-            realParent.insertBefore(node, endMarker);
-            currentNodes.push(node);
-          }
-        }
-      }
-    });
-    startMarker._dispose = dispose;
-    endMarker._dispose = dispose;
-    return frag;
-  }
-  if (Array.isArray(vnode)) {
-    const frag = document.createDocumentFragment();
-    for (const child of vnode) {
-      const node = createDOM(child, parent, isSvg);
-      if (node) frag.appendChild(node);
-    }
-    return frag;
-  }
-  if (isVNode(vnode) && typeof vnode.tag === "function") {
-    return createComponent(vnode, parent, isSvg);
-  }
-  if (isVNode(vnode)) {
-    return createElementFromVNode(vnode, parent, isSvg);
-  }
-  return document.createTextNode(String(vnode));
-}
-var _propsProxyHandler = {
-  get(target, key) {
-    if (key === "_sig") return void 0;
-    return target._sig()[key];
-  },
-  has(target, key) {
-    if (key === "_sig") return false;
-    return key in target._sig();
-  },
-  ownKeys(target) {
-    return Reflect.ownKeys(target._sig());
-  },
-  getOwnPropertyDescriptor(target, key) {
-    if (key === "_sig") return void 0;
-    const current = target._sig();
-    if (key in current) {
-      return { value: current[key], writable: false, enumerable: true, configurable: true };
-    }
-    return void 0;
-  }
-};
-var componentStack = [];
-function getCurrentComponent() {
-  return componentStack[componentStack.length - 1];
-}
-_injectGetCurrentComponent(getCurrentComponent);
-_setComponentRef(getCurrentComponent);
-function getComponentStack() {
-  return componentStack;
-}
-function createComponent(vnode, parent, isSvg) {
-  let { tag: Component, props, children } = vnode;
-  if (typeof Component === "function" && (Component.prototype?.isReactComponent || Component.prototype?.render)) {
-    const ClassComp = Component;
-    Component = function ClassComponentBridge(props2) {
-      const instance = new ClassComp(props2);
-      return instance.render();
-    };
-    Component.displayName = ClassComp.displayName || ClassComp.name || "ClassComponent";
-  }
-  if (Component === "__errorBoundary" || vnode.tag === "__errorBoundary") {
-    return createErrorBoundary(vnode, parent);
-  }
-  if (Component === "__suspense" || vnode.tag === "__suspense") {
-    return createSuspenseBoundary(vnode, parent);
-  }
-  if (Component === "__portal" || vnode.tag === "__portal") {
-    return createPortalDOM(vnode, parent);
-  }
-  const parentCtx = componentStack[componentStack.length - 1] || null;
-  let errorBoundary = null;
-  if (parentCtx) {
-    errorBoundary = parentCtx._errorBoundary || null;
-    if (!errorBoundary) {
-      let p = parentCtx._parentCtx;
-      while (p) {
-        if (p._errorBoundary) {
-          errorBoundary = p._errorBoundary;
-          break;
-        }
-        p = p._parentCtx;
-      }
-    }
-  }
-  const ctx = {
-    hooks: [],
-    hookIndex: 0,
-    effects: [],
-    cleanups: [],
-    mounted: false,
-    disposed: false,
-    Component,
-    _parentCtx: parentCtx,
-    _errorBoundary: errorBoundary
-  };
-  const startComment = document.createComment("c:start");
-  const endComment = document.createComment("c:end");
-  _commentCtxMap.set(startComment, ctx);
-  ctx._startComment = startComment;
-  ctx._endComment = endComment;
-  const container = document.createDocumentFragment();
-  container._componentCtx = ctx;
-  ctx._wrapper = startComment;
-  mountedComponents.add(ctx);
-  if (__DEV__ && __devtools?.onComponentMount) __devtools.onComponentMount(ctx);
-  const propsChildren = children.length === 0 ? void 0 : children.length === 1 ? children[0] : children;
-  let mergedProps;
-  if (propsChildren !== void 0) {
-    mergedProps = props ? Object.assign({}, props, { children: propsChildren }) : { children: propsChildren };
-  } else {
-    mergedProps = props ? Object.assign({}, props) : {};
-  }
-  const propsSignal = signal(mergedProps);
-  ctx._propsSignal = propsSignal;
-  const reactiveProps = new Proxy({ _sig: propsSignal }, _propsProxyHandler);
-  componentStack.push(ctx);
-  let result;
-  try {
-    result = Component(reactiveProps);
-  } catch (error) {
-    componentStack.pop();
-    if (!reportError(error, ctx)) {
-      console.error("[what] Uncaught error in component:", Component.name || "Anonymous", error);
-      throw error;
-    }
-    container.appendChild(startComment);
-    container.appendChild(endComment);
-    return container;
-  }
-  componentStack.pop();
-  ctx.mounted = true;
-  if (ctx._mountCallbacks) {
-    queueMicrotask(() => {
-      if (ctx.disposed) return;
-      for (const fn of ctx._mountCallbacks) {
-        try {
-          fn();
-        } catch (e) {
-          console.error("[what] onMount error:", e);
-        }
-      }
-    });
-  }
-  container.appendChild(startComment);
-  const vnodes = Array.isArray(result) ? result : [result];
-  for (const v of vnodes) {
-    const node = createDOM(v, container, isSvg);
-    if (node) container.appendChild(node);
-  }
-  container.appendChild(endComment);
-  return container;
-}
-function createErrorBoundary(vnode, parent) {
-  const { errorState, handleError, fallback, reset } = vnode.props;
-  const children = vnode.children;
-  const startComment = document.createComment("eb:start");
-  const endComment = document.createComment("eb:end");
-  const boundaryCtx = {
-    hooks: [],
-    hookIndex: 0,
-    effects: [],
-    cleanups: [],
-    mounted: false,
-    disposed: false,
-    _parentCtx: componentStack[componentStack.length - 1] || null,
-    _errorBoundary: handleError,
-    _startComment: startComment,
-    _endComment: endComment
-  };
-  _commentCtxMap.set(startComment, boundaryCtx);
-  const container = document.createDocumentFragment();
-  container._componentCtx = boundaryCtx;
-  container.appendChild(startComment);
-  container.appendChild(endComment);
-  const dispose = effect(() => {
-    const error = errorState();
-    componentStack.push(boundaryCtx);
-    if (startComment.parentNode) {
-      while (startComment.nextSibling && startComment.nextSibling !== endComment) {
-        const old = startComment.nextSibling;
-        disposeTree(old);
-        old.parentNode.removeChild(old);
-      }
-    }
-    let vnodes;
-    if (error) {
-      vnodes = typeof fallback === "function" ? [fallback({ error, reset })] : [fallback];
-    } else {
-      vnodes = children;
-    }
-    vnodes = Array.isArray(vnodes) ? vnodes : [vnodes];
-    for (const v of vnodes) {
-      const node = createDOM(v, parent);
-      if (node) {
-        if (endComment.parentNode) {
-          endComment.parentNode.insertBefore(node, endComment);
-        } else {
-          container.insertBefore(node, endComment);
-        }
-      }
-    }
-    componentStack.pop();
-  });
-  boundaryCtx.effects.push(dispose);
-  return container;
-}
-function createSuspenseBoundary(vnode, parent) {
-  const { boundary, fallback, loading } = vnode.props;
-  const children = vnode.children;
-  const startComment = document.createComment("sb:start");
-  const endComment = document.createComment("sb:end");
-  const boundaryCtx = {
-    hooks: [],
-    hookIndex: 0,
-    effects: [],
-    cleanups: [],
-    mounted: false,
-    disposed: false,
-    _parentCtx: componentStack[componentStack.length - 1] || null,
-    _startComment: startComment,
-    _endComment: endComment
-  };
-  _commentCtxMap.set(startComment, boundaryCtx);
-  const container = document.createDocumentFragment();
-  container._componentCtx = boundaryCtx;
-  container.appendChild(startComment);
-  container.appendChild(endComment);
-  const dispose = effect(() => {
-    const isLoading = loading();
-    const vnodes = isLoading ? [fallback] : children;
-    const normalized = Array.isArray(vnodes) ? vnodes : [vnodes];
-    componentStack.push(boundaryCtx);
-    if (startComment.parentNode) {
-      while (startComment.nextSibling && startComment.nextSibling !== endComment) {
-        const old = startComment.nextSibling;
-        disposeTree(old);
-        old.parentNode.removeChild(old);
-      }
-    }
-    for (const v of normalized) {
-      const node = createDOM(v, parent);
-      if (node) {
-        if (endComment.parentNode) {
-          endComment.parentNode.insertBefore(node, endComment);
-        } else {
-          container.insertBefore(node, endComment);
-        }
-      }
-    }
-    componentStack.pop();
-  });
-  boundaryCtx.effects.push(dispose);
-  return container;
-}
-function createPortalDOM(vnode, parent) {
-  const { container } = vnode.props;
-  const children = vnode.children;
-  if (!container) {
-    console.warn("[what] Portal: target container not found");
-    return document.createComment("portal:empty");
-  }
-  const portalCtx = {
-    hooks: [],
-    hookIndex: 0,
-    effects: [],
-    cleanups: [],
-    mounted: false,
-    disposed: false,
-    _parentCtx: componentStack[componentStack.length - 1] || null
-  };
-  const placeholder = document.createComment("portal");
-  placeholder._componentCtx = portalCtx;
-  const portalNodes = [];
-  for (const child of children) {
-    const node = createDOM(child, container);
-    if (node) {
-      container.appendChild(node);
-      portalNodes.push(node);
-    }
-  }
-  portalCtx._cleanupCallbacks = [() => {
-    for (const node of portalNodes) {
-      disposeTree(node);
-      if (node.parentNode) node.parentNode.removeChild(node);
-    }
-  }];
-  return placeholder;
-}
-function createElementFromVNode(vnode, parent, isSvg) {
-  const { tag, props, children } = vnode;
-  const svgContext = isSvg || SVG_ELEMENTS.has(tag);
-  const el = svgContext ? document.createElementNS(SVG_NS, tag) : document.createElement(tag);
-  if (props) {
-    applyProps(el, props, {}, svgContext);
-  }
-  const isSvgChildren = svgContext && tag !== "foreignObject";
-  for (let i = 0; i < children.length; i++) {
-    const node = createDOM(children[i], el, isSvgChildren);
-    if (node) el.appendChild(node);
-  }
-  el._vnode = vnode;
-  return el;
-}
-function applyProps(el, newProps, oldProps, isSvg) {
-  if (!newProps) return;
-  for (const key in newProps) {
-    if (key === "key" || key === "children") continue;
-    if (key === "ref") {
-      const ref = newProps.ref;
-      if (typeof ref === "function") ref(el);
-      else if (ref) ref.current = el;
-      continue;
-    }
-    setProp(el, key, newProps[key], isSvg);
-  }
-}
-function setProp(el, key, value, isSvg) {
-  if (typeof value === "function" && !(key.startsWith("on") && key.length > 2) && key !== "ref") {
-    if (!el._propEffects) el._propEffects = {};
-    if (el._propEffects[key]) {
-      try {
-        el._propEffects[key]();
-      } catch (e) {
-      }
-    }
-    el._propEffects[key] = effect(() => {
-      const resolved = value();
-      setProp(el, key, resolved, isSvg);
-    });
-    return;
-  }
-  if (key.startsWith("on") && key.length > 2) {
-    let eventName = key.slice(2);
-    let useCapture = false;
-    if (eventName.endsWith("Capture")) {
-      eventName = eventName.slice(0, -7);
-      useCapture = true;
-    }
-    const event = eventName.toLowerCase();
-    const storageKey = useCapture ? event + "_capture" : event;
-    const old = el._events?.[storageKey];
-    if (old && old._original === value) return;
-    if (old) el.removeEventListener(event, old, useCapture);
-    if (value == null) return;
-    if (!el._events) el._events = {};
-    const wrappedHandler = (e) => {
-      if (!e.nativeEvent) e.nativeEvent = e;
-      return untrack(() => wrappedHandler._handler(e));
-    };
-    wrappedHandler._handler = value;
-    wrappedHandler._original = value;
-    el._events[storageKey] = wrappedHandler;
-    const eventOpts = value._eventOpts;
-    el.addEventListener(event, wrappedHandler, eventOpts || useCapture || void 0);
-    return;
-  }
-  if (key === "className" || key === "class") {
-    if (isSvg) {
-      el.setAttribute("class", value || "");
-    } else {
-      el.className = value || "";
-    }
-    return;
-  }
-  if (key === "style") {
-    if (typeof value === "string") {
-      el.style.cssText = value;
-      el._prevStyle = null;
-    } else if (typeof value === "object") {
-      const oldStyle = el._prevStyle || {};
-      for (const prop in oldStyle) {
-        if (!(prop in value)) el.style[prop] = "";
-      }
-      for (const prop in value) {
-        el.style[prop] = value[prop] ?? "";
-      }
-      el._prevStyle = { ...value };
-    }
-    return;
-  }
-  if (key === "dangerouslySetInnerHTML") {
-    el.innerHTML = value?.__html ?? "";
-    return;
-  }
-  if (key === "innerHTML") {
-    if (value == null) return;
-    if (value && typeof value === "object" && "__html" in value) {
-      el.innerHTML = value.__html ?? "";
-    } else {
-      if (__DEV__) {
-        console.warn(
-          "[what] innerHTML received a raw string. This is a security risk (XSS). Use innerHTML={{ __html: trustedString }} or dangerouslySetInnerHTML={{ __html: trustedString }} instead."
-        );
-      }
-      return;
-    }
-    return;
-  }
-  if (typeof value === "boolean") {
-    if (value) el.setAttribute(key, "");
-    else el.removeAttribute(key);
-    return;
-  }
-  if (key.startsWith("data-") || key.startsWith("aria-")) {
-    el.setAttribute(key, value);
-    return;
-  }
-  if (isSvg) {
-    if (value === false || value == null) {
-      el.removeAttribute(key);
-    } else {
-      el.setAttribute(key, value === true ? "" : String(value));
-    }
-    return;
-  }
-  if (key in el) {
-    el[key] = value;
-  } else {
-    el.setAttribute(key, value);
-  }
-}
-
-// packages/core/src/render.js
-var _onTextInsert = null;
-function _setTextInsertHook(fn) {
-  _onTextInsert = typeof fn === "function" ? fn : null;
-}
-function _$createComponent(Component, props, children) {
-  if (children && children.length > 0) {
-    const mergedChildren = children.length === 1 ? children[0] : children;
-    if (props) {
-      props.children = mergedChildren;
-    } else {
-      props = { children: mergedChildren };
-    }
-  }
-  return createDOM({ tag: Component, props: props || {}, children: children || [], key: null, _vnode: true });
-}
-var URL_ATTRS = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "formAction"]);
-function isSafeUrl(url) {
-  if (typeof url !== "string") return true;
-  const normalized = url.trim().replace(/[\s\x00-\x1f]/g, "").toLowerCase();
-  if (normalized.startsWith("javascript:")) return false;
-  if (normalized.startsWith("data:")) return false;
-  if (normalized.startsWith("vbscript:")) return false;
-  return true;
-}
-var TABLE_WRAPPERS = {
-  tr: { depth: 2, wrap: "<table><tbody>", unwrap: "</tbody></table>" },
-  td: { depth: 3, wrap: "<table><tbody><tr>", unwrap: "</tr></tbody></table>" },
-  th: { depth: 3, wrap: "<table><tbody><tr>", unwrap: "</tr></tbody></table>" },
-  thead: { depth: 1, wrap: "<table>", unwrap: "</table>" },
-  tbody: { depth: 1, wrap: "<table>", unwrap: "</table>" },
-  tfoot: { depth: 1, wrap: "<table>", unwrap: "</table>" },
-  colgroup: { depth: 1, wrap: "<table>", unwrap: "</table>" },
-  col: { depth: 1, wrap: "<table>", unwrap: "</table>" },
-  caption: { depth: 1, wrap: "<table>", unwrap: "</table>" }
-};
-var SVG_ELEMENTS2 = /* @__PURE__ */ new Set([
-  "svg",
-  "path",
-  "circle",
-  "rect",
-  "line",
-  "polyline",
-  "polygon",
-  "ellipse",
-  "g",
-  "defs",
-  "use",
-  "text",
-  "tspan",
-  "foreignObject",
-  "clipPath",
-  "mask",
-  "pattern",
-  "linearGradient",
-  "radialGradient",
-  "stop",
-  "marker",
-  "symbol",
-  "image",
-  "animate",
-  "animateTransform",
-  "animateMotion",
-  "set",
-  "filter",
-  "feGaussianBlur",
-  "feOffset",
-  "feMerge",
-  "feMergeNode",
-  "feBlend",
-  "feColorMatrix",
-  "feComponentTransfer",
-  "feComposite",
-  "feConvolveMatrix",
-  "feDiffuseLighting",
-  "feDisplacementMap",
-  "feFlood",
-  "feImage",
-  "feMorphology",
-  "feSpecularLighting",
-  "feTile",
-  "feTurbulence",
-  "feDistantLight",
-  "fePointLight",
-  "feSpotLight"
-]);
-function getLeadingTag(html2) {
-  const m = html2.match(/^<([a-zA-Z][a-zA-Z0-9]*)/);
-  return m ? m[1] : "";
-}
-function _$templateImpl(html2) {
-  const trimmed = html2.trim();
-  const tag = getLeadingTag(trimmed);
-  if (SVG_ELEMENTS2.has(tag)) {
-    return svgTemplate(trimmed);
-  }
-  const tableInfo = TABLE_WRAPPERS[tag];
-  if (tableInfo) {
-    const t2 = document.createElement("template");
-    t2.innerHTML = tableInfo.wrap + trimmed + tableInfo.unwrap;
-    let target = t2.content.firstChild;
-    for (let i = 0; i < tableInfo.depth; i++) target = target.firstChild;
-    return () => target.cloneNode(true);
-  }
-  const t = document.createElement("template");
-  t.innerHTML = trimmed;
-  return () => t.content.firstChild.cloneNode(true);
-}
-var _templateWarned = false;
-function template(html2) {
-  if (__DEV__ && !_templateWarned) {
-    _templateWarned = true;
-    console.warn(
-      "[what] template() is a compiler internal. Use JSX instead. Direct calls with user input can lead to XSS vulnerabilities."
-    );
-  }
-  return _$templateImpl(html2);
-}
-function svgTemplate(html2) {
-  const trimmed = html2.trim();
-  const tag = getLeadingTag(trimmed);
-  if (tag === "svg") {
-    const t2 = document.createElement("template");
-    t2.innerHTML = trimmed;
-    return () => t2.content.firstChild.cloneNode(true);
-  }
-  const t = document.createElement("template");
-  t.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg">${trimmed}</svg>`;
-  return () => t.content.firstChild.firstChild.cloneNode(true);
-}
-function insert(parent, child, marker) {
-  if (typeof child === "function") {
-    const first = child();
-    const t = typeof first;
-    if (t === "string" || t === "number") {
-      const textNode = document.createTextNode(String(first));
-      const m = marker || null;
-      if (m) parent.insertBefore(textNode, m);
-      else parent.appendChild(textNode);
-      if (_onTextInsert) _onTextInsert(parent, String(first));
-      let current2 = textNode;
-      let isTextFastPath = true;
-      effect(() => {
-        const val = child();
-        const vt = typeof val;
-        if (isTextFastPath && (vt === "string" || vt === "number")) {
-          const str = String(val);
-          if (textNode.data !== str) textNode.data = str;
-          if (_onTextInsert) _onTextInsert(parent, str);
-        } else {
-          isTextFastPath = false;
-          current2 = reconcileInsert(parent, val, current2, m);
-        }
-      });
-      return textNode;
-    }
-    let current = first != null ? reconcileInsert(parent, first, null, marker || null) : null;
-    effect(() => {
-      current = reconcileInsert(parent, child(), current, marker || null);
-    });
-    return current;
-  }
-  if (typeof child === "string" || typeof child === "number") {
-    const textNode = document.createTextNode(String(child));
-    if (marker) parent.insertBefore(textNode, marker);
-    else parent.appendChild(textNode);
-    return textNode;
-  }
-  if (child != null && typeof child === "object" && child.nodeType > 0) {
-    if (marker) parent.insertBefore(child, marker);
-    else parent.appendChild(child);
-    return child;
-  }
-  return reconcileInsert(parent, child, null, marker || null);
-}
-function isDomNode2(value) {
-  if (!value || typeof value !== "object") return false;
-  if (typeof Node !== "undefined" && value instanceof Node) return true;
-  return typeof value.nodeType === "number" && typeof value.nodeName === "string";
-}
-function isVNode2(value) {
-  return !!value && typeof value === "object" && (value._vnode === true || "tag" in value);
-}
-var _hasSVGElement = typeof SVGElement !== "undefined";
-function isSvgParent(parent) {
-  return _hasSVGElement && parent instanceof SVGElement && parent.tagName !== "foreignObject";
-}
-function asNodeArray(value) {
-  if (value == null) return [];
-  return Array.isArray(value) ? value : [value];
-}
-function valuesToNodes(value, parent, out) {
-  if (value == null || typeof value === "boolean") return out;
-  if (Array.isArray(value)) {
-    for (let i = 0; i < value.length; i++) {
-      valuesToNodes(value[i], parent, out);
-    }
-    return out;
-  }
-  if (typeof value === "string" || typeof value === "number") {
-    out.push(document.createTextNode(String(value)));
-    return out;
-  }
-  if (isDomNode2(value)) {
-    out.push(value);
-    return out;
-  }
-  if (isVNode2(value)) {
-    out.push(createDOM(value, parent, isSvgParent(parent)));
-    return out;
-  }
-  out.push(document.createTextNode(String(value)));
-  return out;
-}
-function sameNodeArray(a, b) {
-  if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i++) {
-    if (a[i] !== b[i]) return false;
-  }
-  return true;
-}
-function reconcileInsert(parent, value, current, marker) {
-  if (!parent || typeof parent.insertBefore !== "function") {
-    if (__DEV__) {
-      console.warn("[what] reconcileInsert called with invalid parent:", parent);
-    }
-    return current;
-  }
-  const targetMarker = marker || null;
-  if (value == null || typeof value === "boolean") {
-    const oldNodes2 = asNodeArray(current);
-    for (let i = 0; i < oldNodes2.length; i++) {
-      const oldNode = oldNodes2[i];
-      if (oldNode.parentNode === parent) {
-        disposeTree(oldNode);
-        parent.removeChild(oldNode);
-      }
-    }
-    return null;
-  }
-  if ((typeof value === "string" || typeof value === "number") && current && !Array.isArray(current) && current.nodeType === 3) {
-    const text = String(value);
-    if (current.data !== text) current.data = text;
-    return current;
-  }
-  if (typeof value === "object" && value !== null && value.nodeType > 0 && !Array.isArray(value)) {
-    if (value === current) return current;
-    if (current && !Array.isArray(current) && current.nodeType > 0) {
-      if (current.parentNode === parent) {
-        disposeTree(current);
-        parent.replaceChild(value, current);
-      } else {
-        if (targetMarker) parent.insertBefore(value, targetMarker);
-        else parent.appendChild(value);
-      }
-      return value;
-    }
-  }
-  const newNodes = valuesToNodes(value, parent, []);
-  const oldNodes = asNodeArray(current);
-  if (sameNodeArray(oldNodes, newNodes)) {
-    return current;
-  }
-  const newLen = newNodes.length;
-  for (let i = 0; i < oldNodes.length; i++) {
-    const oldNode = oldNodes[i];
-    if (oldNode.parentNode !== parent) continue;
-    let found = false;
-    for (let j = 0; j < newLen; j++) {
-      if (newNodes[j] === oldNode) {
-        found = true;
-        break;
-      }
-    }
-    if (!found) {
-      disposeTree(oldNode);
-      parent.removeChild(oldNode);
-    }
-  }
-  let ref = targetMarker;
-  for (let i = newNodes.length - 1; i >= 0; i--) {
-    const node = newNodes[i];
-    if (node.parentNode !== parent || node.nextSibling !== ref) {
-      if (ref && ref.parentNode !== parent) ref = null;
-      if (ref) parent.insertBefore(node, ref);
-      else parent.appendChild(node);
-    }
-    ref = node;
-  }
-  if (newNodes.length === 0) return null;
-  return newNodes.length === 1 ? newNodes[0] : newNodes;
-}
-function mapArray(source, mapFn, options) {
-  const keyFn = options?.key;
-  const raw = options?.raw || false;
-  return (parent, marker) => {
-    let items = [];
-    let mappedNodes = [];
-    let disposeFns = [];
-    let keyedState = keyFn && !raw ? /* @__PURE__ */ new Map() : null;
-    const endMarker = document.createComment("/list");
-    parent.insertBefore(endMarker, marker || null);
-    effect(() => {
-      const newItems = source() || [];
-      if (keyFn) {
-        reconcileKeyed(parent, endMarker, items, newItems, mappedNodes, disposeFns, mapFn, keyFn, keyedState);
-      } else {
-        reconcileList(parent, endMarker, items, newItems, mappedNodes, disposeFns, mapFn);
-      }
-      items = newItems.length > 0 ? newItems.slice() : newItems;
-    });
-    return endMarker;
-  };
-}
-function reconcileList(parent, endMarker, oldItems, newItems, mappedNodes, disposeFns, mapFn) {
-  const newLen = newItems.length;
-  const oldLen = oldItems.length;
-  if (newLen === 0) {
-    if (oldLen > 0) {
-      for (let i = 0; i < oldLen; i++) {
-        if (disposeFns[i]) disposeFns[i]();
-      }
-      for (let i = oldLen - 1; i >= 0; i--) {
-        const node = mappedNodes[i];
-        if (node) {
-          if (node._componentCtx || node._dispose || node._propEffects) {
-            disposeTree(node);
-          }
-          if (node.parentNode === parent) parent.removeChild(node);
-        }
-      }
-      mappedNodes.length = 0;
-      disposeFns.length = 0;
-    }
-    return;
-  }
-  if (oldLen === 0) {
-    const frag = document.createDocumentFragment();
-    for (let i = 0; i < newLen; i++) {
-      const item = newItems[i];
-      const node = _createItemScope((dispose) => {
-        disposeFns[i] = dispose;
-        return mapFn(item, i);
-      });
-      mappedNodes[i] = node;
-      frag.appendChild(node);
-    }
-    parent.insertBefore(frag, endMarker);
-    return;
-  }
-  let start = 0;
-  const minLen = Math.min(oldLen, newLen);
-  while (start < minLen && oldItems[start] === newItems[start]) start++;
-  if (start === oldLen && start === newLen) return;
-  let oldEnd = oldLen - 1;
-  let newEnd = newLen - 1;
-  while (oldEnd >= start && newEnd >= start && oldItems[oldEnd] === newItems[newEnd]) {
-    oldEnd--;
-    newEnd--;
-  }
-  const newMapped = new Array(newLen);
-  const newDispose = new Array(newLen);
-  for (let i = 0; i < start; i++) {
-    newMapped[i] = mappedNodes[i];
-    newDispose[i] = disposeFns[i];
-  }
-  for (let i = newEnd + 1; i < newLen; i++) {
-    const oldI = oldEnd + 1 + (i - newEnd - 1);
-    newMapped[i] = mappedNodes[oldI];
-    newDispose[i] = disposeFns[oldI];
-  }
-  const midNewLen = newEnd - start + 1;
-  const midOldLen = oldEnd - start + 1;
-  if (midNewLen === 0) {
-    for (let i = start; i <= oldEnd; i++) {
-      disposeFns[i]?.();
-      if (mappedNodes[i]?.parentNode) mappedNodes[i].parentNode.removeChild(mappedNodes[i]);
-    }
-  } else if (midOldLen === 0) {
-    const marker = start < newLen && newMapped[newEnd + 1] ? newMapped[newEnd + 1] : endMarker;
-    const frag = document.createDocumentFragment();
-    for (let i = start; i <= newEnd; i++) {
-      const item = newItems[i];
-      const idx = i;
-      newMapped[i] = _createItemScope((dispose) => {
-        newDispose[idx] = dispose;
-        return mapFn(item, idx);
-      });
-      frag.appendChild(newMapped[i]);
-    }
-    parent.insertBefore(frag, marker);
-  } else {
-    _reconcileMiddle(
-      parent,
-      endMarker,
-      oldItems,
-      newItems,
-      mappedNodes,
-      disposeFns,
-      mapFn,
-      start,
-      oldEnd,
-      newEnd,
-      newMapped,
-      newDispose
-    );
-  }
-  mappedNodes.length = newLen;
-  disposeFns.length = newLen;
-  for (let i = 0; i < newLen; i++) {
-    mappedNodes[i] = newMapped[i];
-    disposeFns[i] = newDispose[i];
-  }
-}
-function _reconcileMiddle(parent, endMarker, oldItems, newItems, mappedNodes, disposeFns, mapFn, start, oldEnd, newEnd, newMapped, newDispose) {
-  const oldIdxMap = /* @__PURE__ */ new Map();
-  for (let i = start; i <= oldEnd; i++) {
-    oldIdxMap.set(oldItems[i], i);
-  }
-  const midLen = newEnd - start + 1;
-  const oldIndices = new Int32Array(midLen);
-  oldIndices.fill(-1);
-  for (let i = start; i <= newEnd; i++) {
-    const oldIdx = oldIdxMap.get(newItems[i]);
-    if (oldIdx !== void 0) {
-      oldIdxMap.delete(newItems[i]);
-      newMapped[i] = mappedNodes[oldIdx];
-      newDispose[i] = disposeFns[oldIdx];
-      oldIndices[i - start] = oldIdx;
-    }
-  }
-  for (const [, oldIdx] of oldIdxMap) {
-    disposeFns[oldIdx]?.();
-    if (mappedNodes[oldIdx]?.parentNode) mappedNodes[oldIdx].parentNode.removeChild(mappedNodes[oldIdx]);
-  }
-  const reusedCount = midLen - _countNeg1(oldIndices, midLen);
-  const inLIS = new Uint8Array(midLen);
-  if (reusedCount > 1) {
-    const seq = new Int32Array(reusedCount);
-    const seqToMid = new Int32Array(reusedCount);
-    let k = 0;
-    for (let i = 0; i < midLen; i++) {
-      if (oldIndices[i] !== -1) {
-        seq[k] = oldIndices[i];
-        seqToMid[k] = i;
-        k++;
-      }
-    }
-    const lisResult = _lis(seq, reusedCount);
-    for (let i = 0; i < lisResult.length; i++) {
-      inLIS[seqToMid[lisResult[i]]] = 1;
-    }
-  } else if (reusedCount === 1) {
-    for (let i = 0; i < midLen; i++) {
-      if (oldIndices[i] !== -1) {
-        inLIS[i] = 1;
-        break;
-      }
-    }
-  }
-  for (let i = start; i <= newEnd; i++) {
-    if (!newMapped[i]) {
-      const item = newItems[i];
-      const idx = i;
-      newMapped[i] = _createItemScope((dispose) => {
-        newDispose[idx] = dispose;
-        return mapFn(item, idx);
-      });
-    }
-  }
-  let nextSibling = newEnd + 1 < newMapped.length && newMapped[newEnd + 1] ? newMapped[newEnd + 1] : endMarker;
-  for (let i = newEnd; i >= start; i--) {
-    const mi = i - start;
-    if (oldIndices[mi] === -1 || !inLIS[mi]) {
-      if (nextSibling && nextSibling.parentNode !== parent) nextSibling = endMarker;
-      parent.insertBefore(newMapped[i], nextSibling);
-    }
-    nextSibling = newMapped[i];
-  }
-}
-function _countNeg1(arr, len) {
-  let c = 0;
-  for (let i = 0; i < len; i++) if (arr[i] === -1) c++;
-  return c;
-}
-function _lis(arr, len) {
-  if (len === 0) return [];
-  if (len === 1) return [0];
-  const tails = new Int32Array(len);
-  const predecessors = new Int32Array(len);
-  let tailLen = 1;
-  tails[0] = 0;
-  predecessors[0] = -1;
-  for (let i = 1; i < len; i++) {
-    if (arr[i] > arr[tails[tailLen - 1]]) {
-      predecessors[i] = tails[tailLen - 1];
-      tails[tailLen++] = i;
-    } else {
-      let lo = 0, hi = tailLen - 1;
-      while (lo < hi) {
-        const mid = lo + hi >> 1;
-        if (arr[tails[mid]] < arr[i]) lo = mid + 1;
-        else hi = mid;
-      }
-      tails[lo] = i;
-      predecessors[i] = lo > 0 ? tails[lo - 1] : -1;
-    }
-  }
-  const result = new Array(tailLen);
-  let k = tails[tailLen - 1];
-  for (let i = tailLen - 1; i >= 0; i--) {
-    result[i] = k;
-    k = predecessors[k];
-  }
-  return result;
-}
-function reconcileKeyed(parent, endMarker, oldItems, newItems, mappedNodes, disposeFns, mapFn, keyFn, keyedState) {
-  const newLen = newItems.length;
-  const oldLen = oldItems.length;
-  if (newLen === 0) {
-    if (oldLen > 0) {
-      for (let i = 0; i < oldLen; i++) {
-        if (disposeFns[i]) disposeFns[i]();
-      }
-      for (let i = oldLen - 1; i >= 0; i--) {
-        const node = mappedNodes[i];
-        if (node) {
-          if (node._componentCtx || node._dispose || node._propEffects) {
-            disposeTree(node);
-          }
-          if (node.parentNode === parent) parent.removeChild(node);
-        }
-      }
-      mappedNodes.length = 0;
-      disposeFns.length = 0;
-      if (keyedState) keyedState.clear();
-    }
-    return;
-  }
-  if (oldLen === 0) {
-    const frag = document.createDocumentFragment();
-    for (let i = 0; i < newLen; i++) {
-      const item = newItems[i];
-      const idx = i;
-      let accessor;
-      if (keyedState) {
-        const key = keyFn(item);
-        const itemSig = signal(item);
-        accessor = itemSig;
-        keyedState.set(key, { itemSig });
-      } else {
-        accessor = item;
-      }
-      const node = _createItemScope((dispose) => {
-        disposeFns[idx] = dispose;
-        return mapFn(accessor, idx);
-      });
-      mappedNodes[i] = node;
-      frag.appendChild(node);
-    }
-    parent.insertBefore(frag, endMarker);
-    return;
-  }
-  let start = 0;
-  const minLen = Math.min(oldLen, newLen);
-  while (start < minLen) {
-    if (oldItems[start] === newItems[start]) {
-      start++;
-      continue;
-    }
-    const oldKey = keyFn(oldItems[start]);
-    const newKey = keyFn(newItems[start]);
-    if (oldKey !== newKey) break;
-    if (keyedState) keyedState.get(oldKey).itemSig.set(newItems[start]);
-    start++;
-  }
-  let oldEnd = oldLen - 1;
-  let newEnd = newLen - 1;
-  while (oldEnd >= start && newEnd >= start) {
-    if (oldItems[oldEnd] === newItems[newEnd]) {
-      oldEnd--;
-      newEnd--;
-      continue;
-    }
-    const oldKey = keyFn(oldItems[oldEnd]);
-    const newKey = keyFn(newItems[newEnd]);
-    if (oldKey !== newKey) break;
-    if (keyedState) keyedState.get(oldKey).itemSig.set(newItems[newEnd]);
-    oldEnd--;
-    newEnd--;
-  }
-  if (start > oldEnd && start > newEnd) {
-    return;
-  }
-  const newMapped = new Array(newLen);
-  const newDispose = new Array(newLen);
-  for (let i = 0; i < start; i++) {
-    newMapped[i] = mappedNodes[i];
-    newDispose[i] = disposeFns[i];
-  }
-  for (let i = newEnd + 1; i < newLen; i++) {
-    const oldI = oldEnd + 1 + (i - newEnd - 1);
-    newMapped[i] = mappedNodes[oldI];
-    newDispose[i] = disposeFns[oldI];
-  }
-  const midNewLen = newEnd - start + 1;
-  const midOldLen = oldEnd - start + 1;
-  if (midOldLen === 0) {
-    const marker = newEnd + 1 < newLen && newMapped[newEnd + 1] ? newMapped[newEnd + 1] : endMarker;
-    const frag = document.createDocumentFragment();
-    for (let i = start; i <= newEnd; i++) {
-      const item = newItems[i];
-      const idx = i;
-      let accessor;
-      if (keyedState) {
-        const key = keyFn(item);
-        const itemSig = signal(item);
-        accessor = itemSig;
-        keyedState.set(key, { itemSig });
-      } else {
-        accessor = item;
-      }
-      newMapped[i] = _createItemScope((dispose) => {
-        newDispose[idx] = dispose;
-        return mapFn(accessor, idx);
-      });
-      frag.appendChild(newMapped[i]);
-    }
-    parent.insertBefore(frag, marker);
-    _copyBack(mappedNodes, disposeFns, newMapped, newDispose, newLen);
-    return;
-  }
-  if (midNewLen === 0) {
-    for (let i = start; i <= oldEnd; i++) {
-      disposeFns[i]?.();
-      if (mappedNodes[i]?.parentNode) parent.removeChild(mappedNodes[i]);
-      if (keyedState) keyedState.delete(keyFn(oldItems[i]));
-    }
-    _copyBack(mappedNodes, disposeFns, newMapped, newDispose, newLen);
-    return;
-  }
-  const oldKeyMap = /* @__PURE__ */ new Map();
-  for (let i = start; i <= oldEnd; i++) {
-    oldKeyMap.set(keyFn(oldItems[i]), i);
-  }
-  const oldIndices = new Int32Array(midNewLen);
-  oldIndices.fill(-1);
-  for (let i = start; i <= newEnd; i++) {
-    const key = keyFn(newItems[i]);
-    const oldIdx = oldKeyMap.get(key);
-    if (oldIdx !== void 0) {
-      oldKeyMap.delete(key);
-      newMapped[i] = mappedNodes[oldIdx];
-      newDispose[i] = disposeFns[oldIdx];
-      oldIndices[i - start] = oldIdx;
-      if (keyedState && newItems[i] !== oldItems[oldIdx]) {
-        keyedState.get(key).itemSig.set(newItems[i]);
-      }
-    }
-  }
-  for (const [key, oldIdx] of oldKeyMap) {
-    disposeFns[oldIdx]?.();
-    if (mappedNodes[oldIdx]?.parentNode) parent.removeChild(mappedNodes[oldIdx]);
-    if (keyedState) keyedState.delete(key);
-  }
-  for (let i = start; i <= newEnd; i++) {
-    if (!newMapped[i]) {
-      const item = newItems[i];
-      const idx = i;
-      let accessor;
-      if (keyedState) {
-        const key = keyFn(item);
-        const itemSig = signal(item);
-        accessor = itemSig;
-        keyedState.set(key, { itemSig });
-      } else {
-        accessor = item;
-      }
-      newMapped[i] = _createItemScope((dispose) => {
-        newDispose[idx] = dispose;
-        return mapFn(accessor, idx);
-      });
-    }
-  }
-  let reusedCount = 0;
-  let alreadySorted = true;
-  let lastOldIdx = -1;
-  for (let i = 0; i < midNewLen; i++) {
-    if (oldIndices[i] !== -1) {
-      reusedCount++;
-      if (oldIndices[i] <= lastOldIdx) alreadySorted = false;
-      lastOldIdx = oldIndices[i];
-    }
-  }
-  const inLIS = new Uint8Array(midNewLen);
-  if (alreadySorted) {
-    for (let i = 0; i < midNewLen; i++) {
-      if (oldIndices[i] !== -1) inLIS[i] = 1;
-    }
-  } else if (reusedCount > 1) {
-    const seq = new Int32Array(reusedCount);
-    const seqToMid = new Int32Array(reusedCount);
-    let k = 0;
-    for (let i = 0; i < midNewLen; i++) {
-      if (oldIndices[i] !== -1) {
-        seq[k] = oldIndices[i];
-        seqToMid[k] = i;
-        k++;
-      }
-    }
-    const lisResult = _lis(seq, reusedCount);
-    for (let i = 0; i < lisResult.length; i++) {
-      inLIS[seqToMid[lisResult[i]]] = 1;
-    }
-  } else if (reusedCount === 1) {
-    for (let i = 0; i < midNewLen; i++) {
-      if (oldIndices[i] !== -1) {
-        inLIS[i] = 1;
-        break;
-      }
-    }
-  }
-  let nextSibling = newEnd + 1 < newMapped.length && newMapped[newEnd + 1] ? newMapped[newEnd + 1] : endMarker;
-  for (let i = newEnd; i >= start; i--) {
-    const mi = i - start;
-    if (oldIndices[mi] === -1 || !inLIS[mi]) {
-      if (nextSibling && nextSibling.parentNode !== parent) nextSibling = endMarker;
-      parent.insertBefore(newMapped[i], nextSibling);
-    }
-    nextSibling = newMapped[i];
-  }
-  _copyBack(mappedNodes, disposeFns, newMapped, newDispose, newLen);
-}
-function _copyBack(mappedNodes, disposeFns, newMapped, newDispose, newLen) {
-  mappedNodes.length = newLen;
-  disposeFns.length = newLen;
-  for (let i = 0; i < newLen; i++) {
-    mappedNodes[i] = newMapped[i];
-    disposeFns[i] = newDispose[i];
-  }
-}
-function spread(el, props) {
-  for (const key in props) {
-    const value = props[key];
-    if (key.startsWith("on") && key.length > 2) {
-      const event = key.slice(2).toLowerCase();
-      el.addEventListener(event, value);
-      continue;
-    }
-    if (typeof value === "function" && !key.startsWith("on")) {
-      if (key === "class" || key === "className") {
-        effect(() => {
-          el.className = value() || "";
-        });
-      } else if (key === "style" && typeof value() === "object") {
-        effect(() => {
-          const styles = value();
-          for (const prop in styles) {
-            el.style[prop] = styles[prop] ?? "";
-          }
-        });
-      } else {
-        effect(() => {
-          setProp2(el, key, value());
-        });
-      }
-    } else {
-      setProp2(el, key, value);
-    }
-  }
-}
-function setProp2(el, key, value) {
-  if (key === "ref") {
-    if (typeof value === "function") value(el);
-    else if (value && typeof value === "object") value.current = el;
-    return;
-  }
-  if (key === "key") return;
-  if (URL_ATTRS.has(key) || URL_ATTRS.has(key.toLowerCase())) {
-    if (!isSafeUrl(value)) {
-      if (typeof console !== "undefined") {
-        console.warn(`[what] Blocked unsafe URL in "${key}" attribute: ${value}`);
-      }
-      return;
-    }
-  }
-  if (key === "class" || key === "className") {
-    el.className = value || "";
-  } else if (key === "dangerouslySetInnerHTML") {
-    el.innerHTML = value?.__html ?? "";
-  } else if (key === "innerHTML") {
-    if (value && typeof value === "object" && "__html" in value) {
-      el.innerHTML = value.__html ?? "";
-    } else {
-      if (typeof console !== "undefined" && value != null && value !== "") {
-        console.warn(
-          '[what] Plain string innerHTML is not allowed. Use { __html: "..." } or dangerouslySetInnerHTML={{ __html: "..." }} instead.'
-        );
-      }
-    }
-  } else if (key === "style") {
-    if (typeof value === "string") {
-      el.style.cssText = value;
-    } else if (typeof value === "object") {
-      for (const prop in value) {
-        el.style[prop] = value[prop] ?? "";
-      }
-    }
-  } else if (key.startsWith("data-") || key.startsWith("aria-")) {
-    el.setAttribute(key, value);
-  } else if (typeof value === "boolean") {
-    if (value) el.setAttribute(key, "");
-    else el.removeAttribute(key);
-  } else if (key in el) {
-    el[key] = value;
-  } else {
-    el.setAttribute(key, value);
-  }
-}
-var delegatedEvents = /* @__PURE__ */ new Set();
-function delegateEvents(eventNames) {
-  for (const name of eventNames) {
-    if (delegatedEvents.has(name)) continue;
-    delegatedEvents.add(name);
-    document.addEventListener(name, (e) => {
-      let node = e.target;
-      const key = "$$" + name;
-      while (node) {
-        const handler = node[key];
-        if (handler) {
-          handler(e);
-          if (e.cancelBubble) return;
-        }
-        node = node.parentNode;
-      }
-    });
-  }
-}
-function on(el, event, handler) {
-  el.addEventListener(event, handler);
-  return () => el.removeEventListener(event, handler);
-}
-function classList(el, classes) {
-  effect(() => {
-    for (const name in classes) {
-      const value = typeof classes[name] === "function" ? classes[name]() : classes[name];
-      el.classList.toggle(name, !!value);
-    }
-  });
-}
-var _isHydrating = false;
-var _hydrationCursor = null;
-function isHydrating() {
-  return _isHydrating;
-}
-function hydrate(vnode, container) {
-  _isHydrating = true;
-  _hydrationCursor = { parent: container, index: 0 };
+import {
+  _$createComponent,
+  _$templateImpl,
+  _setTextInsertHook,
+  classList,
+  delegateEvents,
+  hydrate,
+  insert,
+  isHydrating,
+  mapArray,
+  on,
+  setProp,
+  spread,
+  svgTemplate,
+  template
+} from "./chunk-M7UEET5O.js";
+import {
+  ErrorBoundary,
+  For,
+  Island,
+  Match,
+  Portal,
+  Show,
+  Suspense,
+  Switch,
+  __DEV__,
+  __drainPreinstallBuffer,
+  __setDevToolsHooks,
+  batch,
+  cls,
+  computed,
+  createRoot,
+  debounce,
+  each,
+  effect,
+  flushSync,
+  getCurrentComponent,
+  getOwner,
+  lazy,
+  memo,
+  memo2,
+  mount,
+  onCleanup,
+  runWithOwner,
+  signal,
+  style,
+  throttle,
+  transition,
+  untrack,
+  useClickOutside,
+  useLocalStorage,
+  useMediaQuery
+} from "./chunk-AW3BAPIK.js";
+import {
+  Fragment,
+  h,
+  html
+} from "./chunk-AZP2EOGX.js";
+
+// packages/core/src/server-context.js
+var _current = null;
+function getServerContext() {
+  return _current;
+}
+function setServerContext(ctx) {
+  const prev = _current;
+  _current = ctx;
+  return prev;
+}
+function runWithServerContext(ctx, fn) {
+  const prev = _current;
+  _current = ctx;
   try {
-    const result = hydrateNode(vnode, container);
-    return result;
+    return fn();
   } finally {
-    _isHydrating = false;
-    _hydrationCursor = null;
+    _current = prev;
   }
 }
-function claimNode(parent) {
-  const children = parent.childNodes;
-  while (_hydrationCursor.index < children.length) {
-    const node = children[_hydrationCursor.index];
-    if (node.nodeType === 8) {
-      const text = node.textContent;
-      if (text === "$" || text === "/$" || text === "[]" || text === "/[]") {
-        _hydrationCursor.index++;
-        continue;
-      }
-    }
-    _hydrationCursor.index++;
-    return node;
+
+// packages/core/src/hydration-data.js
+var _cache;
+function __readHydrationData() {
+  if (_cache !== void 0) return _cache;
+  if (typeof document === "undefined") return _cache = null;
+  const el = document.getElementById("__what_data");
+  if (!el) return _cache = null;
+  try {
+    _cache = JSON.parse(el.textContent);
+  } catch {
+    _cache = null;
   }
-  return null;
+  return _cache;
 }
-function isDevMode() {
-  return typeof process !== "undefined" && true;
+function __resetHydrationData() {
+  _cache = void 0;
 }
-function hydrateNode(vnode, parent) {
-  if (vnode == null || typeof vnode === "boolean") {
-    return null;
-  }
-  if (typeof vnode === "string" || typeof vnode === "number") {
-    const existing = claimNode(parent);
-    const text = String(vnode);
-    if (existing && existing.nodeType === 3) {
-      if (isDevMode() && existing.textContent !== text) {
-        console.warn(
-          `[what] Hydration mismatch: expected text "${text}", got "${existing.textContent}"`
-        );
-        existing.textContent = text;
-      }
-      return existing;
-    }
-    if (isDevMode()) {
-      console.warn(
-        `[what] Hydration mismatch: expected text node "${text}", got ${existing ? existing.nodeName : "nothing"}. Falling back to client render.`
-      );
-    }
-    const textNode2 = document.createTextNode(text);
-    if (existing) {
-      parent.replaceChild(textNode2, existing);
-    } else {
-      parent.appendChild(textNode2);
-    }
-    return textNode2;
-  }
-  if (typeof vnode === "function") {
-    const initialValue = vnode();
-    let current = hydrateNode(initialValue, parent);
-    effect(() => {
-      const value = vnode();
-      if (!_isHydrating) {
-        current = reconcileInsert(parent, value, current, null);
-      }
-    });
-    return current;
-  }
-  if (Array.isArray(vnode)) {
-    const nodes = [];
-    for (const child of vnode) {
-      const node = hydrateNode(child, parent);
-      if (node) nodes.push(node);
-    }
-    return nodes.length === 1 ? nodes[0] : nodes;
-  }
-  if (typeof vnode === "object" && vnode._vnode) {
-    if (typeof vnode.tag === "function") {
-      const componentStack2 = getComponentStack();
-      const Component = vnode.tag;
-      const props = vnode.props || {};
-      const children = vnode.children || [];
-      const ctx = {
-        hooks: [],
-        hookIndex: 0,
-        effects: [],
-        cleanups: [],
-        mounted: false,
-        disposed: false,
-        Component,
-        _parentCtx: componentStack2[componentStack2.length - 1] || null,
-        _errorBoundary: null
-      };
-      componentStack2.push(ctx);
-      let result;
-      try {
-        const propsChildren = children.length === 0 ? void 0 : children.length === 1 ? children[0] : children;
-        result = Component({ ...props, children: propsChildren });
-      } catch (error) {
-        componentStack2.pop();
-        console.error("[what] Error in component during hydration:", Component.name || "Anonymous", error);
-        return null;
-      }
-      componentStack2.pop();
-      ctx.mounted = true;
-      if (ctx._mountCallbacks) {
-        queueMicrotask(() => {
-          if (ctx.disposed) return;
-          for (const fn of ctx._mountCallbacks) {
-            try {
-              fn();
-            } catch (e) {
-              console.error("[what] onMount error:", e);
-            }
-          }
-        });
-      }
-      return hydrateNode(result, parent);
-    }
-    const existing = claimNode(parent);
-    const expectedTag = vnode.tag.toUpperCase();
-    if (existing && existing.nodeType === 1 && existing.nodeName === expectedTag) {
-      hydrateElementProps(existing, vnode.props || {});
-      const savedCursor = _hydrationCursor;
-      _hydrationCursor = { parent: existing, index: 0 };
-      const rawInner = vnode.props?.dangerouslySetInnerHTML?.__html;
-      if (rawInner == null) {
-        for (const child of vnode.children) {
-          hydrateNode(child, existing);
-        }
-      }
-      _hydrationCursor = savedCursor;
-      return existing;
-    }
-    if (isDevMode()) {
-      console.warn(
-        `[what] Hydration mismatch: expected <${vnode.tag}>, got ${existing ? existing.nodeName : "nothing"}. Falling back to client render.`
-      );
-    }
-    const newEl = document.createElement(vnode.tag);
-    for (const key in vnode.props || {}) {
-      if (key === "children" || key === "key") continue;
-      setProp2(newEl, key, vnode.props[key]);
-    }
-    for (const child of vnode.children) {
-      reconcileInsert(newEl, child, null, null);
-    }
-    if (existing) {
-      parent.replaceChild(newEl, existing);
-    } else {
-      parent.appendChild(newEl);
-    }
-    return newEl;
-  }
-  if (isDomNode2(vnode)) {
-    return vnode;
-  }
-  const textNode = document.createTextNode(String(vnode));
-  parent.appendChild(textNode);
-  return textNode;
-}
-function hydrateElementProps(el, props) {
-  for (const key in props) {
-    if (key === "children" || key === "key" || key === "ref") continue;
-    if (key === "dangerouslySetInnerHTML" || key === "innerHTML") continue;
-    const value = props[key];
-    if (key.startsWith("on") && key.length > 2) {
-      const event = key.slice(2).toLowerCase();
-      el.addEventListener(event, value);
-      continue;
-    }
-    if (key.startsWith("$$")) {
-      el[key] = value;
-      continue;
-    }
-    if (typeof value === "function" && !key.startsWith("on")) {
-      if (key === "class" || key === "className") {
-        effect(() => {
-          el.className = value() || "";
-        });
-      } else if (key === "style" && typeof value() === "object") {
-        effect(() => {
-          const styles = value();
-          for (const prop in styles) {
-            el.style[prop] = styles[prop] ?? "";
-          }
-        });
-      } else {
-        effect(() => {
-          setProp2(el, key, value());
-        });
-      }
-      continue;
-    }
-    if (key === "data-hk") continue;
-  }
+function getLoaderData() {
+  const data = __readHydrationData();
+  return data ? data.loaderData : void 0;
+}
+function getResource(key) {
+  const data = __readHydrationData();
+  return data && data.resources ? data.resources[key] : void 0;
 }
 
 // packages/core/src/hooks.js
+function useLoaderData() {
+  if (typeof document === "undefined") {
+    const ctx = getServerContext();
+    return ctx ? ctx.loaderData : void 0;
+  }
+  return getLoaderData();
+}
 function getCtx(hookName) {
   const ctx = getCurrentComponent();
   if (!ctx) {
@@ -2978,8 +308,49 @@ function onCleanup2(fn) {
   ctx._cleanupCallbacks.push(fn);
 }
 function createResource(fetcher, options = {}) {
-  const data = signal(options.initialValue ?? null);
-  const loading = signal(!options.initialValue);
+  if (typeof document === "undefined") {
+    const ctx2 = getServerContext();
+    if (ctx2) {
+      const key = options.key != null ? options.key : `__r${ctx2.resourceCounter++}`;
+      const cached = ctx2.resources.get(key);
+      if (cached && cached.status === "ready") {
+        const accessor = () => cached.value;
+        return [accessor, { loading: () => false, error: () => null, refetch: () => {
+        }, mutate: () => {
+        } }];
+      }
+      if (cached && cached.status === "error") {
+        const accessor = () => void 0;
+        return [accessor, { loading: () => false, error: () => cached.error, refetch: () => {
+        }, mutate: () => {
+        } }];
+      }
+      if (!cached) {
+        const promise = Promise.resolve().then(() => fetcher(options.source ?? true, {})).then((v) => {
+          ctx2.resources.set(key, { status: "ready", value: v });
+        }).catch((e) => {
+          ctx2.resources.set(key, { status: "error", error: e });
+        });
+        ctx2.resources.set(key, { status: "pending", promise });
+        throw promise;
+      }
+      throw cached.promise;
+    }
+    if (options.initialValue != null) {
+      const accessor = () => options.initialValue;
+      return [accessor, { loading: () => false, error: () => null, refetch: () => {
+      }, mutate: () => {
+      } }];
+    }
+    throw Promise.resolve().then(() => fetcher(options.source ?? true, {}));
+  }
+  let seeded = options.initialValue;
+  if (seeded == null && options.key != null) {
+    const fromPayload = getResource(options.key);
+    if (fromPayload !== void 0) seeded = fromPayload;
+  }
+  const data = signal(seeded ?? null);
+  const loading = signal(seeded == null);
   const error = signal(null);
   let controller = null;
   const refetch = async (source) => {
@@ -3015,7 +386,7 @@ function createResource(fetcher, options = {}) {
       if (controller) controller.abort();
     });
   }
-  if (!options.initialValue) {
+  if (seeded == null) {
     refetch(options.source);
   }
   return [data, { loading, error, refetch, mutate: mutate2 }];
@@ -3065,6 +436,7 @@ function createStore(definition) {
   }
   for (const [key, fn] of Object.entries(actions)) {
     actions[key] = (...args) => {
+      let result;
       batch(() => {
         const proxy = new Proxy({}, {
           get(_, prop) {
@@ -3078,8 +450,9 @@ function createStore(definition) {
             return true;
           }
         });
-        fn.apply(proxy, args);
+        result = fn.apply(proxy, args);
       });
+      return result;
     };
   }
   return function useStore() {
@@ -3112,7 +485,11 @@ var headState = {
   links: /* @__PURE__ */ new Map()
 };
 function Head({ title, meta, link, children }) {
-  if (typeof document === "undefined") return null;
+  if (typeof document === "undefined") {
+    const ctx = getServerContext();
+    if (ctx && ctx.head) writeToSink(ctx.head, { title, meta, link });
+    return children ?? null;
+  }
   if (title) {
     document.title = title;
     headState.title = title;
@@ -3131,6 +508,45 @@ function Head({ title, meta, link, children }) {
   }
   return children || null;
 }
+function metaKey(attrs) {
+  return attrs.name || attrs.property || attrs.httpEquiv || JSON.stringify(attrs);
+}
+function writeToSink(sink, { title, meta, link }) {
+  if (title != null) sink.title = title;
+  if (meta) {
+    for (const attrs of Array.isArray(meta) ? meta : [meta]) {
+      sink.metas.set(metaKey(attrs), attrs);
+    }
+  }
+  if (link) {
+    for (const attrs of Array.isArray(link) ? link : [link]) {
+      sink.links.set(attrs.rel + (attrs.href || ""), attrs);
+    }
+  }
+}
+function beginHeadCollection() {
+  return { title: null, metas: /* @__PURE__ */ new Map(), links: /* @__PURE__ */ new Map() };
+}
+function endHeadCollection(sink) {
+  if (!sink) return "";
+  let out = "";
+  if (sink.title != null) out += `<title>${escapeHtml(String(sink.title))}</title>`;
+  for (const attrs of sink.metas.values()) out += renderHeadTag("meta", attrs);
+  for (const attrs of sink.links.values()) out += renderHeadTag("link", attrs);
+  return out;
+}
+function renderHeadTag(tag, attrs) {
+  let s = `<${tag}`;
+  for (const [k, v] of Object.entries(attrs)) {
+    if (v == null || v === false) continue;
+    const name = k === "httpEquiv" ? "http-equiv" : k;
+    s += ` ${name}="${escapeHtml(String(v))}"`;
+  }
+  return s + ">";
+}
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
 function setHeadTag(tag, key, attrs) {
   const existing = document.head.querySelector(`[data-what-head="${key}"]`);
   if (existing) {
@@ -5907,18 +3323,18 @@ function levenshtein(a, b) {
 
 // packages/core/src/agent-context.js
 var VERSION = "0.6.0";
-var mountedComponents2 = [];
+var mountedComponents = [];
 function registerComponent(component) {
   if (!__DEV__) return;
-  mountedComponents2.push(component);
+  mountedComponents.push(component);
 }
 function unregisterComponent(component) {
   if (!__DEV__) return;
-  const idx = mountedComponents2.indexOf(component);
-  if (idx >= 0) mountedComponents2.splice(idx, 1);
+  const idx = mountedComponents.indexOf(component);
+  if (idx >= 0) mountedComponents.splice(idx, 1);
 }
 function getMountedComponents() {
-  return mountedComponents2.slice();
+  return mountedComponents.slice();
 }
 var activeSignals = [];
 function registerSignal(sig) {
@@ -5952,7 +3368,7 @@ function getHealth() {
     memoryPressure,
     recentErrorCount: recentErrors.length,
     totalSignals,
-    totalComponents: mountedComponents2.length
+    totalComponents: mountedComponents.length
   };
 }
 function installAgentContext() {
@@ -6021,7 +3437,10 @@ export {
   WhatError,
   _$createComponent,
   _$templateImpl as _$template,
+  __drainPreinstallBuffer,
   __getCacheSnapshot,
+  __readHydrationData,
+  __resetHydrationData,
   __setDevToolsHooks,
   _setTextInsertHook,
   template as _template,
@@ -6029,6 +3448,7 @@ export {
   announceAssertive,
   atom,
   batch,
+  beginHeadCollection,
   checkComponentName,
   classList,
   classifyError,
@@ -6052,15 +3472,19 @@ export {
   each,
   easings,
   effect,
+  endHeadCollection,
   flushScheduler,
   flushSync,
   getActiveSignals,
   getCollectedErrors,
   getGuardrailConfig,
   getHealth,
+  getLoaderData,
   getMountedComponents,
   getOwner,
   getQueryData,
+  getResource,
+  getServerContext,
   h,
   html,
   hydrate,
@@ -6090,10 +3514,12 @@ export {
   registerSignal,
   rules,
   runWithOwner,
+  runWithServerContext,
   scheduleRead,
   scheduleWrite,
-  setProp2 as setProp,
+  setProp,
   setQueryData,
+  setServerContext,
   signal,
   memo as signalMemo,
   simpleResolver,
@@ -6131,6 +3557,7 @@ export {
   useIds,
   useInfiniteQuery,
   useLabelledBy,
+  useLoaderData,
   useLocalStorage,
   useMediaQuery,
   useMemo,