marko 6.0.0-3.9 → 6.0.0-next.3.16

package/dist/debug/html.mjs

@@ -77,7 +77,7 @@ function isVoid(value) {
   return value == null || value === false;
 }
 function normalizeDynamicRenderer(value) {
-  if (value) return value.renderBody || value.default || value;
+  if (value) return value.content || value.default || value;
 }
 
 // src/html/content.ts
@@ -1472,9 +1472,9 @@ function ensureScopeWithId(scopeId) {
 function $global() {
   return $chunk.boundary.state.$global;
 }
-function fork(promise, renderBody) {
+function fork(promise, content) {
   if (!isPromise(promise)) {
-    renderBody(promise);
+    content(promise);
     return;
   }
   const chunk = $chunk;
@@ -1490,7 +1490,7 @@ function fork(promise, renderBody) {
       if (chunk.async) {
         chunk.async = false;
         if (!boundary.signal.aborted) {
-          chunk.render(renderBody, value);
+          chunk.render(content, value);
           boundary.endAsync(chunk);
         }
       }
@@ -1501,27 +1501,27 @@ function fork(promise, renderBody) {
     }
   );
 }
-function tryPlaceholder(renderBody, renderPlaceholder) {
+function tryPlaceholder(content, placeholder) {
   const chunk = $chunk;
   const { boundary } = chunk;
   const body = new Chunk(boundary, null, chunk.context);
-  if (body === body.render(renderBody)) {
+  if (body === body.render(content)) {
     chunk.append(body);
     return;
   }
   chunk.next = $chunk = new Chunk(boundary, chunk.next, body.context);
   chunk.placeholderBody = body;
-  chunk.placeholderRender = renderPlaceholder;
+  chunk.placeholderRender = placeholder;
 }
-function tryCatch(renderBody, renderCatch) {
+function tryCatch(content, catchContent) {
   const chunk = $chunk;
   const { boundary } = chunk;
   const { state } = boundary;
   const catchBoundary = new Boundary(state);
   const body = new Chunk(catchBoundary, null, chunk.context);
-  const bodyEnd = body.render(renderBody);
+  const bodyEnd = body.render(content);
   if (catchBoundary.signal.aborted) {
-    renderCatch(catchBoundary.signal.reason);
+    catchContent(catchBoundary.signal.reason);
     return;
   }
   if (body === bodyEnd) {
@@ -1559,7 +1559,7 @@ function tryCatch(renderBody, renderCatch) {
       }
       const catchChunk = new Chunk(boundary, null, chunk.context);
       catchChunk.reorderId = reorderId;
-      catchChunk.render(renderCatch, catchBoundary.signal.reason);
+      catchChunk.render(catchContent, catchBoundary.signal.reason);
       state.reorder(catchChunk);
       boundary.endAsync();
     } else if (catchBoundary.done) {
@@ -1742,11 +1742,11 @@ var Chunk = class {
     }
     return cur;
   }
-  render(renderBody, val) {
+  render(content, val) {
     const prev = $chunk;
     $chunk = this;
     try {
-      renderBody(val);
+      content(val);
       return $chunk;
     } catch (err) {
       this.boundary.abort(err);
@@ -1959,7 +1959,7 @@ function optionValueAttr(value) {
   return attr("value", value) + (!isVoid(value) && (Array.isArray(value) ? selectedValue.includes(value) : selectedValue === value) ? ` selected` : "");
 }
 var kSelectedValue = Symbol("selectedValue");
-function controllable_select_value(scopeId, nodeAccessor, value, valueChange, renderBody) {
+function controllable_select_value(scopeId, nodeAccessor, value, valueChange, content) {
   if (valueChange) {
     writeControlledScope(
       3 /* SelectValue */,
@@ -1969,8 +1969,8 @@ function controllable_select_value(scopeId, nodeAccessor, value, valueChange, re
       valueChange
     );
   }
-  if (renderBody) {
-    withContext(kSelectedValue, value, renderBody);
+  if (content) {
+    withContext(kSelectedValue, value, content);
   }
 }
 function controllable_textarea_value(scopeId, nodeAccessor, value, valueChange) {
@@ -2106,7 +2106,7 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
         result += styleAttr(val);
         break;
       case "":
-      case "renderBody":
+      case "content":
         break;
       default:
         if (!isVoid(val)) {
@@ -2184,13 +2184,13 @@ var DEFAULT_RENDER_ID = "_";
 
 // src/html/dynamic-tag.ts
 var voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/;
-function dynamicTagInput(scope, tag, input, renderBody, tagVar) {
-  if (!tag && !renderBody) return void 0;
+function dynamicTagInput(scope, tag, input, content, tagVar) {
+  if (!tag && !content) return void 0;
   const scopeId = getScopeId(scope);
   write(`${markResumeScopeStart(scopeId)}`);
   writeScope(scopeId, scope);
   if (!tag) {
-    return renderBody();
+    return content();
   }
   if (typeof tag === "string") {
     nextScopeId();
@@ -2199,9 +2199,9 @@ function dynamicTagInput(scope, tag, input, renderBody, tagVar) {
     );
     if (!voidElementsReg.test(tag)) {
       if (tag === "textarea") {
-        if (renderBody) {
+        if (content) {
           throw new Error(
-            "A dynamic tag rendering a `<textarea>` cannot have a `renderBody` and must use the `value` attribute instead."
+            "A dynamic tag rendering a `<textarea>` cannot have `content` and must use the `value` attribute instead."
           );
         }
         write(
@@ -2212,24 +2212,22 @@ function dynamicTagInput(scope, tag, input, renderBody, tagVar) {
             input.valueChange
           )
         );
-      } else if (renderBody) {
+      } else if (content) {
         if (tag === "select" && ("value" in input || "valueChange" in input)) {
           controllable_select_value(
             scopeId,
             true ? `#${tag}/0` : 0,
             input.value,
             input.valueChange,
-            renderBody
+            content
           );
         } else {
-          renderBody();
+          content();
         }
       }
       write(`</${tag}>`);
-    } else if (renderBody) {
-      throw new Error(
-        `A renderBody was provided for a "${tag}" tag, which cannot have children.`
-      );
+    } else if (content) {
+      throw new Error(`Body content is not supported for a "${tag}" tag.`);
     }
     return null;
   }
@@ -2239,7 +2237,7 @@ function dynamicTagInput(scope, tag, input, renderBody, tagVar) {
       throw new Error(`Invalid renderer passed for dynamic tag: ${tag}`);
     }
   }
-  return renderer(renderBody ? { ...input, renderBody } : input, tagVar);
+  return renderer(content ? { ...input, content } : input, tagVar);
 }
 function dynamicTagArgs(scope, tag, args) {
   if (!tag) return void 0;
@@ -2316,13 +2314,20 @@ var compat = {
       null,
       null
     );
+    let normalizedInput = input;
+    if ("renderBody" in input) {
+      normalizedInput = {};
+      for (const key in input) {
+        normalizedInput[key === "renderBody" ? "content" : key] = input[key];
+      }
+    }
     head.render(() => {
       if (willRerender) {
         const scopeId = peekNextScopeId();
         writeScope(scopeId, { m5c: component.id });
         writeEffect(scopeId, SET_SCOPE_REGISTER_ID);
       }
-      renderer(input);
+      renderer(normalizedInput);
     });
     const asyncOut = classAPIOut.beginAsync();
     (boundary.onNext = () => {

package/dist/dom/compat.d.ts

@@ -16,5 +16,5 @@ export declare const compat: {
         componentIdPrefix: string;
     }): any;
     createRenderer(setup: Renderer["___setup"], clone: Renderer["___clone"], args: Renderer["___args"]): Renderer;
-    render(out: any, component: any, renderer: Renderer, input: any): (Node & ChildNode) | ParentNode | null | undefined;
+    render(out: any, component: any, renderer: Renderer, args: any): (Node & ChildNode) | ParentNode | null | undefined;
 };

package/dist/dom/renderer.d.ts

@@ -15,7 +15,7 @@ type SetupFn = (scope: Scope) => void;
 export declare function createScopeWithRenderer(renderer: Renderer, $global: Scope["___global"], ownerScope?: Scope): Scope;
 export declare function createScopeWithTagNameOrRenderer(tagNameOrRenderer: Renderer | string, $global: Scope["___global"], ownerScope?: Scope): Scope;
 export declare function initRenderer(renderer: Renderer, scope: Scope): Node;
-export declare function dynamicTagAttrs(nodeAccessor: Accessor, getRenderBody?: (scope: Scope) => Renderer, inputIsArgs?: boolean): (scope: Scope, attrsOrOp: (() => Record<string, unknown>) | SignalOp) => void;
+export declare function dynamicTagAttrs(nodeAccessor: Accessor, getContent?: (scope: Scope) => Renderer, inputIsArgs?: boolean): (scope: Scope, attrsOrOp: (() => Record<string, unknown>) | SignalOp) => void;
 export declare function createRendererWithOwner(template: string, rawWalks?: string, setup?: SetupFn, getClosureSignals?: () => IntersectionSignal[], getArgs?: () => ValueSignal): (owner?: Scope) => Renderer;
 export declare function createRenderer(template: string, walks?: string, setup?: SetupFn, getClosureSignals?: () => IntersectionSignal[], getArgs?: () => ValueSignal): Renderer;
 export {};

package/dist/dom/signals.d.ts

@@ -31,7 +31,7 @@ export declare function setTagVar(scope: Scope, childAccessor: Accessor, tagVarS
 export declare const tagVarSignal: (scope: Scope, valueOrOp: unknown | SignalOp) => any;
 export declare function setTagVarChange(scope: Scope, changeHandler: (value: unknown) => void): void;
 export declare const tagVarSignalChange: (scope: Scope, value: unknown) => any;
-export declare const renderBodyClosures: (renderBody: Renderer | string | undefined, childScope: Scope, op: SignalOp) => void;
+export declare const contentClosures: (content: Renderer | string | undefined, childScope: Scope, op: SignalOp) => void;
 export declare const inMany: (scopes: Scope[], op: SignalOp, signal: IntersectionSignal) => void;
 export declare function nextTagId({ $global }: Scope): string;
 export declare function inChild(childAccessor: Accessor, signal: ValueSignal): (scope: Scope, valueOrOp: unknown | SignalOp) => void;

package/dist/dom.js

@@ -389,8 +389,8 @@ var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrO
 function setTagVarChange(scope, changeHandler) {
   scope["@" /* TagVariableChange */] = changeHandler;
 }
-var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2), renderBodyClosures = (renderBody, childScope, op) => {
-  let signals = renderBody?.c;
+var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2), contentClosures = (content, childScope, op) => {
+  let signals = content?.c;
   if (signals)
     for (let signal of signals)
       signal(childScope, op);
@@ -515,7 +515,7 @@ function getEventHandlerName(name) {
   return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
 }
 function normalizeDynamicRenderer(value2) {
-  if (value2) return value2.renderBody || value2.default || value2;
+  if (value2) return value2.content || value2.default || value2;
 }
 
 // src/dom/reconcile.ts
@@ -731,14 +731,14 @@ function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange
   scope[nodeAccessor + ";" /* ControlledHandler */] = openChange, openChange ? scope[nodeAccessor + "=" /* ControlledType */] = 4 /* DetailsOrDialogOpen */ : scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */, scope[nodeAccessor].open = normalizeBoolProp(open);
 }
 function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
-  let el = scope[nodeAccessor];
+  let el = scope[nodeAccessor], hasChanged = () => el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
-    () => scope[nodeAccessor + ";" /* ControlledHandler */] && el.open !== scope[nodeAccessor + ":" /* ControlledValue */],
+    hasChanged,
     () => {
       let openChange = scope[nodeAccessor + ";" /* ControlledHandler */];
-      openChange && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, openChange(el.open), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.open = !el.open));
+      openChange && hasChanged() && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, openChange(el.open), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.open = !el.open));
     }
   );
 }
@@ -810,7 +810,7 @@ function toValueProp(it) {
 }
 
 // src/dom/parse-html.ts
-var fallback = document.createTextNode(""), parser = /* @__PURE__ */ new Range();
+var fallback = /* @__PURE__ */ document.createTextNode(""), parser = /* @__PURE__ */ new Range();
 function parseHTML(html2) {
   return parser.createContextualFragment(html2);
 }
@@ -925,7 +925,7 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
       case "style":
         styleAttr(el, value2);
         break;
-      case "renderBody":
+      case "content":
         break;
       default:
         isEventHandler(name) ? (events ||= scope[nodeAccessor + "~" /* EventAttributes */] = {})[getEventHandlerName(name)] = value2 : skip?.test(name) || attr(el, name, value2);
@@ -1054,7 +1054,7 @@ function initRenderer(renderer, scope) {
     scope
   ), scope.a = dom.nodeType === 11 /* DocumentFragment */ ? dom.firstChild : dom, scope.b = dom.nodeType === 11 /* DocumentFragment */ ? dom.lastChild : dom, renderer.s && renderer.s(scope), dom;
 }
-function dynamicTagAttrs(nodeAccessor, getRenderBody, inputIsArgs) {
+function dynamicTagAttrs(nodeAccessor, getContent, inputIsArgs) {
   return (scope, attrsOrOp) => {
     let renderer = scope[nodeAccessor + "(" /* ConditionalRenderer */];
     if (!renderer || attrsOrOp === DIRTY)
@@ -1062,17 +1062,17 @@ function dynamicTagAttrs(nodeAccessor, getRenderBody, inputIsArgs) {
     let childScope = scope[nodeAccessor + "!" /* ConditionalScope */];
     if (attrsOrOp === MARK || attrsOrOp === CLEAN)
       return renderer.e?.(childScope, attrsOrOp);
-    let renderBody = getRenderBody?.(scope);
+    let content = getContent?.(scope);
     if (typeof renderer == "string")
-      setConditionalRendererOnlyChild(childScope, 0, renderBody), attrs(childScope, 0, attrsOrOp());
+      setConditionalRendererOnlyChild(childScope, 0, content), attrs(childScope, 0, attrsOrOp());
     else if (renderer.e) {
       let attributes = attrsOrOp();
       renderer.e(
         childScope,
         inputIsArgs ? attributes : [
-          renderBody ? {
+          content ? {
             ...attributes,
-            renderBody
+            content
           } : attributes
         ]
       );
@@ -1125,7 +1125,7 @@ var conditional = function(nodeAccessor, fn, getIntersection) {
       let normalizedRenderer = normalizeDynamicRenderer(newRendererOrOp);
       isDifferentRenderer(normalizedRenderer, currentRenderer) ? (currentRenderer = scope[rendererAccessor] = normalizedRenderer, setConditionalRenderer(scope, nodeAccessor, normalizedRenderer), fn && fn(scope), op = DIRTY) : op = CLEAN;
     }
-    intersection2?.(scope, op), renderBodyClosures(currentRenderer, scope[childScopeAccessor], op);
+    intersection2?.(scope, op), contentClosures(currentRenderer, scope[childScopeAccessor], op);
   };
 };
 function inConditionalScope(signal, nodeAccessor) {
@@ -1163,7 +1163,7 @@ var conditionalOnlyChild = function(nodeAccessor, fn, getIntersection) {
         normalizedRenderer
       ), fn && fn(scope), op = DIRTY) : op = CLEAN;
     }
-    intersection2?.(scope, op), renderBodyClosures(currentRenderer, scope[childScopeAccessor], op);
+    intersection2?.(scope, op), contentClosures(currentRenderer, scope[childScopeAccessor], op);
   };
 };
 function setConditionalRendererOnlyChild(scope, nodeAccessor, newRenderer) {
@@ -1301,13 +1301,18 @@ var classIdToScope = /* @__PURE__ */ new Map(), compat = {
     );
     return renderer.k = clone, renderer;
   },
-  render(out, component, renderer, input) {
+  render(out, component, renderer, args) {
     let scope = component.scope;
     scope || (scope = classIdToScope.get(component.id), scope && (component.scope = scope, classIdToScope.delete(component.id)));
-    let args = renderer.e || noop, existing = !1;
+    let applyArgs = renderer.e || noop, existing = !1;
+    if (typeof args[0] == "object" && "renderBody" in args[0]) {
+      let input = args[0], normalizedInput = args[0] = {};
+      for (let key in input)
+        normalizedInput[key === "renderBody" ? "content" : key] = input[key];
+    }
     if (component.effects = prepareEffects(() => {
       if (scope)
-        args(scope, MARK), existing = !0;
+        applyArgs(scope, MARK), existing = !0;
       else {
         scope = component.scope = createScopeWithRenderer(renderer, out.global);
         let closures = renderer.c;
@@ -1315,7 +1320,7 @@ var classIdToScope = /* @__PURE__ */ new Map(), compat = {
           for (let signal of closures)
             signal(component.scope, CLEAN);
       }
-      args(scope, input);
+      applyArgs(scope, args);
     }), !existing)
       return scope.a === scope.b ? scope.a : scope.a.parentNode;
   }

package/dist/dom.mjs

@@ -302,8 +302,8 @@ var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrO
 function setTagVarChange(scope, changeHandler) {
   scope["@" /* TagVariableChange */] = changeHandler;
 }
-var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2), renderBodyClosures = (renderBody, childScope, op) => {
-  let signals = renderBody?.c;
+var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2), contentClosures = (content, childScope, op) => {
+  let signals = content?.c;
   if (signals)
     for (let signal of signals)
       signal(childScope, op);
@@ -428,7 +428,7 @@ function getEventHandlerName(name) {
   return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
 }
 function normalizeDynamicRenderer(value2) {
-  if (value2) return value2.renderBody || value2.default || value2;
+  if (value2) return value2.content || value2.default || value2;
 }
 
 // src/dom/reconcile.ts
@@ -644,14 +644,14 @@ function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange
   scope[nodeAccessor + ";" /* ControlledHandler */] = openChange, openChange ? scope[nodeAccessor + "=" /* ControlledType */] = 4 /* DetailsOrDialogOpen */ : scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */, scope[nodeAccessor].open = normalizeBoolProp(open);
 }
 function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
-  let el = scope[nodeAccessor];
+  let el = scope[nodeAccessor], hasChanged = () => el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
-    () => scope[nodeAccessor + ";" /* ControlledHandler */] && el.open !== scope[nodeAccessor + ":" /* ControlledValue */],
+    hasChanged,
     () => {
       let openChange = scope[nodeAccessor + ";" /* ControlledHandler */];
-      openChange && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, openChange(el.open), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.open = !el.open));
+      openChange && hasChanged() && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, openChange(el.open), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.open = !el.open));
     }
   );
 }
@@ -723,7 +723,7 @@ function toValueProp(it) {
 }
 
 // src/dom/parse-html.ts
-var fallback = document.createTextNode(""), parser = /* @__PURE__ */ new Range();
+var fallback = /* @__PURE__ */ document.createTextNode(""), parser = /* @__PURE__ */ new Range();
 function parseHTML(html2) {
   return parser.createContextualFragment(html2);
 }
@@ -838,7 +838,7 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
       case "style":
         styleAttr(el, value2);
         break;
-      case "renderBody":
+      case "content":
         break;
       default:
         isEventHandler(name) ? (events ||= scope[nodeAccessor + "~" /* EventAttributes */] = {})[getEventHandlerName(name)] = value2 : skip?.test(name) || attr(el, name, value2);
@@ -967,7 +967,7 @@ function initRenderer(renderer, scope) {
     scope
   ), scope.a = dom.nodeType === 11 /* DocumentFragment */ ? dom.firstChild : dom, scope.b = dom.nodeType === 11 /* DocumentFragment */ ? dom.lastChild : dom, renderer.s && renderer.s(scope), dom;
 }
-function dynamicTagAttrs(nodeAccessor, getRenderBody, inputIsArgs) {
+function dynamicTagAttrs(nodeAccessor, getContent, inputIsArgs) {
   return (scope, attrsOrOp) => {
     let renderer = scope[nodeAccessor + "(" /* ConditionalRenderer */];
     if (!renderer || attrsOrOp === DIRTY)
@@ -975,17 +975,17 @@ function dynamicTagAttrs(nodeAccessor, getRenderBody, inputIsArgs) {
     let childScope = scope[nodeAccessor + "!" /* ConditionalScope */];
     if (attrsOrOp === MARK || attrsOrOp === CLEAN)
       return renderer.e?.(childScope, attrsOrOp);
-    let renderBody = getRenderBody?.(scope);
+    let content = getContent?.(scope);
     if (typeof renderer == "string")
-      setConditionalRendererOnlyChild(childScope, 0, renderBody), attrs(childScope, 0, attrsOrOp());
+      setConditionalRendererOnlyChild(childScope, 0, content), attrs(childScope, 0, attrsOrOp());
     else if (renderer.e) {
       let attributes = attrsOrOp();
       renderer.e(
         childScope,
         inputIsArgs ? attributes : [
-          renderBody ? {
+          content ? {
             ...attributes,
-            renderBody
+            content
           } : attributes
         ]
       );
@@ -1038,7 +1038,7 @@ var conditional = function(nodeAccessor, fn, getIntersection) {
       let normalizedRenderer = normalizeDynamicRenderer(newRendererOrOp);
       isDifferentRenderer(normalizedRenderer, currentRenderer) ? (currentRenderer = scope[rendererAccessor] = normalizedRenderer, setConditionalRenderer(scope, nodeAccessor, normalizedRenderer), fn && fn(scope), op = DIRTY) : op = CLEAN;
     }
-    intersection2?.(scope, op), renderBodyClosures(currentRenderer, scope[childScopeAccessor], op);
+    intersection2?.(scope, op), contentClosures(currentRenderer, scope[childScopeAccessor], op);
   };
 };
 function inConditionalScope(signal, nodeAccessor) {
@@ -1076,7 +1076,7 @@ var conditionalOnlyChild = function(nodeAccessor, fn, getIntersection) {
         normalizedRenderer
       ), fn && fn(scope), op = DIRTY) : op = CLEAN;
     }
-    intersection2?.(scope, op), renderBodyClosures(currentRenderer, scope[childScopeAccessor], op);
+    intersection2?.(scope, op), contentClosures(currentRenderer, scope[childScopeAccessor], op);
   };
 };
 function setConditionalRendererOnlyChild(scope, nodeAccessor, newRenderer) {
@@ -1214,13 +1214,18 @@ var classIdToScope = /* @__PURE__ */ new Map(), compat = {
     );
     return renderer.k = clone, renderer;
   },
-  render(out, component, renderer, input) {
+  render(out, component, renderer, args) {
     let scope = component.scope;
     scope || (scope = classIdToScope.get(component.id), scope && (component.scope = scope, classIdToScope.delete(component.id)));
-    let args = renderer.e || noop, existing = !1;
+    let applyArgs = renderer.e || noop, existing = !1;
+    if (typeof args[0] == "object" && "renderBody" in args[0]) {
+      let input = args[0], normalizedInput = args[0] = {};
+      for (let key in input)
+        normalizedInput[key === "renderBody" ? "content" : key] = input[key];
+    }
     if (component.effects = prepareEffects(() => {
       if (scope)
-        args(scope, MARK), existing = !0;
+        applyArgs(scope, MARK), existing = !0;
       else {
         scope = component.scope = createScopeWithRenderer(renderer, out.global);
         let closures = renderer.c;
@@ -1228,7 +1233,7 @@ var classIdToScope = /* @__PURE__ */ new Map(), compat = {
           for (let signal of closures)
             signal(component.scope, CLEAN);
       }
-      args(scope, input);
+      applyArgs(scope, args);
     }), !existing)
       return scope.a === scope.b ? scope.a : scope.a.parentNode;
   }

package/dist/html/attrs.d.ts

@@ -2,7 +2,7 @@ import { type Accessor } from "../common/types";
 export declare function classAttr(val: unknown): string;
 export declare function styleAttr(val: unknown): string;
 export declare function optionValueAttr(value: unknown): string;
-export declare function controllable_select_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown, renderBody?: () => void): void;
+export declare function controllable_select_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown, content?: () => void): void;
 export declare function controllable_textarea_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown): string;
 export declare function controllable_input_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown): string;
 export declare function controllable_input_checked(scopeId: number, nodeAccessor: Accessor, checked: unknown, checkedChange: unknown): string;

package/dist/html/dynamic-tag.d.ts

@@ -1,11 +1,11 @@
 import type { ServerRenderer } from "./template";
 import { type PartialScope } from "./writer";
-interface RenderBodyObject {
+interface BodyContentObject {
     [x: PropertyKey]: unknown;
-    renderBody: ServerRenderer;
+    content: ServerRenderer;
 }
-export declare function dynamicTagInput(scope: PartialScope, tag: unknown | string | ServerRenderer | RenderBodyObject, input: Record<string, unknown>, renderBody?: () => void, tagVar?: unknown): unknown;
-export declare function dynamicTagArgs(scope: PartialScope, tag: unknown | string | ServerRenderer | RenderBodyObject, args: unknown[]): unknown;
+export declare function dynamicTagInput(scope: PartialScope, tag: unknown | string | ServerRenderer | BodyContentObject, input: Record<string, unknown>, content?: () => void, tagVar?: unknown): unknown;
+export declare function dynamicTagArgs(scope: PartialScope, tag: unknown | string | ServerRenderer | BodyContentObject, args: unknown[]): unknown;
 declare let getDynamicRenderer: (value: any) => string | ServerRenderer | undefined;
 export declare let createRenderer: (fn: ServerRenderer) => ServerRenderer;
 export declare function patchDynamicTag(newGetDynamicRenderer: typeof getDynamicRenderer, newCreateRenderer: typeof createRenderer): void;

package/dist/html/writer.d.ts

@@ -40,9 +40,9 @@ export declare function $global(): $Global & {
     renderId: string;
     runtimeId: string;
 };
-export declare function fork<T>(promise: Promise<T> | T, renderBody: (value: T) => void): void;
-export declare function tryPlaceholder(renderBody: () => void, renderPlaceholder: () => void): void;
-export declare function tryCatch(renderBody: () => void, renderCatch: (err: unknown) => void): void;
+export declare function fork<T>(promise: Promise<T> | T, content: (value: T) => void): void;
+export declare function tryPlaceholder(content: () => void, placeholder: () => void): void;
+export declare function tryCatch(content: () => void, catchContent: (err: unknown) => void): void;
 export declare class State {
     $global: $Global & {
         renderId: string;
@@ -102,8 +102,8 @@ export declare class Chunk {
     append(chunk: Chunk): void;
     flushPlaceholder(): void;
     consume(): Chunk;
-    render(renderBody: () => void): Chunk;
-    render<T>(renderBody: (val: T) => void, val: T): Chunk;
+    render(content: () => void): Chunk;
+    render<T>(content: (val: T) => void, val: T): Chunk;
 }
 export declare function prepareChunk(chunk: Chunk): Chunk;
 export declare function flushChunk(head: Chunk, last: boolean): string;