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

package/dist/compiler.global.js

@@ -1,5 +1,5 @@
 /**
-* compiler v0.0.2
+* compiler v0.1.0-beta.0
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -32,61 +32,6 @@ var ZeusCompiler = (function(exports) {
 	}) : 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;
@@ -2990,7 +2935,7 @@ var ZeusCompiler = (function(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;
@@ -3998,7 +3943,7 @@ var ZeusCompiler = (function(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;
@@ -4077,7 +4022,7 @@ var ZeusCompiler = (function(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", {
@@ -4146,7 +4091,7 @@ var ZeusCompiler = (function(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;
@@ -14217,8 +14162,8 @@ var ZeusCompiler = (function(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";
@@ -14271,7 +14216,7 @@ var ZeusCompiler = (function(exports) {
 		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.
 	*
@@ -14315,7 +14260,7 @@ var ZeusCompiler = (function(exports) {
 		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.
 	*
@@ -14345,7 +14290,7 @@ var ZeusCompiler = (function(exports) {
 		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",
@@ -14373,7 +14318,7 @@ var ZeusCompiler = (function(exports) {
 		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",
@@ -14393,7 +14338,7 @@ var ZeusCompiler = (function(exports) {
 		"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;");
@@ -14412,14 +14357,14 @@ var ZeusCompiler = (function(exports) {
 		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.
 	*
@@ -14446,7 +14391,7 @@ var ZeusCompiler = (function(exports) {
 		};
 	}
 	//#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) {
@@ -14569,7 +14514,7 @@ var ZeusCompiler = (function(exports) {
 		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");
@@ -14579,7 +14524,7 @@ var ZeusCompiler = (function(exports) {
 		}
 	}
 	//#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);
@@ -14620,7 +14565,7 @@ var ZeusCompiler = (function(exports) {
 			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("");
 		}
 	}
@@ -14628,7 +14573,7 @@ var ZeusCompiler = (function(exports) {
 		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);
@@ -14636,7 +14581,7 @@ var ZeusCompiler = (function(exports) {
 		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 = [
@@ -14676,7 +14621,7 @@ var ZeusCompiler = (function(exports) {
 				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;
 		}
@@ -14698,7 +14643,7 @@ var ZeusCompiler = (function(exports) {
 				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;
 		}
@@ -14745,11 +14690,18 @@ var ZeusCompiler = (function(exports) {
 				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);
 	}
@@ -14761,18 +14713,18 @@ var ZeusCompiler = (function(exports) {
 			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);
@@ -14788,13 +14740,13 @@ var ZeusCompiler = (function(exports) {
 		}
 	}
 	//#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)]));
@@ -14807,11 +14759,11 @@ var ZeusCompiler = (function(exports) {
 	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));
@@ -14850,7 +14802,29 @@ var ZeusCompiler = (function(exports) {
 		]);
 	}
 	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")]);
@@ -14859,7 +14833,7 @@ var ZeusCompiler = (function(exports) {
 		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);
@@ -14874,7 +14848,7 @@ var ZeusCompiler = (function(exports) {
 		}
 	}
 	//#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;
@@ -14937,7 +14911,7 @@ var ZeusCompiler = (function(exports) {
 		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",
@@ -14951,7 +14925,7 @@ var ZeusCompiler = (function(exports) {
 		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;
@@ -15026,7 +15000,7 @@ var ZeusCompiler = (function(exports) {
 		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++;
@@ -15143,11 +15117,12 @@ var ZeusCompiler = (function(exports) {
 			body: input.body
 		};
 	}
-	function hostIR(children) {
+	function hostIR(input) {
 		return {
 			id: id(),
 			kind: "Host",
-			children
+			attrs: input.attrs,
+			child: input.child
 		};
 	}
 	function slotIR(input) {
@@ -15161,7 +15136,7 @@ var ZeusCompiler = (function(exports) {
 		};
 	}
 	//#endregion
-	//#region packages/compiler/src/parse/jsx.ts
+	//#region packages/core/compiler/src/parse/jsx.ts
 	/**
 	* JSX AST parsing utilities.
 	*
@@ -15188,7 +15163,7 @@ var ZeusCompiler = (function(exports) {
 		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,
@@ -15232,7 +15207,7 @@ var ZeusCompiler = (function(exports) {
 		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) {
@@ -15255,7 +15230,12 @@ var ZeusCompiler = (function(exports) {
 		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";
 	}
@@ -15269,7 +15249,7 @@ var ZeusCompiler = (function(exports) {
 		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,
@@ -15379,8 +15359,73 @@ var ZeusCompiler = (function(exports) {
 		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 = [];
@@ -15444,7 +15489,7 @@ var ZeusCompiler = (function(exports) {
 		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);
@@ -15462,19 +15507,19 @@ var ZeusCompiler = (function(exports) {
 		});
 	}
 	//#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;
@@ -15483,13 +15528,15 @@ var ZeusCompiler = (function(exports) {
 		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;
@@ -15525,7 +15572,7 @@ var ZeusCompiler = (function(exports) {
 		}
 	}
 	//#endregion
-	//#region packages/compiler/src/passes/assignDomPaths.ts
+	//#region packages/core/compiler/src/passes/assignDomPaths.ts
 	function assignDomPaths(node) {
 		visitNode$1(node);
 		return node;
@@ -15553,7 +15600,7 @@ var ZeusCompiler = (function(exports) {
 				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);
@@ -15616,7 +15663,7 @@ var ZeusCompiler = (function(exports) {
 		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;
@@ -15631,7 +15678,7 @@ var ZeusCompiler = (function(exports) {
 				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);
@@ -15717,12 +15764,12 @@ var ZeusCompiler = (function(exports) {
 				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,
@@ -15736,7 +15783,7 @@ var ZeusCompiler = (function(exports) {
 					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
 				});
@@ -15768,7 +15815,7 @@ var ZeusCompiler = (function(exports) {
 		}
 	}
 	//#endregion
-	//#region packages/compiler/src/passes/analyzeBindings.ts
+	//#region packages/core/compiler/src/passes/analyzeBindings.ts
 	function analyzeBindings(node) {
 		const analysis = {
 			dynamicText: 0,
@@ -15799,9 +15846,11 @@ var ZeusCompiler = (function(exports) {
 				}
 				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;
@@ -15816,7 +15865,7 @@ var ZeusCompiler = (function(exports) {
 		}
 	}
 	//#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;
@@ -15831,7 +15880,7 @@ var ZeusCompiler = (function(exports) {
 		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) {