@fluixi/compiler 1.0.0-alpha.100 → 1.0.0-alpha.102

package/dist/frontend/babel/index.js

@@ -1,22 +1,10 @@
-/**
- * @fileoverview Babel front-end adapter for the Fluixi compiler.
- * @module @fluixi/compiler/babel
- *
- * This is one of the compiler's front-end adapters: it parses with @babel and
- * runs the JSX transform. The transform/codegen it currently performs is the
- * existing behaviour (emits the jsx() automatic runtime), switching codegen to
- * the IR-driven backends (see ../../codegen) is a later step. SWC/other
- * front-ends will plug in alongside this without touching the rest of the pipeline.
- */
 // Export the main plugin
 export { default } from './plugin.js';
-// Export types
 export * from './types.js';
 // Re-export for convenience
 import plugin from './plugin.js';
 /** Named export for explicit usage */
 export const babelPluginReactiveJSX = plugin;
-/** Helper to create plugin with options */
 export function createPlugin(options) {
     return [plugin, options];
 }
@@ -31,7 +19,7 @@ export function createPreset(options = {}) {
                     importSource: '@fluixi/jsx',
                     development: process.env.NODE_ENV === 'development',
                     detectReactivity: true,
-                    useLitHTML: true,
+                    useHtmlTag: true,
                     hoistStatics: true,
                     delegateEvents: true,
                     optimizeControlFlow: true,
@@ -57,7 +45,7 @@ export const presets = {
     }),
     minimal: createPreset({
         detectReactivity: false,
-        useLitHTML: false,
+        useHtmlTag: false,
         hoistStatics: false,
         delegateEvents: false,
         optimizeControlFlow: false,

package/dist/frontend/babel/index.mjs

@@ -1,4 +1,4 @@
-/*! @fluixi/compiler v1.0.0-alpha.100 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+/*! @fluixi/compiler v1.0.0-alpha.102 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 
 // src/frontend/babel/plugin.ts
 import { declare } from "@babel/helper-plugin-utils";
@@ -1120,7 +1120,7 @@ var Lowerer = class {
     for (const s of imports) this.used.add(s);
     return inlineTemplates(code, templates);
   }
-  // --- content ------------------------------------------------------------
+  // content
   lowerRoot(children) {
     const nodes = this.lowerChildren(children);
     if (nodes.length === 1) return nodes[0];
@@ -1249,8 +1249,8 @@ var Lowerer = class {
     }
     return { slots, rest };
   }
-  // --- control-flow sugar -------------------------------------------------
-  /** `<el if=${cond}>…</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
+  // control-flow sugar
+  /** `<el if=${cond}>...</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
   lowerIf(el, condHole, elseEl) {
     const cond = this.hole(condHole);
     const props = [
@@ -1265,8 +1265,8 @@ var Lowerer = class {
     return { kind: "component", name: "Show", props, children: [child], ...at ? { at } : {}, ...cond.at ? { bindAt: cond.at } : {} };
   }
   /**
-   * `<el each=${items} key?>${item => …}</el>` → `<el><For each>{item => …}</For></el>`: the
-   * content is repeated per item. Content that is not a `${item => …}` arrow is repeated as
+   * `<el each=${items} key?>${item => ...}</el>` → `<el><For each>{item => ...}</For></el>`: the
+   * content is repeated per item. Content that is not a `${item => ...}` arrow is repeated as
    * it is. Null when the element has no `each`.
    */
   lowerEach(el) {
@@ -1303,7 +1303,7 @@ var Lowerer = class {
     const clone = { ...el, attributes: el.attributes.filter((a) => !drop(a)) };
     return clone.kind === "Element" ? this.lowerElement(clone) : this.lowerComponent(clone);
   }
-  // --- attributes ---------------------------------------------------------
+  // attributes
   /**
    * `element`: a DOM element, where each class:/style: value that moves is its own accessor.
    * A component gets the object as before, rebuilt whole when any value moves.
@@ -1444,7 +1444,7 @@ var Lowerer = class {
     if (mods.includes("passive")) opts.push("passive: true");
     return opts.length ? `{ ${opts.join(", ")} }` : null;
   }
-  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e…value)}`. */
+  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e...value)}`. */
   bindProps(prop, h) {
     const sigCode = h.code;
     const checked = prop === "checked";
@@ -1470,7 +1470,7 @@ var Lowerer = class {
       }
     ];
   }
-  /** A plain attribute (incl. lit `?bool`, mixed values), old `mkProp` behavior. */
+  /** A plain attribute (incl. html `?bool`, mixed values), old `mkProp` behavior. */
   plainAttr(a) {
     const v = a.value;
     let name = a.name;
@@ -1537,7 +1537,7 @@ function bindHole(expr, used, onNested) {
   if (t.isObjectExpression(expr)) hole.object = true;
   return hole;
 }
-function lowerLitTemplate(node, used, opts = {}) {
+function lowerHtmlTemplate(node, used, opts = {}) {
   const quasi = node.quasi;
   const holes = quasi.expressions.map((e) => bindHole(e, used, opts.onNested));
   return lowerTemplate(buildPieces(quasi), holes, used, opts);
@@ -1630,9 +1630,9 @@ function childReason(node) {
   return "expression-child";
 }
 
-// src/frontend/babel/build-ir-lit.ts
-function buildIRFromLit(node, used = /* @__PURE__ */ new Set(), opts = {}) {
-  const ir = lowerLitTemplate(node, used, opts);
+// src/frontend/babel/build-ir-html.ts
+function buildIRFromHtml(node, used = /* @__PURE__ */ new Set(), opts = {}) {
+  const ir = lowerHtmlTemplate(node, used, opts);
   analyzeStatic(ir);
   return ir;
 }
@@ -2041,12 +2041,12 @@ function transformNestedJSX(node, used, onNested) {
       const { code, imports, templates } = imperativeBackend.emit(nestedIR, {});
       emitInto(path, inlineTemplates(code, templates), imports);
     },
-    // Nested lit templates compose: ${cond ? html`…` : html`…`},
+    // Nested html templates compose: ${cond ? html`...` : html`...`},
     // ${list.map(x => html`<li>${x}</li>`)}. Compile them the same way.
     TaggedTemplateExpression(path) {
       const tag = path.node.tag;
       if (!t2.isIdentifier(tag) || tag.name !== "html" && tag.name !== "svg") return;
-      const ir = buildIRFromLit(path.node, used, { svg: tag.name === "svg", onNested });
+      const ir = buildIRFromHtml(path.node, used, { svg: tag.name === "svg", onNested });
       onNested?.(ir);
       const { code, imports, templates } = imperativeBackend.emit(ir, {});
       emitInto(path, inlineTemplates(code, templates), imports);
@@ -2089,11 +2089,11 @@ var plugin_default = declare((api, options = {}) => {
     // `fluixi()` needs no `format` option. Injected imports are deduped, so a
     // file mixing the two styles won't redeclare a binding.
     format = "both",
-    litTag = "html",
+    htmlTag = "html",
     resolve: resolveRules = []
   } = options;
   const componentResolver = createComponentResolver(resolveRules);
-  const compileLit = format === "lit" || format === "both";
+  const compileHtml = format === "html" || format === "both";
   const pluginState = {
     irImports: /* @__PURE__ */ new Set(),
     libModule: "@fluixi/core",
@@ -2102,7 +2102,7 @@ var plugin_default = declare((api, options = {}) => {
     templateClone,
     partialTemplates,
     hasJSX: false,
-    hasLitHTML: false,
+    hasHtmlTag: false,
     needsControlFlowImport: false,
     needsCreateMemo: false,
     controlFlowComponents: /* @__PURE__ */ new Set(),
@@ -2126,8 +2126,8 @@ var plugin_default = declare((api, options = {}) => {
         enter(path, state) {
           Object.assign(state, {
             hasJSX: false,
-            hasLitHTML: false,
-            hasLitIR: false,
+            hasHtmlTag: false,
+            hasHtmlIR: false,
             needsControlFlowImport: false,
             needsCreateMemo: false,
             controlFlowComponents: /* @__PURE__ */ new Set(),
@@ -2152,7 +2152,7 @@ var plugin_default = declare((api, options = {}) => {
         },
         exit(path, state) {
           const imports = [];
-          if (state.hasJSX || state.hasLitIR) {
+          if (state.hasJSX || state.hasHtmlIR) {
             if (state.irImports.size > 0) {
               const CF = /* @__PURE__ */ new Set([
                 "Show",
@@ -2342,8 +2342,8 @@ var plugin_default = declare((api, options = {}) => {
         path.replaceWith(emitViaIR(path.node, state));
       },
       TaggedTemplateExpression(path, state) {
-        if (compileLit && t3.isIdentifier(path.node.tag) && (path.node.tag.name === litTag || path.node.tag.name === "svg")) {
-          path.replaceWith(emitLitViaIR(path.node, state));
+        if (compileHtml && t3.isIdentifier(path.node.tag) && (path.node.tag.name === htmlTag || path.node.tag.name === "svg")) {
+          path.replaceWith(emitHtmlViaIR(path.node, state));
         }
       }
     }
@@ -2446,10 +2446,10 @@ function dedupeImports(imports) {
   }
   return out;
 }
-function emitLitViaIR(node, state) {
+function emitHtmlViaIR(node, state) {
   const used = /* @__PURE__ */ new Set();
   const svg = t3.isIdentifier(node.tag) && node.tag.name === "svg";
-  const ir = buildIRFromLit(node, used, { svg, onNested: nestedHook(state) });
+  const ir = buildIRFromHtml(node, used, { svg, onNested: nestedHook(state) });
   resolveComponentSources(ir, {
     resolver: state.componentResolver,
     modules: {
@@ -2464,7 +2464,7 @@ function emitLitViaIR(node, state) {
   for (const s of imports) used.add(s);
   for (const s of used) state.irImports.add(s);
   collectRuntimeNeeds(ir, state);
-  state.hasLitIR = true;
+  state.hasHtmlIR = true;
   const expression = template2.expression(adoptTemplates(code, templates, state), {
     placeholderPattern: false,
     plugins: ["typescript"]
@@ -2540,7 +2540,7 @@ function createPreset(options = {}) {
           importSource: "@fluixi/jsx",
           development: false,
           detectReactivity: true,
-          useLitHTML: true,
+          useHtmlTag: true,
           hoistStatics: true,
           delegateEvents: true,
           optimizeControlFlow: true,
@@ -2565,7 +2565,7 @@ var presets = {
   }),
   minimal: createPreset({
     detectReactivity: false,
-    useLitHTML: false,
+    useHtmlTag: false,
     hoistStatics: false,
     delegateEvents: false,
     optimizeControlFlow: false

package/dist/frontend/babel/lower-template.cjs

@@ -30,7 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/frontend/babel/lower-template.ts
 var lower_template_exports = {};
 __export(lower_template_exports, {
-  lowerLitTemplate: () => lowerLitTemplate
+  lowerHtmlTemplate: () => lowerHtmlTemplate
 });
 module.exports = __toCommonJS(lower_template_exports);
 var import_core2 = require("@babel/core");
@@ -974,7 +974,7 @@ var Lowerer = class {
     for (const s of imports) this.used.add(s);
     return inlineTemplates(code, templates);
   }
-  // --- content ------------------------------------------------------------
+  // content
   lowerRoot(children) {
     const nodes = this.lowerChildren(children);
     if (nodes.length === 1) return nodes[0];
@@ -1103,8 +1103,8 @@ var Lowerer = class {
     }
     return { slots, rest };
   }
-  // --- control-flow sugar -------------------------------------------------
-  /** `<el if=${cond}>…</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
+  // control-flow sugar
+  /** `<el if=${cond}>...</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
   lowerIf(el, condHole, elseEl) {
     const cond = this.hole(condHole);
     const props = [
@@ -1119,8 +1119,8 @@ var Lowerer = class {
     return { kind: "component", name: "Show", props, children: [child], ...at ? { at } : {}, ...cond.at ? { bindAt: cond.at } : {} };
   }
   /**
-   * `<el each=${items} key?>${item => …}</el>` → `<el><For each>{item => …}</For></el>`: the
-   * content is repeated per item. Content that is not a `${item => …}` arrow is repeated as
+   * `<el each=${items} key?>${item => ...}</el>` → `<el><For each>{item => ...}</For></el>`: the
+   * content is repeated per item. Content that is not a `${item => ...}` arrow is repeated as
    * it is. Null when the element has no `each`.
    */
   lowerEach(el) {
@@ -1157,7 +1157,7 @@ var Lowerer = class {
     const clone = { ...el, attributes: el.attributes.filter((a) => !drop(a)) };
     return clone.kind === "Element" ? this.lowerElement(clone) : this.lowerComponent(clone);
   }
-  // --- attributes ---------------------------------------------------------
+  // attributes
   /**
    * `element`: a DOM element, where each class:/style: value that moves is its own accessor.
    * A component gets the object as before, rebuilt whole when any value moves.
@@ -1298,7 +1298,7 @@ var Lowerer = class {
     if (mods.includes("passive")) opts.push("passive: true");
     return opts.length ? `{ ${opts.join(", ")} }` : null;
   }
-  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e…value)}`. */
+  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e...value)}`. */
   bindProps(prop, h) {
     const sigCode = h.code;
     const checked = prop === "checked";
@@ -1324,7 +1324,7 @@ var Lowerer = class {
       }
     ];
   }
-  /** A plain attribute (incl. lit `?bool`, mixed values), old `mkProp` behavior. */
+  /** A plain attribute (incl. html `?bool`, mixed values), old `mkProp` behavior. */
   plainAttr(a) {
     const v = a.value;
     let name = a.name;
@@ -1449,9 +1449,9 @@ function childReason(node) {
   return "expression-child";
 }
 
-// src/frontend/babel/build-ir-lit.ts
-function buildIRFromLit(node, used = /* @__PURE__ */ new Set(), opts = {}) {
-  const ir = lowerLitTemplate(node, used, opts);
+// src/frontend/babel/build-ir-html.ts
+function buildIRFromHtml(node, used = /* @__PURE__ */ new Set(), opts = {}) {
+  const ir = lowerHtmlTemplate(node, used, opts);
   analyzeStatic(ir);
   return ir;
 }
@@ -1860,12 +1860,12 @@ function transformNestedJSX(node, used, onNested) {
       const { code, imports, templates } = imperativeBackend.emit(nestedIR, {});
       emitInto(path, inlineTemplates(code, templates), imports);
     },
-    // Nested lit templates compose: ${cond ? html`…` : html`…`},
+    // Nested html templates compose: ${cond ? html`...` : html`...`},
     // ${list.map(x => html`<li>${x}</li>`)}. Compile them the same way.
     TaggedTemplateExpression(path) {
       const tag = path.node.tag;
       if (!import_core.types.isIdentifier(tag) || tag.name !== "html" && tag.name !== "svg") return;
-      const ir = buildIRFromLit(path.node, used, { svg: tag.name === "svg", onNested });
+      const ir = buildIRFromHtml(path.node, used, { svg: tag.name === "svg", onNested });
       onNested?.(ir);
       const { code, imports, templates } = imperativeBackend.emit(ir, {});
       emitInto(path, inlineTemplates(code, templates), imports);
@@ -1912,7 +1912,7 @@ function bindHole(expr, used, onNested) {
   if (import_core2.types.isObjectExpression(expr)) hole.object = true;
   return hole;
 }
-function lowerLitTemplate(node, used, opts = {}) {
+function lowerHtmlTemplate(node, used, opts = {}) {
   const quasi = node.quasi;
   const holes = quasi.expressions.map((e) => bindHole(e, used, opts.onNested));
   return lowerTemplate(buildPieces(quasi), holes, used, opts);

package/dist/frontend/babel/lower-template.d.cts

@@ -3,7 +3,7 @@
  *
  * The lowering itself is in ../../lower/template.ts and takes no Babel. What is
  * left here is the part that genuinely needs to read JavaScript: turning each
- * `${…}` into a `TemplateHole`: its source text, whether it is reactive, and
+ * `${...}` into a `TemplateHole`: its source text, whether it is reactive, and
  * the two structural facts the lowering branches on (a single-expression arrow,
  * an object literal).
  *
@@ -14,10 +14,10 @@ import { types as t } from '@babel/core';
 import type { IRNode } from '../../ir/nodes.cjs';
 import { type NestedHook } from './build-ir.cjs';
 /**
- * Build IR from a lit `` html`...` `` / `` svg`...` `` TaggedTemplateExpression.
+ * Build IR from an `` html`...` `` / `` svg`...` `` TaggedTemplateExpression.
  * `used` collects runtime symbols emitted for anything nested inside a hole.
  */
-export declare function lowerLitTemplate(node: t.TaggedTemplateExpression, used: Set<string>, opts?: {
+export declare function lowerHtmlTemplate(node: t.TaggedTemplateExpression, used: Set<string>, opts?: {
     svg?: boolean;
     onNested?: NestedHook;
 }): IRNode;

package/dist/frontend/babel/lower-template.d.ts

@@ -3,7 +3,7 @@
  *
  * The lowering itself is in ../../lower/template.ts and takes no Babel. What is
  * left here is the part that genuinely needs to read JavaScript: turning each
- * `${…}` into a `TemplateHole`: its source text, whether it is reactive, and
+ * `${...}` into a `TemplateHole`: its source text, whether it is reactive, and
  * the two structural facts the lowering branches on (a single-expression arrow,
  * an object literal).
  *
@@ -14,10 +14,10 @@ import { types as t } from '@babel/core';
 import type { IRNode } from '../../ir/nodes.js';
 import { type NestedHook } from './build-ir.js';
 /**
- * Build IR from a lit `` html`...` `` / `` svg`...` `` TaggedTemplateExpression.
+ * Build IR from an `` html`...` `` / `` svg`...` `` TaggedTemplateExpression.
  * `used` collects runtime symbols emitted for anything nested inside a hole.
  */
-export declare function lowerLitTemplate(node: t.TaggedTemplateExpression, used: Set<string>, opts?: {
+export declare function lowerHtmlTemplate(node: t.TaggedTemplateExpression, used: Set<string>, opts?: {
     svg?: boolean;
     onNested?: NestedHook;
 }): IRNode;

package/dist/frontend/babel/lower-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lower-template.d.ts","sourceRoot":"","sources":["../../../src/frontend/babel/lower-template.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,KAAK,IAAI,CAAC,EAAE,MAAM,aAAa,CAAC;AAGzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAA2B,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAgCzE;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,CAAC,CAAC,wBAAwB,EAChC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,IAAI,GAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,UAAU,CAAA;CAAO,GAClD,MAAM,CAIR"}
+{"version":3,"file":"lower-template.d.ts","sourceRoot":"","sources":["../../../src/frontend/babel/lower-template.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,KAAK,IAAI,CAAC,EAAE,MAAM,aAAa,CAAC;AAGzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAA2B,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAgCzE;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,CAAC,CAAC,wBAAwB,EAChC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,IAAI,GAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,UAAU,CAAA;CAAO,GAClD,MAAM,CAIR"}

package/dist/frontend/babel/lower-template.js

@@ -3,7 +3,7 @@
  *
  * The lowering itself is in ../../lower/template.ts and takes no Babel. What is
  * left here is the part that genuinely needs to read JavaScript: turning each
- * `${…}` into a `TemplateHole`: its source text, whether it is reactive, and
+ * `${...}` into a `TemplateHole`: its source text, whether it is reactive, and
  * the two structural facts the lowering branches on (a single-expression arrow,
  * an object literal).
  *
@@ -18,7 +18,7 @@ const generate = _generate.default ?? _generate;
 function gen(node) {
     return generate(node, { concise: true }).code;
 }
-/** Describe one `${…}` for the lowering. */
+/** Describe one `${...}` for the lowering. */
 function bindHole(expr, used, onNested) {
     const hole = {
         code: genExpr(expr, used, onNested),
@@ -41,10 +41,10 @@ function bindHole(expr, used, onNested) {
     return hole;
 }
 /**
- * Build IR from a lit `` html`...` `` / `` svg`...` `` TaggedTemplateExpression.
+ * Build IR from an `` html`...` `` / `` svg`...` `` TaggedTemplateExpression.
  * `used` collects runtime symbols emitted for anything nested inside a hole.
  */
-export function lowerLitTemplate(node, used, opts = {}) {
+export function lowerHtmlTemplate(node, used, opts = {}) {
     const quasi = node.quasi;
     const holes = quasi.expressions.map((e) => bindHole(e, used, opts.onNested));
     return lowerTemplate(buildPieces(quasi), holes, used, opts);

package/dist/frontend/babel/lower-template.mjs

@@ -942,7 +942,7 @@ var Lowerer = class {
     for (const s of imports) this.used.add(s);
     return inlineTemplates(code, templates);
   }
-  // --- content ------------------------------------------------------------
+  // content
   lowerRoot(children) {
     const nodes = this.lowerChildren(children);
     if (nodes.length === 1) return nodes[0];
@@ -1071,8 +1071,8 @@ var Lowerer = class {
     }
     return { slots, rest };
   }
-  // --- control-flow sugar -------------------------------------------------
-  /** `<el if=${cond}>…</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
+  // control-flow sugar
+  /** `<el if=${cond}>...</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
   lowerIf(el, condHole, elseEl) {
     const cond = this.hole(condHole);
     const props = [
@@ -1087,8 +1087,8 @@ var Lowerer = class {
     return { kind: "component", name: "Show", props, children: [child], ...at ? { at } : {}, ...cond.at ? { bindAt: cond.at } : {} };
   }
   /**
-   * `<el each=${items} key?>${item => …}</el>` → `<el><For each>{item => …}</For></el>`: the
-   * content is repeated per item. Content that is not a `${item => …}` arrow is repeated as
+   * `<el each=${items} key?>${item => ...}</el>` → `<el><For each>{item => ...}</For></el>`: the
+   * content is repeated per item. Content that is not a `${item => ...}` arrow is repeated as
    * it is. Null when the element has no `each`.
    */
   lowerEach(el) {
@@ -1125,7 +1125,7 @@ var Lowerer = class {
     const clone = { ...el, attributes: el.attributes.filter((a) => !drop(a)) };
     return clone.kind === "Element" ? this.lowerElement(clone) : this.lowerComponent(clone);
   }
-  // --- attributes ---------------------------------------------------------
+  // attributes
   /**
    * `element`: a DOM element, where each class:/style: value that moves is its own accessor.
    * A component gets the object as before, rebuilt whole when any value moves.
@@ -1266,7 +1266,7 @@ var Lowerer = class {
     if (mods.includes("passive")) opts.push("passive: true");
     return opts.length ? `{ ${opts.join(", ")} }` : null;
   }
-  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e…value)}`. */
+  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e...value)}`. */
   bindProps(prop, h) {
     const sigCode = h.code;
     const checked = prop === "checked";
@@ -1292,7 +1292,7 @@ var Lowerer = class {
       }
     ];
   }
-  /** A plain attribute (incl. lit `?bool`, mixed values), old `mkProp` behavior. */
+  /** A plain attribute (incl. html `?bool`, mixed values), old `mkProp` behavior. */
   plainAttr(a) {
     const v = a.value;
     let name = a.name;
@@ -1417,9 +1417,9 @@ function childReason(node) {
   return "expression-child";
 }
 
-// src/frontend/babel/build-ir-lit.ts
-function buildIRFromLit(node, used = /* @__PURE__ */ new Set(), opts = {}) {
-  const ir = lowerLitTemplate(node, used, opts);
+// src/frontend/babel/build-ir-html.ts
+function buildIRFromHtml(node, used = /* @__PURE__ */ new Set(), opts = {}) {
+  const ir = lowerHtmlTemplate(node, used, opts);
   analyzeStatic(ir);
   return ir;
 }
@@ -1828,12 +1828,12 @@ function transformNestedJSX(node, used, onNested) {
       const { code, imports, templates } = imperativeBackend.emit(nestedIR, {});
       emitInto(path, inlineTemplates(code, templates), imports);
     },
-    // Nested lit templates compose: ${cond ? html`…` : html`…`},
+    // Nested html templates compose: ${cond ? html`...` : html`...`},
     // ${list.map(x => html`<li>${x}</li>`)}. Compile them the same way.
     TaggedTemplateExpression(path) {
       const tag = path.node.tag;
       if (!t.isIdentifier(tag) || tag.name !== "html" && tag.name !== "svg") return;
-      const ir = buildIRFromLit(path.node, used, { svg: tag.name === "svg", onNested });
+      const ir = buildIRFromHtml(path.node, used, { svg: tag.name === "svg", onNested });
       onNested?.(ir);
       const { code, imports, templates } = imperativeBackend.emit(ir, {});
       emitInto(path, inlineTemplates(code, templates), imports);
@@ -1880,7 +1880,7 @@ function bindHole(expr, used, onNested) {
   if (t2.isObjectExpression(expr)) hole.object = true;
   return hole;
 }
-function lowerLitTemplate(node, used, opts = {}) {
+function lowerHtmlTemplate(node, used, opts = {}) {
   const quasi = node.quasi;
   const holes = quasi.expressions.map((e) => bindHole(e, used, opts.onNested));
   return lowerTemplate(buildPieces(quasi), holes, used, opts);
@@ -1898,5 +1898,5 @@ function buildPieces(quasi) {
   return pieces;
 }
 export {
-  lowerLitTemplate
+  lowerHtmlTemplate
 };