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

package/dist/integrations.mjs

@@ -1,17 +1,17 @@
-/*! @fluixi/compiler v1.0.0-alpha.100 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+/*! @fluixi/compiler v1.0.0-alpha.101 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 import {
   styleIds
-} from "./chunk-NU3W67UZ.mjs";
+} from "./chunk-S3LT32LA.mjs";
 import {
   INTRINSICS,
   TAG_INTRINSICS,
   builtinComponentMap,
   createComponentResolver
-} from "./chunk-GX5XV6Z7.mjs";
-import "./chunk-3AICWNF7.mjs";
+} from "./chunk-K4Q6GHV6.mjs";
+import "./chunk-B6GUZXJP.mjs";
 import {
   __require
-} from "./chunk-SKAVY75W.mjs";
+} from "./chunk-46MIOLUB.mjs";
 
 // src/resolve/write-globals.ts
 import { mkdirSync, readdirSync, readFileSync, writeFileSync } from "node:fs";
@@ -432,7 +432,7 @@ import { dirname as dirname3, join as _join, resolve as resolvePath2 } from "nod
 async function createBabelPlugin(options = {}) {
   let pluginModule = null;
   try {
-    pluginModule = await import("./babel-I6BUWUCU.mjs");
+    pluginModule = await import("./babel-4WLP2IRR.mjs");
   } catch (e) {
     console.warn("Could not load the babel front-end:", e);
   }
@@ -451,7 +451,7 @@ async function createBabelPlugin(options = {}) {
         ...options.resolve ? { resolve: options.resolve } : {},
         ...options.templateClone !== void 0 ? { templateClone: options.templateClone } : {},
         ...options.partialTemplates !== void 0 ? { partialTemplates: options.partialTemplates } : {},
-        ...options.litTag ? { litTag: options.litTag } : {},
+        ...options.htmlTag ? { htmlTag: options.htmlTag } : {},
         ...options.signalModule ? { signalModule: options.signalModule } : {},
         ...options.controlFlowModule ? { controlFlowModule: options.controlFlowModule } : {},
         ...options.routerModule ? { routerModule: options.routerModule } : {},
@@ -521,7 +521,7 @@ function createVitePlugin(options = {}) {
       const entry = config?.command === "build" && config.build?.lib ? config.build.lib.entry : void 0;
       const first = typeof entry === "string" ? entry : Array.isArray(entry) ? entry[0] : entry && typeof entry === "object" ? Object.values(entry)[0] : void 0;
       if (typeof first === "string") componentStyles.setLibrary(dirname3(resolvePath2(config.root ?? process.cwd(), first)));
-      if (componentStyles.active) ({ transformTemplates } = await import("./transform-3W45L3EA.mjs"));
+      if (componentStyles.active) ({ transformTemplates } = await import("./transform-27QH3X24.mjs"));
     },
     generateBundle() {
       for (const [fileName, source] of componentStyles.libraryFiles()) this.emitFile({ type: "asset", fileName, source });
@@ -625,7 +625,7 @@ function marks(options, id) {
 function transformOptions(options, id) {
   return {
     resolve: options.resolve,
-    litTag: options.litTag,
+    htmlTag: options.htmlTag,
     sourceLocations: marks(options, id),
     sourceRoot: options.sourceRoot,
     templateClone: options.templateClone,
@@ -639,7 +639,7 @@ function transformOptions(options, id) {
 }
 async function rewriteProps(code, id, options) {
   if (options.propsDestructure === false) return code;
-  const { transformProps } = await import("./transform-3W45L3EA.mjs");
+  const { transformProps } = await import("./transform-27QH3X24.mjs");
   const result = transformProps(code, id);
   reportDiagnostics({ propsDiagnostics: result.diagnostics }, id);
   return result.rewritten > 0 ? result.code : code;
@@ -663,7 +663,7 @@ function reportDiagnostics(result, id) {
 }
 async function compileModule(code, id, options) {
   if (!options.babel) {
-    const { transformTemplates } = await import("./transform-3W45L3EA.mjs");
+    const { transformTemplates } = await import("./transform-27QH3X24.mjs");
     const result2 = transformTemplates(code, id, transformOptions(options, id));
     reportDiagnostics(result2, id);
     return result2;
@@ -782,10 +782,10 @@ export { isServerFnRequest, handleServerFn } from '@fluixi/start/server-fn';
       if (!code.includes("use server")) return null;
       const args = { ssr: !!opts?.ssr, filename: id, root };
       if (options.babel) {
-        const { transformServerFunctions } = await import("./server-functions-UAZKOLZW.mjs");
+        const { transformServerFunctions } = await import("./server-functions-MP4I3DAX.mjs");
         return transformServerFunctions(code, args);
       }
-      const { transformServerFns } = await import("./server-fns-VZLHMQTC.mjs");
+      const { transformServerFns } = await import("./server-fns-THMTJXV7.mjs");
       return transformServerFns(code, args);
     }
   };

package/dist/ir/nodes.d.cts

@@ -124,7 +124,7 @@ export interface IRComponent {
         column: number;
     };
     /**
-     * Where the `${…}` that drives this subtree was written, the condition of an `if=`,
+     * Where the `${...}` that drives this subtree was written, the condition of an `if=`,
      * the list of an `each=`. The insert that adds and removes the subtree is a reactive
      * binding, and this is the position it reports. Distinct from `at`, which marks the
      * node itself rather than the binding that places it.

package/dist/ir/nodes.d.ts

@@ -124,7 +124,7 @@ export interface IRComponent {
         column: number;
     };
     /**
-     * Where the `${…}` that drives this subtree was written, the condition of an `if=`,
+     * Where the `${...}` that drives this subtree was written, the condition of an `if=`,
      * the list of an `each=`. The insert that adds and removes the subtree is a reactive
      * binding, and this is the position it reports. Distinct from `at`, which marks the
      * node itself rather than the binding that places it.

package/dist/lower/compile-template.cjs

@@ -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.101 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 "use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1222,7 +1222,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];
@@ -1351,8 +1351,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 = [
@@ -1367,8 +1367,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) {
@@ -1405,7 +1405,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.
@@ -1546,7 +1546,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";
@@ -1572,7 +1572,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;

package/dist/lower/compile-template.d.cts

@@ -6,7 +6,7 @@
  *
  * Finding templates in a module and describing each hole still needs a front-end;
  * everything after that point is here. Passes run in the same order as
- * `emitLitViaIR`: compile-template.spec.ts compares the two.
+ * `emitHtmlViaIR`: compile-template.spec.ts compares the two.
  */
 import { type TemplateStyles } from '../transform/styles.cjs';
 import { type ComponentResolverRule } from '../resolve/component-resolver.cjs';
@@ -21,7 +21,7 @@ export interface TemplateSource {
      * before the first `${`, between each pair, and after the last `}`.
      */
     statics: readonly string[];
-    /** One descriptor per `${…}`, in source order. */
+    /** One descriptor per `${...}`, in source order. */
     holes: readonly TemplateHole[];
 }
 export interface CompileTemplateOptions {

package/dist/lower/compile-template.d.ts

@@ -6,7 +6,7 @@
  *
  * Finding templates in a module and describing each hole still needs a front-end;
  * everything after that point is here. Passes run in the same order as
- * `emitLitViaIR`: compile-template.spec.ts compares the two.
+ * `emitHtmlViaIR`: compile-template.spec.ts compares the two.
  */
 import { type TemplateStyles } from '../transform/styles.js';
 import { type ComponentResolverRule } from '../resolve/component-resolver.js';
@@ -21,7 +21,7 @@ export interface TemplateSource {
      * before the first `${`, between each pair, and after the last `}`.
      */
     statics: readonly string[];
-    /** One descriptor per `${…}`, in source order. */
+    /** One descriptor per `${...}`, in source order. */
     holes: readonly TemplateHole[];
 }
 export interface CompileTemplateOptions {

package/dist/lower/compile-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compile-template.d.ts","sourceRoot":"","sources":["../../src/lower/compile-template.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAKlF,OAAO,EAA2B,KAAK,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACvG,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AACjE,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,kDAAkD;IAClD,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC,4EAA4E;IAC5E,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,yFAAyF;IACzF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,OAAO,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC3C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAClE,uFAAuF;IACvF,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,sFAAsF;IACtF,EAAE,EAAE,MAAM,CAAC;IACX;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B;AAqBD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,OAAO,GAAE,sBAA2B,GACnC,qBAAqB,CASvB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,KAAK,EAAE,EACf,KAAK,EAAE,SAAS,YAAY,EAAE,EAC9B,OAAO,GAAE,sBAA2B,GACnC,qBAAqB,CA+BvB"}
+{"version":3,"file":"compile-template.d.ts","sourceRoot":"","sources":["../../src/lower/compile-template.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAKlF,OAAO,EAA2B,KAAK,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACvG,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AACjE,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,oDAAoD;IACpD,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC,4EAA4E;IAC5E,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,yFAAyF;IACzF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,OAAO,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC3C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAClE,uFAAuF;IACvF,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,sFAAsF;IACtF,EAAE,EAAE,MAAM,CAAC;IACX;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B;AAqBD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,OAAO,GAAE,sBAA2B,GACnC,qBAAqB,CASvB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,KAAK,EAAE,EACf,KAAK,EAAE,SAAS,YAAY,EAAE,EAC9B,OAAO,GAAE,sBAA2B,GACnC,qBAAqB,CA+BvB"}

package/dist/lower/compile-template.js

@@ -6,7 +6,7 @@
  *
  * Finding templates in a module and describing each hole still needs a front-end;
  * everything after that point is here. Passes run in the same order as
- * `emitLitViaIR`: compile-template.spec.ts compares the two.
+ * `emitHtmlViaIR`: compile-template.spec.ts compares the two.
  */
 import { applyTemplateStyles } from '../transform/styles.js';
 import { analyzeStatic } from '../optimize/analyze-static.js';

package/dist/lower/compile-template.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.101 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 
 // ../../node_modules/.pnpm/@jridgewell+sourcemap-codec@1.6.0/node_modules/@jridgewell/sourcemap-codec/dist/sourcemap-codec.mjs
 var comma = ",".charCodeAt(0);
@@ -1210,7 +1210,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];
@@ -1339,8 +1339,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 = [
@@ -1355,8 +1355,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) {
@@ -1393,7 +1393,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.
@@ -1534,7 +1534,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";
@@ -1560,7 +1560,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;

package/dist/lower/jsx.js

@@ -183,7 +183,7 @@ function buildProps(attrs, ctx, element = false) {
             (ns === 'class' ? classEntries : styleEntries).push(`${key}: ${value}`);
             continue;
         }
-        // style={{ … }}: one entry per property, so `--gap` moving does not rewrite `margin`.
+        // style={{ ... }}: one entry per property, so `--gap` moving does not rewrite `margin`.
         if (element && a.name.type === 'JSXIdentifier' && a.name.name === 'style' && a.value?.type === 'JSXExpressionContainer') {
             const entries = objectEntries(a.value.expression, ctx);
             if (entries) {
@@ -321,7 +321,7 @@ function buildIf(node, fallback, ctx) {
     return { kind: 'component', name: 'Show', props, children: [buildElement(node, ctx, ['if'])] };
 }
 /**
- * `<el each={items} key?>{(item) => …}</el>` → `<el><For each by>{…}</For></el>`: the
+ * `<el each={items} key?>{(item) => ...}</el>` → `<el><For each by>{...}</For></el>`: the
  * content repeats, the element does not. Null when there is no `each`.
  */
 function buildEach(node, ctx) {

package/dist/lower/template.cjs

@@ -957,7 +957,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];
@@ -1086,8 +1086,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 = [
@@ -1102,8 +1102,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) {
@@ -1140,7 +1140,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.
@@ -1281,7 +1281,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";
@@ -1307,7 +1307,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;

package/dist/lower/template.d.cts

@@ -1,7 +1,7 @@
 /**
  * Lower a parsed Template AST (`@fluixi/template-parser`) into the host-agnostic IR.
  *
- * No parser in here: the `${…}` holes arrive already described as `TemplateHole`,
+ * No parser in here: the `${...}` holes arrive already described as `TemplateHole`,
  * since reading them means reading JavaScript and that belongs to a front-end.
  *
  * Pipeline:  pieces → parseTemplate → Template AST → lowerTemplate → IRNode
@@ -9,7 +9,7 @@
 import { type Piece } from '@fluixi/template-parser';
 import type { HolePosition, IRNode } from '../ir/nodes.cjs';
 /**
- * One `${…}` slot, as the front-end describes it. Conclusions about the
+ * One `${...}` slot, as the front-end describes it. Conclusions about the
  * expression only: never a syntax tree, or the parser dependency creeps back.
  */
 export interface TemplateHole {
@@ -18,7 +18,7 @@ export interface TemplateHole {
     /** Whether it must be wired reactively (see analyze/reactive-expr.ts). */
     reactive: boolean;
     /**
-     * Set when the hole is a single-expression arrow, `${item => …}`. `each` turns
+     * Set when the hole is a single-expression arrow, `${item => ...}`. `each` turns
      * that into `For`'s render function, so it needs the parameters and the body
      * separately rather than the arrow as written.
      */
@@ -27,10 +27,10 @@ export interface TemplateHole {
         body: string;
         bodyReactive: boolean;
     };
-    /** Whether the hole is an object literal: `class=${{…}}` lowers to classList. */
+    /** Whether the hole is an object literal: `class=${{...}}` lowers to classList. */
     object?: boolean;
     /**
-     * Where the `${…}` was written. Only kept when the host asked for source locations.
+     * Where the `${...}` was written. Only kept when the host asked for source locations.
      *
      * A template is emitted as one overwrite, so every hole in it traces back through the
      * source map to the line the template opens at. Without this, every node a template makes
@@ -40,7 +40,7 @@ export interface TemplateHole {
 }
 /**
  * Lower a parsed template to IR. `pieces` are the static runs and hole slots as
- * the parser wants them; `holes` describes each `${…}` in the same order. `used`
+ * the parser wants them; `holes` describes each `${...}` in the same order. `used`
  * collects the runtime symbols the emitted code imports.
  */
 export declare function lowerTemplate(pieces: Piece[], holes: TemplateHole[], used: Set<string>, opts?: {

package/dist/lower/template.d.ts

@@ -1,7 +1,7 @@
 /**
  * Lower a parsed Template AST (`@fluixi/template-parser`) into the host-agnostic IR.
  *
- * No parser in here: the `${…}` holes arrive already described as `TemplateHole`,
+ * No parser in here: the `${...}` holes arrive already described as `TemplateHole`,
  * since reading them means reading JavaScript and that belongs to a front-end.
  *
  * Pipeline:  pieces → parseTemplate → Template AST → lowerTemplate → IRNode
@@ -9,7 +9,7 @@
 import { type Piece } from '@fluixi/template-parser';
 import type { HolePosition, IRNode } from '../ir/nodes.js';
 /**
- * One `${…}` slot, as the front-end describes it. Conclusions about the
+ * One `${...}` slot, as the front-end describes it. Conclusions about the
  * expression only: never a syntax tree, or the parser dependency creeps back.
  */
 export interface TemplateHole {
@@ -18,7 +18,7 @@ export interface TemplateHole {
     /** Whether it must be wired reactively (see analyze/reactive-expr.ts). */
     reactive: boolean;
     /**
-     * Set when the hole is a single-expression arrow, `${item => …}`. `each` turns
+     * Set when the hole is a single-expression arrow, `${item => ...}`. `each` turns
      * that into `For`'s render function, so it needs the parameters and the body
      * separately rather than the arrow as written.
      */
@@ -27,10 +27,10 @@ export interface TemplateHole {
         body: string;
         bodyReactive: boolean;
     };
-    /** Whether the hole is an object literal: `class=${{…}}` lowers to classList. */
+    /** Whether the hole is an object literal: `class=${{...}}` lowers to classList. */
     object?: boolean;
     /**
-     * Where the `${…}` was written. Only kept when the host asked for source locations.
+     * Where the `${...}` was written. Only kept when the host asked for source locations.
      *
      * A template is emitted as one overwrite, so every hole in it traces back through the
      * source map to the line the template opens at. Without this, every node a template makes
@@ -40,7 +40,7 @@ export interface TemplateHole {
 }
 /**
  * Lower a parsed template to IR. `pieces` are the static runs and hole slots as
- * the parser wants them; `holes` describes each `${…}` in the same order. `used`
+ * the parser wants them; `holes` describes each `${...}` in the same order. `used`
  * collects the runtime symbols the emitted code imports.
  */
 export declare function lowerTemplate(pieces: Piece[], holes: TemplateHole[], used: Set<string>, opts?: {

package/dist/lower/template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../src/lower/template.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAML,KAAK,KAAK,EAGX,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAsB,MAAM,gBAAgB,CAAC;AAQ/E;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,sFAAsF;IACtF,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,OAAO,CAAA;KAAE,CAAC;IAClE,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC;CACnB;AAohBD;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,KAAK,EAAE,EACf,KAAK,EAAE,YAAY,EAAE,EACrB,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,IAAI,GAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CAAO,GACnH,MAAM,CAGR"}
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../src/lower/template.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAML,KAAK,KAAK,EAGX,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAsB,MAAM,gBAAgB,CAAC;AAQ/E;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,sFAAsF;IACtF,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,OAAO,CAAA;KAAE,CAAC;IAClE,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC;CACnB;AAohBD;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,KAAK,EAAE,EACf,KAAK,EAAE,YAAY,EAAE,EACrB,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,IAAI,GAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CAAO,GACnH,MAAM,CAGR"}

package/dist/lower/template.js

@@ -1,7 +1,7 @@
 /**
  * Lower a parsed Template AST (`@fluixi/template-parser`) into the host-agnostic IR.
  *
- * No parser in here: the `${…}` holes arrive already described as `TemplateHole`,
+ * No parser in here: the `${...}` holes arrive already described as `TemplateHole`,
  * since reading them means reading JavaScript and that belongs to a front-end.
  *
  * Pipeline:  pieces → parseTemplate → Template AST → lowerTemplate → IRNode
@@ -64,7 +64,7 @@ class Lowerer {
         // `createTemplate` caches by HTML, so this is a lookup rather than a re-parse.
         return inlineTemplates(code, templates);
     }
-    // --- content ------------------------------------------------------------
+    // content
     lowerRoot(children) {
         const nodes = this.lowerChildren(children);
         if (nodes.length === 1)
@@ -128,7 +128,7 @@ class Lowerer {
         }
     }
     lowerElement(el) {
-        // `<component is=${C} …>…</component>` → `<Dynamic component=${C} …>` (a
+        // `<component is=${C} ...>...</component>` → `<Dynamic component=${C} ...>` (a
         // reactive component swap). Dynamic reads `component` via normalizeAccessor,
         // so it must be an ACCESSOR `() => C` (a bare function would be mis-called).
         const isAttr = el.attributes.find((a) => a.kind === 'Attribute' && a.name === 'is');
@@ -157,7 +157,7 @@ class Lowerer {
     }
     lowerComponent(el) {
         // `<${Comp} />`: the tag is an interpolated expression, use the hole's code
-        // as the component identity, so `createComponent(<expr>, …)` is emitted.
+        // as the component identity, so `createComponent(<expr>, ...)` is emitted.
         const name = el.tagHole != null ? this.hole(el.tagHole).code : el.tag;
         const props = this.lowerAttributes(el.attributes);
         // Named slots: a child with `slot="header"` becomes `props.header` (a lazy
@@ -190,7 +190,7 @@ class Lowerer {
             : undefined;
         // The parser's positions are relative to the template string, not the file, so the
         // tag itself has none to give. The first hole is the closest thing that does, and for
-        // the control-flow components: `<Show when=${…}>`, `<For each=${…}>`, it is the
+        // the control-flow components: `<Show when=${...}>`, `<For each=${...}>`, it is the
         // expression driving the subtree anyway.
         // A reactive one: a literal carries a position too now, and it drives nothing.
         const bindAt = props.find((p) => p.at && p.reactive)?.at;
@@ -225,8 +225,8 @@ class Lowerer {
         }
         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 = [
@@ -241,8 +241,8 @@ class Lowerer {
         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) {
@@ -288,7 +288,7 @@ class Lowerer {
         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.
@@ -387,7 +387,7 @@ class Lowerer {
         // Each entry that moves is its own accessor, so the runtime updates that key alone.
         if (styleEntries.length > 0) {
             const entries = `{ ${styleEntries.join(', ')} }`;
-            // `style=${…}` as well: it goes first, the keys after it, applied in order.
+            // `style=${...}` as well: it goes first, the keys after it, applied in order.
             const base = props.findIndex((p) => p.name === 'style');
             if (base === -1)
                 props.push({ name: 'style', kind: 'attr', expr: entries, reactive: !element && anyReactive, ...(styleAt ? { at: styleAt } : {}) });
@@ -449,7 +449,7 @@ class Lowerer {
             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';
@@ -479,7 +479,7 @@ class Lowerer {
             },
         ];
     }
-    /** 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;
         // `class=${{...}}` (object literal) -> classList (Solid convention), so it
@@ -533,7 +533,7 @@ class Lowerer {
 }
 /**
  * Lower a parsed template to IR. `pieces` are the static runs and hole slots as
- * the parser wants them; `holes` describes each `${…}` in the same order. `used`
+ * the parser wants them; `holes` describes each `${...}` in the same order. `used`
  * collects the runtime symbols the emitted code imports.
  */
 export function lowerTemplate(pieces, holes, used, opts = {}) {

package/dist/lower/template.mjs

@@ -935,7 +935,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];
@@ -1064,8 +1064,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 = [
@@ -1080,8 +1080,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) {
@@ -1118,7 +1118,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.
@@ -1259,7 +1259,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";
@@ -1285,7 +1285,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;