@zeus-js/compiler 0.0.2 → 0.1.0-beta.0

package/dist/compiler.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-* compiler v0.0.2
+* compiler v0.1.0-beta.0
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -27,61 +27,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 //#endregion
 //#region node_modules/.pnpm/@babel+helper-plugin-utils@7.29.7/node_modules/@babel/helper-plugin-utils/lib/index.js
-var require_lib$5 = /* @__PURE__ */ __commonJSMin(((exports) => {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.declare = declare;
-	exports.declarePreset = void 0;
-	const apiPolyfills = { assertVersion: (api) => (range) => {
-		throwVersionError(range, api.version);
-	} };
-	Object.assign(apiPolyfills, {
-		targets: () => () => {
-			return {};
-		},
-		assumption: () => () => {},
-		addExternalDependency: () => () => {}
-	});
-	function declare(builder) {
-		return (api, options, dirname) => {
-			let clonedApi;
-			for (const name of Object.keys(apiPolyfills)) {
-				if (api[name]) continue;
-				clonedApi != null || (clonedApi = copyApiObject(api));
-				clonedApi[name] = apiPolyfills[name](clonedApi);
-			}
-			return builder(clonedApi != null ? clonedApi : api, options || {}, dirname);
-		};
-	}
-	exports.declarePreset = declare;
-	function copyApiObject(api) {
-		let proto = null;
-		if (typeof api.version === "string" && api.version.startsWith("7.")) {
-			proto = Object.getPrototypeOf(api);
-			if (proto && (!hasOwnProperty.call(proto, "version") || !hasOwnProperty.call(proto, "transform") || !hasOwnProperty.call(proto, "template") || !hasOwnProperty.call(proto, "types"))) proto = null;
-		}
-		return Object.assign({}, proto, api);
-	}
-	function throwVersionError(range, version) {
-		if (typeof range === "number") {
-			if (!Number.isInteger(range)) throw new Error("Expected string or integer value.");
-			range = `^${range}.0.0-0`;
-		}
-		if (typeof range !== "string") throw new Error("Expected string or integer value.");
-		const limit = Error.stackTraceLimit;
-		if (typeof limit === "number" && limit < 25) Error.stackTraceLimit = 25;
-		let err;
-		if (version.startsWith("7.")) err = /* @__PURE__ */ new Error(`Requires Babel "^7.0.0-beta.41", but was loaded with "${version}". You'll need to update your @babel/core version.`);
-		else err = /* @__PURE__ */ new Error(`Requires Babel "${range}", but was loaded with "${version}". If you are sure you have a compatible version of @babel/core, it is likely that something in your build process is loading the wrong version. Inspect the stack trace of this error to look for the first entry that doesn't mention "@babel/core" or "babel-core" to see what is calling Babel.`);
-		if (typeof limit === "number") Error.stackTraceLimit = limit;
-		throw Object.assign(err, {
-			code: "BABEL_VERSION_UNSUPPORTED",
-			version,
-			range
-		});
-	}
-}));
-//#endregion
-//#region node_modules/.pnpm/@babel+helper-plugin-utils@7.28.6/node_modules/@babel/helper-plugin-utils/lib/index.js
 var require_lib$4 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	Object.defineProperty(exports, "__esModule", { value: true });
 	exports.declare = declare;
@@ -2985,7 +2930,7 @@ var require_is = /* @__PURE__ */ __commonJSMin(((exports) => {
 	}
 }));
 //#endregion
-//#region node_modules/.pnpm/@babel+helper-validator-identifier@7.28.5/node_modules/@babel/helper-validator-identifier/lib/identifier.js
+//#region node_modules/.pnpm/@babel+helper-validator-identifier@7.29.7/node_modules/@babel/helper-validator-identifier/lib/identifier.js
 var require_identifier = /* @__PURE__ */ __commonJSMin(((exports) => {
 	Object.defineProperty(exports, "__esModule", { value: true });
 	exports.isIdentifierChar = isIdentifierChar;
@@ -3993,7 +3938,7 @@ var require_identifier = /* @__PURE__ */ __commonJSMin(((exports) => {
 	}
 }));
 //#endregion
-//#region node_modules/.pnpm/@babel+helper-validator-identifier@7.28.5/node_modules/@babel/helper-validator-identifier/lib/keyword.js
+//#region node_modules/.pnpm/@babel+helper-validator-identifier@7.29.7/node_modules/@babel/helper-validator-identifier/lib/keyword.js
 var require_keyword = /* @__PURE__ */ __commonJSMin(((exports) => {
 	Object.defineProperty(exports, "__esModule", { value: true });
 	exports.isKeyword = isKeyword;
@@ -4072,7 +4017,7 @@ var require_keyword = /* @__PURE__ */ __commonJSMin(((exports) => {
 	}
 }));
 //#endregion
-//#region node_modules/.pnpm/@babel+helper-validator-identifier@7.28.5/node_modules/@babel/helper-validator-identifier/lib/index.js
+//#region node_modules/.pnpm/@babel+helper-validator-identifier@7.29.7/node_modules/@babel/helper-validator-identifier/lib/index.js
 var require_lib$2 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	Object.defineProperty(exports, "__esModule", { value: true });
 	Object.defineProperty(exports, "isIdentifierChar", {
@@ -4141,7 +4086,7 @@ var require_isValidIdentifier = /* @__PURE__ */ __commonJSMin(((exports) => {
 	}
 }));
 //#endregion
-//#region node_modules/.pnpm/@babel+helper-string-parser@7.27.1/node_modules/@babel/helper-string-parser/lib/index.js
+//#region node_modules/.pnpm/@babel+helper-string-parser@7.29.7/node_modules/@babel/helper-string-parser/lib/index.js
 var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	Object.defineProperty(exports, "__esModule", { value: true });
 	exports.readCodePoint = readCodePoint;
@@ -14212,8 +14157,8 @@ var require_lib = /* @__PURE__ */ __commonJSMin(((exports) => {
 	if (process.env.BABEL_TYPES_8_BREAKING) console.warn("BABEL_TYPES_8_BREAKING is not supported anymore. Use the latest Babel 8.0.0 pre-release instead!");
 }));
 //#endregion
-//#region packages/compiler/src/codegen/support/imports.ts
-var import_lib = require_lib$5();
+//#region packages/core/compiler/src/codegen/support/imports.ts
+var import_lib = require_lib$4();
 var import_lib$1 = /* @__PURE__ */ __toESM(require_lib$3());
 var import_lib$2 = /* @__PURE__ */ __toESM(require_lib());
 const DEFAULT_RENDERER_MODULE = "@zeus-js/runtime-dom";
@@ -14266,7 +14211,7 @@ function getProgramPath(path) {
 	return path.scope.getProgramParent().path;
 }
 //#endregion
-//#region packages/compiler/src/codegen/support/templates.ts
+//#region packages/core/compiler/src/codegen/support/templates.ts
 /**
 * Template registration, scope data management, and program injection.
 *
@@ -14310,7 +14255,7 @@ function appendTemplates(path) {
 	path.node.body.unshift(import_lib$2.variableDeclaration("var", declarators));
 }
 //#endregion
-//#region packages/compiler/src/codegen/support/events.ts
+//#region packages/core/compiler/src/codegen/support/events.ts
 /**
 * Event registration and delegation.
 *
@@ -14340,7 +14285,7 @@ function appendEvents(path) {
 	path.node.body.push(import_lib$2.expressionStatement(import_lib$2.callExpression(registerImportMethod(path, "delegateEvents", getRendererConfig(path, "dom").moduleName), [import_lib$2.arrayExpression(Array.from(events).map((eventName) => import_lib$2.stringLiteral(eventName)))])));
 }
 //#endregion
-//#region packages/compiler/src/config/index.ts
+//#region packages/core/compiler/src/config/index.ts
 const DEFAULT_OPTIONS = {
 	moduleName: DEFAULT_RENDERER_MODULE,
 	generate: "dom",
@@ -14368,7 +14313,7 @@ function resolveConfig(options) {
 	return extend(DEFAULT_OPTIONS, options);
 }
 //#endregion
-//#region packages/compiler/src/utils/constant.ts
+//#region packages/core/compiler/src/utils/constant.ts
 const VoidElements = [
 	"area",
 	"base",
@@ -14388,7 +14333,7 @@ const VoidElements = [
 	"wbr"
 ];
 //#endregion
-//#region packages/compiler/src/utils/html.ts
+//#region packages/core/compiler/src/utils/html.ts
 function escapeHTML(value, attr = false) {
 	let result = value.replace(/&/g, "&amp;");
 	if (attr) return result.replace(/"/g, "&quot;").replace(/>/g, "&gt;");
@@ -14407,14 +14352,14 @@ function isRawTextElement(tagName) {
 	return rawTextElements.has(tagName);
 }
 //#endregion
-//#region packages/compiler/src/utils/metadata.ts
+//#region packages/core/compiler/src/utils/metadata.ts
 function setZeusMetadata(state, config) {
 	const metadata = state.file.metadata;
 	metadata.zeus = extend({}, metadata.zeus, { config });
 	return metadata.zeus;
 }
 //#endregion
-//#region packages/compiler/src/program.ts
+//#region packages/core/compiler/src/program.ts
 /**
 * Program visitor — entry and exit point for the entire transform pass.
 *
@@ -14441,7 +14386,7 @@ function createProgramVisitor(config) {
 	};
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitBinding.ts
+//#region packages/core/compiler/src/codegen/dom/emitBinding.ts
 function emitBindings(node, context) {
 	const statements = [];
 	for (const attr of node.attrs) {
@@ -14564,7 +14509,7 @@ function emitMarkerMount(node, context, mountCall) {
 	return [import_lib$2.expressionStatement(mountCall)];
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitDomPath.ts
+//#region packages/core/compiler/src/codegen/dom/emitDomPath.ts
 function emitPhysicalDomPath(path) {
 	switch (path.kind) {
 		case "Root": throw new Error("Root path is emitted from template clone directly");
@@ -14574,7 +14519,7 @@ function emitPhysicalDomPath(path) {
 	}
 }
 //#endregion
-//#region packages/compiler/src/passes/collectTemplates.ts
+//#region packages/core/compiler/src/passes/collectTemplates.ts
 function collectTemplates(node, context) {
 	if (node.kind === "Element") {
 		context.registerTemplate(renderTemplateHTML(node), node.flags.isSVG);
@@ -14615,7 +14560,7 @@ function renderChildTemplate(node) {
 		case "Show":
 		case "For":
 		case "Slot": return "<!>";
-		case "Host": return node.children.map(renderChildTemplate).join("");
+		case "Host": return node.child ? renderChildTemplate(node.child) : "";
 		case "Fragment": return node.children.map(renderChildTemplate).join("");
 	}
 }
@@ -14623,7 +14568,7 @@ function escapeAttr(value) {
 	return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitTemplate.ts
+//#region packages/core/compiler/src/codegen/dom/emitTemplate.ts
 function emitTemplateClone(node, context) {
 	const html = renderTemplateHTML(node);
 	const template = context.registerTemplate(html, node.flags.isSVG);
@@ -14631,7 +14576,7 @@ function emitTemplateClone(node, context) {
 	return import_lib$2.memberExpression(templateCall, import_lib$2.identifier("firstChild"));
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitElement.ts
+//#region packages/core/compiler/src/codegen/dom/emitElement.ts
 function emitElement(node, context) {
 	if (!hasRuntimeWork(node)) return emitTemplateClone(node, context);
 	const statements = [
@@ -14671,7 +14616,7 @@ function collectRefNode(node, map) {
 			for (const child of node.children) collectRefNode(child, map);
 			return;
 		case "Host":
-			for (const child of node.children) collectRefNode(child, map);
+			if (node.child) collectRefNode(node.child, map);
 			return;
 		default: return;
 	}
@@ -14693,7 +14638,7 @@ function collectRequiredDomRefDeclaration(node, statements, context, refNodeMap,
 			for (const child of node.children) collectRequiredDomRefDeclaration(child, statements, context, refNodeMap, declared);
 			return;
 		case "Host":
-			for (const child of node.children) collectRequiredDomRefDeclaration(child, statements, context, refNodeMap, declared);
+			if (node.child) collectRequiredDomRefDeclaration(node.child, statements, context, refNodeMap, declared);
 			return;
 		default: return;
 	}
@@ -14740,11 +14685,18 @@ function needsDomRefDeclaration(node) {
 			case "Slot": return true;
 			case "Element": return needsDomRefDeclaration(child);
 			case "Fragment": return child.children.some((inner) => inner.kind === "Element" ? needsDomRefDeclaration(inner) : inner.kind !== "Text");
-			case "Host": return child.children.some((inner) => inner.kind === "Element" ? needsDomRefDeclaration(inner) : inner.kind !== "Text");
+			case "Host": return child.child ? innerKind(child.child) : false;
 			default: return false;
 		}
 	});
 }
+function innerKind(node) {
+	switch (node.kind) {
+		case "Element": return needsDomRefDeclaration(node);
+		case "Text": return false;
+		default: return true;
+	}
+}
 function hasRuntimeWork(node) {
 	return node.attrs.some((attr) => attr.kind === "AttrBinding" || attr.kind === "PropBinding" || attr.kind === "EventBinding" || attr.kind === "RefBinding") || node.children.some(hasChildRuntimeWork);
 }
@@ -14756,18 +14708,18 @@ function hasChildRuntimeWork(node) {
 		case "For":
 		case "Slot": return true;
 		case "Element": return hasRuntimeWork(node);
-		case "Fragment":
-		case "Host": return node.children.some(hasChildRuntimeWork);
+		case "Fragment": return node.children.some(hasChildRuntimeWork);
+		case "Host": return node.child ? hasChildRuntimeWork(node.child) : false;
 		default: return false;
 	}
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitFragment.ts
+//#region packages/core/compiler/src/codegen/dom/emitFragment.ts
 function emitFragment(node, context) {
 	return import_lib$2.arrayExpression(node.children.map((child) => emitDOM(child, context)));
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitNodeExpression.ts
+//#region packages/core/compiler/src/codegen/dom/emitNodeExpression.ts
 function emitNodeExpression(node, context) {
 	switch (node.kind) {
 		case "Text": return import_lib$2.stringLiteral(node.value);
@@ -14783,13 +14735,13 @@ function emitNodeExpression(node, context) {
 	}
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitComponent.ts
+//#region packages/core/compiler/src/codegen/dom/emitComponent.ts
 function emitComponent(node, context) {
 	const props = import_lib$2.objectExpression(node.props.map((prop) => emitComponentProp(prop, context)));
 	return import_lib$2.callExpression(context.importRuntime("createComponent"), [node.callee, props]);
 }
 function emitComponentProp(prop, context) {
-	const key = createObjectKey(prop.name);
+	const key = createObjectKey$1(prop.name);
 	if (Array.isArray(prop.value)) return import_lib$2.objectMethod("get", key, [], import_lib$2.blockStatement([import_lib$2.returnStatement(emitChildrenProp(prop.value, context))]));
 	if (isStaticPropValue(prop.value)) return import_lib$2.objectProperty(key, prop.value);
 	return import_lib$2.objectMethod("get", key, [], import_lib$2.blockStatement([import_lib$2.returnStatement(prop.value)]));
@@ -14802,11 +14754,11 @@ function emitChildrenProp(children, context) {
 function isStaticPropValue(value) {
 	return import_lib$2.isStringLiteral(value) || import_lib$2.isNumericLiteral(value) || import_lib$2.isBooleanLiteral(value) || import_lib$2.isNullLiteral(value);
 }
-function createObjectKey(key) {
+function createObjectKey$1(key) {
 	return import_lib$2.isValidIdentifier(key) ? import_lib$2.identifier(key) : import_lib$2.stringLiteral(key);
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/emitBuiltin.ts
+//#region packages/core/compiler/src/codegen/dom/emitBuiltin.ts
 function emitShow(node, context) {
 	const props = [import_lib$2.objectProperty(import_lib$2.identifier("when"), node.when), import_lib$2.objectProperty(import_lib$2.identifier("children"), import_lib$2.arrowFunctionExpression([], emitChildrenProp(node.children, context)))];
 	if (node.fallback) props.push(import_lib$2.objectProperty(import_lib$2.identifier("fallback"), Array.isArray(node.fallback) ? import_lib$2.arrowFunctionExpression([], emitChildrenProp(node.fallback, context)) : node.fallback));
@@ -14845,7 +14797,29 @@ function emitMountFor(node, context) {
 	]);
 }
 function emitHost(node, context) {
-	return emitChildrenProp(node.children, context);
+	const props = buildHostProps(node, context);
+	const hostCall = import_lib$2.callExpression(context.importRuntime("Host"), [import_lib$2.objectExpression(props)]);
+	if (!node.child) return hostCall;
+	const childExpr = emitNodeExpression(node.child, context);
+	return import_lib$2.callExpression(import_lib$2.arrowFunctionExpression([], import_lib$2.blockStatement([import_lib$2.expressionStatement(hostCall), import_lib$2.returnStatement(childExpr)])), []);
+}
+function buildHostProps(node, context) {
+	const props = [];
+	for (const attr of node.attrs) {
+		const key = createObjectKey(attr.name);
+		if (isStaticValue(attr.expr) || isGetterExpression(attr.expr)) props.push(import_lib$2.objectProperty(key, attr.expr));
+		else props.push(import_lib$2.objectProperty(key, import_lib$2.arrowFunctionExpression([], attr.expr)));
+	}
+	return props;
+}
+function isStaticValue(expr) {
+	return import_lib$2.isStringLiteral(expr) || import_lib$2.isNumericLiteral(expr) || import_lib$2.isBooleanLiteral(expr) || import_lib$2.isNullLiteral(expr);
+}
+function isGetterExpression(expr) {
+	return import_lib$2.isArrowFunctionExpression(expr) || import_lib$2.isFunctionExpression(expr);
+}
+function createObjectKey(name) {
+	return import_lib$2.isValidIdentifier(name) ? import_lib$2.identifier(name) : import_lib$2.stringLiteral(name);
 }
 function emitSlot(node, context) {
 	return import_lib$2.callExpression(context.importRuntime("createSlot"), [node.name ? import_lib$2.stringLiteral(node.name) : import_lib$2.identifier("undefined"), node.fallback.length > 0 ? import_lib$2.arrowFunctionExpression([], emitChildrenProp(node.fallback, context)) : import_lib$2.identifier("undefined")]);
@@ -14854,7 +14828,7 @@ function emitMarkerIdentifier(node) {
 	return import_lib$2.identifier(node.ref.name);
 }
 //#endregion
-//#region packages/compiler/src/codegen/dom/index.ts
+//#region packages/core/compiler/src/codegen/dom/index.ts
 function emitDOM(node, context) {
 	switch (node.kind) {
 		case "Element": return emitElement(node, context);
@@ -14869,7 +14843,7 @@ function emitDOM(node, context) {
 	}
 }
 //#endregion
-//#region packages/compiler/src/context/CompilerContext.ts
+//#region packages/core/compiler/src/context/CompilerContext.ts
 var CompilerContext = class {
 	constructor(options, programPath) {
 		this.options = options;
@@ -14932,7 +14906,7 @@ function getCompilerContext(path, options) {
 	return new CompilerContext(options, path.scope.getProgramParent().path);
 }
 //#endregion
-//#region packages/compiler/src/diagnostics/codes.ts
+//#region packages/core/compiler/src/diagnostics/codes.ts
 const CompilerErrorCode = {
 	UNSUPPORTED_SPREAD_ATTRIBUTE: "ZEUS_UNSUPPORTED_SPREAD_ATTRIBUTE",
 	UNSUPPORTED_SPREAD_CHILD: "ZEUS_UNSUPPORTED_SPREAD_CHILD",
@@ -14946,7 +14920,7 @@ const CompilerErrorCode = {
 	INVALID_REF_USAGE: "ZEUS_INVALID_REF_USAGE"
 };
 //#endregion
-//#region packages/compiler/src/diagnostics/CompilerError.ts
+//#region packages/core/compiler/src/diagnostics/CompilerError.ts
 var CompilerError = class extends Error {
 	constructor(options) {
 		var _options$path;
@@ -15021,7 +14995,7 @@ function _objectSpread2(e) {
 	return e;
 }
 //#endregion
-//#region packages/compiler/src/ir/semanticBuilders.ts
+//#region packages/core/compiler/src/ir/semanticBuilders.ts
 let nextId = 0;
 function id() {
 	return nextId++;
@@ -15138,11 +15112,12 @@ function forIR(input) {
 		body: input.body
 	};
 }
-function hostIR(children) {
+function hostIR(input) {
 	return {
 		id: id(),
 		kind: "Host",
-		children
+		attrs: input.attrs,
+		child: input.child
 	};
 }
 function slotIR(input) {
@@ -15156,7 +15131,7 @@ function slotIR(input) {
 	};
 }
 //#endregion
-//#region packages/compiler/src/parse/jsx.ts
+//#region packages/core/compiler/src/parse/jsx.ts
 /**
 * JSX AST parsing utilities.
 *
@@ -15183,7 +15158,7 @@ function toEventName(name) {
 	return name.slice(2).toLowerCase();
 }
 //#endregion
-//#region packages/compiler/src/lower/lowerAttribute.ts
+//#region packages/core/compiler/src/lower/lowerAttribute.ts
 function lowerAttribute(path, _context) {
 	if (path.isJSXSpreadAttribute() || import_lib$2.isJSXSpreadAttribute(path.node)) throw new CompilerError({
 		code: CompilerErrorCode.UNSUPPORTED_SPREAD_ATTRIBUTE,
@@ -15227,7 +15202,7 @@ function lowerAttribute(path, _context) {
 	return null;
 }
 //#endregion
-//#region packages/compiler/src/lower/lowerChildren.ts
+//#region packages/core/compiler/src/lower/lowerChildren.ts
 function lowerChildren(children, context) {
 	const result = [];
 	for (const child of children) {
@@ -15250,7 +15225,12 @@ function lowerChildren(children, context) {
 	return result;
 }
 //#endregion
-//#region packages/compiler/src/lower/lowerBuiltin.ts
+//#region packages/core/compiler/src/lower/lowerBuiltin.ts
+const HOST_SKIP_PROPS = new Set([
+	"key",
+	"__slot",
+	"__anchor"
+]);
 function isBuiltinTag(tagName) {
 	return tagName === "Show" || tagName === "For" || tagName === "Host" || tagName === "Slot";
 }
@@ -15264,7 +15244,7 @@ function lowerBuiltin(path, context) {
 	switch (tagName.name) {
 		case "Show": return lowerShow(path, context);
 		case "For": return lowerFor(path, context);
-		case "Host": return hostIR(lowerChildren(path.get("children"), context));
+		case "Host": return lowerHost(path, context);
 		case "Slot": return lowerSlot(path, context);
 		default: throw new CompilerError({
 			code: CompilerErrorCode.INVALID_BUILTIN_USAGE,
@@ -15374,8 +15354,73 @@ function getBuiltinName(path) {
 	const name = path.node.openingElement.name;
 	return import_lib$2.isJSXIdentifier(name) ? name.name : "Builtin";
 }
+function isEventLikeProp(key) {
+	return /^on[A-Z]/.test(key) || key.startsWith("on:");
+}
+function normalizeHostAttrName(name) {
+	switch (name) {
+		case "className": return "class";
+		case "htmlFor": return "for";
+		case "tabIndex": return "tabindex";
+		case "readOnly": return "readonly";
+		default: return name;
+	}
+}
+function lowerHost(path, context) {
+	const attrs = [];
+	const rawChildren = lowerChildren(path.get("children"), context);
+	for (const attrPath of path.get("openingElement").get("attributes")) {
+		const node = attrPath.node;
+		if (import_lib$2.isJSXSpreadAttribute(node)) throw new CompilerError({
+			code: CompilerErrorCode.UNSUPPORTED_COMPONENT_PROP,
+			message: "Spread props are not supported on Host in Phase 1.",
+			path: attrPath
+		});
+		if (!attrPath.isJSXAttribute()) continue;
+		const name = getJSXAttrName(node.name);
+		if (HOST_SKIP_PROPS.has(name)) continue;
+		if (name === "children") continue;
+		if (name === "ref") {
+			const value = attrPath.get("value");
+			if (value.isJSXExpressionContainer()) {
+				const expr = value.get("expression");
+				if (expr.isExpression()) attrs.push({
+					id: id(),
+					kind: "HostAttr",
+					name: "ref",
+					expr: expr.node
+				});
+			}
+			continue;
+		}
+		if (isEventLikeProp(name)) continue;
+		const value = node.value;
+		if (!value) attrs.push({
+			id: id(),
+			kind: "HostAttr",
+			name: normalizeHostAttrName(name),
+			expr: import_lib$2.booleanLiteral(true)
+		});
+		else if (import_lib$2.isStringLiteral(value)) attrs.push({
+			id: id(),
+			kind: "HostAttr",
+			name: normalizeHostAttrName(name),
+			expr: import_lib$2.stringLiteral(value.value)
+		});
+		else if (import_lib$2.isJSXExpressionContainer(value) && !import_lib$2.isJSXEmptyExpression(value.expression)) attrs.push({
+			id: id(),
+			kind: "HostAttr",
+			name: normalizeHostAttrName(name),
+			expr: value.expression
+		});
+	}
+	return hostIR({
+		attrs,
+		child: rawChildren.length === 0 ? void 0 : rawChildren.length === 1 ? rawChildren[0] : fragmentIR(rawChildren)
+	});
+}
 //#endregion
-//#region packages/compiler/src/lower/lowerComponent.ts
+//#region packages/core/compiler/src/lower/lowerComponent.ts
 function lowerComponent(path, context) {
 	const tag = convertComponentIdentifier(path.node.openingElement.name);
 	const props = [];
@@ -15439,7 +15484,7 @@ function convertComponentIdentifier(node) {
 	return node;
 }
 //#endregion
-//#region packages/compiler/src/lower/lowerElement.ts
+//#region packages/core/compiler/src/lower/lowerElement.ts
 function lowerElement(path, context) {
 	const tagName = getTagName(path.node);
 	if (isBuiltinTag(tagName)) return lowerBuiltin(path, context);
@@ -15457,19 +15502,19 @@ function lowerElement(path, context) {
 	});
 }
 //#endregion
-//#region packages/compiler/src/lower/lowerFragment.ts
+//#region packages/core/compiler/src/lower/lowerFragment.ts
 function lowerFragment(path, context) {
 	return fragmentIR(lowerChildren(path.get("children"), context));
 }
 //#endregion
-//#region packages/compiler/src/lower/lowerJSX.ts
+//#region packages/core/compiler/src/lower/lowerJSX.ts
 function lowerJSX(path, context) {
 	if (path.isJSXElement()) return lowerElement(path, context);
 	if (path.isJSXFragment()) return lowerFragment(path, context);
 	throw new Error("Unsupported JSX node");
 }
 //#endregion
-//#region packages/compiler/src/passes/normalizeChildren.ts
+//#region packages/core/compiler/src/passes/normalizeChildren.ts
 function normalizeChildren(node) {
 	visit$2(node);
 	return node;
@@ -15478,13 +15523,15 @@ function visit$2(node) {
 	switch (node.kind) {
 		case "Element":
 		case "Fragment":
-		case "Host":
 			node.children = node.children.filter((child) => {
 				if (child.kind === "Text") return child.value.length > 0;
 				return true;
 			});
 			for (const child of node.children) visit$2(child);
 			return;
+		case "Host":
+			if (node.child) visit$2(node.child);
+			return;
 		case "Component":
 			for (const prop of node.props) {
 				if (!Array.isArray(prop.value)) continue;
@@ -15520,7 +15567,7 @@ function visit$2(node) {
 	}
 }
 //#endregion
-//#region packages/compiler/src/passes/assignDomPaths.ts
+//#region packages/core/compiler/src/passes/assignDomPaths.ts
 function assignDomPaths(node) {
 	visitNode$1(node);
 	return node;
@@ -15548,7 +15595,7 @@ function visitNode$1(node, parent) {
 			for (const child of node.body) visitNode$1(child);
 			return;
 		case "Host":
-			for (const child of node.children) visitNode$1(child, parent);
+			if (node.child) visitNode$1(node.child, parent);
 			return;
 		case "Slot":
 			for (const child of node.fallback) visitNode$1(child);
@@ -15611,7 +15658,7 @@ function isMarkerTemplateNode(node) {
 	return node.kind === "DynamicText" || node.kind === "Component" || node.kind === "Show" || node.kind === "For" || node.kind === "Slot";
 }
 //#endregion
-//#region packages/compiler/src/passes/assignPhysicalDomPaths.ts
+//#region packages/core/compiler/src/passes/assignPhysicalDomPaths.ts
 function assignPhysicalDomPaths(node) {
 	visitNode(node);
 	return node;
@@ -15626,7 +15673,7 @@ function visitNode(node, parent) {
 			for (const child of node.children) visitNode(child, parent);
 			return;
 		case "Host":
-			for (const child of node.children) visitNode(child, parent);
+			if (node.child) visitNode(node.child, parent);
 			return;
 		case "Show":
 			for (const child of node.children) visitNode(child);
@@ -15712,12 +15759,12 @@ function appendPhysicalChild(result, node) {
 			for (const child of node.children) appendPhysicalChild(result, child);
 			return;
 		case "Host":
-			for (const child of node.children) appendPhysicalChild(result, child);
+			if (node.child) appendPhysicalChild(result, node.child);
 			return;
 	}
 }
 //#endregion
-//#region packages/compiler/src/passes/validateBuiltins.ts
+//#region packages/core/compiler/src/passes/validateBuiltins.ts
 function validateBuiltins(node) {
 	visit$1(node, {
 		insideHost: false,
@@ -15731,7 +15778,7 @@ function visit$1(node, state) {
 				code: CompilerErrorCode.INVALID_BUILTIN_USAGE,
 				message: "<Host> can only be used as a root host boundary."
 			});
-			for (const child of node.children) visit$1(child, {
+			if (node.child) visit$1(node.child, {
 				insideHost: true,
 				root: false
 			});
@@ -15763,7 +15810,7 @@ function visit$1(node, state) {
 	}
 }
 //#endregion
-//#region packages/compiler/src/passes/analyzeBindings.ts
+//#region packages/core/compiler/src/passes/analyzeBindings.ts
 function analyzeBindings(node) {
 	const analysis = {
 		dynamicText: 0,
@@ -15794,9 +15841,11 @@ function visit(node, analysis) {
 			}
 			return;
 		case "Fragment":
-		case "Host":
 			for (const child of node.children) visit(child, analysis);
 			return;
+		case "Host":
+			if (node.child) visit(node.child, analysis);
+			return;
 		case "Slot":
 			for (const child of node.fallback) visit(child, analysis);
 			return;
@@ -15811,7 +15860,7 @@ function visit(node, analysis) {
 	}
 }
 //#endregion
-//#region packages/compiler/src/transform/index.ts
+//#region packages/core/compiler/src/transform/index.ts
 function transformJSX(path, state, config) {
 	if (state.get("skip")) return;
 	if (!path.isJSXElement() && !path.isJSXFragment()) return;
@@ -15826,7 +15875,7 @@ function transformJSX(path, state, config) {
 	path.replaceWith(emitDOM(ir, context));
 }
 //#endregion
-//#region packages/compiler/src/visitor.ts
+//#region packages/core/compiler/src/visitor.ts
 function createVisitor(config) {
 	return {
 		JSXElement(path, state) {
@@ -15839,7 +15888,7 @@ function createVisitor(config) {
 	};
 }
 //#endregion
-//#region packages/compiler/src/index.ts
+//#region packages/core/compiler/src/index.ts
 var src_default = (0, import_lib.declare)((api, options) => {
 	api.assertVersion(7);
 	return {