@zeus-js/compiler 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/compiler.cjs.js

@@ -1,5 +1,5 @@
 /**
-* compiler v0.1.0-beta.8
+* compiler v0.1.0-beta.9
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -33,6 +33,8 @@ let _babel_helper_plugin_utils = require("@babel/helper-plugin-utils");
 let _zeus_js_shared = require("@zeus-js/shared");
 let _babel_types = require("@babel/types");
 _babel_types = __toESM(_babel_types, 1);
+let _babel_parser = require("@babel/parser");
+let _zeus_js_compiler_shared = require("@zeus-js/compiler-shared");
 //#region packages/core/compiler/src/codegen/support/imports.ts
 /**
 * Runtime helpers registration and program injection.
@@ -266,6 +268,37 @@ function createProgramVisitor(config) {
 	};
 }
 //#endregion
+//#region packages/core/compiler/src/adapters/babel/expression.ts
+function lowerExpressionIR(path) {
+	return (0, _zeus_js_compiler_shared.expressionIR)(path.toString(), sourceSpanFromBabelNode(path.node));
+}
+function expressionIRFromCode(code, node) {
+	return (0, _zeus_js_compiler_shared.expressionIR)(code, sourceSpanFromBabelNode(node));
+}
+function parseExpressionIR(expression) {
+	return (0, _babel_parser.parseExpression)(expression.code, {
+		sourceType: "module",
+		plugins: ["typescript", "jsx"]
+	});
+}
+function sourceSpanFromBabelNode(node) {
+	if (!(node === null || node === void 0 ? void 0 : node.loc)) return void 0;
+	return {
+		start: sourcePosition(node.loc.start.line, node.loc.start.column, node.start),
+		end: sourcePosition(node.loc.end.line, node.loc.end.column, node.end)
+	};
+}
+function sourcePosition(line, column, offset) {
+	return typeof offset === "number" ? {
+		line,
+		column,
+		offset
+	} : {
+		line,
+		column
+	};
+}
+//#endregion
 //#region packages/core/compiler/src/codegen/dom/emitBinding.ts
 function emitBindings(node, context) {
 	const statements = [];
@@ -296,7 +329,7 @@ function emitRawTextValue(children) {
 	const values = children.flatMap((child) => {
 		switch (child.kind) {
 			case "Text": return [_babel_types.stringLiteral(child.value)];
-			case "DynamicText": return [child.expr];
+			case "DynamicText": return [parseExpressionIR(child.expr)];
 			case "Fragment": return [emitRawTextValue(child.children)];
 			default: return [];
 		}
@@ -319,12 +352,12 @@ function emitChildBinding(node, context) {
 }
 function emitAttrBinding(target, binding, context) {
 	const name = normalizeAttrName(binding.name);
-	if (name === "class") return _babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("bindClass"), [_babel_types.identifier(target.ref.name), emitGetter(binding.expr)]));
-	if (name === "style") return _babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("bindStyle"), [_babel_types.identifier(target.ref.name), emitGetter(binding.expr)]));
+	if (name === "class") return _babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("bindClass"), [_babel_types.identifier(target.ref.name), emitGetter(parseExpressionIR(binding.expr))]));
+	if (name === "style") return _babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("bindStyle"), [_babel_types.identifier(target.ref.name), emitGetter(parseExpressionIR(binding.expr))]));
 	return _babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("bindAttr"), [
 		_babel_types.identifier(target.ref.name),
 		_babel_types.stringLiteral(name),
-		emitGetter(binding.expr)
+		emitGetter(parseExpressionIR(binding.expr))
 	]));
 }
 function normalizeAttrName(name) {
@@ -335,7 +368,7 @@ function emitEventBinding(target, binding, context) {
 	return _babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("bindEvent"), [
 		_babel_types.identifier(target.ref.name),
 		_babel_types.stringLiteral(binding.eventName),
-		normalizeEventHandler(binding.handler, context)
+		normalizeEventHandler(parseExpressionIR(binding.handler), context)
 	]));
 }
 function normalizeEventHandler(handler, context) {
@@ -349,7 +382,7 @@ function emitPropBinding(target, binding, context) {
 	return _babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("bindProp"), [
 		_babel_types.identifier(target.ref.name),
 		_babel_types.stringLiteral(binding.name),
-		emitGetter(binding.expr)
+		emitGetter(parseExpressionIR(binding.expr))
 	]));
 }
 function emitGetter(expr) {
@@ -357,12 +390,13 @@ function emitGetter(expr) {
 	return _babel_types.arrowFunctionExpression([], expr);
 }
 function emitRefBinding(target, binding, context) {
-	return _babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("bindRef"), [_babel_types.identifier(target.ref.name), binding.expr]));
+	return _babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("bindRef"), [_babel_types.identifier(target.ref.name), parseExpressionIR(binding.expr)]));
 }
 function emitDynamicText(node, context) {
 	if (!node.domPath || node.domPath.kind !== "Marker") return [];
 	const textRef = context.uid("text$");
-	if (node.once) return [_babel_types.variableDeclaration("const", [_babel_types.variableDeclarator(textRef, _babel_types.callExpression(_babel_types.memberExpression(_babel_types.identifier("document"), _babel_types.identifier("createTextNode")), [_babel_types.callExpression(_babel_types.identifier("String"), [node.expr])]))]), _babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("insert"), [
+	const expression = parseExpressionIR(node.expr);
+	if (node.once) return [_babel_types.variableDeclaration("const", [_babel_types.variableDeclarator(textRef, _babel_types.callExpression(_babel_types.memberExpression(_babel_types.identifier("document"), _babel_types.identifier("createTextNode")), [_babel_types.callExpression(_babel_types.identifier("String"), [expression])]))]), _babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("insert"), [
 		_babel_types.identifier(node.domPath.parent.name),
 		textRef,
 		_babel_types.identifier(node.ref.name)
@@ -374,7 +408,7 @@ function emitDynamicText(node, context) {
 			textRef,
 			_babel_types.identifier(node.ref.name)
 		])),
-		_babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("bindText"), [textRef, _babel_types.arrowFunctionExpression([], node.expr)]))
+		_babel_types.expressionStatement(_babel_types.callExpression(context.importRuntime("bindText"), [textRef, _babel_types.arrowFunctionExpression([], expression)]))
 	];
 }
 function emitComponentInsert(node, context) {
@@ -607,7 +641,7 @@ function emitFragment(node, context) {
 function emitNodeExpression(node, context) {
 	switch (node.kind) {
 		case "Text": return _babel_types.stringLiteral(node.value);
-		case "DynamicText": return node.expr;
+		case "DynamicText": return parseExpressionIR(node.expr);
 		case "Element": return emitElement(node, context);
 		case "Component": return emitComponent(node, context);
 		case "Fragment": return emitFragment(node, context);
@@ -622,13 +656,14 @@ function emitNodeExpression(node, context) {
 //#region packages/core/compiler/src/codegen/dom/emitComponent.ts
 function emitComponent(node, context) {
 	const props = _babel_types.objectExpression(node.props.map((prop) => emitComponentProp(prop, context)));
-	return _babel_types.callExpression(context.importRuntime("createComponent"), [node.callee, props]);
+	return _babel_types.callExpression(context.importRuntime("createComponent"), [parseExpressionIR(node.callee), props]);
 }
 function emitComponentProp(prop, context) {
 	const key = createObjectKey$1(prop.name);
 	if (Array.isArray(prop.value)) return _babel_types.objectMethod("get", key, [], _babel_types.blockStatement([_babel_types.returnStatement(emitChildrenProp(prop.value, context))]));
-	if (isStaticPropValue(prop.value)) return _babel_types.objectProperty(key, prop.value);
-	return _babel_types.objectMethod("get", key, [], _babel_types.blockStatement([_babel_types.returnStatement(prop.value)]));
+	const value = parseExpressionIR(prop.value);
+	if (isStaticPropValue(value)) return _babel_types.objectProperty(key, value);
+	return _babel_types.objectMethod("get", key, [], _babel_types.blockStatement([_babel_types.returnStatement(value)]));
 }
 function emitChildrenProp(children, context) {
 	const nodes = children.map((child) => emitNodeExpression(child, context));
@@ -644,8 +679,8 @@ function createObjectKey$1(key) {
 //#endregion
 //#region packages/core/compiler/src/codegen/dom/emitBuiltin.ts
 function emitShow(node, context) {
-	const props = [_babel_types.objectProperty(_babel_types.identifier("when"), node.when), _babel_types.objectProperty(_babel_types.identifier("children"), _babel_types.arrowFunctionExpression([], emitChildrenProp(node.children, context)))];
-	if (node.fallback) props.push(_babel_types.objectProperty(_babel_types.identifier("fallback"), Array.isArray(node.fallback) ? _babel_types.arrowFunctionExpression([], emitChildrenProp(node.fallback, context)) : node.fallback));
+	const props = [_babel_types.objectProperty(_babel_types.identifier("when"), parseExpressionIR(node.when)), _babel_types.objectProperty(_babel_types.identifier("children"), _babel_types.arrowFunctionExpression([], emitChildrenProp(node.children, context)))];
+	if (node.fallback) props.push(_babel_types.objectProperty(_babel_types.identifier("fallback"), Array.isArray(node.fallback) ? _babel_types.arrowFunctionExpression([], emitChildrenProp(node.fallback, context)) : parseExpressionIR(node.fallback)));
 	return _babel_types.callExpression(context.importRuntime("createComponent"), [context.importRuntime("Show"), _babel_types.objectExpression(props)]);
 }
 function emitMountShow(node, context) {
@@ -654,29 +689,28 @@ function emitMountShow(node, context) {
 	return _babel_types.callExpression(context.importRuntime("mountShow"), [
 		_babel_types.identifier(path.parent.name),
 		emitMarkerIdentifier(node),
-		_babel_types.arrowFunctionExpression([], node.when),
+		_babel_types.arrowFunctionExpression([], parseExpressionIR(node.when)),
 		_babel_types.arrowFunctionExpression([], emitChildrenProp(node.children, context)),
-		node.fallback ? Array.isArray(node.fallback) ? _babel_types.arrowFunctionExpression([], emitChildrenProp(node.fallback, context)) : _babel_types.arrowFunctionExpression([], node.fallback) : _babel_types.identifier("undefined")
+		node.fallback ? Array.isArray(node.fallback) ? _babel_types.arrowFunctionExpression([], emitChildrenProp(node.fallback, context)) : _babel_types.arrowFunctionExpression([], parseExpressionIR(node.fallback)) : _babel_types.identifier("undefined")
 	]);
 }
 function emitFor(node, context) {
-	const params = [node.item];
-	if (node.index) params.push(node.index);
-	const props = [_babel_types.objectProperty(_babel_types.identifier("each"), node.each), _babel_types.objectProperty(_babel_types.identifier("children"), _babel_types.arrowFunctionExpression(params, emitChildrenProp(node.body, context)))];
-	if (node.by) props.push(_babel_types.objectProperty(_babel_types.identifier("by"), node.by));
+	const params = [_babel_types.identifier(node.item.name)];
+	if (node.index) params.push(_babel_types.identifier(node.index.name));
+	const props = [_babel_types.objectProperty(_babel_types.identifier("each"), parseExpressionIR(node.each)), _babel_types.objectProperty(_babel_types.identifier("children"), _babel_types.arrowFunctionExpression(params, emitChildrenProp(node.body, context)))];
+	if (node.by) props.push(_babel_types.objectProperty(_babel_types.identifier("by"), parseExpressionIR(node.by)));
 	return _babel_types.callExpression(context.importRuntime("createComponent"), [context.importRuntime("For"), _babel_types.objectExpression(props)]);
 }
 function emitMountFor(node, context) {
-	var _node$by;
-	const params = [node.item];
-	if (node.index) params.push(node.index);
+	const params = [_babel_types.identifier(node.item.name)];
+	if (node.index) params.push(_babel_types.identifier(node.index.name));
 	const path = node.domPath;
 	if (!path || path.kind !== "Marker") throw new Error("For DOM path is not assigned");
 	return _babel_types.callExpression(context.importRuntime("mountFor"), [
 		_babel_types.identifier(path.parent.name),
 		emitMarkerIdentifier(node),
-		_babel_types.arrowFunctionExpression([], node.each),
-		(_node$by = node.by) !== null && _node$by !== void 0 ? _node$by : _babel_types.identifier("undefined"),
+		_babel_types.arrowFunctionExpression([], parseExpressionIR(node.each)),
+		node.by ? parseExpressionIR(node.by) : _babel_types.identifier("undefined"),
 		_babel_types.arrowFunctionExpression(params, emitChildrenProp(node.body, context))
 	]);
 }
@@ -692,8 +726,9 @@ 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(_babel_types.objectProperty(key, attr.expr));
-		else props.push(_babel_types.objectProperty(key, _babel_types.arrowFunctionExpression([], attr.expr)));
+		const expression = parseExpressionIR(attr.expr);
+		if (isStaticValue(expression) || isGetterExpression(expression)) props.push(_babel_types.objectProperty(key, expression));
+		else props.push(_babel_types.objectProperty(key, _babel_types.arrowFunctionExpression([], expression)));
 	}
 	return props;
 }
@@ -723,7 +758,7 @@ function emitDOM(node, context) {
 		case "For": return emitFor(node, context);
 		case "Host": return emitHost(node, context);
 		case "Slot": return emitSlot(node, context);
-		case "DynamicText": return _babel_types.arrowFunctionExpression([], node.expr);
+		case "DynamicText": return _babel_types.arrowFunctionExpression([], parseExpressionIR(node.expr));
 		default: throw new Error(`Unsupported root IR node: ${node.kind}`);
 	}
 }
@@ -819,143 +854,6 @@ var CompilerError = class extends Error {
 	}
 };
 //#endregion
-//#region packages/core/compiler/src/ir/semanticBuilders.ts
-let nextId = 0;
-function id() {
-	return nextId++;
-}
-function ref(name) {
-	return { name };
-}
-function elementIR(input) {
-	var _input$attrs, _input$children;
-	return {
-		id: id(),
-		kind: "Element",
-		ref: input.ref,
-		tagName: input.tagName,
-		attrs: (_input$attrs = input.attrs) !== null && _input$attrs !== void 0 ? _input$attrs : [],
-		children: (_input$children = input.children) !== null && _input$children !== void 0 ? _input$children : [],
-		flags: {
-			isSVG: false,
-			isVoid: false,
-			isCustomElement: input.tagName.includes("-"),
-			...input.flags
-		}
-	};
-}
-function textIR(value) {
-	return {
-		id: id(),
-		kind: "Text",
-		value
-	};
-}
-function dynamicTextIR(expr, nodeRef, once = false) {
-	return {
-		id: id(),
-		kind: "DynamicText",
-		expr,
-		ref: nodeRef,
-		once
-	};
-}
-function fragmentIR(children) {
-	return {
-		id: id(),
-		kind: "Fragment",
-		children
-	};
-}
-function staticAttrIR(name, value) {
-	return {
-		id: id(),
-		kind: "StaticAttribute",
-		name,
-		value
-	};
-}
-function attrBindingIR(name, expr) {
-	return {
-		id: id(),
-		kind: "AttrBinding",
-		name,
-		expr
-	};
-}
-function propBindingIR(name, expr) {
-	return {
-		id: id(),
-		kind: "PropBinding",
-		name,
-		expr
-	};
-}
-function eventBindingIR(eventName, handler) {
-	return {
-		id: id(),
-		kind: "EventBinding",
-		eventName,
-		handler
-	};
-}
-function refBindingIR(expr) {
-	return {
-		id: id(),
-		kind: "RefBinding",
-		expr
-	};
-}
-function componentIR(input) {
-	return {
-		id: id(),
-		kind: "Component",
-		ref: input.ref,
-		callee: input.callee,
-		props: input.props
-	};
-}
-function showIR(input) {
-	return {
-		id: id(),
-		kind: "Show",
-		ref: input.ref,
-		when: input.when,
-		children: input.children,
-		fallback: input.fallback
-	};
-}
-function forIR(input) {
-	return {
-		id: id(),
-		kind: "For",
-		ref: input.ref,
-		each: input.each,
-		by: input.by,
-		item: input.item,
-		index: input.index,
-		body: input.body
-	};
-}
-function hostIR(input) {
-	return {
-		id: id(),
-		kind: "Host",
-		attrs: input.attrs,
-		child: input.child
-	};
-}
-function slotIR(input) {
-	var _input$fallback;
-	return {
-		id: id(),
-		kind: "Slot",
-		ref: input.ref,
-		name: input.name,
-		fallback: (_input$fallback = input.fallback) !== null && _input$fallback !== void 0 ? _input$fallback : []
-	};
-}
-//#endregion
 //#region packages/core/compiler/src/parse/jsx.ts
 /**
 * JSX AST parsing utilities.
@@ -993,36 +891,38 @@ function lowerAttribute(path, _context) {
 	});
 	const node = path.node;
 	const name = getJSXAttrName(node.name);
-	const value = node.value;
-	if (!value) {
+	const value = path.get("value");
+	if (!value.node) {
 		if (name === "ref") throw new CompilerError({
 			code: CompilerErrorCode.EMPTY_EXPRESSION,
 			message: "ref attribute requires an expression.",
 			path,
 			hint: "Use <div ref={target} /> instead."
 		});
-		return staticAttrIR(name, true);
+		return (0, _zeus_js_compiler_shared.staticAttrIR)(name, true);
 	}
-	if (_babel_types.isStringLiteral(value)) {
+	if (value.isStringLiteral()) {
 		if (name === "ref") throw new CompilerError({
 			code: CompilerErrorCode.INVALID_REF_USAGE,
 			message: "String refs are not supported in Zeus.",
 			path,
 			hint: "Use a state holder or callback ref: <div ref={el} />."
 		});
-		return staticAttrIR(name, value.value);
+		return (0, _zeus_js_compiler_shared.staticAttrIR)(name, value.node.value);
 	}
-	if (_babel_types.isJSXExpressionContainer(value)) {
-		const expr = value.expression;
-		if (_babel_types.isJSXEmptyExpression(expr)) throw new CompilerError({
+	if (value.isJSXExpressionContainer()) {
+		const expression = value.get("expression");
+		if (expression.isJSXEmptyExpression()) throw new CompilerError({
 			code: CompilerErrorCode.EMPTY_EXPRESSION,
 			message: `Attribute "${name}" expression cannot be empty.`,
 			path
 		});
-		if (name === "ref") return refBindingIR(expr);
-		if (name.startsWith("on") && name.length > 2) return eventBindingIR(toEventName(name), expr);
-		if (name.startsWith("prop:")) return propBindingIR(name.slice(5), expr);
-		return attrBindingIR(name, expr);
+		if (!expression.isExpression()) return null;
+		const expr = lowerExpressionIR(expression);
+		if (name === "ref") return (0, _zeus_js_compiler_shared.refBindingIR)(expr);
+		if (name.startsWith("on") && name.length > 2) return (0, _zeus_js_compiler_shared.eventBindingIR)(toEventName(name), expr);
+		if (name.startsWith("prop:")) return (0, _zeus_js_compiler_shared.propBindingIR)(name.slice(5), expr);
+		return (0, _zeus_js_compiler_shared.attrBindingIR)(name, expr);
 	}
 	return null;
 }
@@ -1033,13 +933,13 @@ function lowerChildren(children, context) {
 	for (const child of children) {
 		if (child.isJSXText()) {
 			const text = trimJSXText(child.node.value);
-			if (text) result.push(textIR(escapeHTML(text)));
+			if (text) result.push((0, _zeus_js_compiler_shared.textIR)(escapeHTML(text)));
 			continue;
 		}
 		if (child.isJSXExpressionContainer()) {
-			const expr = child.node.expression;
-			if (_babel_types.isJSXEmptyExpression(expr)) continue;
-			if (_babel_types.isExpression(expr)) result.push(dynamicTextIR(expr, ref(context.uid("anchor$").name)));
+			const expression = child.get("expression");
+			if (expression.isJSXEmptyExpression()) continue;
+			if (expression.isExpression()) result.push((0, _zeus_js_compiler_shared.dynamicTextIR)(lowerExpressionIR(expression), (0, _zeus_js_compiler_shared.ref)(context.uid("anchor$").name)));
 			continue;
 		}
 		if (child.isJSXElement() || child.isJSXFragment()) {
@@ -1081,8 +981,8 @@ function lowerBuiltin(path, context) {
 function lowerShow(path, context) {
 	const when = requiredExpressionAttr(path, "when");
 	const fallback = optionalShowFallbackAttr(path, context);
-	return showIR({
-		ref: ref(context.uid("show$").name),
+	return (0, _zeus_js_compiler_shared.showIR)({
+		ref: (0, _zeus_js_compiler_shared.ref)(context.uid("show$").name),
 		when,
 		fallback,
 		children: lowerChildren(path.get("children"), context)
@@ -1095,27 +995,26 @@ function optionalShowFallbackAttr(path, context) {
 	});
 	if (!(attr === null || attr === void 0 ? void 0 : attr.isJSXAttribute())) return void 0;
 	const value = attr.get("value");
-	if (!value.node) return _babel_types.booleanLiteral(true);
-	if (value.isStringLiteral()) return value.node;
+	if (!value.node) return expressionIRFromCode("true", attr.node);
+	if (value.isStringLiteral()) return expressionIRFromCode(JSON.stringify(value.node.value), value.node);
 	if (!value.isJSXExpressionContainer()) return void 0;
 	const expression = value.get("expression");
 	if (expression.isJSXEmptyExpression()) return void 0;
 	if (expression.isJSXElement() || expression.isJSXFragment()) return [lowerJSX(expression, context)];
-	if (expression.isExpression()) return expression.node;
+	if (expression.isExpression()) return lowerExpressionIR(expression);
 }
 function lowerFor(path, context) {
-	var _getParamIdentifier;
 	const each = requiredExpressionAttr(path, "each");
 	const by = optionalExpressionAttr(path, "by");
 	const render = getOnlyRenderFunction(path);
-	const item = (_getParamIdentifier = getParamIdentifier(render, 0)) !== null && _getParamIdentifier !== void 0 ? _getParamIdentifier : _babel_types.identifier("item");
+	const item = getParamIdentifier(render, 0, "item");
 	const index = getParamIdentifier(render, 1);
 	const bodyPath = render.get("body");
 	const body = [];
 	if (bodyPath.isJSXElement() || bodyPath.isJSXFragment()) body.push(lowerJSX(bodyPath, context));
-	else if (bodyPath.isExpression()) body.push(dynamicTextIR(bodyPath.node, ref(context.uid("anchor$").name)));
-	return forIR({
-		ref: ref(context.uid("for$").name),
+	else if (bodyPath.isExpression()) body.push((0, _zeus_js_compiler_shared.dynamicTextIR)(lowerExpressionIR(bodyPath), (0, _zeus_js_compiler_shared.ref)(context.uid("anchor$").name)));
+	return (0, _zeus_js_compiler_shared.forIR)({
+		ref: (0, _zeus_js_compiler_shared.ref)(context.uid("for$").name),
 		each,
 		by,
 		item,
@@ -1125,15 +1024,15 @@ function lowerFor(path, context) {
 }
 function lowerSlot(path, context) {
 	const name = optionalStringAttr(path, "name");
-	return slotIR({
-		ref: ref(context.uid("slot$").name),
+	return (0, _zeus_js_compiler_shared.slotIR)({
+		ref: (0, _zeus_js_compiler_shared.ref)(context.uid("slot$").name),
 		name,
 		fallback: lowerChildren(path.get("children"), context)
 	});
 }
 function requiredExpressionAttr(path, name) {
 	const value = optionalExpressionAttr(path, name);
-	if (!value || Array.isArray(value)) throw new CompilerError({
+	if (!value) throw new CompilerError({
 		code: CompilerErrorCode.INVALID_BUILTIN_USAGE,
 		message: `<${getBuiltinName(path)}> requires "${name}".`,
 		path
@@ -1146,10 +1045,12 @@ function optionalExpressionAttr(path, name) {
 		return getJSXAttrName(attrPath.node.name) === name;
 	});
 	if (!(attr === null || attr === void 0 ? void 0 : attr.isJSXAttribute())) return void 0;
-	const value = attr.node.value;
-	if (!value) return _babel_types.booleanLiteral(true);
-	if (_babel_types.isStringLiteral(value)) return value;
-	if (_babel_types.isJSXExpressionContainer(value) && !_babel_types.isJSXEmptyExpression(value.expression)) return value.expression;
+	const value = attr.get("value");
+	if (!value.node) return expressionIRFromCode("true", attr.node);
+	if (value.isStringLiteral()) return expressionIRFromCode(JSON.stringify(value.node.value), value.node);
+	if (!value.isJSXExpressionContainer()) return void 0;
+	const expression = value.get("expression");
+	if (expression.isExpression()) return lowerExpressionIR(expression);
 }
 function optionalStringAttr(path, name) {
 	const attr = path.get("openingElement").get("attributes").find((attrPath) => {
@@ -1172,8 +1073,8 @@ function getOnlyRenderFunction(path) {
 }
 function getParamIdentifier(path, index, fallback) {
 	const param = path.node.params[index];
-	if (_babel_types.isIdentifier(param)) return param;
-	if (fallback) return _babel_types.identifier(fallback);
+	if (_babel_types.isIdentifier(param)) return (0, _zeus_js_compiler_shared.identifierIR)(param.name, sourceSpanFromBabelNode(param));
+	if (fallback) return (0, _zeus_js_compiler_shared.identifierIR)(fallback);
 }
 function getBuiltinName(path) {
 	const name = path.node.openingElement.name;
@@ -1210,38 +1111,41 @@ function lowerHost(path, context) {
 			if (value.isJSXExpressionContainer()) {
 				const expr = value.get("expression");
 				if (expr.isExpression()) attrs.push({
-					id: id(),
+					id: (0, _zeus_js_compiler_shared.id)(),
 					kind: "HostAttr",
 					name: "ref",
-					expr: expr.node
+					expr: lowerExpressionIR(expr)
 				});
 			}
 			continue;
 		}
 		if (isEventLikeProp(name)) continue;
-		const value = node.value;
-		if (!value) attrs.push({
-			id: id(),
-			kind: "HostAttr",
-			name: normalizeHostAttrName(name),
-			expr: _babel_types.booleanLiteral(true)
-		});
-		else if (_babel_types.isStringLiteral(value)) attrs.push({
-			id: id(),
+		const value = attrPath.get("value");
+		if (!value.node) attrs.push({
+			id: (0, _zeus_js_compiler_shared.id)(),
 			kind: "HostAttr",
 			name: normalizeHostAttrName(name),
-			expr: _babel_types.stringLiteral(value.value)
+			expr: expressionIRFromCode("true", node)
 		});
-		else if (_babel_types.isJSXExpressionContainer(value) && !_babel_types.isJSXEmptyExpression(value.expression)) attrs.push({
-			id: id(),
+		else if (value.isStringLiteral()) attrs.push({
+			id: (0, _zeus_js_compiler_shared.id)(),
 			kind: "HostAttr",
 			name: normalizeHostAttrName(name),
-			expr: value.expression
+			expr: expressionIRFromCode(JSON.stringify(value.node.value), value.node)
 		});
+		else if (value.isJSXExpressionContainer()) {
+			const expression = value.get("expression");
+			if (expression.isExpression()) attrs.push({
+				id: (0, _zeus_js_compiler_shared.id)(),
+				kind: "HostAttr",
+				name: normalizeHostAttrName(name),
+				expr: lowerExpressionIR(expression)
+			});
+		}
 	}
-	return hostIR({
+	return (0, _zeus_js_compiler_shared.hostIR)({
 		attrs,
-		child: rawChildren.length === 0 ? void 0 : rawChildren.length === 1 ? rawChildren[0] : fragmentIR(rawChildren)
+		child: rawChildren.length === 0 ? void 0 : rawChildren.length === 1 ? rawChildren[0] : (0, _zeus_js_compiler_shared.fragmentIR)(rawChildren)
 	});
 }
 //#endregion
@@ -1257,29 +1161,31 @@ function lowerComponent(path, context) {
 			path: attr
 		});
 		const name = getJSXAttrName(node.name);
-		if (!node.value) {
+		const value = attr.get("value");
+		if (!value.node) {
 			props.push({
 				name,
-				value: _babel_types.booleanLiteral(true)
+				value: expressionIRFromCode("true", node)
 			});
 			continue;
 		}
-		if (_babel_types.isStringLiteral(node.value)) {
+		if (value.isStringLiteral()) {
 			props.push({
 				name,
-				value: node.value
+				value: expressionIRFromCode(JSON.stringify(value.node.value), value.node)
 			});
 			continue;
 		}
-		if (_babel_types.isJSXExpressionContainer(node.value)) {
-			if (_babel_types.isJSXEmptyExpression(node.value.expression)) throw new CompilerError({
+		if (value.isJSXExpressionContainer()) {
+			const expression = value.get("expression");
+			if (expression.isJSXEmptyExpression()) throw new CompilerError({
 				code: CompilerErrorCode.EMPTY_EXPRESSION,
 				message: `Component prop "${name}" expression cannot be empty.`,
 				path: attr
 			});
-			props.push({
+			if (expression.isExpression()) props.push({
 				name,
-				value: node.value.expression
+				value: lowerExpressionIR(expression)
 			});
 		}
 	}
@@ -1288,25 +1194,27 @@ function lowerComponent(path, context) {
 		name: "children",
 		value: children
 	});
-	return componentIR({
-		ref: ref(context.uid("cmp$").name),
+	return (0, _zeus_js_compiler_shared.componentIR)({
+		ref: (0, _zeus_js_compiler_shared.ref)(context.uid("cmp$").name),
 		callee: tag,
 		props
 	});
 }
 function convertComponentIdentifier(node) {
+	return expressionIRFromCode(componentIdentifierCode(node), node);
+}
+function componentIdentifierCode(node) {
 	if (_babel_types.isJSXIdentifier(node)) {
-		if (node.name === "this") return _babel_types.thisExpression();
-		if (_babel_types.isValidIdentifier(node.name)) return _babel_types.identifier(node.name);
-		return _babel_types.stringLiteral(node.name);
+		if (node.name === "this") return "this";
+		return _babel_types.isValidIdentifier(node.name) ? node.name : JSON.stringify(node.name);
 	}
 	if (_babel_types.isJSXMemberExpression(node)) {
-		const object = convertComponentIdentifier(node.object);
-		const property = convertComponentIdentifier(node.property);
-		return _babel_types.memberExpression(object, property, _babel_types.isStringLiteral(property));
+		const object = componentIdentifierCode(node.object);
+		const property = node.property.name;
+		return _babel_types.isValidIdentifier(property) ? `${object}.${property}` : `${object}[${JSON.stringify(property)}]`;
 	}
-	if (_babel_types.isJSXNamespacedName(node)) return _babel_types.stringLiteral(`${node.namespace.name}:${node.name.name}`);
-	return node;
+	if (_babel_types.isJSXNamespacedName(node)) return JSON.stringify(`${node.namespace.name}:${node.name.name}`);
+	return JSON.stringify("");
 }
 //#endregion
 //#region packages/core/compiler/src/lower/lowerElement.ts
@@ -1315,8 +1223,8 @@ function lowerElement(path, context) {
 	if (isBuiltinTag(tagName)) return lowerBuiltin(path, context);
 	if (isComponentTag(tagName)) return lowerComponent(path, context);
 	const attrs = path.get("openingElement").get("attributes").map((attr) => lowerAttribute(attr, context)).filter(Boolean);
-	return elementIR({
-		ref: ref(context.uid("el$").name),
+	return (0, _zeus_js_compiler_shared.elementIR)({
+		ref: (0, _zeus_js_compiler_shared.ref)(context.uid("el$").name),
 		tagName,
 		attrs,
 		children: VoidElements.includes(tagName) ? [] : lowerChildren(path.get("children"), context),
@@ -1329,7 +1237,7 @@ function lowerElement(path, context) {
 //#endregion
 //#region packages/core/compiler/src/lower/lowerFragment.ts
 function lowerFragment(path, context) {
-	return fragmentIR(lowerChildren(path.get("children"), context));
+	return (0, _zeus_js_compiler_shared.fragmentIR)(lowerChildren(path.get("children"), context));
 }
 //#endregion
 //#region packages/core/compiler/src/lower/lowerJSX.ts
@@ -1746,3 +1654,11 @@ var src_default = (0, _babel_helper_plugin_utils.declare)((api, options) => {
 });
 //#endregion
 exports.default = src_default;
+Object.keys(_zeus_js_compiler_shared).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _zeus_js_compiler_shared[k];
+		}
+	});
+});