octane 0.2.8 → 0.2.11

package/dist/cjs/runtime.cjs

@@ -72,6 +72,7 @@ __export(runtime_exports, {
   compilerCacheContext: () => compilerCacheContext,
   compilerCacheImmutableArrayFilter: () => compilerCacheImmutableArrayFilter,
   compilerCacheMappedArray: () => compilerCacheMappedArray,
+  compilerMemoRegion: () => compilerMemoRegion,
   compilerOwnsContextProvider: () => compilerOwnsContextProvider,
   componentSlot: () => componentSlot,
   componentSlotLite: () => componentSlotLite,
@@ -96,8 +97,10 @@ __export(runtime_exports, {
   evt0: () => evt0,
   evt0u: () => evt0u,
   evt1: () => evt1,
+  evt1e: () => evt1e,
   evt1u: () => evt1u,
   evt2: () => evt2,
+  evt2e: () => evt2e,
   evt2u: () => evt2u,
   evtN: () => evtN,
   evtNu: () => evtNu,
@@ -131,6 +134,7 @@ __export(runtime_exports, {
   injectStyle: () => injectStyle,
   invokeManualHook: () => invokeManualHook,
   isChildrenBlock: () => isChildrenBlock,
+  isHydratingStyle: () => isHydratingStyle,
   isInActScope: () => isInActScope,
   isValidElement: () => isValidElement,
   keyedForBlock: () => keyedForBlock,
@@ -223,15 +227,20 @@ __export(runtime_exports, {
   setHTML: () => setHTML,
   setHostPropSources: () => setHostPropSources,
   setIsOctaneActEnvironment: () => setIsOctaneActEnvironment,
+  setPlainAttribute: () => setPlainAttribute,
+  setPlainAttributeIfChanged: () => setPlainAttributeIfChanged,
   setScriptText: () => setScriptText,
   setSelectValue: () => setSelectValue,
   setSpread: () => setSpread,
   setStringData: () => setStringData,
   setStringDataIfChanged: () => setStringDataIfChanged,
   setStyle: () => setStyle,
+  setStyleProperties: () => setStyleProperties,
   setStyleProperty: () => setStyleProperty,
   setText: () => setText,
   setTransitionFallbackTimeout: () => setTransitionFallbackTimeout,
+  setURLAttribute: () => setURLAttribute,
+  setURLAttributeIfChanged: () => setURLAttributeIfChanged,
   setValue: () => setValue,
   sibling: () => sibling,
   snapshotSpread: () => snapshotSpread,
@@ -275,6 +284,7 @@ __export(runtime_exports, {
   withSlot: () => withSlot
 });
 module.exports = __toCommonJS(runtime_exports);
+var import_hook_slot_cache = require("./hook-slot-cache.cjs");
 var import_constants = require("./constants.cjs");
 var import_event_names = require("./event-names.cjs");
 var import_has_own = require("./has-own.cjs");
@@ -650,6 +660,7 @@ let NEXT_WARM_EPISODE = 1;
 let CURRENT_WARM_EPISODE = 0;
 const RENDERER_REGION_OWNER = /* @__PURE__ */ Symbol.for("octane.renderer-region.owner");
 const RENDERER_REGION_DOM_OWNERS = /* @__PURE__ */ new WeakMap();
+let RENDERER_REGION_OWNER_COUNT = 0;
 const RENDERER_REGION_DOM_BINDINGS = /* @__PURE__ */ new WeakMap();
 const DOM_ROOT_DISPOSERS = /* @__PURE__ */ new WeakMap();
 let EFFECT_BODY_DEPTH = 0;
@@ -1339,6 +1350,8 @@ const JOURNAL_PROP = 3;
 const JOURNAL_CREATED = 4;
 const JOURNAL_RENDER = 5;
 const JOURNAL_UNDO = 6;
+const JOURNAL_RETIRED = 7;
+const JOURNAL_INPUTS = 8;
 let TRANSITION_JOURNAL = null;
 let TRANSITION_JOURNAL_BAGS = null;
 let TRANSITION_JOURNAL_CHECKPOINT = 0;
@@ -1485,9 +1498,7 @@ function retireRootBlock(block) {
   const retired = transaction.retired ??= /* @__PURE__ */ new Set();
   if (!retired.has(block)) {
     retired.add(block);
-    journalUndo(() => {
-      retired.delete(block);
-    });
+    TRANSITION_JOURNAL.push(JOURNAL_RETIRED, retired, block, null);
   }
   if (block.pending) {
     journalRootProperty(block, "pending", block.pending);
@@ -1611,6 +1622,8 @@ function rollbackRootRender(transaction) {
         if (transaction.log[i] === JOURNAL_UNDO) transaction.log[i + 1]();
         else if (transaction.log[i] === JOURNAL_CREATED)
           undoCreatedInRootRender(transaction.log[i + 1], transaction.log[i + 2]);
+        else if (transaction.log[i] === JOURNAL_RETIRED)
+          transaction.log[i + 1].delete(transaction.log[i + 2]);
       }
       transaction.log.length = 0;
     }
@@ -2075,8 +2088,8 @@ function collectBlockRange(block) {
   }
   return nodes;
 }
-function journalText(node) {
-  TRANSITION_JOURNAL.push(JOURNAL_TEXT, node, node.nodeValue, null);
+function journalText(node, previous) {
+  TRANSITION_JOURNAL.push(JOURNAL_TEXT, node, previous, null);
   journalBag();
 }
 function journalAttr(el, name) {
@@ -2137,9 +2150,16 @@ function rollbackTransitionJournal(checkpoint, owner) {
       case JOURNAL_PROP:
         target[a] = b;
         break;
+      case JOURNAL_INPUTS:
+        target.extra = b;
+        target.props = a;
+        break;
       case JOURNAL_CREATED:
         undoCreatedInRootRender(target, a);
         break;
+      case JOURNAL_RETIRED:
+        target.delete(a);
+        break;
       case JOURNAL_RENDER:
         if (!target.disposed && (target === owner || blockIsAncestorOf(owner, target))) {
           invalidateRender(target, owner);
@@ -2149,10 +2169,16 @@ function rollbackTransitionJournal(checkpoint, owner) {
         target();
         break;
       default:
-        for (const key of Object.keys(target)) {
-          if (!Object.prototype.hasOwnProperty.call(a, key)) delete target[key];
+        for (const key of Reflect.ownKeys(target)) {
+          if (!Object.prototype.hasOwnProperty.call(a, key) && Object.prototype.propertyIsEnumerable.call(target, key))
+            delete target[key];
+        }
+        for (const key of Reflect.ownKeys(a)) {
+          if (typeof key === "symbol") {
+            if (Reflect.set(target, key, a[key]) || Object.is(target[key], a[key])) continue;
+          }
+          target[key] = a[key];
         }
-        for (const key of Object.keys(a)) target[key] = a[key];
         if (b !== null) target.length = b;
         TRANSITION_JOURNAL_BAGS.delete(target);
     }
@@ -2464,13 +2490,17 @@ function scheduleRenderCleanup(schedule, receiver, cleanup, onDiscard) {
 }
 function createOffscreenCapture() {
   return {
+    rootTransaction: false,
     renderRoot: null,
     renderedBlocks: null,
     effects: [[], [], []],
     events: [],
     eventActions: [],
     refs: [],
-    stores: []
+    detaches: void 0,
+    stores: [],
+    suspenseCommits: void 0,
+    renderCleanups: void 0
   };
 }
 let EFFECT_EVENT_RENDER_TARGET = effectEventQueue;
@@ -2652,29 +2682,34 @@ function drainHydrationRenderPhaseUpdates(root) {
     }
   }
 }
-function sortWaveByDepth(wave) {
-  const queued = new Set(wave);
-  const depth = /* @__PURE__ */ new Map();
-  const path = [];
+function sortWaveByDepth(wave, drainId) {
+  const stamp = -drainId;
   for (let i = 0; i < wave.length; i++) {
-    let current = wave[i];
-    let knownDepth;
-    while (current !== null) {
-      knownDepth = depth.get(current);
-      if (knownDepth !== void 0) break;
-      path.push(current);
+    const start = wave[i];
+    if (start.drainStamp === stamp) continue;
+    let current = start;
+    let depth = 0;
+    while (current !== null && current.drainStamp !== stamp) {
+      depth++;
       current = current.parentBlock;
     }
-    let currentDepth = knownDepth ?? -1;
-    while (path.length > 0) {
-      const block = path.pop();
-      currentDepth++;
-      if (queued.has(block)) depth.set(block, currentDepth);
+    depth += current === null ? -1 : current.drainRenders;
+    current = start;
+    while (current !== null && current.drainStamp !== stamp) {
+      if (current.drainStamp !== void 0) {
+        current.drainStamp = stamp;
+        current.drainRenders = depth;
+      }
+      depth--;
+      current = current.parentBlock;
     }
   }
-  wave.sort((a, b) => depth.get(a) - depth.get(b));
+  wave.sort(compareWaveDepth);
   return wave;
 }
+function compareWaveDepth(a, b) {
+  return a.drainRenders - b.drainRenders;
+}
 let SCHEDULED_VISIBILITY_DRIVER = null;
 function ensureScheduledVisibilityDriver() {
   SCHEDULED_VISIBILITY_DRIVER ??= {
@@ -2698,7 +2733,7 @@ function drainQueue() {
   let pendingError = null;
   let activitiesToRehide = null;
   const drainId = ++DRAIN_ID;
-  if (QUEUE.length > 1) sortWaveByDepth(QUEUE);
+  if (QUEUE.length > 1) sortWaveByDepth(QUEUE, drainId);
   for (let i = 0; i < QUEUE.length; i++) {
     const block = QUEUE[i];
     if (!block.pending && !block.nestedUpdateError) continue;
@@ -3462,7 +3497,15 @@ function drainRefDetaches() {
 function drainRefAttaches() {
   if (refAttachQueue.length === 0) return;
   const q = refAttachQueue.splice(0);
-  q.sort((a, b) => comparePostOrder(a.block, 0, b.block, 0));
+  if (q.length > 1) {
+    const parent = q[0].block?.parentBlock ?? null;
+    for (let i = 1; i < q.length; i++) {
+      if ((q[i].block?.parentBlock ?? null) !== parent) {
+        q.sort(compareRefPostOrder);
+        break;
+      }
+    }
+  }
   for (const r of q) {
     if (blockSubtreeDisposed(r.block)) continue;
     if (NATIVE_READ_DRIVER !== null && !NATIVE_READ_DRIVER.publicationCurrent(r)) {
@@ -3741,6 +3784,9 @@ function compareEffectPostOrder(a, b) {
   if (a.scope === b.scope) return a.order - b.order || a.seq - b.seq;
   return comparePostOrder(a.scope.block, a.seq, b.scope.block, b.seq);
 }
+function compareRefPostOrder(a, b) {
+  return comparePostOrder(a.block, 0, b.block, 0);
+}
 function finishEffectCommit() {
   if (--EFFECT_COMMIT_DEPTH !== 0 || COMMIT_PHASE_ERRORS === null) return;
   const errors = COMMIT_PHASE_ERRORS;
@@ -4036,6 +4082,7 @@ class BlockImpl {
     this.deoptNode = null;
     this.deoptRefs = false;
     this.slots = [];
+    this.compilerMemo = null;
     this.forSlot = null;
     this.prevSibling = null;
     this.nextSibling = null;
@@ -4072,6 +4119,7 @@ class ScopeImpl {
     this.$$ctxCacheOwner = null;
     this.mounted = false;
     this.slots = [];
+    this.compilerMemo = null;
   }
 }
 function createBlock(kind, parentBlock, parentNode, startMarker, endMarker, body, props, extra, outputHandler = null) {
@@ -4529,6 +4577,22 @@ class LiteBlockImpl {
 }
 function componentSlotLite(parentScope, slotKey, host, comp, props, anchor) {
   if (CURRENT_BLOCK?.pending && !CURRENT_BLOCK.crossRenderUpdate) return;
+  if (parentScope === SHARED_BODY_SCOPE) {
+    componentSlotImpl(
+      null,
+      parentScope,
+      slotKey,
+      host,
+      comp,
+      comp,
+      props,
+      props,
+      anchor,
+      void 0,
+      2
+    );
+    return;
+  }
   const hydration = activeHydration();
   let scope = parentScope.slots[slotKey];
   let adoptedOpen = null;
@@ -4840,10 +4904,7 @@ function resolveSlot(slot) {
   const n = slotStack.length;
   if (n === 0) return slot;
   if (slot === void 0 && n === 1) return slotStack[0];
-  let key = "@octane:hook:";
-  for (let i = 0; i < n; i++) key = appendSlotKey(key, slotStack[i]);
-  if (slot !== void 0) key = appendSlotKey(key, slot);
-  const resolved = Symbol.for(key);
+  const resolved = (0, import_hook_slot_cache.resolveHookPath)(slotStack, slot, false);
   return typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__ ? (0, import_profiling.__profileResolveHook)(resolved, typeof slot === "symbol" ? slot : void 0) : resolved;
 }
 function nativeLocalHook(name, initialize, dispose, slot) {
@@ -4860,7 +4921,11 @@ function nativeLocalHook(name, initialize, dispose, slot) {
   return cell.nativeValue;
 }
 function useState(initial, slot) {
-  if (slot === void 0 && typeof initial === "symbol" && arguments.length === 1 && (slotStack.length === 0 || MANUAL_HOOK_DRIVER?.active === true)) {
+  const s = readStateHook(initial, slot, arguments.length === 1);
+  return [s.value, s.setter];
+}
+function readStateHook(initial, slot, loneArgument) {
+  if (slot === void 0 && typeof initial === "symbol" && loneArgument && (slotStack.length === 0 || MANUAL_HOOK_DRIVER?.active === true)) {
     slot = initial;
     initial = void 0;
   }
@@ -4934,7 +4999,13 @@ function useState(initial, slot) {
         if (!block.disposed && typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__)
           (0, import_profiling.__profileSchedule)(block, "state", slot);
         scheduleRender(block);
-      }
+      },
+      updates: void 0,
+      renderTransition: void 0,
+      urgentTransition: void 0,
+      getter: void 0,
+      pendingActionBatch: void 0,
+      pendingActionValue: void 0
     };
     ensureHooks(scope).set(slot, s);
   }
@@ -4951,7 +5022,7 @@ function useState(initial, slot) {
       s.updates = void 0;
     }
   }
-  return [s.value, s.setter];
+  return s;
 }
 function readQueuedState(state) {
   const transition = state.renderTransition;
@@ -5026,21 +5097,14 @@ function endUrgentTransitionCell(snapshot) {
     entry.baseValue = cell.value;
 }
 function __useStateWithGetter(initial, slot) {
-  if (slot === void 0 && typeof initial === "symbol" && arguments.length === 1 && (slotStack.length === 0 || MANUAL_HOOK_DRIVER?.active === true)) {
-    slot = initial;
-    initial = void 0;
-  }
-  const pair = useState(initial, slot);
-  const resolved = resolveSlot(slot);
-  if (resolved === void 0) missingSlot("useState");
-  const s = CURRENT_SCOPE.hooks.get(resolved);
+  const s = readStateHook(initial, slot, arguments.length === 1);
   const getter = s.getter ?? (s.getter = () => {
     const batch = s.pendingActionBatch;
     if (batch === void 0) return readQueuedState(s);
     const update = batch.updates.get(s);
     return update === void 0 ? readQueuedState(s) : readQueuedTransition(update, false);
   });
-  return [pair[0], pair[1], getter];
+  return [s.value, s.setter, getter];
 }
 let HIDDEN_REVEAL_ACTIONS = null;
 function deferHiddenRevealAction(boundary, action) {
@@ -5239,6 +5303,10 @@ function __useLinkedStateWithGetter(source, reconcile, options, slot) {
   return [pair[0], pair[1], getter];
 }
 function useReducer(reducer, initialArg, initOrSlot, slot) {
+  const s = readReducerHook(reducer, initialArg, initOrSlot, slot);
+  return [s.value, s.dispatch];
+}
+function readReducerHook(reducer, initialArg, initOrSlot, slot) {
   let init;
   if (typeof initOrSlot === "symbol") {
     slot = initOrSlot;
@@ -5293,7 +5361,13 @@ function useReducer(reducer, initialArg, initOrSlot, slot) {
         if (!block.disposed && typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__)
           (0, import_profiling.__profileSchedule)(block, "reducer", slot);
         scheduleRender(block);
-      }
+      },
+      renderPhaseActions: void 0,
+      renderTransition: void 0,
+      urgentTransition: void 0,
+      getter: void 0,
+      pendingActionBatch: void 0,
+      pendingActionValue: void 0
     };
     ensureHooks(scope).set(slot, s);
   } else {
@@ -5312,7 +5386,7 @@ function useReducer(reducer, initialArg, initOrSlot, slot) {
       }
     }
   }
-  return [s.value, s.dispatch];
+  return s;
 }
 function readQueuedReducer(state) {
   let value = state.renderTransition === void 0 ? state.value : readQueuedTransition(
@@ -5325,18 +5399,14 @@ function readQueuedReducer(state) {
   return value;
 }
 function __useReducerWithGetter(reducer, initialArg, initOrSlot, slot) {
-  const resolvedInput = typeof initOrSlot === "symbol" ? initOrSlot : slot;
-  const pair = useReducer(reducer, initialArg, initOrSlot, slot);
-  const resolved = resolveSlot(resolvedInput);
-  if (resolved === void 0) missingSlot("useReducer");
-  const s = CURRENT_SCOPE.hooks.get(resolved);
+  const s = readReducerHook(reducer, initialArg, initOrSlot, slot);
   const getter = s.getter ?? (s.getter = () => {
     const batch = s.pendingActionBatch;
     if (batch === void 0) return readQueuedReducer(s);
     const update = batch.updates.get(s);
     return update === void 0 ? readQueuedReducer(s) : readQueuedTransition(update, false, s.reducer);
   });
-  return [pair[0], pair[1], getter];
+  return [s.value, s.dispatch, getter];
 }
 function depsChanged(prev, next, hook = false) {
   if (prev === void 0 || next === void 0) return true;
@@ -5512,7 +5582,9 @@ function adoptMemoEntry(scope, slot, deps) {
   const entry = {
     deps,
     value: adopted.value,
-    warmEpisode: CURRENT_WARM_EPISODE
+    warmEpisode: CURRENT_WARM_EPISODE,
+    warmRecord: void 0,
+    nativeWitness: void 0
   };
   if (ACTIVE_TRANSITION_ATTEMPT !== null) journalMemoEntry(scope, slot, entry);
   ensureHooks(scope).set(slot, entry);
@@ -5527,8 +5599,13 @@ function readMemoEntry(scope, slot, deps) {
   return WARM_EVER && deps !== void 0 ? adoptMemoEntry(scope, slot, deps) : null;
 }
 function publishMemoEntry(scope, slot, deps, value, nativeWitness) {
-  const entry = { deps, value };
-  if (nativeWitness !== void 0) entry.nativeWitness = nativeWitness;
+  const entry = {
+    deps,
+    value,
+    warmEpisode: void 0,
+    warmRecord: void 0,
+    nativeWitness
+  };
   if (ACTIVE_TRANSITION_ATTEMPT !== null) journalMemoEntry(scope, slot, entry);
   ensureHooks(scope).set(slot, entry);
   if (deps !== void 0 && recordRealWarmMemo(slot, deps, entry)) {
@@ -5560,8 +5637,25 @@ function useCallback(fn, deps, slot) {
   return entry === null ? publishMemoEntry(scope, s, d, fn) : entry.value;
 }
 const hookMemoEqual = Object.is;
+function compilerMemoRegion(scope, bodyId) {
+  const region = scope.compilerMemo;
+  if (region !== null && region.bodyId === bodyId) return region;
+  return createCompilerMemoRegion(scope, bodyId, region);
+}
+function createCompilerMemoRegion(scope, bodyId, first) {
+  if (first === null)
+    return scope.compilerMemo = { bodyId, auto: void 0, hooks: void 0, overflow: null };
+  let overflow = first.overflow;
+  if (overflow === null) first.overflow = overflow = /* @__PURE__ */ new Map();
+  let region = overflow.get(bodyId);
+  if (region === void 0) {
+    region = { bodyId, auto: void 0, hooks: void 0, overflow: null };
+    overflow.set(bodyId, region);
+  }
+  return region;
+}
 function hookMemoCreate(size) {
-  return new Array(size).fill(void 0);
+  return new Array(size).fill(null);
 }
 function hookMemoPublish0(cells, base, value) {
   if (ACTIVE_TRANSITION_ATTEMPT !== null) journalHookMemoCells(cells, base, [true, value]);
@@ -5749,11 +5843,12 @@ function scheduleStoreRender(block) {
   }
 }
 let DID_WARN_UNCACHED_SNAPSHOT = false;
-function useSyncExternalStore(subscribe, getSnapshot, ...rest) {
-  let slot = rest[rest.length - 1];
+function useSyncExternalStore(subscribe, getSnapshot, serverSnapshotOrSlot = void 0, lastSlot) {
+  const count = arguments.length;
+  let slot = count > 4 ? arguments[count - 1] : count === 4 ? lastSlot : serverSnapshotOrSlot;
   slot = resolveSlot(slot);
   if (slot === void 0) missingSlot("useSyncExternalStore");
-  const getServerSnapshot = rest.length >= 2 ? rest[0] : void 0;
+  const getServerSnapshot = count >= 4 ? serverSnapshotOrSlot : void 0;
   const subs = usesSubslots(slot);
   const readSnapshot = activeHydration() !== null && getServerSnapshot !== void 0 ? getServerSnapshot : getSnapshot;
   const value = readSnapshot();
@@ -5772,6 +5867,7 @@ function useSyncExternalStore(subscribe, getSnapshot, ...rest) {
       getSnapshot,
       pending: value,
       subscribe,
+      effectDeps: null,
       forceUpdate: typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__ ? () => {
         if (!block.disposed) (0, import_profiling.__profileSchedule)(block, "external-store", slot);
         scheduleStoreRender(block);
@@ -5787,6 +5883,7 @@ function useSyncExternalStore(subscribe, getSnapshot, ...rest) {
       queued: false
     };
     inst = created;
+    created.effectDeps = [created, subscribe];
     ensureHooks(scope).set(subs.inst, inst);
     enqueueStoreSync(inst, value, subscribe);
   } else {
@@ -5795,7 +5892,8 @@ function useSyncExternalStore(subscribe, getSnapshot, ...rest) {
       enqueueStoreSync(inst, value, subscribe);
     }
   }
-  useEffect(subscribeToStore, [inst, subscribe], subs.effect);
+  if (inst.effectDeps[1] !== subscribe) inst.effectDeps = [inst, subscribe];
+  useEffect(subscribeToStore, inst.effectDeps, subs.effect);
   return value;
 }
 function useEffectEvent(fn, slot) {
@@ -5863,18 +5961,50 @@ function renderClientContextProvider(context, props, renderScope) {
   const ctx = context;
   const scope = renderScope;
   provideContext(scope, ctx, props.value);
-  if (props.children != null) {
-    const dialect = typeof props.children === "function" ? 1 : 2;
+  const children = props.children;
+  if (children != null) {
+    const dialect = typeof children === "function" ? children[CHILDREN_BODY] ?? children : 2;
     const previous = scope.hooks?.get(CHILDREN_DIALECT_SLOT);
     if (previous !== dialect) {
-      if (previous !== void 0) {
+      if (previous !== void 0 && (previous === 2 || dialect === 2)) {
         resetScopeChildren(scope);
         if (scope.block.disposed) return;
+      } else if (previous !== void 0) {
+        invalidateSharedBodyOutput(scope);
+        if (TRANSITION_JOURNAL !== null && !ROOT_RENDER_ROLLBACK) {
+          const hooks = scope.hooks;
+          journalUndo(() => hooks.set(CHILDREN_DIALECT_SLOT, previous));
+        }
       }
       ensureHooks(scope).set(CHILDREN_DIALECT_SLOT, dialect);
     }
-    childrenAsBody(props.children)(void 0, scope, void 0);
+    renderSharedBody(childrenAsBody(children), void 0, scope, void 0);
+  }
+}
+let SHARED_BODY_SCOPE = null;
+function renderSharedBody(body, props, scope, extra) {
+  const previous = SHARED_BODY_SCOPE;
+  SHARED_BODY_SCOPE = scope;
+  try {
+    return body(props, scope, extra);
+  } finally {
+    SHARED_BODY_SCOPE = previous;
+  }
+}
+function invalidateSharedBodyOutput(scope) {
+  const first = scope.compilerMemo;
+  if (first === null) return;
+  invalidateSharedBodyMemoRegion(first);
+  if (first.overflow !== null) {
+    for (const region of first.overflow.values()) invalidateSharedBodyMemoRegion(region);
+  }
+}
+function invalidateSharedBodyMemoRegion(region) {
+  if (region.auto === void 0) return;
+  if (TRANSITION_JOURNAL !== null && !ROOT_RENDER_ROLLBACK) {
+    TRANSITION_JOURNAL.push(JOURNAL_PROP, region, "auto", region.auto);
   }
+  region.auto = void 0;
 }
 function provideContext(scope, context, value) {
   if (scope.$$ctxValues === null) scope.$$ctxValues = /* @__PURE__ */ new Map();
@@ -5894,13 +6024,15 @@ function provideContext(scope, context, value) {
   values.set(context, value);
 }
 const CHILDREN_BLOCK = /* @__PURE__ */ Symbol.for("octane.childrenBlock");
+const CHILDREN_BODY = /* @__PURE__ */ Symbol.for("octane.childrenBody");
 function markSingleRoot(component) {
   component.$$singleRoot = true;
   return component;
 }
-function markChildrenBlock(fn) {
+function markChildrenBlock(fn, body) {
   if (typeof fn === "function") {
     fn[CHILDREN_BLOCK] = true;
+    if (body !== void 0) fn[CHILDREN_BODY] = body;
   }
   return fn;
 }
@@ -5989,6 +6121,7 @@ function resetHmrBlock(block) {
       block._slots = null;
       block.refFields = null;
       block.slots = [];
+      block.compilerMemo = null;
       block.deoptNode = null;
     });
     const hooks = block.hooks;
@@ -6020,6 +6153,7 @@ function resetScopeChildren(scope) {
     scope.effectSlots = null;
     scope.hooks = null;
     scope.slots = [];
+    scope.compilerMemo = null;
     scope.refFields = null;
   } finally {
     if (--TEARDOWN_DEPTH === 0) dispatchTeardownErrors();
@@ -7026,13 +7160,12 @@ function useContext(context) {
 }
 const DEFAULT_CTX = /* @__PURE__ */ Symbol("octane.ctx.default");
 function rendererRegionOwnerForBlock(block) {
+  if (RENDERER_REGION_OWNER_COUNT === 0) return null;
   let current = block;
-  while (current !== null) {
-    const bridge = RENDERER_REGION_DOM_OWNERS.get(current);
-    if (bridge !== void 0 && bridge.active) return bridge;
-    current = current.parentBlock;
-  }
-  return null;
+  while (current !== null && current.parentBlock !== null) current = current.parentBlock;
+  if (current === null) return null;
+  const bridge = RENDERER_REGION_DOM_OWNERS.get(current);
+  return bridge !== void 0 && bridge.active ? bridge : null;
 }
 function rendererRegionTryHandler(block) {
   const bridge = rendererRegionOwnerForBlock(block);
@@ -7074,12 +7207,14 @@ function bindRendererRegionOwner(props) {
   root.$$ctxCache = null;
   root.$$ctxCacheOwner = null;
   if (previous === void 0) {
+    RENDERER_REGION_OWNER_COUNT++;
     (root.cleanups ??= []).push(() => {
       const current = RENDERER_REGION_DOM_BINDINGS.get(root);
       if (current === void 0) return;
       current.release();
       RENDERER_REGION_DOM_BINDINGS.delete(root);
       RENDERER_REGION_DOM_OWNERS.delete(root);
+      RENDERER_REGION_OWNER_COUNT--;
     });
   }
 }
@@ -7109,6 +7244,12 @@ function scopedReadsChanged(reads) {
   }
   return false;
 }
+function replayScopedContextReads(reads, block) {
+  for (const [context, version] of reads) {
+    if (block !== null) recordContextDependency(block, context);
+    if (SCOPED_READ_TRACKING) (SCOPED_READS ??= /* @__PURE__ */ new Map()).set(context, version);
+  }
+}
 function createScopedResolver(read) {
   let resolved = false;
   let resolvedScope = null;
@@ -7123,18 +7264,22 @@ function createScopedResolver(read) {
       SCOPED_READ_TRACKING = true;
       SCOPED_READS = null;
       let next;
+      let nextReads;
       try {
         next = read();
       } finally {
-        resolvedReads = SCOPED_READS;
+        nextReads = SCOPED_READS;
         SCOPED_READ_TRACKING = previousTracking;
         SCOPED_READS = previousReads;
+        if (previousTracking && nextReads !== null) replayScopedContextReads(nextReads, null);
       }
       resolvedScope = scope;
+      resolvedReads = nextReads;
       resolvedValue = next;
       resolved = true;
-    } else if (resolvedScope !== scope) {
+    } else {
       resolvedScope = scope;
+      if (resolvedReads !== null) replayScopedContextReads(resolvedReads, CURRENT_BLOCK);
     }
     return resolvedValue;
   };
@@ -7169,6 +7314,7 @@ function createNativeScopedResolver(read) {
           nextReads = SCOPED_READS;
           SCOPED_READ_TRACKING = previousTracking;
           SCOPED_READS = previousReads;
+          if (previousTracking && nextReads !== null) replayScopedContextReads(nextReads, null);
           nextWitness = finishNativeReadWitness(witnessToken, readCompleted);
         }
         resolvedScope = scope;
@@ -7178,6 +7324,7 @@ function createNativeScopedResolver(read) {
         resolved = true;
       } else {
         resolvedScope = scope;
+        if (resolvedReads !== null) replayScopedContextReads(resolvedReads, CURRENT_BLOCK);
         if (collecting) replayNativeReadWitness(resolvedWitness);
       }
       completed = true;
@@ -7562,21 +7709,6 @@ function retainDiscardedWarmMemos(scope) {
   }
   forEachSubtreeChild(scope, retainDiscardedWarmMemos);
 }
-function runWarm(fn, owner = CURRENT_BLOCK) {
-  const cache = warmCacheForOwner(owner);
-  WARM_EVER = true;
-  const prev = CURRENT_WARM;
-  const prevClaims = CURRENT_WARM_CLAIMS;
-  CURRENT_WARM = cache;
-  CURRENT_WARM_CLAIMS = /* @__PURE__ */ new Set();
-  try {
-    fn();
-  } catch {
-  } finally {
-    CURRENT_WARM = prev;
-    CURRENT_WARM_CLAIMS = prevClaims;
-  }
-}
 function blockIsAncestor(ancestor, block) {
   for (let current = block; current !== null; current = current.parentBlock) {
     if (current === ancestor) return true;
@@ -7585,24 +7717,29 @@ function blockIsAncestor(ancestor, block) {
 }
 function runActiveWarmPlans(local) {
   const block = CURRENT_BLOCK;
-  let plans = null;
+  const end = ACTIVE_WARM_PLANS.length;
+  let first = 0;
   let owner = block;
-  for (let i = 0; i < ACTIVE_WARM_PLANS.length; i += 3) {
-    const planBlock = ACTIVE_WARM_PLANS[i];
-    if (!blockIsAncestor(planBlock, block)) continue;
-    (plans ??= []).push(i);
-    if (plans.length === 1) owner = planBlock;
-  }
-  if (plans === null && local === void 0) return;
-  runWarm(() => {
-    if (plans !== null) {
-      for (let i = 0; i < plans.length; i++) {
-        CURRENT_WARM_CLAIMS = /* @__PURE__ */ new Set();
-        try {
-          const index = plans[i];
-          ACTIVE_WARM_PLANS[index + 1](ACTIVE_WARM_PLANS[index + 2]);
-        } catch {
-        }
+  for (; first < end; first += 3) {
+    const planBlock = ACTIVE_WARM_PLANS[first];
+    if (blockIsAncestor(planBlock, block)) {
+      owner = planBlock;
+      break;
+    }
+  }
+  if (first === end && local === void 0) return;
+  const cache = warmCacheForOwner(owner);
+  WARM_EVER = true;
+  const previous = CURRENT_WARM;
+  const previousClaims = CURRENT_WARM_CLAIMS;
+  CURRENT_WARM = cache;
+  try {
+    for (let i = first; i < end; i += 3) {
+      if (i !== first && !blockIsAncestor(ACTIVE_WARM_PLANS[i], block)) continue;
+      CURRENT_WARM_CLAIMS = /* @__PURE__ */ new Set();
+      try {
+        ACTIVE_WARM_PLANS[i + 1](ACTIVE_WARM_PLANS[i + 2]);
+      } catch {
       }
     }
     if (local !== void 0) {
@@ -7612,7 +7749,11 @@ function runActiveWarmPlans(local) {
       } catch {
       }
     }
-  }, owner);
+  } catch {
+  } finally {
+    CURRENT_WARM = previous;
+    CURRENT_WARM_CLAIMS = previousClaims;
+  }
 }
 function activeMemoMatch(slot, deps, accept) {
   for (let block = CURRENT_BLOCK; block !== null; block = block.parentBlock) {
@@ -7845,6 +7986,7 @@ function adoptNativeMemoEntry(scope, slot, deps) {
     deps,
     value: adopted.value,
     warmEpisode: CURRENT_WARM_EPISODE,
+    warmRecord: void 0,
     nativeWitness: adopted.nativeWitness
   };
   if (ACTIVE_TRANSITION_ATTEMPT !== null) journalMemoEntry(scope, slot, entry);
@@ -8006,6 +8148,14 @@ function memoPublishAlways(slot, value) {
   return publishMemoEntry(CURRENT_SCOPE, slot, void 0, value);
 }
 const LAZY_COMPONENT = /* @__PURE__ */ Symbol.for("octane.lazy");
+const LAZY_BODY_CHECK = /* @__PURE__ */ Symbol.for("octane.lazyBodyCheck");
+function markLazyBodyCheck(body, check) {
+  Object.defineProperty(body, LAZY_BODY_CHECK, {
+    get() {
+      return this === body ? check : void 0;
+    }
+  });
+}
 function resolveLazyModule(mod) {
   let comp = mod;
   if (mod != null) {
@@ -8033,6 +8183,7 @@ function lazy(load) {
   let displayName;
   let resolvedName = "Lazy";
   let lazyWrapper;
+  const bodySlot = /* @__PURE__ */ Symbol();
   const initializeLazy = () => {
     if (status !== "uninitialized") return;
     try {
@@ -8064,6 +8215,18 @@ function lazy(load) {
   };
   const callResolvedComponent = (props, scope, extra) => {
     const comp = resolveLazyModule(result);
+    const previousBody = scope.hooks?.get(bodySlot);
+    if (previousBody !== comp) {
+      if (previousBody !== void 0) invalidateSharedBodyOutput(scope);
+      const hooks = ensureHooks(scope);
+      if (TRANSITION_JOURNAL !== null && !ROOT_RENDER_ROLLBACK) {
+        journalUndo(() => {
+          if (previousBody === void 0) hooks.delete(bodySlot);
+          else hooks.set(bodySlot, previousBody);
+        });
+      }
+      hooks.set(bodySlot, comp);
+    }
     resolvedName = comp.displayName || comp.name || "Lazy";
     if (comp.__memo === true) {
       if (!memoMetadataInstalled) {
@@ -8073,12 +8236,18 @@ function lazy(load) {
           }
         });
         Object.defineProperty(lazyWrapper, "__compare", {
-          value: (prev, next) => {
+          value: (prev, next, renderScope) => {
             const current = resolveLazyModule(result);
+            if (renderScope.hooks?.get(bodySlot) !== current || current.__memo !== true)
+              return false;
             const compare = current.__compare;
             const previous = (0, import_shared_value_helpers.resolveLazyDefaultProps)(current, prev);
             const incoming = (0, import_shared_value_helpers.resolveLazyDefaultProps)(current, next);
-            return compare ? compare(previous, incoming) : shallowEqualProps(previous, incoming);
+            return compare ? current[LAZY_BODY_CHECK] !== void 0 ? compare(
+              previous,
+              incoming,
+              renderScope
+            ) : compare(previous, incoming) : shallowEqualProps(previous, incoming);
           }
         });
         memoMetadataInstalled = true;
@@ -8089,7 +8258,7 @@ function lazy(load) {
       (0, import_profiling.__profileComponentSource)(lazyWrapper, comp);
       profiledComponent = comp;
     }
-    return comp((0, import_shared_value_helpers.resolveLazyDefaultProps)(comp, props), scope, extra);
+    return renderSharedBody(comp, (0, import_shared_value_helpers.resolveLazyDefaultProps)(comp, props), scope, extra);
   };
   lazyWrapper = (props, scope, extra) => {
     if (status === "fulfilled") {
@@ -8114,6 +8283,13 @@ function lazy(load) {
     throw new SuspenseException(thenable);
   };
   markWarm(lazyWrapper, initializeLazy);
+  markLazyBodyCheck(lazyWrapper, (scope) => {
+    if (status !== "fulfilled") return false;
+    const current = resolveLazyModule(result);
+    if (scope.hooks?.get(bodySlot) !== current) return false;
+    const nestedCheck = current[LAZY_BODY_CHECK];
+    return nestedCheck === void 0 || nestedCheck(scope);
+  });
   Object.defineProperty(lazyWrapper, LAZY_COMPONENT, {
     get() {
       return this === lazyWrapper;
@@ -8189,6 +8365,19 @@ function initDomOperations() {
   }
 }
 const LAZY_TEMPLATE = /* @__PURE__ */ Symbol("octane.lazy-template");
+function fragmentTemplate(wrapper) {
+  for (const descendant of wrapper.querySelectorAll("*")) {
+    if (descendant.localName.includes("-") || descendant.hasAttribute("is")) {
+      wrapper.__oct_frag = true;
+      return wrapper;
+    }
+  }
+  const fragment = document.createDocumentFragment();
+  let child2;
+  while ((child2 = wrapper.firstChild) !== null) fragment.appendChild(child2);
+  fragment.__oct_frag = true;
+  return fragment;
+}
 function parseTemplate(html, ns, frag) {
   initDomOperations();
   const t = document.createElement("template");
@@ -8196,7 +8385,7 @@ function parseTemplate(html, ns, frag) {
     t.innerHTML = frag ? `<octane-frag>${html}</octane-frag>` : html;
     const root = t.content.firstChild;
     if (root.nodeType === 1 && root.localName === "octane-frag") {
-      root.__oct_frag = true;
+      return fragmentTemplate(root);
     }
     return root;
   }
@@ -8204,8 +8393,7 @@ function parseTemplate(html, ns, frag) {
   t.innerHTML = `<${wrap}>${html}</${wrap}>`;
   const wrapEl = t.content.firstChild;
   if (frag) {
-    wrapEl.__oct_frag = true;
-    return wrapEl;
+    return fragmentTemplate(wrapEl);
   }
   return wrapEl.firstChild;
 }
@@ -8216,7 +8404,7 @@ function template(html, ns = 0, frag = 0) {
       html,
       ns: ns === 1 ? 1 : ns === 2 ? 2 : ns === 3 ? 3 : 0,
       frag,
-      parsed: [],
+      parsed: [null, null, null],
       root: 0
     }
   };
@@ -8255,7 +8443,7 @@ function resolveLazyTemplate(lazy2) {
     ns = lazy2.ns;
   }
   let parsed = lazy2.parsed[ns];
-  if (parsed === void 0) {
+  if (parsed === null) {
     parsed = parseTemplate(lazy2.html, ns, lazy2.frag);
     lazy2.parsed[ns] = parsed;
   }
@@ -8731,7 +8919,7 @@ class HydrationCapability {
       this.classWrites.clear();
     }
   }
-  applyStyle(el, value, _prev, staticCss) {
+  applyStyle(el, value, _prev, staticCss, entries) {
     const mode = hydrationMismatchMode(el);
     if (mode === 1) return true;
     const style = el.style;
@@ -8739,7 +8927,14 @@ class HydrationCapability {
     const before = style.cssText;
     const expectedStyle = document.createElement("div").style;
     if (staticCss !== void 0) expectedStyle.cssText = staticCss;
-    applyStyleValue(el, expectedStyle, value, void 0);
+    if (entries === void 0) applyStyleValue(el, expectedStyle, value, void 0);
+    else {
+      for (let i = 0; i < entries.length; i += 2) {
+        const entry = entries[i + 1];
+        if (entry != null && typeof entry !== "boolean")
+          applyStyleProperty(el, expectedStyle, entries[i], entry);
+      }
+    }
     const expected = expectedStyle.cssText;
     const expectsStyleAttribute = expected !== "";
     if (before === expected && hadStyleAttribute === expectsStyleAttribute) return true;
@@ -8862,6 +9057,10 @@ function clone(node, loc, partialStyles) {
 }
 function drainFrag(root, parent, anchor) {
   if (activeHydration() !== null && root.__oct_vfrag === true) return;
+  if (root.nodeType === 11) {
+    parent.insertBefore(root, anchor);
+    return;
+  }
   let c;
   while ((c = getFirstChild(root)) !== null) parent.insertBefore(c, anchor);
 }
@@ -8942,10 +9141,17 @@ function isTextParserNormalizedMatch(server, client) {
 function isAttributeParserNormalizedMatch(server, client) {
   return server !== null && normalizeParserText(server) === normalizeParserText(client);
 }
-function htext(el, value) {
+function htext(el, value, seeded = void 0) {
   const text = coerceText(value);
   const hydration = activeHydration();
   if (hydration !== null) return hydration.htext(el, text);
+  if (seeded === 1) {
+    const first = getFirstChild(el);
+    if (first !== null && first.nodeType === 3) {
+      first.nodeValue = text;
+      return first;
+    }
+  }
   const t = document.createTextNode(text);
   el.appendChild(t);
   return t;
@@ -8956,8 +9162,7 @@ function htextSwap(posNode, value) {
   if (hydration !== null) return hydration.htextSwap(posNode, text);
   const t = document.createTextNode(text);
   const parent = posNode.parentNode;
-  parent.insertBefore(t, posNode);
-  parent.removeChild(posNode);
+  parent.replaceChild(t, posNode);
   return t;
 }
 function hydrationMarkerMultiplicity(data, open) {
@@ -9042,14 +9247,15 @@ let hiddenTextWriter = null;
 let hiddenStyleWriter = null;
 function updateTextValue(node, value) {
   if (hiddenTextWriter !== null && hiddenTextWriter(node, value)) return;
-  if (node.nodeValue !== value) {
-    if (TRANSITION_JOURNAL !== null) journalText(node);
+  const previous = node.nodeValue;
+  if (previous !== value) {
+    if (TRANSITION_JOURNAL !== null) journalText(node, previous);
     node.nodeValue = value;
   }
 }
 function setText(node, value) {
   VIEW_TRANSITION_DRIVER?.markDirty();
-  if (TRANSITION_JOURNAL !== null) journalText(node);
+  if (TRANSITION_JOURNAL !== null) journalText(node, node.nodeValue);
   const text = coerceText(value);
   if (hiddenTextWriter !== null && hiddenTextWriter(node, text)) return;
   node.nodeValue = text;
@@ -9059,6 +9265,16 @@ function setAttributeIfChanged(value, previous, el, name) {
   setAttribute(el, name, value);
   return value;
 }
+function setPlainAttributeIfChanged(value, previous, el, name) {
+  if (previous === value) return previous;
+  setPlainAttribute(el, name, value);
+  return value;
+}
+function setURLAttributeIfChanged(value, previous, el, name) {
+  if (previous === value) return previous;
+  setURLAttribute(el, name, value);
+  return value;
+}
 function setStringDataIfChanged(value, previous, el, name) {
   if (previous === value) return previous;
   setStringData(el, name, value);
@@ -10033,6 +10249,31 @@ function devValidateHostProps(el, props) {
     console.error((0, import_host_property_diagnostics.invalidHostPropertiesWarning)(invalid, el.localName));
   }
 }
+function setPlainAttribute(el, name, value) {
+  if (process.env.NODE_ENV !== "production") return setAttribute(el, name, value);
+  const type = typeof value;
+  const next = value == null || type === "boolean" || type === "function" || type === "symbol" ? null : String(value);
+  const hydration = activeHydration();
+  if (hydration !== null && !hydration.allowAttribute(el, name, next)) return;
+  if (TRANSITION_JOURNAL !== null) journalAttr(el, name);
+  if (next === null) el.removeAttribute(name);
+  else el.setAttribute(name, next);
+}
+function setURLAttribute(el, name, value) {
+  if (process.env.NODE_ENV !== "production") return setAttribute(el, name, value);
+  const type = typeof value;
+  let next = value == null || type === "boolean" || type === "function" || type === "symbol" ? null : String(value);
+  if (next !== null) {
+    if (next === "" && (name === "src" || name === "href" && el.nodeName !== "A" && el.nodeName !== "AREA" || name === "data" && el.nodeName === "OBJECT"))
+      next = null;
+    else next = (0, import_sanitize_url.sanitizeURL)(next);
+  }
+  const hydration = activeHydration();
+  if (hydration !== null && !hydration.allowAttribute(el, name, next)) return;
+  if (TRANSITION_JOURNAL !== null) journalAttr(el, name);
+  if (next === null) el.removeAttribute(name);
+  else el.setAttribute(name, next);
+}
 function setStringData(el, name, value) {
   const t = typeof value;
   let next;
@@ -10198,6 +10439,9 @@ function setDeoptClass(el, value) {
   }
 }
 const IMPORTANT_SUFFIX = "!important";
+function isHydratingStyle() {
+  return activeHydration() !== null;
+}
 function setStyle(el, value, prev) {
   const style = el.style;
   const hydration = activeHydration();
@@ -10220,6 +10464,26 @@ function setStyleProperty(el, name, value, staticCss, previous) {
   if (remove) style.removeProperty((0, import_css.styleName)(name));
   else applyStyleProperty(el, style, name, value);
 }
+function setStyleProperties(el, entries, staticCss) {
+  const hydration = activeHydration();
+  if (hydration !== null) {
+    hydration.applyStyle(el, null, void 0, staticCss, entries);
+    return;
+  }
+  const style = el.style;
+  let journaled = false;
+  for (let i = 0; i < entries.length; i += 2) {
+    const value = entries[i + 1];
+    if (value == null || typeof value === "boolean") continue;
+    if (!journaled && TRANSITION_JOURNAL !== null) {
+      journalAttr(el, "style");
+      journaled = true;
+    }
+    const name = entries[i];
+    if (hiddenStyleWriter !== null && hiddenStyleWriter(el, value, void 0, name)) continue;
+    applyStyleProperty(el, style, name, value);
+  }
+}
 function applyStyleValue(el, style, value, prev) {
   if (value == null || value === false || value === "") {
     if (prev && typeof prev === "object") {
@@ -10285,9 +10549,12 @@ function jsxEventName(rest) {
   if (rest === "Blur") return "focusout";
   return rest.toLowerCase();
 }
+let PARSED_EVENT_SLOTS;
 function eventSlot(name, el) {
   if (!isEventKey(name) || el !== void 0 && isHtmlCustomElement(el) && !(0, import_event_names.isDelegatedEventProp)(name))
     return null;
+  const cached = PARSED_EVENT_SLOTS?.get(name);
+  if (cached !== void 0) return cached;
   let rest = name.slice(2);
   let capture = false;
   if (rest.length > 7 && rest.endsWith("Capture") && name !== "onGotPointerCapture" && name !== "onLostPointerCapture") {
@@ -10295,7 +10562,9 @@ function eventSlot(name, el) {
     rest = rest.slice(0, rest.length - 7);
   }
   const type = jsxEventName(rest);
-  return { type, key: capture ? CAPTURE_PREFIX + type : "$$" + type, capture };
+  const slot = { type, key: capture ? CAPTURE_PREFIX + type : "$$" + type, capture };
+  if ((0, import_event_names.isDelegatedEventProp)(name)) (PARSED_EVENT_SLOTS ??= /* @__PURE__ */ new Map()).set(name, slot);
+  return slot;
 }
 function removeHostProp(el, name, prevValue) {
   if (name === "class" || name === "className") {
@@ -10352,14 +10621,10 @@ function isHostPropIdentityKey(name) {
   return isEventKey(name);
 }
 function normalizedHostProp(el, rawName) {
-  if (rawName === "class" || rawName === "className") return ["class", "class"];
+  if (rawName === "class" || rawName === "className") return "class";
   const actionName = formActionAttributeName(el, rawName);
-  if (actionName !== null) return [actionName, actionName];
-  if (isHostPropIdentityKey(rawName)) return [rawName, rawName];
-  let name = rawName;
-  if (!isHtmlCustomElement(el)) name = import_constants.ATTRIBUTE_ALIASES.get(name) ?? name;
-  const identity = el.namespaceURI === "http://www.w3.org/1999/xhtml" ? name.toLowerCase() : name;
-  return [identity, name];
+  if (actionName !== null) return actionName;
+  return isHtmlCustomElement(el) ? rawName : import_constants.ATTRIBUTE_ALIASES.get(rawName) ?? rawName;
 }
 function setHostPropSources(el, sources, prev, scope, hasNestedChildren = false) {
   const props = /* @__PURE__ */ new Map();
@@ -10369,12 +10634,12 @@ function setHostPropSources(el, sources, prev, scope, hasNestedChildren = false)
     if (typeof rawName !== "string") return;
     const order = sourceOrder++;
     const previous = props.get(rawName);
-    props.set(rawName, {
-      rawName,
-      value,
-      firstOrder: previous?.firstOrder ?? order,
-      lastOrder: order
-    });
+    if (previous !== void 0) {
+      previous.value = value;
+      previous.lastOrder = order;
+    } else {
+      props.set(rawName, { name: rawName, value, firstOrder: order, lastOrder: order });
+    }
   }
   for (const source of sources) {
     if (!source[0]) {
@@ -10393,46 +10658,55 @@ function setHostPropSources(el, sources, prev, scope, hasNestedChildren = false)
     }
   }
   const values = /* @__PURE__ */ new Map();
+  const html = el.namespaceURI === "http://www.w3.org/1999/xhtml";
   let needsWinningOrderSort = false;
   for (const writer of props.values()) {
-    if (writer.rawName === "key") continue;
-    const [identity, name] = normalizedHostProp(el, writer.rawName);
+    const rawName = writer.name;
+    if (rawName === "key") continue;
+    const identityKey = isHostPropIdentityKey(rawName);
+    const name = identityKey ? rawName : normalizedHostProp(el, rawName);
+    const identity = html && !identityKey ? name.toLowerCase() : name;
     const previous = values.get(identity);
     if (previous !== void 0) {
-      if (previous[3] >= writer.lastOrder) continue;
+      if (previous.lastOrder >= writer.lastOrder) continue;
       needsWinningOrderSort = true;
     }
-    values.set(identity, [
-      process.env.NODE_ENV !== "production" && (writer.rawName === "tabIndex" || writer.rawName === "htmlFor") ? writer.rawName : name,
-      writer.value,
-      writer.firstOrder,
-      writer.lastOrder
-    ]);
+    writer.name = process.env.NODE_ENV !== "production" && (rawName === "tabIndex" || rawName === "htmlFor") ? rawName : name;
+    values.set(identity, writer);
   }
   if (classMerges !== null) {
     for (const extra of classMerges) {
-      const [identity, name] = normalizedHostProp(el, extra.rawName);
-      const previous = values.get(identity);
+      const previous = values.get("class");
       if (previous !== void 0) {
-        values.set(identity, [
-          previous[0],
-          (0, import_css.mergeClass)(previous[1], extra.value),
-          previous[2],
-          extra.order
-        ]);
-        continue;
+        previous.value = (0, import_css.mergeClass)(previous.value, extra.value);
+        previous.lastOrder = extra.order;
+      } else {
+        values.set("class", {
+          name: "class",
+          value: extra.value,
+          firstOrder: extra.order,
+          lastOrder: extra.order
+        });
       }
-      values.set(identity, [name, extra.value, extra.order, extra.order]);
     }
   }
   const resolved = /* @__PURE__ */ Object.create(null);
-  const ordered = [...values.values()];
-  if (needsWinningOrderSort) ordered.sort((a, b) => a[2] - b[2]);
-  for (const [name, value] of ordered) resolved[name] = value;
-  const formHost = el.localName === "input" || el.localName === "textarea" || el.localName === "select";
+  const ordered = needsWinningOrderSort ? [...values.values()].sort((a, b) => a.firstOrder - b.firstOrder) : values.values();
+  for (const { name, value } of ordered) resolved[name] = value;
+  const tag = el.localName;
+  const formHost = tag === "input" || tag === "textarea" || tag === "select";
   setSpread(el, resolved, prev, scope, true, formHost);
   setDangerouslySetInnerHTMLSources(el, sources, hasNestedChildren);
-  if (formHost) setFormControlSources(el, sources);
+  if (formHost)
+    applyFormControlValues(
+      el,
+      tag,
+      props.get("value")?.value,
+      props.get("defaultValue")?.value,
+      props.get("checked")?.value,
+      props.get("defaultChecked")?.value,
+      props.get("multiple")?.value
+    );
   return resolved;
 }
 function isAggregatedFormControlProp(el, name) {
@@ -10526,9 +10800,9 @@ function setSpread(el, value, prev, mountScope, skipDangerouslySetInnerHTML = fa
       );
       continue;
     }
+    if (v === pv && !isControlledHostProp(el, k)) continue;
     const ev = eventSlot(k, el);
     if (ev) {
-      if (v === pv) continue;
       if (ev.capture) {
         if (!_delegatedCapture.has(ev.type)) delegateCaptureEvents([ev.type]);
       } else if (!_delegated.has(ev.type)) {
@@ -10541,7 +10815,6 @@ function setSpread(el, value, prev, mountScope, skipDangerouslySetInnerHTML = fa
       );
       continue;
     }
-    if (v === pv && !isControlledHostProp(el, k)) continue;
     if (prev !== void 0 && k === "autoFocus" && !isHtmlCustomElement(el)) continue;
     setAttribute(el, k, v);
   }
@@ -10619,6 +10892,27 @@ function rootIdentifierPrefix(block) {
   while (block.parentBlock !== null) block = block.parentBlock;
   return block.idState.prefix;
 }
+function setHeadAttribute(el, name, value) {
+  switch (name) {
+    case "name":
+    case "content":
+    case "lang":
+    case "media":
+    case "id":
+    case "title":
+    case "type":
+      break;
+    default:
+      return setAttribute(el, name, value);
+  }
+  const next = coerceAttrValue(el, name, value);
+  const hydration = activeHydration();
+  if (hydration !== null && !hydration.allowAttribute(el, name, next)) return;
+  if (el.getAttribute(name) === next) return;
+  if (TRANSITION_JOURNAL !== null) journalAttr(el, name);
+  if (next === null) el.removeAttribute(name);
+  else el.setAttribute(name, next);
+}
 function headBlock(scope, slot, key, tag, attrs, text) {
   if (typeof document === "undefined") return;
   let state = scope.slots[slot];
@@ -10678,7 +10972,7 @@ function headBlock(scope, slot, key, tag, attrs, text) {
         continue;
       }
       names.push(k);
-      setAttribute(el, k, attrs[k]);
+      setHeadAttribute(el, k, attrs[k]);
     }
     state.attrNames = names;
   } else {
@@ -10816,6 +11110,16 @@ function evt2u(d, fn, a0, a1) {
   d.a0 = a0;
   d.a1 = a1;
 }
+function evt1e(el, key, fn, a0) {
+  const d = { fn, args: -1, a0, [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND };
+  setEventHandler(el, key, d);
+  return d;
+}
+function evt2e(el, key, fn, a0, a1) {
+  const d = { fn, args: -2, a0, a1, [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND };
+  setEventHandler(el, key, d);
+  return d;
+}
 function evtN(el, key, fn, args) {
   const d = { fn, args, [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND };
   setEventHandler(el, key, d);
@@ -10827,7 +11131,16 @@ function evtNu(d, fn, args) {
   d.fn = fn;
   d.args = args;
 }
-const _delegated = /* @__PURE__ */ new Set();
+const EVENT_BUBBLE = 1;
+const EVENT_CAPTURE = 2;
+const EVENT_NATIVE_CAPTURE = 4;
+const EVENT_TARGET_ONLY = 8;
+const EVENT_DISCRETE = 16;
+const EVENT_RESTORE = 32;
+const EVENT_DISABLED_MOUSE = 64;
+const EVENT_DISABLED_ENTER = 128;
+const EVENT_CUSTOM_NATIVE_ONLY = 256;
+const _delegated = /* @__PURE__ */ new Map();
 const _delegationTargets = /* @__PURE__ */ new Map();
 const _portalEventRanges = /* @__PURE__ */ new WeakMap();
 let portalEventTargetCount = 0;
@@ -10885,7 +11198,7 @@ function prepareDelegatedEvent(event, listener) {
   }
   return path;
 }
-const _delegatedCapture = /* @__PURE__ */ new Set();
+const _delegatedCapture = /* @__PURE__ */ new Map();
 const EMULATED_BUBBLING_EVENTS = [
   "abort",
   "beforetoggle",
@@ -10956,7 +11269,9 @@ function delegateEvents(eventNames) {
   for (let i = 0; i < eventNames.length; i++) {
     const name = eventNames[i];
     if (_delegated.has(name)) continue;
-    _delegated.add(name);
+    const type = _delegatedCapture.get(name) ?? createDelegatedEventType(name);
+    type.flags |= EVENT_BUBBLE;
+    _delegated.set(name, type);
     if (canSeed) seedExpando(Element.prototype, "$$" + name);
     for (const target of _delegationTargets.keys()) {
       if (delegatedCapture(name) && _delegatedCapture.has(name)) continue;
@@ -10980,7 +11295,9 @@ function delegateCaptureEvents(eventNames) {
   for (let i = 0; i < eventNames.length; i++) {
     const name = eventNames[i];
     if (_delegatedCapture.has(name)) continue;
-    _delegatedCapture.add(name);
+    const type = _delegated.get(name) ?? createDelegatedEventType(name);
+    type.flags |= EVENT_CAPTURE;
+    _delegatedCapture.set(name, type);
     if (canSeed) seedExpando(Element.prototype, CAPTURE_PREFIX + name);
     for (const target of _delegationTargets.keys()) {
       if (_delegated.has(name)) continue;
@@ -11001,7 +11318,7 @@ function registerDelegationTarget(target, root = false) {
     if (target.onclick == null && target.nodeType === 1) {
       target.onclick = noop;
     }
-    for (const name of _delegated) {
+    for (const name of _delegated.keys()) {
       target.addEventListener(
         name,
         dispatchDelegated,
@@ -11015,7 +11332,7 @@ function registerDelegationTarget(target, root = false) {
         );
       }
     }
-    for (const name of _delegatedCapture) {
+    for (const name of _delegatedCapture.keys()) {
       if (_delegated.has(name)) continue;
       target.addEventListener(
         name,
@@ -11031,11 +11348,11 @@ function unregisterDelegationTarget(target, root = false) {
   if (!prev) return;
   if (prev === 1) {
     _delegationTargets.delete(target);
-    for (const name of _delegated) {
+    for (const name of _delegated.keys()) {
       target.removeEventListener(name, dispatchDelegated, delegatedCapture(name));
       if (!delegatedCapture(name)) target.removeEventListener(name, dispatchDelegatedCapture, true);
     }
-    for (const name of _delegatedCapture) {
+    for (const name of _delegatedCapture.keys()) {
       target.removeEventListener(
         name,
         delegatedCapture(name) ? dispatchDelegated : dispatchDelegatedCapture,
@@ -11101,18 +11418,33 @@ const DISCRETE_EVENTS = /* @__PURE__ */ new Set([
   "volumechange"
 ]);
 let _dispatchDepth = 0;
+function createDelegatedEventType(name) {
+  return {
+    name,
+    bubbleKey: "$$" + name,
+    captureKey: CAPTURE_PREFIX + name,
+    flags: (delegatedCapture(name) ? EVENT_NATIVE_CAPTURE : 0) | (TARGET_ONLY_DELEGATED.has(name) ? EVENT_TARGET_ONLY : 0) | (DISCRETE_EVENTS.has(name) ? EVENT_DISCRETE : 0) | (RESTORE_EVENTS.has(name) ? EVENT_RESTORE : 0) | (name === "click" || name === "dblclick" || name === "mousedown" || name === "mousemove" || name === "mouseup" ? EVENT_DISABLED_MOUSE : 0) | (name === "mouseenter" ? EVENT_DISABLED_ENTER : 0) | (name === "invalid" || EMULATED_BUBBLING_EVENTS.includes(name) ? EVENT_CUSTOM_NATIVE_ONLY : 0)
+  };
+}
 const DELEGATED_BUBBLE_VERSION = /* @__PURE__ */ Symbol("octane.bubbleVersion");
-const PROPAGATION_FLAGS = /* @__PURE__ */ Symbol("octane.propagationFlags");
-const NATIVE_STOP_PROPAGATION = /* @__PURE__ */ Symbol("octane.stopPropagation");
-const NATIVE_STOP_IMMEDIATE = /* @__PURE__ */ Symbol("octane.stopImmediatePropagation");
+const DELEGATED_EVENT_FRAMES = [];
+let delegatedEventFrameDepth = 0;
+function delegatedFrameFor(event) {
+  for (let index = delegatedEventFrameDepth - 1; index >= 0; index--) {
+    const frame = DELEGATED_EVENT_FRAMES[index];
+    if (frame.event === event) return frame;
+  }
+}
 function stopDelegatedPropagation() {
-  if (this[PROPAGATION_FLAGS] !== void 0) this[PROPAGATION_FLAGS] |= 1;
-  const stop = this[NATIVE_STOP_PROPAGATION] || this.stopPropagation;
+  const frame = delegatedFrameFor(this);
+  if (frame !== void 0) frame.flags |= 1;
+  const stop = frame?.stop || this.stopPropagation;
   (stop === stopDelegatedPropagation ? Event.prototype.stopPropagation : stop).call(this);
 }
 function stopImmediateNativePropagation() {
-  if (this[PROPAGATION_FLAGS] !== void 0) this[PROPAGATION_FLAGS] |= 2;
-  const stop = this[NATIVE_STOP_IMMEDIATE] || this.stopImmediatePropagation;
+  const frame = delegatedFrameFor(this);
+  if (frame !== void 0) frame.flags |= 2;
+  const stop = frame?.immediate || this.stopImmediatePropagation;
   (stop === stopImmediateNativePropagation ? Event.prototype.stopImmediatePropagation : stop).call(
     this
   );
@@ -11135,11 +11467,18 @@ function installPropagationMethod(event, name, previous, descriptor) {
   }
 }
 function beginDelegatedPropagation(event, stop, immediate) {
-  event[PROPAGATION_FLAGS] = 0;
-  event[NATIVE_STOP_PROPAGATION] = event.stopPropagation;
+  let frame = DELEGATED_EVENT_FRAMES[delegatedEventFrameDepth];
+  if (frame === void 0) {
+    frame = { event: null, flags: 0, stop: null, immediate: null, currentTarget: null };
+    DELEGATED_EVENT_FRAMES.push(frame);
+  }
+  delegatedEventFrameDepth++;
+  frame.event = event;
+  frame.flags = 0;
+  frame.stop = event.stopPropagation;
   installPropagationMethod(event, "stopPropagation", stop, STOP_PROPAGATION_DESCRIPTOR);
   if (immediate !== null) {
-    event[NATIVE_STOP_IMMEDIATE] = event.stopImmediatePropagation;
+    frame.immediate = event.stopImmediatePropagation;
     installPropagationMethod(
       event,
       "stopImmediatePropagation",
@@ -11147,30 +11486,32 @@ function beginDelegatedPropagation(event, stop, immediate) {
       STOP_IMMEDIATE_DESCRIPTOR
     );
   }
+  return frame;
 }
 function endDelegatedPropagation(event, stop, immediate) {
+  const frame = DELEGATED_EVENT_FRAMES[--delegatedEventFrameDepth];
+  frame.event = null;
+  frame.stop = null;
+  frame.immediate = null;
+  frame.currentTarget = null;
   if (stop === void 0) delete event.stopPropagation;
   else Object.defineProperty(event, "stopPropagation", stop);
   if (immediate !== null) {
     if (immediate === void 0) delete event.stopImmediatePropagation;
     else Object.defineProperty(event, "stopImmediatePropagation", immediate);
-    delete event[NATIVE_STOP_IMMEDIATE];
   }
-  delete event[PROPAGATION_FLAGS];
-  delete event[NATIVE_STOP_PROPAGATION];
 }
-const CURRENT_TARGET_NODE = /* @__PURE__ */ Symbol("octane.currentTarget");
 const CURRENT_TARGET_DESCRIPTOR = {
   configurable: true,
   get() {
-    return this[CURRENT_TARGET_NODE];
+    return delegatedFrameFor(this)?.currentTarget;
   }
 };
 const CAPTURE_PATH = [];
 const CAPTURE_SLOTS = [];
-function snapshotDelegatedSlots(base, key, event) {
-  const type = event.type;
-  const suppressDisabled = type === "click" || type === "dblclick" || type === "mousedown" || type === "mousemove" || type === "mouseup" || type === "mouseenter" && key[2] !== "c";
+function snapshotDelegatedSlots(base, type, capture) {
+  const key = capture ? type.captureKey : type.bubbleKey;
+  const suppressDisabled = (type.flags & EVENT_DISABLED_MOUSE) !== 0 || !capture && (type.flags & EVENT_DISABLED_ENTER) !== 0;
   for (let index = base; index < CAPTURE_PATH.length; index++) {
     const node = CAPTURE_PATH[index];
     const slot = node[key];
@@ -11183,9 +11524,9 @@ function preserveDispatchedBundle(bundle) {
     if (CAPTURE_SLOTS[index] === bundle) {
       if (snapshot === void 0) {
         const args = bundle.args;
-        snapshot = typeof args !== "number" ? { fn: bundle.fn, args: args.slice(), [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND } : args === 1 ? { fn: bundle.fn, args: 1, a0: bundle.a0, [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND } : {
+        snapshot = typeof args !== "number" ? { fn: bundle.fn, args: args.slice(), [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND } : args === 1 || args === -1 ? { fn: bundle.fn, args, a0: bundle.a0, [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND } : {
           fn: bundle.fn,
-          args: 2,
+          args,
           a0: bundle.a0,
           a1: bundle.a1,
           [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND
@@ -11246,13 +11587,14 @@ function buildDelegatedPath(event, listener, path = event.composedPath()) {
   const output = CAPTURE_PATH;
   const base = output.length;
   const epoch = event[EVENT_ROOT_EPOCH] ?? eventRootEpoch;
+  const mayHavePortal = portalEventTargetCount !== 0 || epoch !== eventRootEpoch;
   const listenerIndex = path.indexOf(listener);
   if (listenerIndex < 0) return 0;
   if (_delegationTargets.size === 1 && epoch === eventRootEpoch && isEventRoot(listener, epoch)) {
     let i = 0;
     for (; i < listenerIndex; i++) {
       const node = eventPathNode(path[i]);
-      if (node === null || node.$$portalParent != null) break;
+      if (node === null || mayHavePortal && node.$$portalParent != null) break;
       output.push(node);
     }
     if (i === listenerIndex) return output.length - base;
@@ -11279,7 +11621,7 @@ function buildDelegatedPath(event, listener, path = event.composedPath()) {
         break;
       }
       output.push(node);
-      const logicalParent = node.$$portalParent;
+      const logicalParent = mayHavePortal ? node.$$portalParent : void 0;
       if (logicalParent != null) {
         const container = node.$$portalContainer;
         if (container == null) {
@@ -11351,8 +11693,12 @@ function fireEventSlot(slot, event) {
         }
       } else if (a === 1) {
         bundle.fn(bundle.a0);
-      } else {
+      } else if (a === 2) {
         bundle.fn(bundle.a0, bundle.a1);
+      } else if (a === -1) {
+        bundle.fn(event, bundle.a0);
+      } else {
+        bundle.fn(event, bundle.a0, bundle.a1);
       }
       return;
     }
@@ -11389,32 +11735,31 @@ function reportListenerError(err) {
   console.error(err);
 }
 function maybeFlushDiscrete(type) {
-  if (_dispatchDepth === 0 && DISCRETE_EVENTS.has(type) && pendingRestores.length > 0) {
+  if (_dispatchDepth === 0 && (type.flags & EVENT_DISCRETE) !== 0 && pendingRestores.length > 0) {
     if (!inFlush && hasPendingWork()) {
       if (VIEW_TRANSITION_DRIVER?.queueAllTransition() === true) flush();
       else flushSync(noop);
     }
     restoreControlledStates();
   }
-  if (type === "click") activationCheckable = null;
+  if (type.name === "click") activationCheckable = null;
 }
-function finishCaptureDispatch(event) {
-  const type = event.type;
-  if (!event.bubbles || event.cancelBubble || !_delegated.has(type)) {
-    if (event.bubbles && _delegated.has(type)) maybeEnqueueRestore(event);
+function finishCaptureDispatch(event, type) {
+  if (!event.bubbles || event.cancelBubble || (type.flags & EVENT_BUBBLE) === 0) {
+    if (event.bubbles && (type.flags & EVENT_BUBBLE) !== 0) maybeEnqueueRestore(event, type);
     maybeFlushDiscrete(type);
     return;
   }
-  if (!DISCRETE_EVENTS.has(type)) return;
+  if ((type.flags & EVENT_DISCRETE) === 0) return;
   if (pendingRestores.length === 0) {
-    if (!RESTORE_EVENTS.has(type)) return;
+    if ((type.flags & EVENT_RESTORE) === 0) return;
     const tag = event.target?.localName;
     if (tag !== "input" && tag !== "textarea" && tag !== "select") return;
   }
   const bubbleVersion = event[DELEGATED_BUBBLE_VERSION];
   const fallback = () => {
     if (event[DELEGATED_BUBBLE_VERSION] === bubbleVersion) {
-      maybeEnqueueRestore(event);
+      maybeEnqueueRestore(event, type);
       maybeFlushDiscrete(type);
     }
   };
@@ -11422,12 +11767,13 @@ function finishCaptureDispatch(event) {
   else queueMicrotask(fallback);
 }
 function dispatchDelegated(event) {
-  const nativeCapture = delegatedCapture(event.type);
+  const type = _delegated.get(event.type) ?? _delegatedCapture.get(event.type);
+  if (type === void 0) return;
+  const nativeCapture = (type.flags & EVENT_NATIVE_CAPTURE) !== 0;
   let path = nativeCapture ? prepareDelegatedEvent(event, this) : void 0;
   event[DELEGATED_BUBBLE_VERSION] = (event[DELEGATED_BUBBLE_VERSION] || 0) + 1;
-  maybeEnqueueRestore(event);
-  const key = "$$" + event.type;
-  const targetOnly = TARGET_ONLY_DELEGATED.has(event.type);
+  maybeEnqueueRestore(event, type);
+  const targetOnly = (type.flags & EVENT_TARGET_ONLY) !== 0;
   _dispatchDepth++;
   const node = event.target;
   const prevSubmitRec = ACTIVE_SUBMIT_DISPATCH;
@@ -11437,27 +11783,28 @@ function dispatchDelegated(event) {
   const pathBase = CAPTURE_PATH.length;
   let stop;
   let propagationStarted = false;
+  let frame;
   try {
-    if (nativeCapture && _delegatedCapture.has(event.type)) {
+    if (nativeCapture && (type.flags & EVENT_CAPTURE) !== 0) {
       path ??= event.composedPath();
-      if (dispatchDelegatedCapture.call(this, event, path)) return;
+      if (dispatchDelegatedCapture.call(this, event, path, type)) return;
     }
-    if (!_delegated.has(event.type)) return;
-    if (node?.nodeType === 1 && isHtmlCustomElement(node) && (event.type === "invalid" || EMULATED_BUBBLING_EVENTS.includes(event.type)))
+    if ((type.flags & EVENT_BUBBLE) === 0) return;
+    if (node?.nodeType === 1 && isHtmlCustomElement(node) && (type.flags & EVENT_CUSTOM_NATIVE_ONLY) !== 0)
       return;
     buildDelegatedPath(event, this, path);
-    snapshotDelegatedSlots(pathBase, key, event);
+    snapshotDelegatedSlots(pathBase, type, false);
     stop = Object.getOwnPropertyDescriptor(event, "stopPropagation");
     propagationStarted = true;
-    beginDelegatedPropagation(event, stop, null);
+    frame = beginDelegatedPropagation(event, stop, null);
     for (let i = pathBase; i < CAPTURE_PATH.length; i++) {
       const current = CAPTURE_PATH[i];
       if (targetOnly && current !== event.target) break;
       const slot = CAPTURE_SLOTS[i];
       if (slot != null) {
-        setCurrentTarget(event, current);
+        setCurrentTarget(event, current, frame);
         fireEventSlot(slot, event);
-        if ((event[PROPAGATION_FLAGS] & 1) !== 0) break;
+        if ((frame.flags & 1) !== 0) break;
       }
       if (targetOnly) break;
     }
@@ -11479,36 +11826,36 @@ function dispatchDelegated(event) {
       reportListenerError(error);
     }
     _dispatchDepth--;
-    maybeFlushDiscrete(event.type);
+    maybeFlushDiscrete(type);
   }
 }
-function dispatchDelegatedCapture(event, path) {
+function dispatchDelegatedCapture(event, path, type = _delegated.get(event.type) ?? _delegatedCapture.get(event.type)) {
   path ??= prepareDelegatedEvent(event, this);
-  if (!_delegatedCapture.has(event.type)) return false;
+  if (type === void 0 || (type.flags & EVENT_CAPTURE) === 0) return false;
   path ??= event.composedPath();
-  if (!event.bubbles || !_delegated.has(event.type)) maybeEnqueueRestore(event);
-  const key = CAPTURE_PREFIX + event.type;
+  if (!event.bubbles || (type.flags & EVENT_BUBBLE) === 0) maybeEnqueueRestore(event, type);
   const pathBase = CAPTURE_PATH.length;
   buildDelegatedPath(event, this, path);
-  snapshotDelegatedSlots(pathBase, key, event);
+  snapshotDelegatedSlots(pathBase, type, true);
   const stop = Object.getOwnPropertyDescriptor(event, "stopPropagation");
-  const immediate = delegatedCapture(event.type) ? Object.getOwnPropertyDescriptor(event, "stopImmediatePropagation") : null;
+  const immediate = (type.flags & EVENT_NATIVE_CAPTURE) !== 0 ? Object.getOwnPropertyDescriptor(event, "stopImmediatePropagation") : null;
   const wasCancelled = event.cancelBubble;
   let stopped = false;
   _dispatchDepth++;
   const nativeBatch = (0, import_native_read_events.beginNativeEventBatch)(event);
+  let frame;
   try {
-    beginDelegatedPropagation(event, stop, immediate);
+    frame = beginDelegatedPropagation(event, stop, immediate);
     for (let i = CAPTURE_PATH.length - 1; i >= pathBase; i--) {
       const slot = CAPTURE_SLOTS[i];
       if (slot != null) {
-        setCurrentTarget(event, CAPTURE_PATH[i]);
+        setCurrentTarget(event, CAPTURE_PATH[i], frame);
         fireEventSlot(slot, event);
-        if ((event[PROPAGATION_FLAGS] & 1) !== 0) break;
+        if ((frame.flags & 1) !== 0) break;
       }
     }
   } finally {
-    stopped = event[PROPAGATION_FLAGS] !== 0 || !wasCancelled && event.cancelBubble;
+    stopped = frame?.flags !== 0 || !wasCancelled && event.cancelBubble;
     CAPTURE_PATH.length = pathBase;
     CAPTURE_SLOTS.length = pathBase;
     endDelegatedPropagation(event, stop, immediate);
@@ -11517,26 +11864,25 @@ function dispatchDelegatedCapture(event, path) {
       (0, import_native_read_events.endNativeEventBatch)(
         event,
         nativeBatch,
-        event.bubbles && !event.cancelBubble && _delegated.has(event.type),
+        event.bubbles && !event.cancelBubble && (type.flags & EVENT_BUBBLE) !== 0,
         reportListenerError
       );
     } catch (error) {
       reportListenerError(error);
     }
     _dispatchDepth--;
-    finishCaptureDispatch(event);
+    finishCaptureDispatch(event, type);
   }
   return stopped;
 }
 function noop() {
 }
-function setCurrentTarget(event, node) {
-  event[CURRENT_TARGET_NODE] = node;
+function setCurrentTarget(event, node, frame) {
+  frame.currentTarget = node;
   Object.defineProperty(event, "currentTarget", CURRENT_TARGET_DESCRIPTOR);
 }
 function clearCurrentTarget(event) {
   delete event.currentTarget;
-  delete event[CURRENT_TARGET_NODE];
 }
 const IDLE_FORM_STATUS = { pending: false, data: null, method: null, action: null };
 const FORM_STATUS = /* @__PURE__ */ new WeakMap();
@@ -12062,20 +12408,22 @@ function projectSelectValue(sel, sv, setDefaultSelected) {
   }
   if (typeof sv !== "string") {
     for (let i = 0; i < options.length; i++) {
-      const selected = sv.has(options[i].value);
-      if (options[i].selected !== selected) options[i].selected = selected;
-      if (setDefaultSelected) options[i].defaultSelected = selected;
+      const option = options[i];
+      const selected = sv.has(option.value);
+      if (option.selected !== selected) option.selected = selected;
+      if (setDefaultSelected) option.defaultSelected = selected;
     }
     return;
   }
   let defaultOption = null;
   for (let i = 0; i < options.length; i++) {
-    if (options[i].value === sv) {
-      options[i].selected = true;
-      if (setDefaultSelected) options[i].defaultSelected = true;
+    const option = options[i];
+    if (option.value === sv) {
+      option.selected = true;
+      if (setDefaultSelected) option.defaultSelected = true;
       return;
     }
-    if (defaultOption === null && !options[i].disabled) defaultOption = options[i];
+    if (defaultOption === null && !option.disabled) defaultOption = option;
   }
   if (defaultOption !== null) defaultOption.selected = true;
 }
@@ -12197,46 +12545,47 @@ function setFormControlSources(el, sources) {
   let defaultChecked;
   let multiple;
   const tag = el.localName;
-  const assign = (name, next) => {
-    switch (name) {
-      case "value":
-        value = next;
-        break;
-      case "defaultValue":
-        defaultValue = next;
-        break;
-      case "checked":
-        if (tag === "input") checked = next;
-        break;
-      case "defaultChecked":
-        if (tag === "input") defaultChecked = next;
-        break;
-      case "multiple":
-        if (tag === "select") multiple = next;
-        break;
-    }
-  };
   for (let i = 0; i < sources.length; i++) {
     const source = sources[i];
     if (!source[0]) {
-      assign(source[1], source[2]);
+      const name = source[1];
+      const next = source[2];
+      switch (name) {
+        case "value":
+          value = next;
+          break;
+        case "defaultValue":
+          defaultValue = next;
+          break;
+        case "checked":
+          if (tag === "input") checked = next;
+          break;
+        case "defaultChecked":
+          if (tag === "input") defaultChecked = next;
+          break;
+        case "multiple":
+          if (tag === "select") multiple = next;
+          break;
+      }
       continue;
     }
     const spread = source[1];
     if (spread == null || typeof spread !== "object" && typeof spread !== "function") continue;
     const object = Object(spread);
-    if (Object.prototype.propertyIsEnumerable.call(object, "value")) assign("value", object.value);
+    if (Object.prototype.propertyIsEnumerable.call(object, "value")) value = object.value;
     if (Object.prototype.propertyIsEnumerable.call(object, "defaultValue"))
-      assign("defaultValue", object.defaultValue);
+      defaultValue = object.defaultValue;
     if (tag === "input") {
-      if (Object.prototype.propertyIsEnumerable.call(object, "checked"))
-        assign("checked", object.checked);
+      if (Object.prototype.propertyIsEnumerable.call(object, "checked")) checked = object.checked;
       if (Object.prototype.propertyIsEnumerable.call(object, "defaultChecked"))
-        assign("defaultChecked", object.defaultChecked);
+        defaultChecked = object.defaultChecked;
     } else if (tag === "select" && Object.prototype.propertyIsEnumerable.call(object, "multiple")) {
-      assign("multiple", object.multiple);
+      multiple = object.multiple;
     }
   }
+  applyFormControlValues(el, tag, value, defaultValue, checked, defaultChecked, multiple);
+}
+function applyFormControlValues(el, tag, value, defaultValue, checked, defaultChecked, multiple) {
   const ctrl = armControlled(el);
   const first = !ctrl.formSeen;
   const previousMultiple = ctrl.formMultiple;
@@ -12485,9 +12834,9 @@ function isControlledHostProp(el, name) {
   const t = el.localName;
   return t === "input" || t === "textarea" || t === "select";
 }
-function maybeEnqueueRestore(event) {
+function maybeEnqueueRestore(event, type) {
   const t = event.target;
-  if (t === null || t.$$ctrl === void 0 || !RESTORE_EVENTS.has(event.type)) return;
+  if (t === null || t.$$ctrl === void 0 || (type.flags & EVENT_RESTORE) === 0) return;
   const ctrl = t.$$ctrl;
   if (event.type === "input" && ctrl.compositionEndTask !== void 0) {
     const inputEvent = event;
@@ -12556,6 +12905,7 @@ function registerPortalEventRange(target, portal2) {
     ranges = /* @__PURE__ */ new Set();
     _portalEventRanges.set(target, ranges);
     portalEventTargetCount++;
+    eventRootEpoch++;
   }
   ranges.add(portal2);
   portal2.start.$$portalEventRange = portal2;
@@ -12572,6 +12922,7 @@ function unregisterPortalEventRange(target, portal2) {
   if (ranges.size === 0) {
     _portalEventRanges.delete(target);
     portalEventTargetCount--;
+    eventRootEpoch++;
   }
 }
 function portal(parentScope, slotKey, target, body, props, host, env, fragmentOwners, fragmentAnchor) {
@@ -14055,8 +14406,9 @@ function applyDeoptProp(el, name, v, ownerBlock) {
         ev.key,
         process.env.NODE_ENV !== "production" ? devEventListener(name, v) : v
       );
-      if (ev.capture) delegateCaptureEvents([ev.type]);
-      else delegateEvents([ev.type]);
+      if (ev.capture) {
+        if (!_delegatedCapture.has(ev.type)) delegateCaptureEvents([ev.type]);
+      } else if (!_delegated.has(ev.type)) delegateEvents([ev.type]);
     } else {
       setAttribute(el, name, v);
     }
@@ -14133,7 +14485,15 @@ function hostComponent(scope, slot, tag, props, childrenBody, anchor) {
   let state = scope.slots[slot];
   if (state === void 0) {
     const el2 = document.createElement(tag);
-    state = { el: el2, anchor: null, ref: void 0 };
+    state = {
+      el: el2,
+      anchor: null,
+      ref: void 0,
+      props: void 0,
+      body: void 0,
+      latest: void 0,
+      childScope: void 0
+    };
     scope.slots[slot] = state;
     const childScope = new ScopeImpl(scope, block);
     state.childScope = childScope;
@@ -14156,6 +14516,7 @@ function hostComponent(scope, slot, tag, props, childrenBody, anchor) {
 }
 function applyHostProps(el, props, scope, state) {
   const prev = state.props;
+  const compareLive = prev !== void 0 && activeHydration() === null && !isHtmlCustomElement(el);
   let needsCheckedInitialization = prev === void 0 && el.localName === "input";
   if (ROOT_RENDER_TRANSACTION !== null && prev !== props) journalObjectOnce(state);
   if (prev != null) {
@@ -14199,7 +14560,9 @@ function applyHostProps(el, props, scope, state) {
         state.ref = v;
       }
     } else if (name === "className" || name === "class") {
-      setDeoptClass(el, v);
+      if (!compareLive || typeof v !== "string" || el.getAttribute("class") !== v) {
+        setDeoptClass(el, v);
+      }
     } else if (name === "style") {
       setStyle(el, v, prev != null ? prev.style : void 0);
     } else {
@@ -14210,12 +14573,11 @@ function applyHostProps(el, props, scope, state) {
         } else if (!_delegated.has(ev.type)) {
           delegateEvents([ev.type]);
         }
-        setEventHandler(
-          el,
-          ev.key,
-          process.env.NODE_ENV !== "production" ? devEventListener(name, v) : v
-        );
+        const handler = process.env.NODE_ENV !== "production" ? devEventListener(name, v) : v;
+        if (!compareLive || el[ev.key] !== handler) setEventHandler(el, ev.key, handler);
       } else if (prev === void 0 || name !== "autoFocus" || isHtmlCustomElement(el)) {
+        if (compareLive && (process.env.NODE_ENV === "production" || el.__oct_loc === void 0) && typeof v === "string" && (name === "id" || name === "title" || name === "role" || name === "for" || name === "htmlFor" || name.startsWith("data-") || name.startsWith("aria-")) && el.getAttribute(name === "htmlFor" ? "for" : name) === v)
+          continue;
         setAttribute(el, name, v);
       }
     }
@@ -14240,12 +14602,35 @@ function hasDeoptOwnedChild(el) {
 function getDeoptDesc(n) {
   return n[DEOPT_DESC];
 }
+function sameDeoptDesc(previous, next, children) {
+  return previous !== void 0 && previous.type === next.type && previous.props === next.props && previous.key === next.key && previous.ref === next.ref && previous.children === children;
+}
+function unchangedScopedHostDescriptor(block, d) {
+  const resolve = d[SCOPED_VALUE_RECORD];
+  if (resolve === void 0 && d[SCOPED_CHILDREN_RESOLVER] === void 0) return true;
+  const next = resolve === void 0 ? d : resolve();
+  const previous = block.deoptNode === null ? void 0 : getDeoptDesc(block.deoptNode);
+  return previous === next || sameDeoptDesc(previous, next, next.children);
+}
 function setDeoptDesc(el, d) {
   const resolveScopedRecord = d[SCOPED_VALUE_RECORD];
+  let record = resolveScopedRecord === void 0 ? d : resolveScopedRecord();
+  if (record[SCOPED_CHILDREN_RESOLVER] !== void 0) {
+    const children = record.children;
+    const previous = getDeoptDesc(el);
+    record = sameDeoptDesc(previous, record, children) ? previous : {
+      $$kind: ELEMENT_TAG,
+      type: record.type,
+      props: record.props,
+      key: record.key,
+      ref: record.ref,
+      children
+    };
+  }
   if (TRANSITION_JOURNAL !== null) {
     TRANSITION_JOURNAL.push(JOURNAL_PROP, el, DEOPT_DESC, getDeoptDesc(el));
   }
-  el[DEOPT_DESC] = resolveScopedRecord === void 0 ? d : resolveScopedRecord();
+  el[DEOPT_DESC] = record;
 }
 function isFragmentDescriptor(value) {
   return isElementDescriptor(value) && value.type === Fragment;
@@ -14311,47 +14696,43 @@ function deoptWrapperKind(value) {
   return POSITIONAL_CHILDREN.has(value) ? "fragment" : "array";
 }
 const DEOPT_KEY_STRINGIFY = JSON.stringify;
-function nestedImplicitKeyPrefix(path) {
+const DEOPT_KEY_STRING = String;
+function nestedDeoptKeyPrefix(path) {
   if (JSON.stringify !== DEOPT_KEY_STRINGIFY || "toJSON" in path) return null;
   for (let i = 0; i < path.length; i++) {
     const type = typeof path[i];
     if (type !== "string" && type !== "number") return null;
   }
-  return "[" + JSON.stringify(path) + ',"index",';
+  return "[" + JSON.stringify(path) + ",";
 }
-function appendScopedDeoptKey(outKeys, path, item, index, key, implicitPrefix) {
+function appendScopedDeoptKey(outKeys, path, item, index, key, keyPrefix) {
   const explicit = (isElementDescriptor(item) || item?.$$kind === PORTAL_TAG) && item.key != null;
   if (path.length === 0) {
     outKeys.push(explicit ? "k" + String(key) : index);
-    return implicitPrefix;
+    return keyPrefix;
   }
-  if (!explicit) {
-    if (implicitPrefix === void 0) implicitPrefix = nestedImplicitKeyPrefix(path);
-    if (implicitPrefix !== null && JSON.stringify === DEOPT_KEY_STRINGIFY && !("toJSON" in path)) {
-      outKeys.push(implicitPrefix + index + "]");
-      return implicitPrefix;
+  if (keyPrefix !== null && (!explicit || typeof key === "string" && String === DEOPT_KEY_STRING) && JSON.stringify === DEOPT_KEY_STRINGIFY && !("toJSON" in path)) {
+    if (keyPrefix === void 0) keyPrefix = nestedDeoptKeyPrefix(path);
+    if (keyPrefix !== null) {
+      outKeys.push(
+        explicit ? keyPrefix + '"key",' + JSON.stringify(String(key)) + "]" : keyPrefix + '"index",' + index + "]"
+      );
+      return keyPrefix;
     }
   }
   outKeys.push(JSON.stringify([path, explicit ? "key" : "index", explicit ? String(key) : index]));
-  return implicitPrefix;
+  return null;
 }
 function flattenReactChildContainer(outItems, outKeys, children, kind, path) {
   const keyFn = kind === "fragment" ? deoptKeyPositional : deoptKey;
   const count = children.length;
-  let implicitPrefix = count > 1 ? void 0 : null;
+  let keyPrefix = count > 1 ? void 0 : null;
   for (let i = 0; i < count; i++) {
     const item = children[i];
     if (isFragmentDescriptor(item)) {
       if (item.ref != null || import_has_own.hasOwnProp.call(item.props, "ref")) {
         outItems.push(fragmentRefDescriptor(item));
-        implicitPrefix = appendScopedDeoptKey(
-          outKeys,
-          path,
-          item,
-          i,
-          keyFn(item, i),
-          implicitPrefix
-        );
+        keyPrefix = appendScopedDeoptKey(outKeys, path, item, i, keyFn(item, i), keyPrefix);
         continue;
       }
       const nested = fragmentDescriptorChildren(item);
@@ -14374,7 +14755,7 @@ function flattenReactChildContainer(outItems, outKeys, children, kind, path) {
       continue;
     }
     outItems.push(item);
-    implicitPrefix = appendScopedDeoptKey(outKeys, path, item, i, keyFn(item, i), implicitPrefix);
+    keyPrefix = appendScopedDeoptKey(outKeys, path, item, i, keyFn(item, i), keyPrefix);
   }
 }
 function singleDeoptKey(item, key) {
@@ -14505,9 +14886,9 @@ function reconcileDeoptChildren(el, children, ownerBlock) {
   const next = [];
   const nextKeys = [];
   flattenDeoptChildrenKeyed(next, nextKeys, children, "");
-  const existing = el.childNodes;
+  const firstChild = getFirstChild(el);
   const journal = ROOT_RENDER_TRANSACTION !== null && el.parentNode !== null && (ownerBlock.mounted || ROOT_RENDER_TRANSACTION.hydrating || ROOT_RENDER_TRANSACTION.retainedCreated?.has(ownerBlock));
-  if (existing.length === 0) {
+  if (firstChild === null) {
     for (let i = 0; i < next.length; i++) {
       const node = reconcileDeoptNode(null, next[i], ownerBlock, childNs);
       if (node !== null) {
@@ -14526,7 +14907,7 @@ function reconcileDeoptChildren(el, children, ownerBlock) {
   let hydrationOwnsUnstamped;
   let byKey = null;
   const unstamped = [];
-  let scan = getFirstChild(el);
+  let scan = firstChild;
   while (scan !== null) {
     const rangeEnd = scan.$$portalEnd;
     if (rangeEnd != null) {
@@ -14588,9 +14969,10 @@ function reconcileDeoptChildren(el, children, ownerBlock) {
       }
     }
   }
+  let cursor = getFirstChild(el);
   for (let i = 0; i < result.length; i++) {
     const want = result[i];
-    const at = hasForeign ? liveOwnedChildAt(el, i, hydrationOwnsUnstamped === true) : existing[i] ?? null;
+    const at = hasForeign ? nextDeoptOwnedChild(cursor, hydrationOwnsUnstamped === true) : cursor;
     if (at !== want) {
       if (journal) journalRootChildren(el);
       if (renderingFocus === null) el.insertBefore(want, at);
@@ -14599,6 +14981,7 @@ function reconcileDeoptChildren(el, children, ownerBlock) {
         moveFocusedNodeBefore(el, want, at, renderingFocus);
       }
     }
+    cursor = getNextSibling(want);
   }
 }
 function nodeAfterPortalRange(start, end) {
@@ -14606,9 +14989,7 @@ function nodeAfterPortalRange(start, end) {
   while (m !== null && m !== end) m = getNextSibling(m);
   return getNextSibling(m ?? start);
 }
-function liveOwnedChildAt(el, index, adoptHydrationChildren = false) {
-  let i = 0;
-  let scan = getFirstChild(el);
+function nextDeoptOwnedChild(scan, adoptHydrationChildren) {
   while (scan !== null) {
     const rangeEnd = scan.$$portalEnd;
     if (rangeEnd != null) {
@@ -14619,9 +15000,7 @@ function liveOwnedChildAt(el, index, adoptHydrationChildren = false) {
       scan = getNextSibling(scan);
       continue;
     }
-    if (i === index) return scan;
-    i++;
-    scan = getNextSibling(scan);
+    return scan;
   }
   return null;
 }
@@ -14994,8 +15373,28 @@ function teardownChildForSlot(state) {
   state.forSlot = null;
 }
 let DEOPT_UPGRADE = null;
+function adoptedDeoptChildren(value, cursor) {
+  if (Array.isArray(value)) {
+    const copy = [];
+    const length = value.length;
+    for (let index = 0; index < length; index++) {
+      copy[index] = adoptedDeoptChildren(value[index], cursor);
+    }
+    if (POSITIONAL_CHILDREN.has(value)) POSITIONAL_CHILDREN.add(copy);
+    return copy;
+  }
+  if (value == null || value === false || value === true || value === "") return value;
+  const type = typeof value;
+  const element = isElementDescriptor(value);
+  if (!element && type !== "string" && type !== "number" && type !== "bigint") return value;
+  const node = cursor.node;
+  if (node === null || node === cursor.end) return value;
+  cursor.node = node.nextSibling;
+  return element ? getDeoptDesc(node) ?? value : value;
+}
 function buildDeoptAdoptQueue(oldChildren, start, end) {
-  const prepared = prepareDeoptList(oldChildren, true);
+  const accepted = adoptedDeoptChildren(oldChildren, { node: start.nextSibling, end });
+  const prepared = prepareDeoptList(accepted, true);
   const { items, keys } = prepared;
   const queue = [];
   let cursor = start.nextSibling;
@@ -15274,7 +15673,9 @@ function renderPreparedChildList(state, parentBlock, domParent, preparedList, hy
       emptyBlock: null,
       env: void 0,
       adopt: null,
-      plainDeopt: false
+      plainDeopt: false,
+      mappedNative: void 0,
+      selectionItems: void 0
     };
     if (upgradeArmed) {
       state.forSlot.adopt = buildDeoptAdoptQueue(upgradeChildren, state.start, state.end);
@@ -15282,14 +15683,15 @@ function renderPreparedChildList(state, parentBlock, domParent, preparedList, hy
   }
   const { items, keys } = preparedList;
   const markerlessMappedFallback = mappedFallback === true && hydration !== null && !hydration.isOpen(hydration.node);
-  const getKey = compiledMapKey ? (item, index) => "k" + String(compiledMapKey(item, index)) : (_item, i) => keys[i];
+  const keySource = compiledMapKey || keys;
+  const normalizeKey = !!compiledMapKey;
   const wasMappedNative = state.forSlot.mappedNative === true;
   let body = compiledMapBody || (mappedFallback === true ? mappedDeoptItemBody : deoptItemBody);
   if (compiledMapBody === void 0 && wasMappedNative && state.forSlot.size > 0) {
     for (let index = 0; index < items.length; index++) {
       const item = items[index];
       if (!isHostDescriptor(item)) continue;
-      const block = state.forSlot.items.get(getKey(item, index));
+      const block = state.forSlot.items.get(readListKey(keySource, item, index, normalizeKey));
       if (block !== void 0 && block.startMarker !== null && block.startMarker === block.endMarker && block.startMarker.nodeType === 1 && block.startMarker.localName === item.type) {
         const root = block.startMarker;
         const text = root.firstChild;
@@ -15367,23 +15769,25 @@ function renderPreparedChildList(state, parentBlock, domParent, preparedList, hy
       parentBlock,
       state.forSlot,
       items,
-      getKey,
+      keySource,
       body,
       compiledMapBody === void 0 ? 2 : (fastFlags & 2) !== 0,
-      ssrMarkerless
+      ssrMarkerless,
+      normalizeKey
     );
   } else {
     reconcileKeyed(
       parentBlock,
       state.forSlot,
       items,
-      getKey,
+      keySource,
       body,
       pure,
       compiledMapBody === void 0 ? 2 : (fastFlags & 2) !== 0,
       lite,
       (fastFlags & 8) !== 0,
-      ssrMarkerless
+      ssrMarkerless,
+      normalizeKey
     );
   }
   if (state.forSlot.adopt !== null) {
@@ -15736,7 +16140,10 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
     }
     if (state.block !== null && comp === state.currentComp) {
       if (tryMemoBail(state.block, comp, props)) return;
-      if (props === state.block.props && tryImplicitBail(state.block)) return;
+      if (props === state.block.props && // Deferred host shells can change their complete record or children.
+      // Compare the accepted resolution before accepting the shell's identity.
+      (comp !== hostElementBody || unchangedScopedHostDescriptor(state.block, props)) && tryImplicitBail(state.block))
+        return;
       if (state.block.props !== props) journalRootProperty(state.block, "props", state.block.props);
       state.block.props = props;
       renderBlock(state.block);
@@ -16065,7 +16472,7 @@ function tryMemoBail(block, comp, props) {
   if (comp.__memo !== true) return false;
   if (!block.mounted || block.renderStatus !== RENDER_VALID) return false;
   const compare = comp.__compare;
-  const equal = compare ? compare(block.props, props) : shallowEqualProps(block.props, props);
+  const equal = compare ? comp[LAZY_BODY_CHECK] !== void 0 ? compare(block.props, props, block) : compare(block.props, props) : shallowEqualProps(block.props, props);
   if (!equal) return false;
   if (ctxDirectChanged(block)) return false;
   if (ctxDepsChanged(block)) refreshContextConsumers(block);
@@ -16078,6 +16485,8 @@ function tryMemoBail(block, comp, props) {
 function tryImplicitBail(block) {
   if (block.$$implicitBail !== true) return false;
   if (!block.mounted || block.renderStatus !== RENDER_VALID) return false;
+  const checkLazyBody = block.body[LAZY_BODY_CHECK];
+  if (checkLazyBody !== void 0 && !checkLazyBody(block)) return false;
   if (ctxDirectChanged(block)) return false;
   if (ctxDepsChanged(block)) refreshContextConsumers(block);
   restampCtxDeps(block);
@@ -16265,7 +16674,14 @@ function memo(component, arePropsEqual) {
   Object.defineProperty(memoWrapper, "defaultProps", MEMO_DEFAULT_PROPS_DESCRIPTOR);
   if (typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__)
     (0, import_profiling.__profileComponentSource)(memoWrapper, component);
-  if (arePropsEqual) Object.defineProperty(memoWrapper, "__compare", { value: arePropsEqual });
+  const checkLazyBody = component[LAZY_BODY_CHECK];
+  if (checkLazyBody !== void 0) {
+    markLazyBodyCheck(memoWrapper, checkLazyBody);
+    Object.defineProperty(memoWrapper, "__compare", {
+      value: (prev, next, scope) => checkLazyBody(scope) && (arePropsEqual ? arePropsEqual(prev, next) : shallowEqualProps(prev, next))
+    });
+  } else if (arePropsEqual)
+    Object.defineProperty(memoWrapper, "__compare", { value: arePropsEqual });
   return memoWrapper;
 }
 const HMR = /* @__PURE__ */ Symbol.for("octane.hmr");
@@ -17053,6 +17469,8 @@ function tryBlock(parentScope, slotKey, domParent, tryBody, catchBody, pendingBo
     state.catchBody = catchBody;
     state.pendingBody = pendingBody;
     state.propagateSuspense = propagateSuspense;
+    if (ACTIVE_TRANSITION_ATTEMPT !== null && state.env !== env)
+      TRANSITION_JOURNAL.push(JOURNAL_PROP, state, "env", state.env);
     state.env = env;
   }
   const s = state;
@@ -18719,12 +19137,13 @@ function hasHeldDeferredSwap(slot) {
   }
   return false;
 }
-function useDeferredValue(value, ...rest) {
-  let slot = rest[rest.length - 1];
+function useDeferredValue(value, initialValueOrSlot = void 0, lastSlot) {
+  const count = arguments.length;
+  let slot = count > 3 ? arguments[count - 1] : count === 3 ? lastSlot : initialValueOrSlot;
   slot = resolveSlot(slot);
   if (slot === void 0) missingSlot("useDeferredValue");
-  const initialValue = rest.length >= 2 ? rest[0] : void 0;
-  const hasInitial = rest.length >= 2;
+  const hasInitial = count >= 3;
+  const initialValue = hasInitial ? initialValueOrSlot : void 0;
   const scope = CURRENT_SCOPE;
   const block = CURRENT_BLOCK;
   const hidden = inInactiveSubtree(block);
@@ -20006,7 +20425,9 @@ function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody,
       // Compiled `@for` slots never read this — they never pass the de-opt
       // sentinel — but both ForSlot literals declare it so every slot shares
       // one hidden class and the stamp in childSlot transitions nothing.
-      plainDeopt: false
+      plainDeopt: false,
+      mappedNative: void 0,
+      selectionItems: void 0
     };
     parentScope.slots[slotKey] = state;
     registerSlot(parentScope, state);
@@ -20444,8 +20865,8 @@ function updateSurvivor(block, newItem, newIdx, itemBody, pure, lite, indexIndep
     block.itemIndex = newIdx;
     block.body = itemBody;
   } else {
-    if (journal && block.props !== newItem) journalRootProperty(block, "props", block.props);
-    if (journal && block.extra !== env) journalRootProperty(block, "extra", block.extra);
+    if (journal && (block.props !== newItem || block.extra !== env))
+      TRANSITION_JOURNAL.push(JOURNAL_INPUTS, block, block.props, block.extra);
     block.props = newItem;
     block.body = itemBody;
     block.itemIndex = newIdx;
@@ -20457,15 +20878,15 @@ function updateSurvivor(block, newItem, newIdx, itemBody, pure, lite, indexIndep
     }
   }
 }
-function consumeAdoptQueuePrefix(adopt, count) {
-  if (count < adopt.length) adopt.copyWithin(0, count);
-  adopt.length -= count;
+function readListKey(keySource, item, index, normalizeKey) {
+  if (typeof keySource !== "function") return keySource[index];
+  return normalizeKey ? "k" + String(keySource(item, index)) : keySource(item, index);
 }
-function checkedListKey(getKey) {
+function checkedListKey(keySource, normalizeKey) {
   const seen = /* @__PURE__ */ new Map();
   let warned = false;
   return (item, index) => {
-    const key = getKey(item, index);
+    const key = readListKey(keySource, item, index, normalizeKey);
     if (!warned && seen.has(key) && seen.get(key) !== index) {
       warned = true;
       const label = typeof key === "object" || typeof key === "function" ? "[object identity]" : String(key);
@@ -20476,29 +20897,46 @@ function checkedListKey(getKey) {
     return key;
   };
 }
-function mountItemsLinear(parentBlock, state, items, getKey, itemBody, singleRoot, ssrMarkerless) {
+function mountItemsLinear(parentBlock, state, items, keySource, itemBody, singleRoot, ssrMarkerless, normalizeKey = false) {
   const newLen = items.length;
   if (newLen === 0) return;
-  if (process.env.NODE_ENV !== "production") getKey = checkedListKey(getKey);
+  if (process.env.NODE_ENV !== "production") {
+    keySource = checkedListKey(keySource, normalizeKey);
+    normalizeKey = false;
+  }
   if (TRANSITION_JOURNAL !== null) journalForSlot(state);
   const oldItems = state.items;
   const parentNode = state.end.parentNode;
   const adopt = state.adopt;
-  let adoptIndex = 0;
+  let adoptByKey = null;
+  let adoptedNodes = null;
+  if (adopt !== null) {
+    adoptByKey = /* @__PURE__ */ new Map();
+    for (let index = 0; index < adopt.length; index++) {
+      const entry = adopt[index];
+      if (!adoptByKey.has(entry.key)) adoptByKey.set(entry.key, entry);
+    }
+  }
   let prev = null;
   try {
     for (let i = 0; i < newLen; i++) {
       const item = items[i];
-      const key = getKey(item, i);
+      const key = readListKey(keySource, item, i, normalizeKey);
       let adoptNode = null;
       let anchor = state.end;
-      if (adopt !== null && adoptIndex < adopt.length) {
-        const candidate = adopt[adoptIndex];
-        if (candidate.key === key) {
+      if (adoptByKey !== null) {
+        anchor = prev === null ? state.start.nextSibling : prev.endMarker.nextSibling;
+        const candidate = adoptByKey.get(key);
+        if (candidate !== void 0) {
           adoptNode = candidate.node;
-          adoptIndex++;
-        } else {
-          anchor = candidate.node;
+          adoptByKey.delete(key);
+          (adoptedNodes ??= /* @__PURE__ */ new Set()).add(adoptNode);
+          if (adoptNode !== anchor) {
+            if (renderingFocus !== null) {
+              captureFocusedMovement(parentNode, renderingFocus);
+              moveFocusedNodeBefore(parentNode, adoptNode, anchor, renderingFocus);
+            } else parentNode.insertBefore(adoptNode, anchor);
+          }
         }
       }
       const block = mountItem(
@@ -20536,19 +20974,38 @@ function mountItemsLinear(parentBlock, state, items, getKey, itemBody, singleRoo
     state.size = 0;
     throw error;
   }
-  if (adoptIndex !== 0) consumeAdoptQueuePrefix(adopt, adoptIndex);
+  if (adoptByKey !== null) {
+    let remaining = 0;
+    for (let index = 0; index < adopt.length; index++) {
+      const entry = adopt[index];
+      if (!adoptedNodes?.has(entry.node)) adopt[remaining++] = entry;
+    }
+    adopt.length = remaining;
+  }
 }
-function reconcileKeyed(parentBlock, state, items, getKey, itemBody, pure, singleRoot, lite = false, indexIndependent = false, ssrMarkerless = false) {
+function reconcileKeyed(parentBlock, state, items, keySource, itemBody, pure, singleRoot, lite = false, indexIndependent = false, ssrMarkerless = false, normalizeKey = false) {
   const oldItems = state.items;
   const oldSize = state.size;
   const newLen = items.length;
   const parentNode = state.end.parentNode;
   let journalShape = TRANSITION_JOURNAL !== null;
   if (oldSize === 0) {
-    mountItemsLinear(parentBlock, state, items, getKey, itemBody, singleRoot, ssrMarkerless);
+    mountItemsLinear(
+      parentBlock,
+      state,
+      items,
+      keySource,
+      itemBody,
+      singleRoot,
+      ssrMarkerless,
+      normalizeKey
+    );
     return;
   }
-  if (process.env.NODE_ENV !== "production") getKey = checkedListKey(getKey);
+  if (process.env.NODE_ENV !== "production") {
+    keySource = checkedListKey(keySource, normalizeKey);
+    normalizeKey = false;
+  }
   if (newLen === 0) {
     const ownedRootClear = journalShape && canDeferRootOwnedListClear(state);
     if (ownedRootClear && (TRANSITION_JOURNAL_BAGS.get(state) ?? -1) < TRANSITION_JOURNAL_CHECKPOINT)
@@ -20563,7 +21020,7 @@ function reconcileKeyed(parentBlock, state, items, getKey, itemBody, pure, singl
   let oldFirst = state.head;
   let prefixLen = 0;
   while (oldFirst !== null && prefixLen < newLen) {
-    const newKey = getKey(items[prefixLen], prefixLen);
+    const newKey = readListKey(keySource, items[prefixLen], prefixLen, normalizeKey);
     if (oldFirst.key !== newKey) break;
     const block = oldFirst;
     updateSurvivor(
@@ -20584,7 +21041,7 @@ function reconcileKeyed(parentBlock, state, items, getKey, itemBody, pure, singl
   let newEnd = newLen - 1;
   let oldRemain = oldSize - prefixLen;
   while (oldLast !== null && oldRemain > 0 && newEnd >= prefixLen) {
-    const newKey = getKey(items[newEnd], newEnd);
+    const newKey = readListKey(keySource, items[newEnd], newEnd, normalizeKey);
     if (oldLast.key !== newKey) break;
     const block = oldLast;
     updateSurvivor(block, items[newEnd], newEnd, itemBody, pure, lite, indexIndependent, state.env);
@@ -20607,7 +21064,7 @@ function reconcileKeyed(parentBlock, state, items, getKey, itemBody, pure, singl
     let prev = beforeMiddle;
     for (let i = prefixLen; i <= newEnd; i++) {
       const item = items[i];
-      const key = getKey(item, i);
+      const key = readListKey(keySource, item, i, normalizeKey);
       const block = mountItem(
         parentBlock,
         parentNode,
@@ -20652,10 +21109,10 @@ function reconcileKeyed(parentBlock, state, items, getKey, itemBody, pure, singl
     return;
   }
   const newMidLen = newEnd - prefixLen + 1;
-  const newKeys = new Array(newMidLen);
+  const newKeys = [];
   const newKeysToIdx = /* @__PURE__ */ new Map();
   for (let i = 0; i < newMidLen; i++) {
-    const key = getKey(items[prefixLen + i], prefixLen + i);
+    const key = readListKey(keySource, items[prefixLen + i], prefixLen + i, normalizeKey);
     newKeys[i] = key;
     newKeysToIdx.set(key, i);
   }
@@ -22667,6 +23124,7 @@ function scriptResource(attrs) {
   compilerCacheContext,
   compilerCacheImmutableArrayFilter,
   compilerCacheMappedArray,
+  compilerMemoRegion,
   compilerOwnsContextProvider,
   componentSlot,
   componentSlotLite,
@@ -22691,8 +23149,10 @@ function scriptResource(attrs) {
   evt0,
   evt0u,
   evt1,
+  evt1e,
   evt1u,
   evt2,
+  evt2e,
   evt2u,
   evtN,
   evtNu,
@@ -22726,6 +23186,7 @@ function scriptResource(attrs) {
   injectStyle,
   invokeManualHook,
   isChildrenBlock,
+  isHydratingStyle,
   isInActScope,
   isValidElement,
   keyedForBlock,
@@ -22818,15 +23279,20 @@ function scriptResource(attrs) {
   setHTML,
   setHostPropSources,
   setIsOctaneActEnvironment,
+  setPlainAttribute,
+  setPlainAttributeIfChanged,
   setScriptText,
   setSelectValue,
   setSpread,
   setStringData,
   setStringDataIfChanged,
   setStyle,
+  setStyleProperties,
   setStyleProperty,
   setText,
   setTransitionFallbackTimeout,
+  setURLAttribute,
+  setURLAttributeIfChanged,
   setValue,
   sibling,
   snapshotSpread,