@solidjs/signals 0.4.3 → 0.4.5

package/dist/prod.js

@@ -39,36 +39,36 @@ function incrementClock() {
   clock++;
 }
 var ActiveTransition = null;
-var unobserved = [];
+var Unobserved = [];
 var scheduled = false;
 function schedule() {
   if (scheduled)
     return;
   scheduled = true;
-  if (!globalQueue.x)
+  if (!globalQueue.z)
     queueMicrotask(flush);
 }
 function notifyUnobserved() {
-  for (let i = 0; i < unobserved.length; i++) {
-    const source = unobserved[i];
-    if (!source.d || !source.d.length)
-      unobserved[i].ca?.();
+  for (let i = 0; i < Unobserved.length; i++) {
+    const source = Unobserved[i];
+    if (!source.b || !source.b.length)
+      Unobserved[i].da?.();
   }
-  unobserved = [];
+  Unobserved = [];
 }
 var pureQueue = [];
 var Queue = class {
-  p = null;
-  x = false;
-  o = [[], []];
-  q = [];
+  m = null;
+  z = false;
+  f = [[], []];
+  e = [];
   created = clock;
   enqueue(type, fn) {
-    if (ActiveTransition)
-      return ActiveTransition.enqueue(type, fn);
+    if (ActiveTransition && ActiveTransition.u.has(this))
+      return ActiveTransition.u.get(this).enqueue(type, fn);
     pureQueue.push(fn);
     if (type)
-      this.o[type - 1].push(fn);
+      this.f[type - 1].push(fn);
     schedule();
   }
   run(type) {
@@ -76,19 +76,19 @@ var Queue = class {
       pureQueue.length && runQueue(pureQueue, type);
       pureQueue = [];
       return;
-    } else if (this.o[type - 1].length) {
-      const effects = this.o[type - 1];
-      this.o[type - 1] = [];
+    } else if (this.f[type - 1].length) {
+      const effects = this.f[type - 1];
+      this.f[type - 1] = [];
       runQueue(effects, type);
     }
-    for (let i = 0; i < this.q.length; i++) {
-      this.q[i].run(type);
+    for (let i = 0; i < this.e.length; i++) {
+      this.e[i].run(type);
     }
   }
   flush() {
-    if (this.x)
+    if (this.z)
       return;
-    this.x = true;
+    this.z = true;
     try {
       this.run(EFFECT_PURE);
       incrementClock();
@@ -96,24 +96,37 @@ var Queue = class {
       this.run(EFFECT_RENDER);
       this.run(EFFECT_USER);
     } finally {
-      this.x = false;
-      unobserved.length && notifyUnobserved();
+      this.z = false;
+      Unobserved.length && notifyUnobserved();
     }
   }
   addChild(child) {
-    this.q.push(child);
-    child.p = this;
+    this.e.push(child);
+    child.m = this;
   }
   removeChild(child) {
-    const index = this.q.indexOf(child);
+    const index = this.e.indexOf(child);
     if (index >= 0)
-      this.q.splice(index, 1);
+      this.e.splice(index, 1);
   }
   notify(...args) {
-    if (this.p)
-      return this.p.notify(...args);
+    if (ActiveTransition && ActiveTransition.u.has(this))
+      return ActiveTransition.u.get(this).notify(...args);
+    if (this.m)
+      return this.m.notify(...args);
     return false;
   }
+  merge(queue) {
+    this.f[0].push.apply(this.f[0], queue.f[0]);
+    this.f[1].push.apply(this.f[1], queue.f[1]);
+    for (let i = 0; i < queue.e.length; i++) {
+      const og = this.e.find((c) => c.g === queue.e[i].g);
+      if (og)
+        og.merge(queue.e[i]);
+      else
+        this.addChild(queue.e[i]);
+    }
+  }
 };
 var globalQueue = new Queue();
 function flush() {
@@ -127,84 +140,103 @@ function runQueue(queue, type) {
 }
 var Transition = class _Transition {
   a = /* @__PURE__ */ new Map();
-  t = /* @__PURE__ */ new Set();
-  M = /* @__PURE__ */ new Set();
-  T = /* @__PURE__ */ new Set();
-  E = false;
-  o = [[], []];
-  F = [];
-  q = [];
-  p = null;
-  x = false;
-  U = false;
+  s = /* @__PURE__ */ new Set();
+  R = /* @__PURE__ */ new Set();
+  W = /* @__PURE__ */ new Set();
+  I = false;
+  f = [[], []];
+  u = /* @__PURE__ */ new Map();
+  E = [];
+  e = [];
+  m = null;
+  z = false;
+  X = false;
   created = clock;
+  constructor() {
+    this.u.set(globalQueue, this);
+    for (const child of globalQueue.e) {
+      cloneQueue(child, this, this.u);
+    }
+  }
   enqueue(type, fn) {
-    this.F.push(fn);
+    this.E.push(fn);
     if (type)
-      this.o[type - 1].push(fn);
+      this.f[type - 1].push(fn);
     this.schedule();
   }
   run(type) {
     if (type === EFFECT_PURE) {
-      this.F.length && runQueue(this.F, type);
-      this.F = [];
+      this.E.length && runQueue(this.E, type);
+      this.E = [];
       return;
-    } else if (this.o[type - 1].length) {
-      const effects = this.o[type - 1];
-      this.o[type - 1] = [];
+    } else if (this.f[type - 1].length) {
+      const effects = this.f[type - 1];
+      this.f[type - 1] = [];
       runQueue(effects, type);
     }
-    for (let i = 0; i < this.q.length; i++) {
-      this.q[i].run(type);
+    for (let i = 0; i < this.e.length; i++) {
+      this.e[i].run(type);
     }
   }
   flush() {
-    if (this.x)
+    if (this.z)
       return;
-    this.x = true;
+    this.z = true;
     let currentTransition = ActiveTransition;
     ActiveTransition = this;
     try {
       this.run(EFFECT_PURE);
       incrementClock();
-      this.U = false;
+      this.X = false;
       ActiveTransition = currentTransition;
       finishTransition(this);
     } finally {
-      this.x = false;
+      this.z = false;
       ActiveTransition = currentTransition;
     }
   }
   addChild(child) {
-    this.q.push(child);
-    child.p = this;
+    this.e.push(child);
+    child.m = this;
   }
   removeChild(child) {
-    const index = this.q.indexOf(child);
+    const index = this.e.indexOf(child);
     if (index >= 0)
-      this.q.splice(index, 1);
+      this.e.splice(index, 1);
   }
   notify(node, type, flags) {
     if (!(type & LOADING_BIT))
       return false;
     if (flags & LOADING_BIT) {
-      this.t.add(node);
+      this.s.add(node);
     } else {
-      this.t.delete(node);
+      this.s.delete(node);
     }
     return true;
   }
+  merge(queue) {
+    this.f[0].push.apply(this.f[0], queue.f[0]);
+    this.f[1].push.apply(this.f[1], queue.f[1]);
+    this.E.push.apply(this.E, queue.E);
+    for (let i = 0; i < queue.e.length; i++) {
+      const og = this.e.find((c) => c.g === queue.e[i].g);
+      if (og)
+        og.merge(queue.e[i]);
+      else
+        this.addChild(queue.e[i]);
+    }
+  }
   schedule() {
-    if (this.U)
+    if (this.X)
       return;
-    this.U = true;
-    if (!this.x)
+    this.X = true;
+    if (!this.z)
       queueMicrotask(() => this.flush());
   }
   runTransition(fn, force = false) {
-    if (this.E) {
-      if (this.E instanceof _Transition)
-        return this.E.runTransition(fn, force);
+    if (this.I) {
+      if (this.I instanceof _Transition)
+        return this.I.runTransition(fn, force);
       if (!force)
         throw new Error("Transition already completed");
       fn();
@@ -215,9 +247,9 @@ var Transition = class _Transition {
       const result = fn();
       const transition2 = ActiveTransition;
       if (result instanceof Promise) {
-        transition2.M.add(result);
+        transition2.R.add(result);
         result.finally(() => {
-          transition2.M.delete(result);
+          transition2.R.delete(result);
           finishTransition(transition2);
         });
       }
@@ -228,96 +260,142 @@ var Transition = class _Transition {
     }
   }
   addOptimistic(fn) {
-    if (fn.h && fn.h !== this) {
-      mergeTransitions(fn.h, this);
-      ActiveTransition = fn.h;
+    if (fn.k && fn.k !== this) {
+      mergeTransitions(fn.k, this);
+      ActiveTransition = fn.k;
       return;
     }
-    fn.h = this;
-    this.T.add(fn);
+    fn.k = this;
+    this.W.add(fn);
   }
 };
-var Transitions = /* @__PURE__ */ new Set();
 function transition(fn) {
   let t = new Transition();
-  Transitions.add(t);
   queueMicrotask(() => t.runTransition(() => fn((fn2) => t.runTransition(fn2))));
 }
 function cloneGraph(node) {
-  if (node.h) {
-    if (node.h !== ActiveTransition) {
-      mergeTransitions(node.h, ActiveTransition);
-      ActiveTransition = node.h;
+  if (node.k) {
+    if (node.k !== ActiveTransition) {
+      mergeTransitions(node.k, ActiveTransition);
+      ActiveTransition = node.k;
     }
-    return node.h.a.get(node);
+    return node.k.a.get(node);
   }
   const clone = Object.create(Object.getPrototypeOf(node));
-  Object.assign(clone, node, { j: null, r: null, N: node });
+  Object.assign(clone, node, {
+    n: null,
+    r: null,
+    b: null,
+    a: node.a ? [...node.a] : null,
+    g: node
+  });
   ActiveTransition.a.set(node, clone);
-  node.h = ActiveTransition;
-  if (node.d) {
-    for (let i = 0, length = node.d.length; i < length; i++) {
-      const o = node.d[i];
-      node.d.push(cloneGraph(o));
+  node.k = ActiveTransition;
+  if (node.a) {
+    for (let i = 0; i < node.a.length; i++)
+      node.a[i].b.push(clone);
+  }
+  if (node.b) {
+    clone.b = [];
+    for (let i = 0, length = node.b.length; i < length; i++) {
+      !node.b[i].g && clone.b.push(cloneGraph(node.b[i]));
     }
   }
   return clone;
 }
-function removeSourceObservers(node, index) {
+function replaceSourceObservers(node, transition2) {
   let source;
+  let transitionSource;
   let swap;
-  for (let i = index; i < node.a.length; i++) {
-    source = ActiveTransition && ActiveTransition.a.get(node.a[i]) || node.a[i];
-    if (source.d) {
-      if ((swap = source.d.indexOf(node)) !== -1) {
-        source.d[swap] = source.d[source.d.length - 1];
-        source.d.pop();
+  for (let i = 0; i < node.a.length; i++) {
+    transitionSource = transition2.a.get(node.a[i]);
+    source = transitionSource || node.a[i];
+    if (source.b && (swap = source.b.indexOf(node)) !== -1) {
+      source.b[swap] = transitionSource ? node.g : source.b[source.b.length - 1];
+      !transitionSource && source.b.pop();
+    }
+  }
+}
+function cloneQueue(queue, parent, clonedQueues) {
+  const clone = Object.create(Object.getPrototypeOf(queue));
+  Object.assign(clone, queue, {
+    g: queue,
+    m: parent,
+    e: [],
+    enqueue(type, fn) {
+      ActiveTransition?.enqueue(type, fn);
+    },
+    notify(node, type, flags) {
+      node = node.g || node;
+      if (!clone.F || type & LOADING_BIT) {
+        type &= ~LOADING_BIT;
+        ActiveTransition?.notify(node, LOADING_BIT, flags);
+        if (!type)
+          return true;
       }
-      if (!source.d.length)
-        unobserved.push(source);
+      return queue.notify.call(this, node, type, flags);
+    }
+  });
+  parent.e.push(clone);
+  clonedQueues.set(queue, clone);
+  for (const child of queue.e) {
+    cloneQueue(child, clone, clonedQueues);
+  }
+}
+function resolveQueues(children) {
+  for (const child of children) {
+    const og = child.g;
+    if (og) {
+      const clonedChildren = child.e;
+      delete child.enqueue;
+      delete child.notify;
+      delete child.m;
+      delete child.e;
+      Object.assign(og, child);
+      delete og.g;
+      resolveQueues(clonedChildren);
+    } else if (child.m.g) {
+      child.m.g.addChild(child);
     }
   }
 }
 function mergeTransitions(t1, t2) {
   t2.a.forEach((value, key) => {
-    key.h = t1;
+    key.k = t1;
     t1.a.set(key, value);
   });
-  t2.T.forEach((c) => {
-    c.h = t1;
-    t1.T.add(c);
+  t2.W.forEach((c) => {
+    c.k = t1;
+    t1.W.add(c);
   });
-  t2.M.forEach((p) => t1.M.add(p));
-  t2.t.forEach((n) => t1.t.add(n));
-  t2.o[0].forEach((f) => t1.o[0].push(f));
-  t2.o[1].forEach((f) => t1.o[1].push(f));
-  t2.F.forEach((f) => t1.F.push(f));
-  t2.q.forEach((c) => t1.addChild(c));
-  t2.E = t1;
-  Transitions.delete(t2);
+  t2.R.forEach((p) => t1.R.add(p));
+  t2.s.forEach((n) => t1.s.add(n));
+  t1.merge(t2);
+  t2.I = t1;
 }
 function finishTransition(transition2) {
-  if (transition2.E || transition2.U || transition2.M.size || transition2.t.size)
+  if (transition2.I || transition2.X || transition2.R.size || transition2.s.size)
     return;
   for (const [source, clone] of transition2.a) {
-    if (source === clone || source.h !== transition2)
+    if (source === clone || source.k !== transition2)
       continue;
     if (clone.a)
-      removeSourceObservers(clone, 0);
+      replaceSourceObservers(clone, transition2);
     source.dispose(false);
     source.emptyDisposal();
     Object.assign(source, clone);
-    delete source.N;
-    delete source.h;
-  }
-  transition2.E = true;
-  Transitions.delete(transition2);
-  transition2.run(EFFECT_RENDER);
-  transition2.run(EFFECT_USER);
-  for (const reset of transition2.T) {
-    delete reset.h;
+    delete source.g;
+    delete source.k;
+  }
+  globalQueue.f[0].push.apply(globalQueue.f[0], transition2.f[0]);
+  globalQueue.f[1].push.apply(globalQueue.f[1], transition2.f[1]);
+  resolveQueues(transition2.e);
+  transition2.I = true;
+  for (const reset of transition2.W) {
+    delete reset.k;
     reset();
   }
+  globalQueue.flush();
 }
 
 // src/core/owner.ts
@@ -335,14 +413,14 @@ var Owner = class {
   // We flatten the owner tree into a linked list so that we don't need a pointer to .firstChild
   // However, the children are actually added in reverse creation order
   // See comment at the top of the file for an example of the _nextSibling traversal
-  p = null;
+  m = null;
   r = null;
-  z = null;
-  b = STATE_CLEAN;
-  j = null;
-  u = defaultContext;
-  i = globalQueue;
-  da = 0;
+  B = null;
+  c = STATE_CLEAN;
+  n = null;
+  w = defaultContext;
+  l = globalQueue;
+  ea = 0;
   id = null;
   constructor(id = null, skipAppend = false) {
     this.id = id;
@@ -351,64 +429,64 @@ var Owner = class {
     }
   }
   append(child) {
-    child.p = this;
-    child.z = this;
+    child.m = this;
+    child.B = this;
     if (this.r)
-      this.r.z = child;
+      this.r.B = child;
     child.r = this.r;
     this.r = child;
     if (this.id != null && child.id == null)
       child.id = this.getNextChildId();
-    if (child.u !== this.u) {
-      child.u = { ...this.u, ...child.u };
+    if (child.w !== this.w) {
+      child.w = { ...this.w, ...child.w };
     }
-    if (this.i)
-      child.i = this.i;
+    if (this.l)
+      child.l = this.l;
   }
   dispose(self = true) {
-    if (this.b === STATE_DISPOSED)
+    if (this.c === STATE_DISPOSED)
       return;
-    let head = self ? this.z || this.p : this, current = this.r, next = null;
-    while (current && current.p === this) {
+    let head = self ? this.B || this.m : this, current = this.r, next = null;
+    while (current && current.m === this) {
       current.dispose(true);
-      current.G();
+      current.J();
       next = current.r;
       current.r = null;
       current = next;
     }
-    this.da = 0;
+    this.ea = 0;
     if (self)
-      this.G();
+      this.J();
     if (current)
-      current.z = !self ? this : this.z;
+      current.B = !self ? this : this.B;
     if (head)
       head.r = current;
   }
-  G() {
-    if (this.z)
-      this.z.r = null;
-    this.p = null;
-    this.z = null;
-    this.u = defaultContext;
-    this.b = STATE_DISPOSED;
+  J() {
+    if (this.B)
+      this.B.r = null;
+    this.m = null;
+    this.B = null;
+    this.w = defaultContext;
+    this.c = STATE_DISPOSED;
     this.emptyDisposal();
   }
   emptyDisposal() {
-    if (!this.j)
+    if (!this.n)
       return;
-    if (Array.isArray(this.j)) {
-      for (let i = 0; i < this.j.length; i++) {
-        const callable = this.j[i];
+    if (Array.isArray(this.n)) {
+      for (let i = 0; i < this.n.length; i++) {
+        const callable = this.n[i];
         callable.call(callable);
       }
     } else {
-      this.j.call(this.j);
+      this.n.call(this.n);
     }
-    this.j = null;
+    this.n = null;
   }
   getNextChildId() {
     if (this.id != null)
-      return formatId(this.id, this.da++);
+      return formatId(this.id, this.ea++);
     throw new Error("Cannot get child id from owner without an id");
   }
 };
@@ -419,7 +497,7 @@ function getContext(context, owner = currentOwner) {
   if (!owner) {
     throw new NoOwnerError();
   }
-  const value = hasContext(context, owner) ? owner.u[context.id] : context.defaultValue;
+  const value = hasContext(context, owner) ? owner.w[context.id] : context.defaultValue;
   if (isUndefined(value)) {
     throw new ContextNotFoundError();
   }
@@ -429,24 +507,24 @@ function setContext(context, value, owner = currentOwner) {
   if (!owner) {
     throw new NoOwnerError();
   }
-  owner.u = {
-    ...owner.u,
+  owner.w = {
+    ...owner.w,
     [context.id]: isUndefined(value) ? context.defaultValue : value
   };
 }
 function hasContext(context, owner = currentOwner) {
-  return !isUndefined(owner?.u[context.id]);
+  return !isUndefined(owner?.w[context.id]);
 }
 function onCleanup(fn) {
   if (!currentOwner)
     return fn;
   const node = currentOwner;
-  if (!node.j) {
-    node.j = fn;
-  } else if (Array.isArray(node.j)) {
-    node.j.push(fn);
+  if (!node.n) {
+    node.n = fn;
+  } else if (Array.isArray(node.n)) {
+    node.n.push(fn);
   } else {
-    node.j = [node.j, fn];
+    node.n = [node.n, fn];
   }
   return fn;
 }
@@ -473,49 +551,49 @@ function getObserver() {
 var UNCHANGED = Symbol(0);
 var Computation = class extends Owner {
   a = null;
-  d = null;
-  g;
-  O;
-  H;
+  b = null;
+  j;
+  K;
+  L;
   // Used in __DEV__ mode, hopefully removed in production
-  ja;
+  ka;
   // Using false is an optimization as an alternative to _equals: () => false
   // which could enable more efficient DIRTY notification
-  _ = isEqual;
-  ca;
-  fa = false;
+  $ = isEqual;
+  da;
+  ga = false;
   /** Whether the computation is an error or has ancestors that are unresolved */
-  f = 0;
+  h = 0;
   /** Which flags raised by sources are handled, vs. being passed through. */
-  $ = DEFAULT_FLAGS;
-  I = -1;
-  C = false;
-  h;
-  N;
+  aa = DEFAULT_FLAGS;
+  M = -1;
+  G = false;
+  k;
+  g;
   constructor(initialValue, compute2, options) {
     super(options?.id, compute2 === null);
-    this.H = compute2;
-    this.b = compute2 ? STATE_DIRTY : STATE_CLEAN;
-    this.f = compute2 && initialValue === void 0 ? UNINITIALIZED_BIT : 0;
-    this.g = initialValue;
+    this.L = compute2;
+    this.c = compute2 ? STATE_DIRTY : STATE_CLEAN;
+    this.h = compute2 && initialValue === void 0 ? UNINITIALIZED_BIT : 0;
+    this.j = initialValue;
     if (options?.equals !== void 0)
-      this._ = options.equals;
+      this.$ = options.equals;
     if (options?.pureWrite)
-      this.fa = true;
+      this.ga = true;
     if (options?.unobserved)
-      this.ca = options?.unobserved;
+      this.da = options?.unobserved;
     if (ActiveTransition) {
-      this.h = ActiveTransition;
+      this.k = ActiveTransition;
       ActiveTransition.a.set(this, this);
     }
   }
-  ea() {
+  fa() {
     track(this);
-    newFlags |= this.f & ~currentMask;
-    if (this.f & ERROR_BIT) {
-      throw this.O;
+    newFlags |= this.h & ~currentMask;
+    if (this.h & ERROR_BIT) {
+      throw this.K;
     } else {
-      return this.g;
+      return this.j;
     }
   }
   /**
@@ -523,18 +601,18 @@ var Computation = class extends Owner {
    * Automatically re-executes the surrounding computation when the value changes
    */
   read() {
-    if (ActiveTransition && ActiveTransition.a.has(this)) {
-      const clone = ActiveTransition.a.get(this);
+    if (ActiveTransition && (ActiveTransition.a.has(this) || !this.g && this.h & UNINITIALIZED_BIT)) {
+      const clone = ActiveTransition.a.get(this) || cloneGraph(this);
       if (clone !== this)
         return clone.read();
     }
-    if (this.H) {
-      if (this.f & ERROR_BIT && this.I <= clock)
+    if (this.L) {
+      if (this.h & ERROR_BIT && this.M <= clock)
         update(this);
       else
-        this.D();
+        this.H();
     }
-    return this.ea();
+    return this.fa();
   }
   /**
    * Return the current value of this computation
@@ -544,69 +622,65 @@ var Computation = class extends Owner {
    * before continuing
    */
   wait() {
-    if (ActiveTransition && ActiveTransition.a.has(this)) {
-      const clone = ActiveTransition.a.get(this);
+    if (ActiveTransition && (ActiveTransition.a.has(this) || !this.g && this.h & UNINITIALIZED_BIT)) {
+      const clone = ActiveTransition.a.get(this) || cloneGraph(this);
       if (clone !== this)
         return clone.wait();
     }
-    if (this.H) {
-      if (this.f & ERROR_BIT && this.I <= clock)
+    if (this.L) {
+      if (this.h & ERROR_BIT && this.M <= clock)
         update(this);
       else
-        this.D();
+        this.H();
     }
-    if ((notStale || this.f & UNINITIALIZED_BIT) && this.f & LOADING_BIT) {
+    if ((notStale || this.h & UNINITIALIZED_BIT) && this.h & LOADING_BIT) {
       track(this);
       throw new NotReadyError();
     }
-    if (staleCheck && this.f & LOADING_BIT) {
-      staleCheck.g = true;
+    if (staleCheck && this.h & LOADING_BIT) {
+      staleCheck.j = true;
     }
-    return this.ea();
+    return this.fa();
   }
   /** Update the computation with a new value. */
   write(value, flags = 0, raw = false) {
-    if (ActiveTransition && !this.N) {
+    if (ActiveTransition && !this.g) {
       const clone = cloneGraph(this);
-      return clone.write(value, flags, raw);
+      if (clone !== this)
+        return clone.write(value, flags, raw);
     }
-    const newValue = !raw && typeof value === "function" ? value(this.g) : value;
-    const valueChanged = newValue !== UNCHANGED && (!!(this.f & UNINITIALIZED_BIT) || // this._stateFlags & LOADING_BIT & ~flags ||
-    this._ === false || !this._(this.g, newValue));
+    const newValue = !raw && typeof value === "function" ? value(this.j) : value;
+    const valueChanged = newValue !== UNCHANGED && (!!(this.h & UNINITIALIZED_BIT) || // this._stateFlags & LOADING_BIT & ~flags ||
+    this.$ === false || !this.$(this.j, newValue));
     if (valueChanged) {
-      this.g = newValue;
-      this.O = void 0;
-    }
-    const changedFlagsMask = this.f ^ flags, changedFlags = changedFlagsMask & flags;
-    this.f = flags;
-    this.I = clock + 1;
-    if (this.d) {
-      for (let i = 0; i < this.d.length; i++) {
+      this.j = newValue;
+      this.K = void 0;
+    }
+    const changedFlagsMask = this.h ^ flags, changedFlags = changedFlagsMask & flags;
+    this.h = flags;
+    this.M = clock + 1;
+    if (this.b) {
+      for (let i = 0; i < this.b.length; i++) {
         if (valueChanged) {
-          this.d[i].k(STATE_DIRTY);
+          this.b[i].x(STATE_DIRTY);
         } else if (changedFlagsMask) {
-          this.d[i].V(changedFlagsMask, changedFlags);
+          this.b[i].Y(changedFlagsMask, changedFlags);
         }
       }
     }
-    return this.g;
+    return this.j;
   }
   /**
    * Set the current node's state, and recursively mark all of this node's observers as STATE_CHECK
    */
-  k(state, skipQueue) {
-    if (ActiveTransition && ActiveTransition.a.has(this)) {
-      const clone = ActiveTransition.a.get(this);
-      if (clone !== this)
-        return clone.k(state, skipQueue);
-    }
-    if (this.b >= state && !this.C)
+  x(state, skipQueue) {
+    if (this.c >= state && !this.G)
       return;
-    this.C = !!skipQueue;
-    this.b = state;
-    if (this.d) {
-      for (let i = 0; i < this.d.length; i++) {
-        this.d[i].k(STATE_CHECK, skipQueue);
+    this.G = !!skipQueue;
+    this.c = state;
+    if (this.b) {
+      for (let i = 0; i < this.b.length; i++) {
+        this.b[i].x(STATE_CHECK, skipQueue);
       }
     }
   }
@@ -616,31 +690,36 @@ var Computation = class extends Owner {
    * @param mask A bitmask for which flag(s) were changed.
    * @param newFlags The source's new flags, masked to just the changed ones.
    */
-  V(mask, newFlags2) {
-    if (this.b >= STATE_DIRTY)
+  Y(mask, newFlags2) {
+    if (this.c >= STATE_DIRTY)
       return;
-    if (mask & this.$) {
-      this.k(STATE_DIRTY);
+    if (mask & this.aa) {
+      this.x(STATE_DIRTY);
       return;
     }
-    if (this.b >= STATE_CHECK)
+    if (this.c >= STATE_CHECK)
       return;
-    const prevFlags = this.f & mask;
+    const prevFlags = this.h & mask;
     const deltaFlags = prevFlags ^ newFlags2;
     if (newFlags2 === prevFlags) ; else if (deltaFlags & prevFlags & mask) {
-      this.k(STATE_CHECK);
+      this.x(STATE_CHECK);
     } else {
-      this.f ^= deltaFlags;
-      if (this.d) {
-        for (let i = 0; i < this.d.length; i++) {
-          this.d[i].V(mask, newFlags2);
+      this.h ^= deltaFlags;
+      if (this.b) {
+        for (let i = 0; i < this.b.length; i++) {
+          this.b[i].Y(mask, newFlags2);
         }
       }
     }
   }
-  P(error) {
-    this.O = error;
-    this.write(UNCHANGED, this.f & ~LOADING_BIT | ERROR_BIT | UNINITIALIZED_BIT);
+  N(error) {
+    if (ActiveTransition && !this.g) {
+      const clone = cloneGraph(this);
+      if (clone !== this)
+        return clone.N(error);
+    }
+    this.K = error;
+    this.write(UNCHANGED, this.h & ~LOADING_BIT | ERROR_BIT | UNINITIALIZED_BIT);
   }
   /**
    * This is the core part of the reactivity system, which makes sure that the values are updated
@@ -649,48 +728,48 @@ var Computation = class extends Owner {
    *
    * This function will ensure that the value and states we read from the computation are up to date
    */
-  D() {
-    if (!this.H) {
+  H() {
+    if (!this.L) {
       return;
     }
-    if (this.b === STATE_DISPOSED) {
+    if (this.c === STATE_DISPOSED) {
       return;
     }
-    if (this.b === STATE_CLEAN) {
+    if (this.c === STATE_CLEAN) {
       return;
     }
     let observerFlags = 0;
-    if (this.b === STATE_CHECK) {
+    if (this.c === STATE_CHECK) {
       for (let i = 0; i < this.a.length; i++) {
         const source = ActiveTransition && ActiveTransition.a.get(this.a[i]) || this.a[i];
-        source.D();
-        observerFlags |= source.f;
-        if (this.b === STATE_DIRTY) {
+        source.H();
+        observerFlags |= source.h & ~UNINITIALIZED_BIT;
+        if (this.c === STATE_DIRTY) {
           break;
         }
       }
     }
-    if (this.b === STATE_DIRTY) {
+    if (this.c === STATE_DIRTY) {
       update(this);
     } else {
       this.write(UNCHANGED, observerFlags);
-      this.b = STATE_CLEAN;
+      this.c = STATE_CLEAN;
     }
   }
   /**
    * Remove ourselves from the owner graph and the computation graph
    */
-  G() {
-    if (this.b === STATE_DISPOSED)
+  J() {
+    if (this.c === STATE_DISPOSED)
       return;
     if (this.a)
       removeSourceObservers(this, 0);
-    super.G();
+    super.J();
   }
 };
 function track(computation) {
-  if (ActiveTransition && computation.N)
-    computation = computation.N;
+  if (ActiveTransition && computation.g)
+    computation = computation.g;
   if (currentObserver) {
     if (!newSources && currentObserver.a && currentObserver.a[newSourcesIndex] === computation) {
       newSourcesIndex++;
@@ -700,7 +779,7 @@ function track(computation) {
       newSources.push(computation);
     }
     if (updateCheck) {
-      updateCheck.g = computation.I > currentObserver.I;
+      updateCheck.j = computation.M > currentObserver.M;
     }
   }
 }
@@ -712,13 +791,13 @@ function update(node) {
   try {
     node.dispose(false);
     node.emptyDisposal();
-    const result = compute(node, node.H, node);
+    const result = compute(node, node.L, node);
     node.write(result, newFlags, true);
   } catch (error) {
     if (error instanceof NotReadyError) {
-      node.write(UNCHANGED, newFlags | LOADING_BIT | node.f & UNINITIALIZED_BIT);
+      node.write(UNCHANGED, newFlags | LOADING_BIT | node.h & UNINITIALIZED_BIT);
     } else {
-      node.P(error);
+      node.N(error);
     }
   } finally {
     if (newSources) {
@@ -734,11 +813,11 @@ function update(node) {
       }
       let source;
       for (let i = newSourcesIndex; i < node.a.length; i++) {
-        source = node.a[i];
-        if (!source.d)
-          source.d = [node];
+        source = ActiveTransition && ActiveTransition.a.get(node.a[i]) || node.a[i];
+        if (!source.b)
+          source.b = [node];
         else
-          source.d.push(node);
+          source.b.push(node);
       }
     } else if (node.a && newSourcesIndex < node.a.length) {
       removeSourceObservers(node, newSourcesIndex);
@@ -747,8 +826,23 @@ function update(node) {
     newSources = prevSources;
     newSourcesIndex = prevSourcesIndex;
     newFlags = prevFlags;
-    node.I = clock + 1;
-    node.b = STATE_CLEAN;
+    node.M = clock + 1;
+    node.c = STATE_CLEAN;
+  }
+}
+function removeSourceObservers(node, index) {
+  let source;
+  let swap;
+  for (let i = index; i < node.a.length; i++) {
+    source = ActiveTransition && ActiveTransition.a.get(node.a[i]) || node.a[i];
+    if (source.b) {
+      if ((swap = source.b.indexOf(node)) !== -1) {
+        source.b[swap] = source.b[source.b.length - 1];
+        source.b.pop();
+      }
+      if (!source.b.length)
+        Unobserved.push(source);
+    }
   }
 }
 function isEqual(a, b) {
@@ -761,20 +855,20 @@ function untrack(fn) {
 }
 function hasUpdated(fn) {
   const current = updateCheck;
-  updateCheck = { g: false };
+  updateCheck = { j: false };
   try {
     fn();
-    return updateCheck.g;
+    return updateCheck.j;
   } finally {
     updateCheck = current;
   }
 }
 function pendingCheck(fn, loadingValue) {
   const current = staleCheck;
-  staleCheck = { g: false };
+  staleCheck = { j: false };
   try {
     latest(fn);
-    return staleCheck.g;
+    return staleCheck.j;
   } catch (err) {
     if (!(err instanceof NotReadyError))
       return false;
@@ -789,7 +883,7 @@ function isPending(fn, loadingValue) {
   if (!currentObserver)
     return pendingCheck(fn, loadingValue);
   const c = new Computation(void 0, () => pendingCheck(fn, loadingValue));
-  c.$ |= LOADING_BIT;
+  c.aa |= LOADING_BIT;
   return c.read();
 }
 function latest(fn, fallback) {
@@ -819,10 +913,10 @@ function runWithObserver(observer, run) {
     if (error instanceof NotReadyError) {
       observer.write(
         UNCHANGED,
-        newFlags | LOADING_BIT | observer.f & UNINITIALIZED_BIT
+        newFlags | LOADING_BIT | observer.h & UNINITIALIZED_BIT
       );
     } else {
-      observer.P(error);
+      observer.N(error);
     }
   } finally {
     if (newSources) {
@@ -837,10 +931,10 @@ function runWithObserver(observer, run) {
       let source;
       for (let i = newSourcesIndex; i < observer.a.length; i++) {
         source = observer.a[i];
-        if (!source.d)
-          source.d = [observer];
+        if (!source.b)
+          source.b = [observer];
         else
-          source.d.push(observer);
+          source.b.push(observer);
       }
     }
     newSources = prevSources;
@@ -851,10 +945,10 @@ function runWithObserver(observer, run) {
 function compute(owner, fn, observer) {
   const prevOwner = setOwner(owner), prevObserver = currentObserver, prevMask = currentMask, prevNotStale = notStale;
   currentObserver = observer;
-  currentMask = observer?.$ ?? DEFAULT_FLAGS;
+  currentMask = observer?.aa ?? DEFAULT_FLAGS;
   notStale = true;
   try {
-    return fn(observer ? observer.g : void 0);
+    return fn.call(observer, observer ? observer.j : void 0);
   } finally {
     setOwner(prevOwner);
     currentObserver = prevObserver;
@@ -865,120 +959,118 @@ function compute(owner, fn, observer) {
 
 // src/core/effect.ts
 var Effect = class extends Computation {
-  aa;
-  W;
-  J;
-  ba = false;
-  X;
-  y;
+  ba;
+  Z;
+  O;
+  ca = false;
+  _;
+  A;
   constructor(initialValue, compute2, effect, error, options) {
     super(initialValue, compute2, options);
-    this.aa = effect;
-    this.W = error;
-    this.X = initialValue;
-    this.y = options?.render ? EFFECT_RENDER : EFFECT_USER;
-    if (this.y === EFFECT_RENDER) {
-      this.H = (p) => !ActiveTransition && clock > this.i.created && !(this.f & ERROR_BIT) ? latest(() => compute2(p)) : compute2(p);
+    this.ba = effect;
+    this.Z = error;
+    this._ = initialValue;
+    this.A = options?.render ? EFFECT_RENDER : EFFECT_USER;
+    if (this.A === EFFECT_RENDER) {
+      this.L = function(p) {
+        return !this.g && clock > this.l.created && !(this.h & ERROR_BIT) ? latest(() => compute2(p)) : compute2(p);
+      };
     }
-    this.D();
-    !options?.defer && (this.y === EFFECT_USER ? (ActiveTransition || this.i).enqueue(this.y, this.A.bind(this)) : this.A(this.y));
+    this.H();
+    !options?.defer && (this.A === EFFECT_USER ? this.l.enqueue(this.A, this.C.bind(this)) : this.C(this.A));
   }
   write(value, flags = 0) {
-    if (this.b == STATE_DIRTY) {
-      this.f = flags;
-      if (this.y === EFFECT_RENDER) {
-        (ActiveTransition || this.i).notify(this, LOADING_BIT | ERROR_BIT, flags);
+    if (this.c == STATE_DIRTY) {
+      this.h = flags;
+      if (this.A === EFFECT_RENDER) {
+        this.l.notify(this, LOADING_BIT | ERROR_BIT, this.h);
       }
     }
     if (value === UNCHANGED)
-      return this.g;
-    this.g = value;
-    this.ba = true;
+      return this.j;
+    this.j = value;
+    this.ca = true;
+    this.K = void 0;
     return value;
   }
-  k(state, skipQueue) {
-    if (ActiveTransition && ActiveTransition.a.has(this)) {
-      return ActiveTransition.a.get(this).k(state, skipQueue);
-    }
-    if (this.b >= state || skipQueue)
+  x(state, skipQueue) {
+    if (this.c >= state || skipQueue)
       return;
-    if (this.b === STATE_CLEAN)
-      (ActiveTransition || this.i).enqueue(this.y, this.A.bind(this));
-    this.b = state;
+    if (this.c === STATE_CLEAN)
+      this.l.enqueue(this.A, this.C.bind(this));
+    this.c = state;
   }
-  V(mask, newFlags2) {
-    if (ActiveTransition && ActiveTransition.a.has(this)) {
-      if (this.b >= STATE_CHECK)
+  Y(mask, newFlags2) {
+    if (this.g) {
+      if (this.c >= STATE_DIRTY)
         return;
       if (mask & 3) {
-        this.k(STATE_DIRTY);
+        this.x(STATE_DIRTY);
         return;
       }
     }
-    super.V(mask, newFlags2);
+    super.Y(mask, newFlags2);
   }
-  P(error) {
-    this.O = error;
-    (ActiveTransition || this.i).notify(this, LOADING_BIT, 0);
-    this.f = ERROR_BIT;
-    if (this.y === EFFECT_USER) {
+  N(error) {
+    this.K = error;
+    this.l.notify(this, LOADING_BIT, 0);
+    this.h = ERROR_BIT;
+    if (this.A === EFFECT_USER) {
       try {
-        return this.W ? this.W(error, () => {
-          this.J?.();
-          this.J = void 0;
+        return this.Z ? this.Z(error, () => {
+          this.O?.();
+          this.O = void 0;
         }) : console.error(error);
       } catch (e) {
         error = e;
       }
     }
-    if (!(ActiveTransition || this.i).notify(this, ERROR_BIT, ERROR_BIT))
+    if (!this.l.notify(this, ERROR_BIT, ERROR_BIT))
       throw error;
   }
-  G() {
-    if (this.b === STATE_DISPOSED)
+  J() {
+    if (this.c === STATE_DISPOSED)
       return;
-    this.aa = void 0;
-    this.X = void 0;
-    this.W = void 0;
-    this.J?.();
-    this.J = void 0;
-    super.G();
-  }
-  A(type) {
+    this.ba = void 0;
+    this._ = void 0;
+    this.Z = void 0;
+    this.O?.();
+    this.O = void 0;
+    super.J();
+  }
+  C(type) {
     if (type) {
-      if (this.ba && this.b !== STATE_DISPOSED) {
-        this.J?.();
+      const effect = this.g || this;
+      if (effect.ca && effect.c !== STATE_DISPOSED) {
+        effect.O?.();
         try {
-          this.J = this.aa(this.g, this.X);
+          effect.O = effect.ba(effect.j, effect._);
         } catch (e) {
-          if (!(ActiveTransition || this.i).notify(this, ERROR_BIT, ERROR_BIT))
+          if (!effect.l.notify(effect, ERROR_BIT, ERROR_BIT))
             throw e;
         } finally {
-          this.X = this.g;
-          this.ba = false;
+          effect._ = effect.j;
+          effect.ca = false;
         }
       }
     } else
-      this.b !== STATE_CLEAN && runTop(this);
+      this.c !== STATE_CLEAN && runTop(this);
   }
 };
 var EagerComputation = class extends Computation {
   constructor(initialValue, compute2, options) {
     super(initialValue, compute2, options);
-    !options?.defer && this.D();
+    !options?.defer && this.H();
   }
-  k(state, skipQueue) {
-    if (ActiveTransition && ActiveTransition.a.has(this)) {
-      return ActiveTransition.a.get(this).k(state, skipQueue);
-    }
-    if (this.b >= state && !this.C)
+  x(state, skipQueue) {
+    if (this.c >= state && !this.G)
       return;
-    if (!skipQueue && (this.b === STATE_CLEAN || this.b === STATE_CHECK && this.C))
-      (ActiveTransition || this.i).enqueue(EFFECT_PURE, this.A.bind(this));
-    super.k(state, skipQueue);
+    if (!skipQueue && (this.c === STATE_CLEAN || this.c === STATE_CHECK && this.G))
+      this.l.enqueue(EFFECT_PURE, this.C.bind(this));
+    super.x(state, skipQueue);
   }
-  A() {
-    this.b !== STATE_CLEAN && runTop(this);
+  C() {
+    this.c !== STATE_CLEAN && runTop(this);
   }
 };
 var FirewallComputation = class extends Computation {
@@ -986,31 +1078,28 @@ var FirewallComputation = class extends Computation {
   constructor(compute2) {
     super(void 0, compute2);
   }
-  k(state, skipQueue) {
-    if (ActiveTransition && ActiveTransition.a.has(this)) {
-      return ActiveTransition.a.get(this).k(state, skipQueue);
-    }
-    if (this.b >= state && !this.C)
+  x(state, skipQueue) {
+    if (this.c >= state && !this.G)
       return;
-    if (!skipQueue && (this.b === STATE_CLEAN || this.b === STATE_CHECK && this.C))
-      (ActiveTransition || this.i).enqueue(EFFECT_PURE, this.A.bind(this));
-    super.k(state, true);
-    this.C = !!skipQueue;
+    if (!skipQueue && (this.c === STATE_CLEAN || this.c === STATE_CHECK && this.G))
+      this.l.enqueue(EFFECT_PURE, this.C.bind(this));
+    super.x(state, true);
+    this.G = !!skipQueue;
   }
-  A() {
-    this.b !== STATE_CLEAN && runTop(this);
+  C() {
+    this.c !== STATE_CLEAN && runTop(this);
   }
 };
 function runTop(node) {
   const ancestors = [];
-  for (let current = node; current !== null; current = current.p) {
-    if (current.b !== STATE_CLEAN) {
+  for (let current = node; current !== null; current = current.m) {
+    if (current.c !== STATE_CLEAN) {
       ancestors.push(current);
     }
   }
   for (let i = ancestors.length - 1; i >= 0; i--) {
-    if (ancestors[i].b !== STATE_DISPOSED)
-      ancestors[i].D();
+    if (ancestors[i].c !== STATE_DISPOSED)
+      ancestors[i].H();
   }
 }
 
@@ -1144,7 +1233,7 @@ var storeTraps = {
         return desc.get.call(receiver);
     }
     if (Writing?.has(receiver)) {
-      let value2 = tracked && (overridden || !proxySource) ? tracked.g : storeValue[property];
+      let value2 = tracked && (overridden || !proxySource) ? tracked.j : storeValue[property];
       value2 === $DELETED && (value2 = void 0);
       if (!isWrappable(value2))
         return value2;
@@ -1435,6 +1524,8 @@ function applyState(next, state, keyFn, all) {
 }
 function reconcile(value, key, all = false) {
   return (state) => {
+    if (state == null)
+      throw new Error("Cannot reconcile null or undefined state");
     const keyFn = typeof key === "string" ? (item) => item[key] : key;
     const eq = keyFn(state);
     if (eq !== void 0 && keyFn(value) !== keyFn(state))
@@ -1674,12 +1765,12 @@ function createMemo(compute2, value, options) {
   let resolvedValue;
   return () => {
     if (node) {
-      if (node.b === STATE_DISPOSED) {
+      if (node.c === STATE_DISPOSED) {
         node = void 0;
         return resolvedValue;
       }
       resolvedValue = node.wait();
-      if (!node.a?.length && node.r?.p !== node) {
+      if (!node.a?.length && node.r?.m !== node && !(node.h & UNINITIALIZED_BIT)) {
         node.dispose();
         node = void 0;
       }
@@ -1715,8 +1806,8 @@ function createAsync(compute2, value, options) {
             if (abort)
               return;
             if (transition2)
-              return transition2.runTransition(() => node.P(error), true);
-            node.P(error);
+              return transition2.runTransition(() => node.N(error), true);
+            node.N(error);
           }
         );
       } else {
@@ -1740,9 +1831,13 @@ function createAsync(compute2, value, options) {
   );
   const read = node.wait.bind(node);
   read.refresh = () => {
-    node.b = STATE_DIRTY;
+    let n = node;
+    if (ActiveTransition && !node.g) {
+      n = cloneGraph(node);
+    }
+    n.c = STATE_DIRTY;
     refreshing = true;
-    node.D();
+    n.H();
   };
   return read;
 }
@@ -1823,7 +1918,7 @@ function createOptimistic(initial, compute2, key) {
       (s) => {
         const value = initial();
         if (!ActiveTransition)
-          s.value = value;
+          reconcile({ value }, key)(s);
       },
       { value: void 0 }
     );
@@ -1831,9 +1926,9 @@ function createOptimistic(initial, compute2, key) {
     [store, setStore] = createStore({ value: initial });
   const reset = () => setStore(
     (s) => reconcile(
-      typeof initial === "function" ? initial() : initial,
+      { value: typeof initial === "function" ? initial() : initial },
       key
-    )(s.value)
+    )(s)
   );
   let lastChange = void 0;
   function write(v) {
@@ -1854,196 +1949,196 @@ function createOptimistic(initial, compute2, key) {
 function mapArray(list, map, options) {
   const keyFn = typeof options?.keyed === "function" ? options.keyed : void 0;
   return updateKeyedMap.bind({
-    Q: new Owner(),
-    l: 0,
-    ga: list,
-    B: [],
-    K: map,
-    e: [],
-    c: [],
-    L: keyFn,
-    m: keyFn || options?.keyed === false ? [] : void 0,
-    n: map.length > 1 ? [] : void 0,
-    R: options?.fallback
+    S: new Owner(),
+    o: 0,
+    ha: list,
+    D: [],
+    P: map,
+    i: [],
+    d: [],
+    Q: keyFn,
+    p: keyFn || options?.keyed === false ? [] : void 0,
+    q: map.length > 1 ? [] : void 0,
+    T: options?.fallback
   });
 }
 var pureOptions = { pureWrite: true };
 function updateKeyedMap() {
-  const newItems = this.ga() || [], newLen = newItems.length;
+  const newItems = this.ha() || [], newLen = newItems.length;
   newItems[$TRACK];
-  runWithOwner(this.Q, () => {
-    let i, j, mapper = this.m ? () => {
-      this.m[j] = new Computation(newItems[j], null, pureOptions);
-      this.n && (this.n[j] = new Computation(j, null, pureOptions));
-      return this.K(
-        Computation.prototype.read.bind(this.m[j]),
-        this.n ? Computation.prototype.read.bind(this.n[j]) : void 0
+  runWithOwner(this.S, () => {
+    let i, j, mapper = this.p ? () => {
+      this.p[j] = new Computation(newItems[j], null, pureOptions);
+      this.q && (this.q[j] = new Computation(j, null, pureOptions));
+      return this.P(
+        Computation.prototype.read.bind(this.p[j]),
+        this.q ? Computation.prototype.read.bind(this.q[j]) : void 0
       );
-    } : this.n ? () => {
+    } : this.q ? () => {
       const item = newItems[j];
-      this.n[j] = new Computation(j, null, pureOptions);
-      return this.K(() => item, Computation.prototype.read.bind(this.n[j]));
+      this.q[j] = new Computation(j, null, pureOptions);
+      return this.P(() => item, Computation.prototype.read.bind(this.q[j]));
     } : () => {
       const item = newItems[j];
-      return this.K(() => item);
+      return this.P(() => item);
     };
     if (newLen === 0) {
-      if (this.l !== 0) {
-        this.Q.dispose(false);
-        this.c = [];
-        this.B = [];
-        this.e = [];
-        this.l = 0;
-        this.m && (this.m = []);
-        this.n && (this.n = []);
+      if (this.o !== 0) {
+        this.S.dispose(false);
+        this.d = [];
+        this.D = [];
+        this.i = [];
+        this.o = 0;
+        this.p && (this.p = []);
+        this.q && (this.q = []);
       }
-      if (this.R && !this.e[0]) {
-        this.e[0] = compute(
-          this.c[0] = new Owner(),
-          this.R,
+      if (this.T && !this.i[0]) {
+        this.i[0] = compute(
+          this.d[0] = new Owner(),
+          this.T,
           null
         );
       }
-    } else if (this.l === 0) {
-      if (this.c[0])
-        this.c[0].dispose();
-      this.e = new Array(newLen);
+    } else if (this.o === 0) {
+      if (this.d[0])
+        this.d[0].dispose();
+      this.i = new Array(newLen);
       for (j = 0; j < newLen; j++) {
-        this.B[j] = newItems[j];
-        this.e[j] = compute(this.c[j] = new Owner(), mapper, null);
+        this.D[j] = newItems[j];
+        this.i[j] = compute(this.d[j] = new Owner(), mapper, null);
       }
-      this.l = newLen;
+      this.o = newLen;
     } else {
-      let start, end, newEnd, item, key, newIndices, newIndicesNext, temp = new Array(newLen), tempNodes = new Array(newLen), tempRows = this.m ? new Array(newLen) : void 0, tempIndexes = this.n ? new Array(newLen) : void 0;
-      for (start = 0, end = Math.min(this.l, newLen); start < end && (this.B[start] === newItems[start] || this.m && compare(this.L, this.B[start], newItems[start])); start++) {
-        if (this.m)
-          this.m[start].write(newItems[start]);
+      let start, end, newEnd, item, key, newIndices, newIndicesNext, temp = new Array(newLen), tempNodes = new Array(newLen), tempRows = this.p ? new Array(newLen) : void 0, tempIndexes = this.q ? new Array(newLen) : void 0;
+      for (start = 0, end = Math.min(this.o, newLen); start < end && (this.D[start] === newItems[start] || this.p && compare(this.Q, this.D[start], newItems[start])); start++) {
+        if (this.p)
+          this.p[start].write(newItems[start]);
       }
-      for (end = this.l - 1, newEnd = newLen - 1; end >= start && newEnd >= start && (this.B[end] === newItems[newEnd] || this.m && compare(this.L, this.B[end], newItems[newEnd])); end--, newEnd--) {
-        temp[newEnd] = this.e[end];
-        tempNodes[newEnd] = this.c[end];
-        tempRows && (tempRows[newEnd] = this.m[end]);
-        tempIndexes && (tempIndexes[newEnd] = this.n[end]);
+      for (end = this.o - 1, newEnd = newLen - 1; end >= start && newEnd >= start && (this.D[end] === newItems[newEnd] || this.p && compare(this.Q, this.D[end], newItems[newEnd])); end--, newEnd--) {
+        temp[newEnd] = this.i[end];
+        tempNodes[newEnd] = this.d[end];
+        tempRows && (tempRows[newEnd] = this.p[end]);
+        tempIndexes && (tempIndexes[newEnd] = this.q[end]);
       }
       newIndices = /* @__PURE__ */ new Map();
       newIndicesNext = new Array(newEnd + 1);
       for (j = newEnd; j >= start; j--) {
         item = newItems[j];
-        key = this.L ? this.L(item) : item;
+        key = this.Q ? this.Q(item) : item;
         i = newIndices.get(key);
         newIndicesNext[j] = i === void 0 ? -1 : i;
         newIndices.set(key, j);
       }
       for (i = start; i <= end; i++) {
-        item = this.B[i];
-        key = this.L ? this.L(item) : item;
+        item = this.D[i];
+        key = this.Q ? this.Q(item) : item;
         j = newIndices.get(key);
         if (j !== void 0 && j !== -1) {
-          temp[j] = this.e[i];
-          tempNodes[j] = this.c[i];
-          tempRows && (tempRows[j] = this.m[i]);
-          tempIndexes && (tempIndexes[j] = this.n[i]);
+          temp[j] = this.i[i];
+          tempNodes[j] = this.d[i];
+          tempRows && (tempRows[j] = this.p[i]);
+          tempIndexes && (tempIndexes[j] = this.q[i]);
           j = newIndicesNext[j];
           newIndices.set(key, j);
         } else
-          this.c[i].dispose();
+          this.d[i].dispose();
       }
       for (j = start; j < newLen; j++) {
         if (j in temp) {
-          this.e[j] = temp[j];
-          this.c[j] = tempNodes[j];
+          this.i[j] = temp[j];
+          this.d[j] = tempNodes[j];
           if (tempRows) {
-            this.m[j] = tempRows[j];
-            this.m[j].write(newItems[j]);
+            this.p[j] = tempRows[j];
+            this.p[j].write(newItems[j]);
           }
           if (tempIndexes) {
-            this.n[j] = tempIndexes[j];
-            this.n[j].write(j);
+            this.q[j] = tempIndexes[j];
+            this.q[j].write(j);
           }
         } else {
-          this.e[j] = compute(this.c[j] = new Owner(), mapper, null);
+          this.i[j] = compute(this.d[j] = new Owner(), mapper, null);
         }
       }
-      this.e = this.e.slice(0, this.l = newLen);
-      this.B = newItems.slice(0);
+      this.i = this.i.slice(0, this.o = newLen);
+      this.D = newItems.slice(0);
     }
   });
-  return this.e;
+  return this.i;
 }
 function repeat(count, map, options) {
   return updateRepeat.bind({
-    Q: new Owner(),
-    l: 0,
-    w: 0,
-    ha: count,
-    K: map,
-    c: [],
-    e: [],
-    ia: options?.from,
-    R: options?.fallback
+    S: new Owner(),
+    o: 0,
+    y: 0,
+    ia: count,
+    P: map,
+    d: [],
+    i: [],
+    ja: options?.from,
+    T: options?.fallback
   });
 }
 function updateRepeat() {
-  const newLen = this.ha();
-  const from = this.ia?.() || 0;
-  runWithOwner(this.Q, () => {
+  const newLen = this.ia();
+  const from = this.ja?.() || 0;
+  runWithOwner(this.S, () => {
     if (newLen === 0) {
-      if (this.l !== 0) {
-        this.Q.dispose(false);
-        this.c = [];
-        this.e = [];
-        this.l = 0;
+      if (this.o !== 0) {
+        this.S.dispose(false);
+        this.d = [];
+        this.i = [];
+        this.o = 0;
       }
-      if (this.R && !this.e[0]) {
-        this.e[0] = compute(
-          this.c[0] = new Owner(),
-          this.R,
+      if (this.T && !this.i[0]) {
+        this.i[0] = compute(
+          this.d[0] = new Owner(),
+          this.T,
           null
         );
       }
       return;
     }
     const to = from + newLen;
-    const prevTo = this.w + this.l;
-    if (this.l === 0 && this.c[0])
-      this.c[0].dispose();
+    const prevTo = this.y + this.o;
+    if (this.o === 0 && this.d[0])
+      this.d[0].dispose();
     for (let i = to; i < prevTo; i++)
-      this.c[i - this.w].dispose();
-    if (this.w < from) {
-      let i = this.w;
-      while (i < from && i < this.l)
-        this.c[i++].dispose();
-      this.c.splice(0, from - this.w);
-      this.e.splice(0, from - this.w);
-    } else if (this.w > from) {
-      let i = prevTo - this.w - 1;
-      let difference = this.w - from;
-      this.c.length = this.e.length = newLen;
+      this.d[i - this.y].dispose();
+    if (this.y < from) {
+      let i = this.y;
+      while (i < from && i < this.o)
+        this.d[i++].dispose();
+      this.d.splice(0, from - this.y);
+      this.i.splice(0, from - this.y);
+    } else if (this.y > from) {
+      let i = prevTo - this.y - 1;
+      let difference = this.y - from;
+      this.d.length = this.i.length = newLen;
       while (i >= difference) {
-        this.c[i] = this.c[i - difference];
-        this.e[i] = this.e[i - difference];
+        this.d[i] = this.d[i - difference];
+        this.i[i] = this.i[i - difference];
         i--;
       }
       for (let i2 = 0; i2 < difference; i2++) {
-        this.e[i2] = compute(
-          this.c[i2] = new Owner(),
-          () => this.K(i2 + from),
+        this.i[i2] = compute(
+          this.d[i2] = new Owner(),
+          () => this.P(i2 + from),
           null
         );
       }
     }
     for (let i = prevTo; i < to; i++) {
-      this.e[i - from] = compute(
-        this.c[i - from] = new Owner(),
-        () => this.K(i),
+      this.i[i - from] = compute(
+        this.d[i - from] = new Owner(),
+        () => this.P(i),
         null
       );
     }
-    this.e = this.e.slice(0, newLen);
-    this.w = from;
-    this.l = newLen;
+    this.i = this.i.slice(0, newLen);
+    this.y = from;
+    this.o = newLen;
   });
-  return this.e;
+  return this.i;
 }
 function compare(key, a, b) {
   return key ? key(a) === key(b) : true;
@@ -2051,24 +2146,24 @@ function compare(key, a, b) {
 
 // src/boundaries.ts
 var BoundaryComputation = class extends EagerComputation {
-  S;
+  U;
   constructor(compute2, propagationMask) {
     super(void 0, compute2, { defer: true });
-    this.S = propagationMask;
+    this.U = propagationMask;
   }
   write(value, flags) {
-    super.write(value, flags & ~this.S);
-    if (this.S & LOADING_BIT && !(this.f & UNINITIALIZED_BIT)) {
+    super.write(value, flags & ~this.U);
+    if (this.U & LOADING_BIT && !(this.h & UNINITIALIZED_BIT)) {
       flags &= ~LOADING_BIT;
     }
-    this.i.notify(this, this.S, flags);
-    return this.g;
+    this.l.notify(this, this.U, flags);
+    return this.j;
   }
 };
 function createBoundChildren(owner, fn, queue, mask) {
-  const parentQueue = owner.i;
-  parentQueue.addChild(owner.i = queue);
-  onCleanup(() => parentQueue.removeChild(owner.i));
+  const parentQueue = owner.l;
+  parentQueue.addChild(owner.l = queue);
+  onCleanup(() => parentQueue.removeChild(owner.l));
   return compute(
     owner,
     () => {
@@ -2079,66 +2174,79 @@ function createBoundChildren(owner, fn, queue, mask) {
   );
 }
 var ConditionalQueue = class extends Queue {
-  s;
-  Y = /* @__PURE__ */ new Set();
-  t = /* @__PURE__ */ new Set();
+  t;
+  V = /* @__PURE__ */ new Set();
+  s = /* @__PURE__ */ new Set();
   constructor(disabled) {
     super();
-    this.s = disabled;
+    this.t = disabled;
   }
   run(type) {
-    if (!type || this.s.read())
+    if (!type || this.t.read())
       return;
     return super.run(type);
   }
   notify(node, type, flags) {
-    if (this.s.read()) {
+    if (ActiveTransition && ActiveTransition.u.has(this))
+      return ActiveTransition.u.get(this).notify(node, type, flags);
+    if (this.t.read()) {
       if (type & LOADING_BIT) {
         if (flags & LOADING_BIT) {
-          this.t.add(node);
+          this.s.add(node);
           type &= ~LOADING_BIT;
-        } else if (this.t.delete(node))
+        } else if (this.s.delete(node))
           type &= ~LOADING_BIT;
       }
       if (type & ERROR_BIT) {
         if (flags & ERROR_BIT) {
-          this.Y.add(node);
+          this.V.add(node);
           type &= ~ERROR_BIT;
-        } else if (this.Y.delete(node))
+        } else if (this.V.delete(node))
           type &= ~ERROR_BIT;
       }
     }
     return type ? super.notify(node, type, flags) : true;
   }
+  merge(queue) {
+    queue.s.forEach((n) => this.notify(n, LOADING_BIT, LOADING_BIT));
+    queue.V.forEach((n) => this.notify(n, ERROR_BIT, ERROR_BIT));
+    super.merge(queue);
+  }
 };
 var CollectionQueue = class extends Queue {
-  Z;
-  c = /* @__PURE__ */ new Set();
-  s = new Computation(false, null, { pureWrite: true });
+  F;
+  d = /* @__PURE__ */ new Set();
+  t = new Computation(false, null, { pureWrite: true });
   constructor(type) {
     super();
-    this.Z = type;
+    this.F = type;
   }
   run(type) {
-    if (!type || this.s.read())
+    if (!type || this.t.read())
       return;
     return super.run(type);
   }
   notify(node, type, flags) {
-    if (!(type & this.Z))
+    if (ActiveTransition && ActiveTransition.u.has(this))
+      return ActiveTransition.u.get(this).notify(node, type, flags);
+    if (!(type & this.F))
       return super.notify(node, type, flags);
-    if (flags & this.Z) {
-      this.c.add(node);
-      if (this.c.size === 1)
-        this.s.write(true);
+    if (flags & this.F) {
+      this.d.add(node);
+      if (this.d.size === 1)
+        this.t.write(true);
     } else {
-      this.c.delete(node);
-      if (this.c.size === 0)
-        this.s.write(false);
+      this.d.delete(node);
+      if (this.d.size === 0)
+        this.t.write(false);
     }
-    type &= ~this.Z;
+    type &= ~this.F;
     return type ? super.notify(node, type, flags) : true;
   }
+  merge(queue) {
+    queue.d.forEach((n) => this.notify(n, this.F, this.F));
+    super.merge(queue);
+  }
 };
 function createBoundary(fn, condition) {
   const owner = new Owner();
@@ -2147,25 +2255,25 @@ function createBoundary(fn, condition) {
   );
   const tree = createBoundChildren(owner, fn, queue, 0);
   new EagerComputation(void 0, () => {
-    const disabled = queue.s.read();
-    tree.S = disabled ? ERROR_BIT | LOADING_BIT : 0;
+    const disabled = queue.t.read();
+    tree.U = disabled ? ERROR_BIT | LOADING_BIT : 0;
     if (!disabled) {
-      queue.t.forEach((node) => queue.notify(node, LOADING_BIT, LOADING_BIT));
-      queue.Y.forEach((node) => queue.notify(node, ERROR_BIT, ERROR_BIT));
-      queue.t.clear();
-      queue.Y.clear();
+      queue.s.forEach((node) => queue.notify(node, LOADING_BIT, LOADING_BIT));
+      queue.V.forEach((node) => queue.notify(node, ERROR_BIT, ERROR_BIT));
+      queue.s.clear();
+      queue.V.clear();
     }
   });
-  return () => queue.s.read() ? void 0 : tree.read();
+  return () => queue.t.read() ? void 0 : tree.read();
 }
 function createCollectionBoundary(type, fn, fallback) {
   const owner = new Owner();
   const queue = new CollectionQueue(type);
   const tree = createBoundChildren(owner, fn, queue, type);
   const decision = new Computation(void 0, () => {
-    if (!queue.s.read()) {
+    if (!queue.t.read()) {
       const resolved = tree.read();
-      if (!queue.s.read())
+      if (!queue.t.read())
         return resolved;
     }
     return fallback(queue);
@@ -2176,17 +2284,19 @@ function createSuspense(fn, fallback) {
   return createCollectionBoundary(LOADING_BIT, fn, () => fallback());
 }
 function createErrorBoundary(fn, fallback) {
-  return createCollectionBoundary(
-    ERROR_BIT,
-    fn,
-    (queue) => fallback(queue.c.values().next().value.O, () => {
+  return createCollectionBoundary(ERROR_BIT, fn, (queue) => {
+    let node = queue.d.values().next().value;
+    ActiveTransition && ActiveTransition.a.has(node) && (node = ActiveTransition.a.get(node));
+    return fallback(node.K, () => {
       incrementClock();
-      for (let node of queue.c) {
-        node.b = STATE_DIRTY;
-        node.i?.enqueue(node.y, node.A.bind(node));
+      for (let node2 of queue.d) {
+        if (ActiveTransition && !node2.g)
+          node2 = cloneGraph(node2);
+        node2.c = STATE_DIRTY;
+        node2.l?.enqueue(node2.A, node2.C.bind(node2));
       }
-    })
-  );
+    });
+  });
 }
 function flatten(children, options) {
   if (typeof children === "function" && !children.length) {