@fluixi/compiler 1.0.0-alpha.82 → 1.0.0-alpha.84

package/dist/transform/index.cjs

@@ -1,8 +1,2732 @@
-"use strict";var xt=Object.create;var G=Object.defineProperty;var Rt=Object.getOwnPropertyDescriptor;var kt=Object.getOwnPropertyNames;var bt=Object.getPrototypeOf,St=Object.prototype.hasOwnProperty;var Et=(e,t)=>{for(var n in t)G(e,n,{get:t[n],enumerable:!0})},Ce=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of kt(t))!St.call(e,o)&&o!==n&&G(e,o,{get:()=>t[o],enumerable:!(r=Rt(t,o))||r.enumerable});return e};var $e=(e,t,n)=>(n=e!=null?xt(bt(e)):{},Ce(t||!e||!e.__esModule?G(n,"default",{value:e,enumerable:!0}):n,e)),It=e=>Ce(G({},"__esModule",{value:!0}),e);var Mn={};Et(Mn,{explainBail:()=>le,moduleBindings:()=>L,planPropsDestructure:()=>ae,shapeOf:()=>w,transformProps:()=>st,transformTemplates:()=>Nt});module.exports=It(Mn);var mt=require("@babel/parser"),gt=$e(require("magic-string"),1);function wt(e){switch(e.kind){case"event":return"event";case"ref":return"ref";case"spread":return"spread";case"class":case"style":return"class-or-style-directive";case"attr":case"prop":return e.reactive?"reactive-prop":e.expr!==void 0?"expression-prop":void 0;default:return"expression-prop"}}function M(e){let t=[],n=new Map,r=o=>{switch(o.kind){case"text":return!0;case"expr":return!1;case"component":case"control":for(let s of o.children)r(s);return!1;case"fragment":for(let s of o.children)r(s);return!1;case"element":{let s=!0;for(let i of o.children)r(i)||(s=!1);let a;for(let i of o.props)if(a=wt(i),a)break;return!a&&!s&&(a=Ct(o)),o.static=!a,a?n.set(o,a):t.push(o),o.static}default:return!1}};for(let o of Array.isArray(e)?e:[e])r(o);return{staticElements:t,reasons:n}}function Ct(e){for(let t of e.children){if(t.kind==="expr")return"expression-child";if(t.kind==="component")return"component-child";if(t.kind==="control")return"control-child";if(t.kind==="element"&&!t.static||t.kind==="fragment")return"expression-child"}return"expression-child"}var Z={kind:"eager"},$t=["pointerdown","focusin","keydown"],Te=new Set(["eager","idle","visible","interaction","media","never"]),I=class extends Error{};function de(e){return e.startsWith("load:")}function Y(e,t){let n=e.slice(5);if(!Te.has(n))throw new I(`Unknown load strategy 'load:${n}'. Expected one of ${[...Te].join(", ")}.`);switch(n){case"eager":return Z;case"idle":return{kind:"idle"};case"never":return{kind:"never"};case"visible":return t?{kind:"visible",rootMargin:t}:{kind:"visible"};case"interaction":return{kind:"interaction",events:t?Tt(t):[...$t]};case"media":if(!t)throw new I(`'load:media' needs a query, e.g. load:media="(min-width: 1024px)".`);return{kind:"media",query:t};default:throw new I(`Unhandled load strategy '${n}'.`)}}function Tt(e){let t=e.split(/[\s,]+/).map(n=>n.trim()).filter(Boolean);if(t.length===0)throw new I("'load:interaction' was given no event names.");return t}function j(e){return e.kind!=="eager"&&e.kind!=="never"}var J=["Show","For","Index","Switch","Match","Portal","Dynamic","ErrorBoundary"],B=["Suspense","SuspenseList","Await"],O=["Router","Outlet","Redirect","Link"],Ln=[...J,...B,...O],ue=new Set([...J,...B]);function Pe(e={}){let{controlFlowModule:t="@fluixi/dom",coreModule:n="@fluixi/core",routerModule:r="@fluixi/core/router"}=e,o={};for(let s of J)o[s]=t;for(let s of B)o[s]=n;for(let s of O)o[s]=r;return o}function Q(e,t={}){let{resolver:n,isBound:r,modules:o,strategyFor:s}=t,a=Pe(o),i=new Map,l=new Set,c=f=>{let{name:d}=f;if(!d||d.includes(".")||r?.(d))return;let g=p(d);if(!g){l.add(d);return}let m=g.origin==="builtin"&&ue.has(d)?Z:s?.(f)??Z;f.source={...g,loading:m},i.set(d,f.source)},p=f=>{if(ue.has(f))return{module:a[f],export:f,origin:"builtin"};let d=n?.resolve(f);if(d)return{module:d.module,export:d.export,origin:"rule"};if(O.includes(f))return{module:a[f],export:f,origin:"builtin"}};return ee(e,f=>{f.kind==="component"&&c(f)}),{resolved:i,unresolved:[...l]}}function ee(e,t){let n=Array.isArray(e)?e:[e];for(let r of n){t(r);let o=r.children;o&&ee(o,t)}}function te(e){let t=[];ee(e,s=>{s.kind==="component"&&s.source&&t.push(s)});let n=new Set,r=new Set;for(let s of t){let{module:a,loading:i}=s.source;i.kind==="eager"&&n.add(a),i.kind==="never"&&r.add(a)}let o=new Map;for(let s of t){let a=s.source;j(a.loading)&&n.has(a.module)&&(a.loading={kind:"eager"},o.set(a.module,(o.get(a.module)??0)+1))}return{collapsed:o,conflicted:[...r].filter(s=>n.has(s))}}var Pt=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),Me={className:"class",htmlFor:"for"},Mt=new Set(["innerHTML","outerHTML","innerText","textContent","value","checked","selected","muted","defaultValue","defaultChecked","children","ref"]),Ot=new Set(["script","style","textarea","title"]);function fe(e){return Ot.has(e)}function Oe(e){return Me[e]??e}function _(e){return e.kind!=="attr"||e.expr!==void 0||e.name.includes(":")?!1:!Mt.has(e.name)}function me(e){if(!e.static||fe(e.tag))return!1;for(let t of e.props)if(!_(t))return!1;for(let t of e.children)if(t.kind!=="text"&&!(t.kind==="element"&&me(t)))return!1;return!0}function F(e){let t=e.props.map(At).filter(Boolean).join(""),n=`<${e.tag}${t}>`;return Pt.has(e.tag)?n:`${n}${e.children.map(Dt).join("")}</${e.tag}>`}function Dt(e){if(e.kind==="text")return jt(e.value);if(e.kind!=="element")throw new Error(`serializeStatic: unexpected ${e.kind}`);return F(e)}function At(e){let t=Me[e.name]??e.name,n=e.literal;return n===!0||n===void 0?` ${t}`:n===!1||n===null?"":` ${t}="${Lt(String(n))}"`}function Lt(e){return e.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function jt(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}var Jt="<!--fx-->",Bt="<!--fx/-->";function re(e){return e.kind==="expr"||e.kind==="component"||e.kind==="control"}function _t(e){return e.kind==="text"||e.kind==="element"&&De(e)}function De(e){return e.svg||fe(e.tag)||!e.props.every(t=>_(t))?!1:e.children.every(t=>_t(t)||re(t))}function ne(e){if(re(e))return!0;let t=e.children;return t?t.some(ne):!1}function Ae(e){for(let t=0;t<e.children.length;t++){let n=e.children[t];if(n.kind==="text"&&(n.value===""||e.children[t+1]?.kind==="text"))return!1}return e.children.every(t=>t.kind!=="element"||Ae(t))}function Le(e){if(!De(e)||!Ae(e)||!e.children.some(ne))return null;let t=[],n=[],r=0,o=a=>{let i=`_n$${r++}`;return t.push({ref:i,expr:a}),i};return s(e,"_el$"),{html:Ft(e),tag:e.tag,steps:t,holes:n};function s(a,i){let l=-1;a.children.forEach((p,f)=>{ne(p)&&(l=f)});let c=null;for(let p=0;p<=l;p++){let f=a.children[p],d=c?`${c}.nextSibling`:`${i}.firstChild`;if(re(f)){let m=o(d),h=o(`holeEnd(${m})`);n.push({parentRef:i,startRef:m,endRef:h,node:f}),c=h;continue}let g=o(d);f.kind==="element"&&ne(f)&&s(f,g),c=g}}}function Ft(e){return F(je(e)).split(Je).join(Jt+Bt)}function je(e){return{...e,children:e.children.map(t=>re(t)?{kind:"text",value:Je}:t.kind==="element"?je(t):t)}}var Je="\0fx-hole\0";var ge={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},Wn={version:2,module:"@fluixi/dom",symbols:[...ge.symbols,"template","cloneTemplate","walk"]};var Ht={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function Vt(e){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(e)}function _e(e){return Vt(e)?e:JSON.stringify(e)}function Xt(e){return e.expr!==void 0?e.reactive?`() => (${e.expr})`:`(${e.expr})`:JSON.stringify(e.literal??!0)}function zt(e){return e.expr!==void 0?`(${e.expr})`:JSON.stringify(e.literal??!0)}function Ut(e,t,n){let r=e.filter(i=>i.kind==="spread"),s=e.filter(i=>i.kind!=="spread").map(i=>`${_e(i.name)}: ${Xt(i)}`);t!=null&&s.push(`children: ${t}`);let a=`{ ${s.join(", ")} }`;return r.length>0?(n.add("mergeProps"),`mergeProps(${r.map(i=>i.expr).join(", ")}, ${a})`):a}function Fe(e,t,n){return e.length===1?H(e[0],t,n):`[${e.map(r=>H(r,t,n)).join(", ")}]`}function Be(e,t,n,r,o){r.add("createMemo"),r.add("createComponent");let s=t.filter(c=>c.kind==="spread"),i=t.filter(c=>c.kind!=="spread").map(c=>`get ${_e(c.name)}() { return ${zt(c)}; }`);n.length>0&&i.push(`get children() { return ${Fe(n,r,o)}; }`);let l=`{ ${i.join(", ")} }`;return s.length>0&&(r.add("mergeProps"),l=`mergeProps(${s.map(c=>c.expr).join(", ")}, ${l})`),`createMemo(() => createComponent(${e}, ${l}))`}function Wt(e,t){let n=Oe(t.name),r=t.literal;return r===!0||r===void 0?`${e}.setAttribute(${JSON.stringify(n)}, "");`:r===!1||r===null?"":`${e}.setAttribute(${JSON.stringify(n)}, ${JSON.stringify(String(r))});`}var He=!1;function H(e,t,n){switch(e.kind){case"text":return JSON.stringify(e.value);case"expr":return e.reactive?`() => (${e.code})`:`(${e.code})`;case"fragment":return e.children.length===0?"null":Fe(e.children,t,n);case"component":return Be(e.name,e.props,e.children,t,n);case"control":{let r=Ht[e.control]??e.control;return t.add(r),Be(r,e.props,e.children,t,n)}case"element":{if(n&&e.static&&!e.svg&&me(e)){t.add("templateNode");let i=`_tmpl$${n.length}`;return n.push({id:i,html:F(e),tag:e.tag,svg:!1}),`templateNode(${i}, ${JSON.stringify(e.tag)})`}if(n&&He){let i=Le(e);if(i){t.add("templateNode"),t.add("insert"),t.add("holeEnd"),t.add("holeContent"),t.add("holeScope");let l=`_tmpl$${n.length}`;n.push({id:l,html:i.html,tag:i.tag,svg:!1});let c=[`const _el$ = templateNode(${l}, ${JSON.stringify(i.tag)}, true);`];for(let p of i.steps)c.push(`const ${p.ref} = ${p.expr};`);for(let p of i.holes)c.push(`insert(${p.parentRef}, holeScope(${p.startRef}, () => (${H(p.node,t,n)})), ${p.endRef}, holeContent(${p.startRef}, ${p.endRef}));`);return c.push("return _el$;"),`(() => { ${c.join(" ")} })()`}}t.add("createNativeElement");let r=JSON.stringify(e.tag),o="_el$",s=[],a=e.svg?`${r}, true`:r;if(s.push(`const ${o} = createNativeElement(${a});`),e.props.length>0)if(!e.svg&&e.props.every(_))for(let i of e.props)s.push(Wt(o,i));else{t.add("spread");let i=e.svg?", isSVG: true":"";s.push(`spread({ element: ${o}, props: ${Ut(e.props,null,t)}${i} });`)}for(let i of e.children){t.add("insert");let l=H(i,t,n),c=i.kind==="expr"&&i.reactive||i.kind==="component"||i.kind==="control";s.push(c?`insert(${o}, ${l}, null);`:`insert(${o}, ${l});`)}return s.push(`return ${o};`),`(() => { ${s.join(" ")} })()`}}}function oe(e,t){if(!t||t.length===0)return e;let n=new Map(t.map(r=>[r.id,JSON.stringify(r.html)]));return e.replace(/_tmpl\$\d+/g,r=>n.get(r)??r)}var D={name:"imperative",contract:ge,emit(e,t){let n=new Set,r=t?.templateClone!==!1?[]:void 0;return He=t?.partialTemplates===!0,{code:H(e,n,r),imports:Array.from(n),templates:r}}};var qt=e=>"components"in e;function Ve(e,t){return e.replace(/\$(\d+)/g,(n,r)=>t[Number(r)]??n)}function Kt(e,t){return typeof t=="string"?{module:t,export:e}:t}function se(e=[]){let t=new Map,n=[],r=[];for(let a of e){if(!qt(a)){r.push(a);continue}for(let[i,l]of Object.entries(a.components)){let c=Kt(i,l),p=t.get(i);if(p&&p.module!==c.module){let f=n.find(d=>d.name===i);f?f.modules.push(c.module):n.push({name:i,modules:[p.module,c.module]});continue}t.set(i,c)}}let o=new Map;return{resolve:a=>{if(o.has(a))return o.get(a);let i=t.get(a);if(!i)for(let l of r){let c=a.match(new RegExp(l.match.source,l.match.flags.replace("g","")));if(c){i={module:Ve(l.module,c),export:l.export?Ve(l.export,c):a};break}}return o.set(a,i),i},names:()=>[...t.keys()],conflicts:()=>n}}var Ue=require("@fluixi/template-parser");function V(e){let t=e.split(/\r\n|\n|\r/),n=0;for(let o=0;o<t.length;o++)/[^ \t]/.test(t[o])&&(n=o);let r="";for(let o=0;o<t.length;o++){let s=t[o].replace(/\t/g," ");o!==0&&(s=s.replace(/^ +/,"")),o!==t.length-1&&(s=s.replace(/ +$/,"")),s&&(o!==n&&(s+=" "),r+=s)}return r}var Xe=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function Gt(e){return e.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function ze(e){return e.charAt(0).toUpperCase()+e.slice(1)}var he=class{constructor(t,n){this.holes=t;this.used=n}hole(t){return this.holes[t]??{code:"undefined",reactive:!1}}emit(t){let{code:n,imports:r,templates:o}=D.emit(t,{});for(let s of r)this.used.add(s);return oe(n,o)}lowerRoot(t){let n=this.lowerChildren(t);return n.length===1?n[0]:{kind:"fragment",children:n}}lowerChildren(t){let n=[];for(let r=0;r<t.length;r++){let o=t[r];if(o.kind==="Element"||o.kind==="Component"){let a=o.attributes.find(i=>i.kind==="IfDirective");if(a&&a.kind==="IfDirective"){let i=r+1;i<t.length&&this.isBlankText(t[i])&&i++;let l=t[i],c=l&&(l.kind==="Element"||l.kind==="Component")&&l.attributes.some(p=>p.kind==="ElseDirective");n.push(this.lowerIf(o,a.hole,c?l:null)),c&&(r=i);continue}if(o.attributes.some(i=>i.kind==="EachDirective")){n.push(this.lowerEach(o));continue}}let s=this.lowerNode(o);s&&n.push(s)}return n}isBlankText(t){return t.kind==="Text"&&!t.raw&&V(t.value)===""}lowerNode(t){switch(t.kind){case"Text":{if(t.raw)return{kind:"text",value:t.value};let n=V(t.value);return n?{kind:"text",value:n}:null}case"Comment":return null;case"Expression":{let n=this.hole(t.hole);return{kind:"expr",code:n.code,reactive:n.reactive}}case"Fragment":return{kind:"fragment",children:this.lowerChildren(t.children)};case"Element":return this.lowerElement(t);case"Component":return this.lowerComponent(t);default:return null}}lowerElement(t){let n=t.attributes.find(r=>r.kind==="Attribute"&&r.name==="is");if(t.tag==="component"&&n&&n.value&&n.value.kind==="hole"){let r=t.attributes.filter(s=>s!==n),o=this.lowerComponent({...t,kind:"Component",tag:"Dynamic",tagHole:null,attributes:r});return o.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(n.value.hole).code})`}),o}return{kind:"element",tag:t.tag,svg:t.namespace==="svg",props:this.lowerAttributes(t.attributes),children:this.lowerChildren(t.children),static:!1}}lowerComponent(t){let n=t.tagHole!=null?this.hole(t.tagHole).code:t.tag,r=this.lowerAttributes(t.attributes),{slots:o,rest:s}=this.partitionSlots(t.children);for(let[l,c]of o){let p=c.length===1?c[0]:{kind:"fragment",children:c},f={name:l,kind:"attr",expr:this.emit(p),jsxElement:!0},d=r.findIndex(g=>g.name===l);d>=0?r[d]=f:r.push(f)}let a=t.attributes.find(l=>l.kind==="LoadDirective"),i=a?Y(`load:${a.strategy}`,a.modifier):void 0;return{kind:"component",name:n,props:r,children:this.lowerChildren(s),...i?{load:i}:{}}}partitionSlots(t){let n=new Map,r=[];for(let o of t){if(o.kind==="Element"||o.kind==="Component"){let s=o.attributes.find(a=>a.kind==="Attribute"&&a.name==="slot");if(s&&s.value&&s.value.kind==="static"){let a={...o,attributes:o.attributes.filter(c=>c!==s)},i=a.kind==="Element"?this.lowerElement(a):this.lowerComponent(a),l=n.get(s.value.value)??[];l.push(i),n.set(s.value.value,l);continue}}r.push(o)}return{slots:n,rest:r}}lowerIf(t,n,r){let o=this.hole(n),s=[{name:"when",kind:"attr",expr:o.code,reactive:o.reactive}];if(r){let i=this.stripAndLower(r,l=>l.kind==="ElseDirective");s.push({name:"fallback",kind:"attr",expr:this.emit(i),jsxElement:!0})}let a=this.stripAndLower(t,i=>i.kind==="IfDirective");return{kind:"component",name:"Show",props:s,children:[a]}}lowerEach(t){let n=t.attributes.find(l=>l.kind==="EachDirective");if(!n||n.kind!=="EachDirective")return this.lowerNode(t);let r=this.hole(n.hole),o=[{name:"each",kind:"attr",expr:r.code,reactive:r.reactive}];if(n.key){let l="static"in n.key?`(item) => item[${JSON.stringify(n.key.static)}]`:this.hole(n.key.hole).code;o.push({name:"by",kind:"attr",expr:l})}let s=this.itemArrow(t),a;if(s){let l={kind:"expr",code:s.body,reactive:s.bodyReactive},c=this.rebuildWithChildren(t,[l]);a=`(${s.params.join(", ")}) => (${this.emit(c)})`}else{let l=this.stripAndLower(t,c=>c.kind==="EachDirective");a=`() => (${this.emit(l)})`}return{kind:"component",name:"For",props:o,children:[{kind:"expr",code:a,reactive:!1}]}}itemArrow(t){let n=t.children.filter(r=>!this.isBlankText(r));return n.length!==1||n[0].kind!=="Expression"?null:this.hole(n[0].hole).arrow??null}stripAndLower(t,n){let r={...t,attributes:t.attributes.filter(o=>!n(o))};return r.kind==="Element"?this.lowerElement(r):this.lowerComponent(r)}rebuildWithChildren(t,n){let r=this.lowerAttributes(t.attributes.filter(o=>o.kind!=="EachDirective"));return t.kind==="Element"?{kind:"element",tag:t.tag,svg:t.namespace==="svg",props:r,children:n,static:!1}:{kind:"component",name:t.tag,props:r,children:n}}lowerAttributes(t){let n=[],r=[],o=!1,s=[],a=!1,i=[];for(let l of t)switch(l.kind){case"IfDirective":case"EachDirective":case"ElseDirective":break;case"Attribute":n.push(this.plainAttr(l));break;case"PropertyBinding":n.push({name:l.name,kind:"prop",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"EventBinding":n.push(this.eventProp(l));break;case"RefBinding":n.push({name:"ref",kind:"ref",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"Spread":n.push({name:"",kind:"spread",expr:this.hole(l.hole).code});break;case"ClassDirective":{let c=this.hole(l.hole);r.push(`${JSON.stringify(l.name)}: ${c.code}`),o=o||c.reactive;break}case"StyleDirective":{let c=this.hole(l.hole);s.push(`${JSON.stringify(l.name)}: ${c.code}`),a=a||c.reactive;break}case"BindDirective":n.push(...this.bindProps(l.name,this.hole(l.hole).code));break;case"UseDirective":{let c=l.name??(l.hole!=null?this.hole(l.hole).code:null);if(!c)break;i.push(l.name!=null&&l.hole!=null?`[${c}, () => (${this.hole(l.hole).code})]`:`[${c}]`);break}}return r.length>0&&n.push({name:"classList",kind:"attr",expr:`{ ${r.join(", ")} }`,reactive:o}),s.length>0&&n.push({name:"style",kind:"attr",expr:`{ ${s.join(", ")} }`,reactive:a}),i.length>0&&n.push({name:"use",kind:"attr",expr:`[${i.join(", ")}]`}),n}eventProp(t){let n=t.name.toLowerCase(),r=this.hole(t.hole).code;if(!(t.syntax==="colon"||t.modifiers.length>0))return{name:"on"+ze(t.name),kind:"event",event:{name:n,delegated:Xe.has(n)},expr:r};let s=this.wrapHandler(r,t.modifiers),a=this.eventOptions(t.modifiers),i=a?`[${s}, ${a}]`:s;return{name:"on:"+n,kind:"attr",expr:i}}wrapHandler(t,n){let r=n.includes("self")?"if (e.target !== e.currentTarget) return; ":"",o=[];return n.includes("prevent")&&o.push("e.preventDefault();"),n.includes("stop")&&o.push("e.stopPropagation();"),!r&&o.length===0?t:`(e) => { ${r}${o.join(" ")} return (${t})(e); }`}eventOptions(t){let n=[];return t.includes("capture")&&n.push("capture: true"),t.includes("once")&&n.push("once: true"),t.includes("passive")&&n.push("passive: true"),n.length?`{ ${n.join(", ")} }`:null}bindProps(t,n){let r=t==="checked",o=r?"change":"input",s=r?"checked":"value";this.used.add("bindPair");let a=`bindPair(${n})`;return[{name:t,kind:"attr",expr:`${a}[0]()`,reactive:!0},{name:"on"+ze(o),kind:"event",event:{name:o,delegated:Xe.has(o)},expr:`(e) => ${a}[1](e.target.${s})`}]}plainAttr(t){let n=t.value,r=t.name;t.name==="class"?r=n&&n.kind==="hole"&&this.hole(n.hole).object?"classList":"className":t.name==="html"&&(r="innerHTML");let s={name:r,kind:"attr"};if(n==null)return s.literal=!0,s;if(n.kind==="static")return s.literal=n.value,s;if(n.kind==="hole"){let l=this.hole(n.hole);return s.expr=l.code,s.reactive=l.reactive,s}let a=!1,i=n.parts.map(l=>{if("text"in l)return Gt(l.text);let c=this.hole(l.hole);return a=a||c.reactive,"${"+c.code+"}"}).join("");return s.expr="`"+i+"`",s.reactive=a,s}};function We(e,t,n,r={}){let{root:o}=(0,Ue.parseTemplate)(e,{svg:r.svg});return new he(t,n).lowerRoot(o.children)}function qe(e,t,n={}){let r=new Set,o=We(e,[...t],r,{svg:n.svg});M(o),Q(o,{resolver:se(n.resolve??[]),modules:{controlFlowModule:n.controlFlowModule??"@fluixi/dom",coreModule:n.coreModule??"@fluixi/core",routerModule:n.routerModule??"@fluixi/core/router"},strategyFor:l=>l.load}),te(o);let{code:s,imports:a,templates:i}=D.emit(o,{templateClone:n.templateClone,partialTemplates:n.partialTemplates});for(let l of a)r.add(l);return n.hoistTemplates?{code:s,imports:[...r],ir:o,templates:i}:{code:oe(s,i),imports:[...r],ir:o}}var Zt="children";function A(e){switch(e.kind){case"call":return!0;case"member":return e.property!==Zt;case"compound":return e.parts.some(A);case"opaque":return!1}}var Yt=new Set(["CallExpression","OptionalCallExpression"]),Qt=new Set(["MemberExpression","OptionalMemberExpression"]);function w(e){if(!e)return{kind:"opaque"};if(Yt.has(e.type))return{kind:"call"};if(Qt.has(e.type)){let t=e.property;return{kind:"member",property:!(e.computed===!0)&&t?.type==="Identifier"?t.name:null}}return e.type==="ConditionalExpression"?{kind:"compound",parts:[e.test,e.consequent,e.alternate].map(X)}:e.type==="LogicalExpression"||e.type==="BinaryExpression"?{kind:"compound",parts:[e.left,e.right].map(X)}:e.type==="TemplateLiteral"?{kind:"compound",parts:e.expressions.map(X)}:e.type==="ObjectExpression"?{kind:"compound",parts:e.properties.filter(n=>(n.type==="ObjectProperty"||n.type==="Property")&&n.computed!==!0).map(n=>X(n.value))}:e.type==="ArrayExpression"?{kind:"compound",parts:e.elements.filter(n=>n!=null&&n.type!=="SpreadElement").map(X)}:{kind:"opaque"}}var X=e=>w(e);var en=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),tn=/^on[A-Z]/,nn=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]),Ze=e=>A(w(e));function z(e){if(e.type==="StringLiteral"||e.type==="NumericLiteral"||e.type==="BooleanLiteral"||e.type==="Literal"&&(typeof e.value=="string"||typeof e.value=="number"||typeof e.value=="boolean"))return e.value}var ye=e=>!!e&&typeof z(e)=="string";function rn(e,t){return e.type==="JSXIdentifier"?{tag:e.name,component:e.name[0]!==e.name[0].toLowerCase()}:e.type==="JSXMemberExpression"?{tag:t.code(e),component:!0}:e.type==="JSXNamespacedName"?{tag:`${e.namespace.name}:${e.name.name}`,component:!1}:{tag:"div",component:!1}}function Ne(e){return e.type==="JSXIdentifier"?e.name==="class"?"className":e.name:e.type==="JSXNamespacedName"?`${e.namespace.name}:${e.name.name}`:"unknown"}function on(e,t){let n=Ne(e.name),r=tn.test(n),o=r||n.startsWith("on:")||n==="ref",a={name:n,kind:r?"event":"attr"};if(r){let l=n.slice(2).toLowerCase();a.event={name:l,delegated:nn.has(l)}}let i=e.value;if(i==null)return a.literal=!0,a;if(ye(i))return a.literal=z(i),a;if(i.type==="JSXExpressionContainer"&&i.expression?.type!=="JSXEmptyExpression"){let l=i.expression,c=z(l);return c!==void 0?(a.literal=c,a):(a.expr=t.code(l),a.reactive=o?!1:Ze(l),(l.type==="JSXElement"||l.type==="JSXFragment")&&(a.jsxElement=!0),a)}return a.literal=!0,a}function Ke(e,t){let n=e.value;return n==null?null:ye(n)?JSON.stringify(z(n)):n.type==="JSXExpressionContainer"&&n.expression?.type!=="JSXEmptyExpression"?t.code(n.expression):null}function sn(e,t){let n=[],r=[];for(let o of e){if(o.type==="JSXSpreadAttribute"){n.push({name:"",kind:"spread",expr:t.code(o.argument)});continue}if(o.type!=="JSXAttribute"||de(Ne(o.name)))continue;let s=o.name.type==="JSXNamespacedName"?o.name.namespace.name:null;if(s==="use"){let a=o.name.name.name;t.used.add(a);let i=Ke(o,t);r.push(i!=null?`[${a}, () => (${i})]`:`[${a}]`);continue}if(s==="oncapture"){let a=o.name.name.name.toLowerCase(),i=Ke(o,t)??"undefined";n.push({name:"on:"+a,kind:"attr",expr:`[${i}, { capture: true }]`});continue}n.push(on(o,t))}return r.length>0&&n.push({name:"use",kind:"attr",expr:`[${r.join(", ")}]`}),n}function Ge(e,t){let n=[];for(let r of e)if(r.type==="JSXText"){let o=V(r.value);o&&n.push({kind:"text",value:o})}else if(r.type==="JSXExpressionContainer"){if(r.expression?.type!=="JSXEmptyExpression"){let o=r.expression;n.push({kind:"expr",code:t.code(o),reactive:Ze(o)})}}else r.type==="JSXElement"||r.type==="JSXFragment"?n.push(Ye(r,t)):r.type==="JSXSpreadChild"&&n.push({kind:"expr",code:t.code(r.expression),reactive:!1});return n}function an(e){for(let t of e){if(t.type!=="JSXAttribute")continue;let n=Ne(t.name);if(de(n)){if(t.value&&!ye(t.value))throw new I(`'${n}' needs a literal value, not an expression — the strategy is compile-time.`);return Y(n,t.value?z(t.value):null)}}}function Ye(e,t){if(e.type==="JSXFragment")return{kind:"fragment",children:Ge(e.children,t)};let{tag:n,component:r}=rn(e.openingElement.name,t),o=sn(e.openingElement.attributes,t),s=Ge(e.children,t);if(r){let a=an(e.openingElement.attributes);return{kind:"component",name:n,props:o,children:s,...a?{load:a}:{}}}return{kind:"element",tag:n,svg:en.has(n),props:o,children:s,static:!1}}function Qe(e,t){let n=Ye(e,t);return M(n),n}function C(e,t){if(e)switch(e.type){case"Identifier":t.add(e.name);return;case"ObjectPattern":for(let n of e.properties)n.type==="RestElement"?C(n.argument,t):C(n.value,t);return;case"ArrayPattern":for(let n of e.elements)C(n,t);return;case"AssignmentPattern":C(e.left,t);return;case"RestElement":C(e.argument,t);return}}function et(e,t){switch(e.type){case"ImportDeclaration":for(let n of e.specifiers)C(n.local,t);return;case"VariableDeclaration":for(let n of e.declarations)C(n.id,t);return;case"FunctionDeclaration":case"ClassDeclaration":C(e.id,t);return;case"ExportNamedDeclaration":case"ExportDefaultDeclaration":e.declaration&&et(e.declaration,t);return}}function L(e){let t=new Set;for(let n of e.body)et(n,t);return t}var rt=require("@babel/parser"),ot=$e(require("magic-string"),1);function k(e,t){if(e)switch(e.type){case"Identifier":t.add(e.name);return;case"ObjectPattern":for(let n of e.properties)n.type==="RestElement"?k(n.argument,t):k(n.value,t);return;case"ArrayPattern":for(let n of e.elements)k(n,t);return;case"AssignmentPattern":k(e.left,t);return;case"RestElement":k(e.argument,t);return}}function ve(e){switch(e.type){case"StringLiteral":case"NumericLiteral":case"BooleanLiteral":case"NullLiteral":case"BigIntLiteral":case"RegExpLiteral":case"Identifier":return!0;case"Literal":return!0;case"TemplateLiteral":return e.expressions.every(ve);case"UnaryExpression":return ve(e.argument);case"MemberExpression":return!1;default:return!1}}function ie(e,t){if(!(!e||typeof e!="object")){t(e);for(let n of Object.keys(e)){if(n==="loc"||n==="range"||n==="leadingComments"||n==="trailingComments")continue;let r=e[n];if(Array.isArray(r))for(let o of r)o&&typeof o=="object"&&ie(o,t);else r&&typeof r=="object"&&typeof r.type=="string"&&ie(r,t)}}}function ln(e){let t=new Set;return ie(e,n=>{if(n.type==="AssignmentExpression")k(n.left,t);else if(n.type==="UpdateExpression"){let r=n.argument;r?.type==="Identifier"&&t.add(r.name)}}),t}function cn(e,t){let n=new Set,r=o=>{let s=new Set;k(o,s);for(let a of s)t.has(a)&&n.add(a)};return ie(e,o=>{switch(o.type){case"VariableDeclarator":r(o.id);return;case"FunctionDeclaration":case"FunctionExpression":case"ArrowFunctionExpression":r(o.id);for(let s of o.params??[])r(s);return;case"CatchClause":r(o.param);return;case"ClassDeclaration":case"ClassExpression":r(o.id);return}}),n}function tt(e,t,n){for(let r of e.properties??[]){if(r.type==="RestElement"){let p=r.argument;if(p?.type!=="Identifier"||t.length>0){let f=new Set;k(p,f);for(let d of f)n.bails.push({name:d,reason:"rest"});continue}n.rest={name:p.name,keys:[]};continue}if(r.computed){let p=new Set;k(r.value,p);for(let f of p)n.bails.push({name:f,reason:"computed"});continue}let o=r.key,s=o.type==="Identifier"?o.name:o.value,a=r.value,i;a.type==="AssignmentPattern"&&(i=a.right,a=a.left);let l=[...t,s];if(a.type==="Identifier"){if(i&&!ve(i)){n.bails.push({name:a.name,reason:"unsafe-default"});continue}n.reads.push({name:a.name,path:l,...i?{fallback:i}:{}});continue}if(a.type==="ObjectPattern"){if(i){let p=new Set;k(a,p);for(let f of p)n.bails.push({name:f,reason:"unsafe-default"});continue}tt(a,l,n);continue}let c=new Set;k(a,c);for(let p of c)n.bails.push({name:p,reason:"computed"})}}function ae(e,t){let n={reads:[],bails:[]};if(e?.type!=="ObjectPattern"||(tt(e,[],n),n.rest&&(t?.type!=="BlockStatement"?(n.bails.push({name:n.rest.name,reason:"rest"}),delete n.rest):n.rest.keys=(e.properties??[]).filter(i=>i.type!=="RestElement"&&!i.computed).map(i=>{let l=i.key;return l.type==="Identifier"?l.name:l.value})),n.reads.length===0&&!n.rest))return n;let r=new Set(n.reads.map(i=>i.name));n.rest&&r.add(n.rest.name);let o=ln(t),s=cn(t,r),a=[];for(let i of n.reads)o.has(i.name)?n.bails.push({name:i.name,reason:"reassigned"}):s.has(i.name)?n.bails.push({name:i.name,reason:"shadowed"}):a.push(i);return n.reads=a,n.rest&&o.has(n.rest.name)?(n.bails.push({name:n.rest.name,reason:"reassigned"}),delete n.rest):n.rest&&s.has(n.rest.name)&&(n.bails.push({name:n.rest.name,reason:"shadowed"}),delete n.rest),n}function le(e){switch(e){case"rest":return"this rest element cannot be served by splitProps, and copying the props into a plain object would lose the getters";case"computed":return"the property is not known until it runs";case"reassigned":return"the binding is assigned to, and props are read-only";case"shadowed":return"an inner scope binds the same name";case"unsafe-default":return"the default would have to run again on every read"}}function U(e,t,n=null){if(!(!e||typeof e!="object"||typeof e.type!="string")&&!e.type.startsWith("TS")&&t(e,n)!==!1)for(let r of Object.keys(e)){if(r==="loc"||r==="leadingComments"||r==="trailingComments")continue;let o=e[r];if(Array.isArray(o))for(let s of o)U(s,t,e);else o&&typeof o=="object"&&U(o,t,e)}}function nt(e){return!!e&&e[0]>="A"&&e[0]<="Z"}function pn(e){let t=[];return U(e,n=>{if(n.type==="FunctionDeclaration"&&nt(n.id?.name)){t.push(n);return}if(n.type==="VariableDeclarator"&&nt(n.id?.name)){let r=n.init;r&&(r.type==="ArrowFunctionExpression"||r.type==="FunctionExpression")&&t.push(r)}}),t}function dn(e){let t=new Set;return U(e,n=>{n.type==="Identifier"&&t.add(n.name)}),t}function un(e,t){if(!t)return!0;switch(t.type){case"MemberExpression":case"OptionalMemberExpression":return!(t.property===e&&!t.computed);case"ObjectProperty":case"ObjectMethod":case"ClassProperty":case"ClassMethod":return!(t.key===e&&!t.computed);case"LabeledStatement":case"BreakStatement":case"ContinueStatement":return t.label!==e;case"ImportSpecifier":case"ExportSpecifier":return!1;default:return!0}}function xe(e,t,n={}){let r=[],o=[],s=new Set;for(let a of pn(e)){let i=a.params?.[0];if(i?.type!=="ObjectPattern")continue;let l=ae(i,a.body);for(let m of l.bails)o.push({name:m.name,reason:m.reason,message:le(m.reason),start:i.start});if(l.bails.length>0||l.reads.length===0&&!l.rest)continue;let c=dn(a),p=n.parameterName??"props";for(;c.has(p);)p=`_${p}`;let f=new Map;for(let m of l.reads){let h=`${p}.${m.path.join(".")}`,v=m.fallback;f.set(m.name,v?`(${h} === undefined ? ${t.slice(v.start,v.end)} : ${h})`:h)}let d=i.typeAnnotation;if(r.push({start:i.start,end:d?.start??i.end,code:p}),l.rest){let m=l.rest.keys.map(v=>JSON.stringify(v)).join(", "),h=a.body;r.push({start:h.start+1,end:h.start+1,code:`
-  const [, ${l.rest.name}] = splitProps(${p}, [${m}]);`}),s.add("splitProps")}let g=[];U(a.body,(m,h)=>{if(m.type!=="Identifier")return;let v=f.get(m.name);if(!v)return;let S=h?.type==="ObjectProperty"&&h.shorthand&&h.value===m;if(!S&&!un(m,h))return;let b=l.reads.find($=>$.name===m.name).path;g.push({node:m,parent:S?h:null,text:v,property:b[b.length-1]})});for(let m of g)m.parent?r.push({start:m.parent.start,end:m.parent.end,code:`${m.node.name}: ${m.text}`}):r.push({start:m.node.start,end:m.node.end,code:m.text}),fn(m.node,p,m.property)}return{edits:r,diagnostics:o,used:s}}function fn(e,t,n){e.type="MemberExpression",e.computed=!1,e.optional=!1,e.object={type:"Identifier",name:t,start:e.start,end:e.start},e.property={type:"Identifier",name:n,start:e.end,end:e.end},delete e.name}function st(e,t="module.tsx",n={}){let r=(0,rt.parse)(e,{sourceType:"module",plugins:["typescript","jsx"],errorRecovery:!0}),{edits:o,diagnostics:s,used:a}=xe(r.program,e,n),i=new ot.default(e);for(let l of o)l.start===l.end?i.appendLeft(l.start,l.code):i.overwrite(l.start,l.end,l.code);return a.has("splitProps")&&!L(r.program).has("splitProps")&&i.prepend(`import { splitProps } from ${JSON.stringify(n.runtimeModule??"@fluixi/dom")};
-`),{code:i.toString(),map:i.generateMap({source:t,includeContent:!0,hires:!0}),diagnostics:s,rewritten:o.filter(l=>l.code!==(n.parameterName??"props")).length}}var T="@fluixi/reactive/signal",P={$signal:{export:"signal",module:T,returns:"signal-handle"},$memo:{export:"memo",module:T,returns:"memo-handle"},$effect:{export:"effect",module:T,returns:"effect"},$store:{export:"store",module:"@fluixi/reactive/store",returns:"store-handle"},$resource:{export:"resource",module:T,returns:"resource-handle"},$selector:{export:"createSelector",module:T,returns:"memo-accessor"},$deferred:{export:"createDeferred",module:T,returns:"memo-accessor"},$untrack:{export:"untrack",module:T,returns:"plain"},$untrackStore:{export:"untrackStore",module:"@fluixi/reactive/store",returns:"plain"}},it={signal:"signal-handle",memo:"memo-handle",effect:"effect",store:"store-handle",createSignal:["signal-accessor","signal-setter"],createMemo:"memo-accessor",createEffect:"effect",createRenderEffect:"effect",createStore:"reactive-object",resource:"resource-handle",createResource:"reactive-object",createSelector:"memo-accessor",createDeferred:"memo-accessor"},mn=["@fluixi/reactive","@fluixi/reactive/signal","@fluixi/reactive/store","@fluixi/core"],gn=new RegExp(`\\$(?:${Object.keys(P).map(e=>e.slice(1)).join("|")})\\s*\\(`);function at(e){return gn.test(e)}function lt(e){return Object.prototype.hasOwnProperty.call(P,e)}function ct(e){return mn.includes(e)}function y(e,t){if(e)switch(e.type){case"Identifier":t.add(e.name);return;case"ObjectPattern":for(let n of e.properties??[])n.type==="RestElement"?y(n.argument,t):y(n.value,t);return;case"ArrayPattern":for(let n of e.elements??[])y(n,t);return;case"AssignmentPattern":y(e.left,t);return;case"RestElement":y(e.argument,t);return}}function W(e,t){if(!(!e||typeof e!="object"||typeof e.type!="string")){t(e);for(let n of Object.keys(e)){if(n==="loc"||n==="leadingComments"||n==="trailingComments")continue;let r=e[n];if(Array.isArray(r))for(let o of r)W(o,t);else r&&typeof r=="object"&&W(r,t)}}}function hn(e,t){if(e.type!=="CallExpression")return;let n=e.callee;if(n?.type!=="Identifier")return;let r=n.name,o=t.primitives.get(r);if(o)return o;let s=P[r];if(s&&!t.shadowed.has(r))return s.returns}function yn(e,t,n){if(Array.isArray(t)){e.type==="ArrayPattern"&&e.elements.forEach((r,o)=>{let s=t[o];r?.type==="Identifier"&&s&&n.set(r.name,s)});return}e.type==="Identifier"&&n.set(e.name,t)}function pt(e){let t=new Set;return W(e,n=>{switch(n.type){case"VariableDeclarator":y(n.id,t);return;case"FunctionDeclaration":case"FunctionExpression":case"ArrowFunctionExpression":y(n.id,t);for(let r of n.params??[])y(r,t);return;case"ClassDeclaration":case"ClassExpression":y(n.id,t);return;case"ImportSpecifier":case"ImportDefaultSpecifier":case"ImportNamespaceSpecifier":y(n.local,t);return;case"CatchClause":y(n.param,t);return}}),t}function dt(e){let t={kinds:new Map,primitives:new Map,shadowed:new Set},n=e;W(n,r=>{let o=new Set;if(r.type==="VariableDeclarator")y(r.id,o);else if(r.type==="FunctionDeclaration"||r.type==="ClassDeclaration")y(r.id,o);else if(r.type==="ImportDefaultSpecifier"||r.type==="ImportNamespaceSpecifier")y(r.local,o);else if(r.type==="ImportSpecifier")y(r.local,o);else if(r.type==="FunctionExpression"||r.type==="ArrowFunctionExpression"||r.type==="FunctionDeclaration")for(let s of r.params??[])y(s,o);for(let s of o)P[s]&&t.shadowed.add(s)});for(let r of n.body??[])if(r.type==="ImportDeclaration"&&ct(r.source?.value))for(let o of r.specifiers??[]){if(o.type!=="ImportSpecifier")continue;let s=o.imported,a=s.type==="Identifier"?s.name:s.value,i=it[a];i&&t.primitives.set(o.local.name,i)}return W(n,r=>{if(r.type!=="VariableDeclarator"||!r.init)return;let o=hn(r.init,t);o&&yn(r.id,o,t.kinds)}),t}function Re(e,t){if(!(!e||typeof e!="object"||typeof e.type!="string")){t(e);for(let n of Object.keys(e)){if(n==="loc"||n==="leadingComments"||n==="trailingComments")continue;let r=e[n];if(Array.isArray(r))for(let o of r)Re(o,t);else r&&typeof r=="object"&&Re(r,t)}}}function ut(e){let t=[],n=[],r=new Map,o=new Set,{shadowed:s}=dt(e);return Re(e,a=>{if(a.type!=="CallExpression")return;let i=a.callee;if(i?.type!=="Identifier")return;let l=i.name;if(!lt(l))return;if(s.has(l)){o.has(l)||(o.add(l),n.push({name:l,message:`${l} is reserved for the compiler, and this module binds it. The call keeps your binding's meaning; rename it to use the intrinsic.`,start:i.start}));return}let c=P[l];t.push({start:i.start,end:i.end,code:c.export});let p=r.get(c.module)??new Set;p.add(c.export),r.set(c.module,p)}),{edits:t,diagnostics:n,imports:r}}function ft(e,t){let n=[];for(let[r,o]of[...e.imports].sort(([s],[a])=>s.localeCompare(a))){let s=[...o].filter(a=>!t.has(a)).sort();s.length&&n.push(`import { ${s.join(", ")} } from ${JSON.stringify(r)};`)}return n.length?`${n.join(`
-`)}
-`:""}var Nn=new Set(J),vn=new Set(B),xn=new Set(O),Rn=new Set(["createMemo","createEffect","createRenderEffect","createRoot","createSignal","onCleanup","batch","untrack"]);function pe(e,t,n=null,r=""){if(!(!e||typeof e!="object")){if(Array.isArray(e)){for(let o of e)pe(o,t,n,r);return}typeof e.type=="string"&&t(e,n,r);for(let o of Object.keys(e))o==="loc"||o==="leadingComments"||o==="trailingComments"||pe(e[o],t,typeof e.type=="string"?e:n,o)}}var ke=e=>e.type==="JSXElement"||e.type==="JSXFragment";function kn(e,t,n){return ke(e)?!(t&&ke(t)&&n==="children"):!1}function bn(e,t){return e.type==="TaggedTemplateExpression"&&e.tag?.type==="Identifier"&&(e.tag.name===t||e.tag.name==="svg")}function ht(e){return e.filter(t=>!e.some(n=>n!==t&&n.start<=t.start&&n.end>=t.end&&n.end-n.start>t.end-t.start))}function ce(e,t,n,r){let o=ht(r.filter(a=>a.start>=t&&a.end<=n)).sort((a,i)=>i.start-a.start),s=e.slice(t,n);for(let a of o)s=s.slice(0,a.start-t)+a.code+s.slice(a.end-t);return s}function Sn(e,t,n){let r={code:ce(e,t.start,t.end,n),reactive:A(w(t))};return t.type==="ArrowFunctionExpression"&&t.body?.type!=="BlockStatement"&&(r.arrow={params:t.params.map(o=>ce(e,o.start,o.end,n)),body:ce(e,t.body.start,t.body.end,n),bodyReactive:A(w(t.body))}),t.type==="ObjectExpression"&&(r.object=!0),r}function yt(e,t,n){if(!t||t.length===0)return e;let r=new Map;for(let o of t){let s=`${o.svg?"svg:":""}${o.html}`,a=n.get(s);a||(a=`_fxTmpl$${n.size}`,n.set(s,a)),r.set(o.id,a)}return e.replace(/_tmpl\$\d+/g,o=>r.get(o)??o)}function be(e,t){if(e.kind==="component"&&e.load&&!e.source&&j(e.load)&&(t.ignoredLoad.has(e.name)||t.ignoredLoad.set(e.name,e.load)),e.kind==="component"&&e.source){let n=e.source;n.origin==="builtin"?t.builtins.add(e.name):j(n.loading)&&!t.resolved.has(e.name)?t.deferred.set(e.name,n):(t.deferred.delete(e.name),t.resolved.set(e.name,n))}if("props"in e&&e.props)for(let n of e.props)n.kind==="event"&&n.event?.delegated&&t.delegatedEvents.add(n.event.name);if("children"in e&&e.children)for(let n of e.children)be(n,t)}function En(e,t){for(let n of e.body??[])if(n.type==="ImportDeclaration")for(let r of n.specifiers??[]){if(r.local?.name!==t)continue;if(r.type==="ImportNamespaceSpecifier")return;let o=r.type==="ImportDefaultSpecifier"?"default":r.imported?.name??r.imported?.value;return{module:n.source.value,export:o,declaration:n,specifier:r}}}function In(e,t){for(let n of e.body??[])if(n.type==="ImportDeclaration"){for(let r of n.specifiers??[])if(r.type==="ImportNamespaceSpecifier"&&r.local?.name===t)return!0}return!1}function wn(e,t,n){let r=!1;return pe(e,o=>{r||o.type!=="Identifier"||o.name!==t||o.start===n.local?.start&&o.end===n.local?.end||(r=!0)}),r}function Cn(e){let t=[`kind: ${JSON.stringify(e.kind)}`];return e.kind==="visible"&&e.rootMargin&&t.push(`rootMargin: ${JSON.stringify(e.rootMargin)}`),e.kind==="interaction"&&t.push(`events: ${JSON.stringify(e.events)}`),e.kind==="media"&&t.push(`query: ${JSON.stringify(e.query)}`),`{ ${t.join(", ")} }`}function $n(e){let t=[];return e.quasi.quasis.forEach((n,r)=>{if(t.push({kind:"static",text:n.value.cooked??n.value.raw,start:n.start}),r<e.quasi.expressions.length){let o=e.quasi.expressions[r];t.push({kind:"hole",index:r,start:o.start,end:o.end})}}),t}function Nt(e,t,n={}){let r=n.litTag??"html",o=n.format??"both",s=o!=="jsx",a=o!=="lit",i=s&&(e.includes(`${r}\``)||e.includes("svg`")),l=n.intrinsics!==!1&&at(e);if(!i&&!(a&&e.includes("<"))&&!l)return null;let c=(0,mt.parse)(e,{sourceType:"module",plugins:["jsx","typescript"],errorRecovery:!0}),p=[];pe(c.program,(u,x,N)=>{(s&&bn(u,r)||a&&kn(u,x,N))&&p.push(u)});let f=n.propsDestructure===!1?{edits:[],diagnostics:[],used:new Set}:xe(c.program,e,{runtimeModule:n.runtimeModule}),d=n.intrinsics===!1?{edits:[],diagnostics:[],imports:new Map}:ut(c.program);if(p.length===0&&f.edits.length===0&&d.edits.length===0&&d.diagnostics.length===0&&f.diagnostics.length===0)return null;p.sort((u,x)=>x.start-u.start||u.end-x.end);let m=new Set(f.used),h={builtins:new Set,resolved:new Map,deferred:new Map,delegatedEvents:new Set,ignoredLoad:new Map,unresolved:new Set,declared:pt(c.program)},v=new Map,S=[...f.edits,...d.edits];for(let u of p){let x=p.some(R=>R!==u&&R.start<=u.start&&R.end>=u.end&&R.end-R.start>u.end-u.start);if(ke(u)){S.push({start:u.start,end:u.end,code:Tn(e,u,S,x,m,h,v,n)});continue}let N=u.quasi.expressions.map(R=>Sn(e,R,S)),E=qe($n(u),N,{...n,hoistTemplates:!0,templateClone:n.templateClone??!0,partialTemplates:x?!1:n.partialTemplates??!0,svg:u.tag.name==="svg"});for(let R of E.imports)m.add(R);be(E.ir,h),S.push({start:u.start,end:u.end,code:yt(E.code,E.templates,v)})}let b=new gt.default(e);for(let u of ht(S))u.start===u.end?b.appendLeft(u.start,u.code):b.overwrite(u.start,u.end,u.code);let $=L(c.program),q=new Map;for(let[u]of h.ignoredLoad)$.has(u)||q.set(u,"unsupplied");for(let[u,x]of[...h.ignoredLoad]){if(!$.has(u))continue;let N=En(c.program,u);if(!N){q.set(u,In(c.program,u)?"namespace":"local");continue}if(wn(c.program,u,N.specifier)){q.set(u,"value");continue}let E=N.declaration.specifiers.filter(K=>K!==N.specifier),R=E.length===0&&e[N.declaration.end]===`
-`?N.declaration.end+1:N.declaration.end;b.overwrite(N.declaration.start,R,E.length===0?"":`import { ${E.map(K=>e.slice(K.start,K.end)).join(", ")} } from ${JSON.stringify(N.declaration.source.value)};`),h.deferred.set(u,{module:N.module,export:N.export,origin:"rule",loading:x}),$.delete(u),h.ignoredLoad.delete(u)}let Se=Pn(m,h,v,$,n);Se&&b.prepend(Se);let Ee=ft(d,$);Ee&&b.prepend(Ee);let vt={value:u=>`${u} is used as a value here, not only as a tag, so its import has to stay — deferring would hand those references a lazy wrapper instead of the component. Defer it at the point it is rendered, or keep it eager.`,namespace:u=>`${u} came in through a namespace import, which has no single export to defer. Import ${u} by name.`,local:u=>`${u} is declared in this file, so there is no module to load separately. Move it to its own file and import it.`,unsupplied:u=>`nothing supplies ${u}, so there is no import to defer. Import it, or add a \`resolve\` rule for it.`},Ie=[...h.ignoredLoad].map(([u,x])=>({name:u,strategy:x,message:`load:${x.kind} has no effect on <${u}>: ${vt[q.get(u)??"unsupplied"](u)}`})),we=[...h.unresolved].map(u=>({name:u,message:`<${u}> is not defined: nothing imports it and no \`resolve\` rule supplies it. This compiles to a reference to a name that does not exist, so the component renders nothing. Import ${u}, or add a \`resolve\` rule for it.`}));return{code:b.toString(),map:b.generateMap({source:t,includeContent:!0,hires:!0}),...Ie.length?{loadDiagnostics:Ie}:{},...we.length?{unresolvedDiagnostics:we}:{},...f.diagnostics.length?{propsDiagnostics:f.diagnostics}:{},...d.diagnostics.length?{intrinsicDiagnostics:d.diagnostics}:{}}}function Tn(e,t,n,r,o,s,a,i){let l=Qe(t,{code:f=>ce(e,f.start,f.end,n),used:o});M(l);let c=Q(l,{resolver:se(i.resolve??[]),isBound:f=>s.declared.has(f),modules:{controlFlowModule:i.controlFlowModule??i.runtimeModule??"@fluixi/dom",coreModule:i.coreModule??"@fluixi/core",routerModule:i.routerModule??"@fluixi/core/router"},strategyFor:f=>f.load});for(let f of c.unresolved)s.unresolved.add(f);te(l);let p=D.emit(l,{templateClone:i.templateClone??!0,partialTemplates:r?!1:i.partialTemplates??!0});for(let f of p.imports)o.add(f);return be(l,s),yt(p.code,p.templates,a)}function Pn(e,t,n,r,o){let s=o.runtimeModule??"@fluixi/dom",a=o.coreModule??"@fluixi/core",i=new Map,l=(d,g)=>i.set(d,[...i.get(d)??[],g]),c=new Set(e);for(let d of t.builtins)c.add(d);t.delegatedEvents.size>0&&c.add("delegateEvents");for(let d of[...c].sort())r.has(d)||(Rn.has(d)?l(o.reactiveModule??"@fluixi/reactive/signal",d):xn.has(d)?l(o.routerModule??"@fluixi/core/router",d):vn.has(d)?l(a,d):Nn.has(d)?l(o.controlFlowModule??s,d):l(s,d));for(let[d,g]of t.resolved)r.has(d)||l(g.module,g.export==="default"?`default as ${d}`:d===g.export?d:`${g.export} as ${d}`);let p=[];for(let[d,g]of i)p.push(`import { ${g.join(", ")} } from ${JSON.stringify(d)};`);let f=[...t.deferred].filter(([d])=>!r.has(d));if(f.length>0){r.has("deferred")||p.push(`import { deferred } from ${JSON.stringify(a)};`);for(let[d,g]of f)p.push(`const ${d} = deferred(() => import(${JSON.stringify(g.module)}), { strategy: ${Cn(g.loading)}, export: ${JSON.stringify(g.export)} });`)}for(let[d,g]of n)p.push(`const ${g} = ${JSON.stringify(d.startsWith("svg:")?d.slice(4):d)};`);return t.delegatedEvents.size>0&&p.push(`delegateEvents(${JSON.stringify([...t.delegatedEvents])});`),p.length>0?p.join(`
-`)+`
-`:null}
+/*! @fluixi/compiler v1.0.0-alpha.84 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/transform/index.ts
+var index_exports = {};
+__export(index_exports, {
+  explainBail: () => explainBail,
+  moduleBindings: () => moduleBindings,
+  planPropsDestructure: () => planPropsDestructure,
+  shapeOf: () => shapeOf,
+  transformProps: () => transformProps,
+  transformTemplates: () => transformTemplates
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/transform/templates.ts
+var import_parser2 = require("@babel/parser");
+var import_magic_string2 = __toESM(require("magic-string"), 1);
+
+// src/optimize/analyze-static.ts
+function propReason(prop) {
+  switch (prop.kind) {
+    case "event":
+      return "event";
+    case "ref":
+      return "ref";
+    case "spread":
+      return "spread";
+    case "class":
+    case "style":
+      return "class-or-style-directive";
+    case "attr":
+    case "prop":
+      if (prop.reactive) return "reactive-prop";
+      if (prop.expr !== void 0) return "expression-prop";
+      return void 0;
+    /* c8 ignore next 2 */
+    default:
+      return "expression-prop";
+  }
+}
+function analyzeStatic(root) {
+  const staticElements = [];
+  const reasons = /* @__PURE__ */ new Map();
+  const visit = (node) => {
+    switch (node.kind) {
+      case "text":
+        return true;
+      case "expr":
+        return false;
+      case "component":
+      case "control":
+        for (const child of node.children) visit(child);
+        return false;
+      case "fragment":
+        for (const child of node.children) visit(child);
+        return false;
+      case "element": {
+        let childrenStatic = true;
+        for (const child of node.children) {
+          if (!visit(child)) childrenStatic = false;
+        }
+        let reason;
+        for (const prop of node.props) {
+          reason = propReason(prop);
+          if (reason) break;
+        }
+        if (!reason && !childrenStatic) {
+          reason = childReason(node);
+        }
+        node.static = !reason;
+        if (reason) reasons.set(node, reason);
+        else staticElements.push(node);
+        return node.static;
+      }
+      /* c8 ignore next 2 */
+      default:
+        return false;
+    }
+  };
+  for (const node of Array.isArray(root) ? root : [root]) visit(node);
+  return { staticElements, reasons };
+}
+function childReason(node) {
+  for (const child of node.children) {
+    if (child.kind === "expr") return "expression-child";
+    if (child.kind === "component") return "component-child";
+    if (child.kind === "control") return "control-child";
+    if (child.kind === "element" && !child.static) return "expression-child";
+    if (child.kind === "fragment") return "expression-child";
+  }
+  return "expression-child";
+}
+
+// src/resolve/load-directive.ts
+var EAGER = { kind: "eager" };
+var DEFAULT_INTERACTION_EVENTS = ["pointerdown", "focusin", "keydown"];
+var STRATEGIES = /* @__PURE__ */ new Set(["eager", "idle", "visible", "interaction", "media", "never"]);
+var LoadDirectiveError = class extends Error {
+};
+function isLoadDirective(name) {
+  return name.startsWith("load:");
+}
+function parseLoadDirective(name, value) {
+  const strategy = name.slice("load:".length);
+  if (!STRATEGIES.has(strategy)) {
+    throw new LoadDirectiveError(
+      `Unknown load strategy 'load:${strategy}'. Expected one of ${[...STRATEGIES].join(", ")}.`
+    );
+  }
+  switch (strategy) {
+    case "eager":
+      return EAGER;
+    case "idle":
+      return { kind: "idle" };
+    case "never":
+      return { kind: "never" };
+    case "visible":
+      return value ? { kind: "visible", rootMargin: value } : { kind: "visible" };
+    case "interaction":
+      return {
+        kind: "interaction",
+        events: value ? splitEvents(value) : [...DEFAULT_INTERACTION_EVENTS]
+      };
+    case "media":
+      if (!value) {
+        throw new LoadDirectiveError(
+          `'load:media' needs a query, e.g. load:media="(min-width: 1024px)".`
+        );
+      }
+      return { kind: "media", query: value };
+    default:
+      throw new LoadDirectiveError(`Unhandled load strategy '${strategy}'.`);
+  }
+}
+function splitEvents(value) {
+  const events = value.split(/[\s,]+/).map((e) => e.trim()).filter(Boolean);
+  if (events.length === 0) {
+    throw new LoadDirectiveError(`'load:interaction' was given no event names.`);
+  }
+  return events;
+}
+function isDeferred(strategy) {
+  return strategy.kind !== "eager" && strategy.kind !== "never";
+}
+
+// src/resolve/builtins.ts
+var DOM_CONTROL_FLOW = [
+  "Show",
+  "For",
+  "Index",
+  "Switch",
+  "Match",
+  "Portal",
+  "Dynamic",
+  "ErrorBoundary"
+];
+var CORE_CONTROL_FLOW = ["Suspense", "SuspenseList", "Await"];
+var ROUTER_COMPONENTS = ["Router", "Outlet", "Redirect", "Link"];
+var BUILTIN_COMPONENTS = [
+  ...DOM_CONTROL_FLOW,
+  ...CORE_CONTROL_FLOW,
+  ...ROUTER_COMPONENTS
+];
+var RESERVED_COMPONENTS = /* @__PURE__ */ new Set([
+  ...DOM_CONTROL_FLOW,
+  ...CORE_CONTROL_FLOW
+]);
+function builtinComponentMap(modules = {}) {
+  const {
+    controlFlowModule = "@fluixi/dom",
+    coreModule = "@fluixi/core",
+    routerModule = "@fluixi/core/router"
+  } = modules;
+  const map = {};
+  for (const name of DOM_CONTROL_FLOW) map[name] = controlFlowModule;
+  for (const name of CORE_CONTROL_FLOW) map[name] = coreModule;
+  for (const name of ROUTER_COMPONENTS) map[name] = routerModule;
+  return map;
+}
+
+// src/resolve/resolve-ir.ts
+function resolveComponentSources(root, options = {}) {
+  const { resolver, isBound, modules, strategyFor } = options;
+  const builtins = builtinComponentMap(modules);
+  const resolved = /* @__PURE__ */ new Map();
+  const unresolved = /* @__PURE__ */ new Set();
+  const annotate = (node) => {
+    const { name } = node;
+    if (!name || name.includes(".")) return;
+    if (isBound?.(name)) return;
+    const source = sourceFor(name);
+    if (!source) {
+      unresolved.add(name);
+      return;
+    }
+    const loading = source.origin === "builtin" && RESERVED_COMPONENTS.has(name) ? EAGER : strategyFor?.(node) ?? EAGER;
+    node.source = { ...source, loading };
+    resolved.set(name, node.source);
+  };
+  const sourceFor = (name) => {
+    if (RESERVED_COMPONENTS.has(name)) {
+      return { module: builtins[name], export: name, origin: "builtin" };
+    }
+    const rule = resolver?.resolve(name);
+    if (rule) return { module: rule.module, export: rule.export, origin: "rule" };
+    if (ROUTER_COMPONENTS.includes(name)) {
+      return { module: builtins[name], export: name, origin: "builtin" };
+    }
+    return void 0;
+  };
+  walk(root, (node) => {
+    if (node.kind === "component") annotate(node);
+  });
+  return { resolved, unresolved: [...unresolved] };
+}
+function walk(root, visit) {
+  const nodes = Array.isArray(root) ? root : [root];
+  for (const node of nodes) {
+    visit(node);
+    const children = node.children;
+    if (children) walk(children, visit);
+  }
+}
+
+// src/optimize/collapse-strategies.ts
+function collapseStrategies(root) {
+  const components = [];
+  walk(root, (node) => {
+    if (node.kind === "component" && node.source) components.push(node);
+  });
+  const eager = /* @__PURE__ */ new Set();
+  const never = /* @__PURE__ */ new Set();
+  for (const node of components) {
+    const { module: module2, loading } = node.source;
+    if (loading.kind === "eager") eager.add(module2);
+    if (loading.kind === "never") never.add(module2);
+  }
+  const collapsed = /* @__PURE__ */ new Map();
+  for (const node of components) {
+    const source = node.source;
+    if (!isDeferred(source.loading)) continue;
+    if (!eager.has(source.module)) continue;
+    source.loading = { kind: "eager" };
+    collapsed.set(source.module, (collapsed.get(source.module) ?? 0) + 1);
+  }
+  return {
+    collapsed,
+    conflicted: [...never].filter((m) => eager.has(m))
+  };
+}
+
+// src/codegen/serialize-static.ts
+var VOID_ELEMENTS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var HTML_NAME = {
+  className: "class",
+  htmlFor: "for"
+};
+var PROPERTY_ONLY = /* @__PURE__ */ new Set([
+  "innerHTML",
+  "outerHTML",
+  "innerText",
+  "textContent",
+  "value",
+  "checked",
+  "selected",
+  "muted",
+  "defaultValue",
+  "defaultChecked",
+  "children",
+  "ref"
+]);
+var RAW_TEXT_ELEMENTS = /* @__PURE__ */ new Set(["script", "style", "textarea", "title"]);
+function isRawTextElement(tag) {
+  return RAW_TEXT_ELEMENTS.has(tag);
+}
+function htmlAttrName(name) {
+  return HTML_NAME[name] ?? name;
+}
+function isPlainLiteralAttr(prop) {
+  if (prop.kind !== "attr") return false;
+  if (prop.expr !== void 0) return false;
+  if (prop.name.includes(":")) return false;
+  return !PROPERTY_ONLY.has(prop.name);
+}
+function isSerializable(node) {
+  if (!node.static) return false;
+  if (isRawTextElement(node.tag)) return false;
+  for (const prop of node.props) {
+    if (!isPlainLiteralAttr(prop)) return false;
+  }
+  for (const child of node.children) {
+    if (child.kind === "text") continue;
+    if (child.kind === "element" && isSerializable(child)) continue;
+    return false;
+  }
+  return true;
+}
+function serializeStatic(node) {
+  const attrs = node.props.map(serializeProp).filter(Boolean).join("");
+  const open = `<${node.tag}${attrs}>`;
+  if (VOID_ELEMENTS.has(node.tag)) return open;
+  return `${open}${node.children.map(serializeChild).join("")}</${node.tag}>`;
+}
+function serializeChild(child) {
+  if (child.kind === "text") return escapeText(child.value);
+  if (child.kind !== "element") throw new Error(`serializeStatic: unexpected ${child.kind}`);
+  return serializeStatic(child);
+}
+function serializeProp(prop) {
+  const name = HTML_NAME[prop.name] ?? prop.name;
+  const value = prop.literal;
+  if (value === true || value === void 0) return ` ${name}`;
+  if (value === false || value === null) return "";
+  return ` ${name}="${escapeAttr(String(value))}"`;
+}
+function escapeAttr(value) {
+  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function escapeText(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function templatePositions(root) {
+  const pos = [];
+  let file;
+  const walk8 = (el) => {
+    file ??= el.at?.file;
+    pos.push(el.at?.line ?? 0, el.at?.column ?? 0);
+    for (const child of el.children) if (child.kind === "element") walk8(child);
+  };
+  walk8(root);
+  return file && pos.some((n) => n !== 0) ? { file, pos } : void 0;
+}
+
+// src/codegen/partial-template.ts
+var HOLE_START = "<!--fx-->";
+var HOLE_END = "<!--fx/-->";
+function isHole(node) {
+  return node.kind === "expr" || node.kind === "component" || node.kind === "control";
+}
+function isTemplateChild(node) {
+  return node.kind === "text" || node.kind === "element" && isTemplateElement(node);
+}
+function isTemplateElement(node) {
+  if (node.svg) return false;
+  if (isRawTextElement(node.tag)) return false;
+  if (!node.props.every((p) => isPlainLiteralAttr(p))) return false;
+  return node.children.every((c) => isTemplateChild(c) || isHole(c));
+}
+function containsHole(node) {
+  if (isHole(node)) return true;
+  const children = node.children;
+  return children ? children.some(containsHole) : false;
+}
+function addressable(el) {
+  for (let i = 0; i < el.children.length; i++) {
+    const child = el.children[i];
+    if (child.kind === "text") {
+      if (child.value === "") return false;
+      if (el.children[i + 1]?.kind === "text") return false;
+    }
+  }
+  return el.children.every((c) => c.kind !== "element" || addressable(c));
+}
+function planPartialTemplate(root) {
+  if (!isTemplateElement(root)) return null;
+  if (!addressable(root)) return null;
+  if (!root.children.some(containsHole)) return null;
+  const steps = [];
+  const holes = [];
+  let refCount = 0;
+  const declare = (expr) => {
+    const ref = `_n$${refCount++}`;
+    steps.push({ ref, expr });
+    return ref;
+  };
+  walk8(root, "_el$");
+  return { html: serializeWithMarkers(root), tag: root.tag, steps, holes };
+  function walk8(el, elementRef) {
+    let last = -1;
+    el.children.forEach((child, i) => {
+      if (containsHole(child)) last = i;
+    });
+    let previous = null;
+    for (let i = 0; i <= last; i++) {
+      const child = el.children[i];
+      const expr = previous ? `${previous}.nextSibling` : `${elementRef}.firstChild`;
+      if (isHole(child)) {
+        const startRef = declare(expr);
+        const endRef = declare(`holeEnd(${startRef})`);
+        holes.push({ parentRef: elementRef, startRef, endRef, node: child });
+        previous = endRef;
+        continue;
+      }
+      const ref = declare(expr);
+      if (child.kind === "element" && containsHole(child)) walk8(child, ref);
+      previous = ref;
+    }
+  }
+}
+function serializeWithMarkers(el) {
+  return serializeStatic(withSentinels(el)).split(SENTINEL).join(HOLE_START + HOLE_END);
+}
+function withSentinels(el) {
+  return {
+    ...el,
+    children: el.children.map(
+      (child) => isHole(child) ? { kind: "text", value: SENTINEL } : child.kind === "element" ? withSentinels(child) : child
+    )
+  };
+}
+var SENTINEL = "\0fx-hole\0";
+
+// src/codegen/contract.ts
+var RUNTIME_CONTRACT_V1 = {
+  version: 1,
+  module: "@fluixi/dom",
+  symbols: [
+    "createNativeElement",
+    "insert",
+    "spread",
+    "setAttribute",
+    "delegateEvents",
+    "createComponent",
+    "createMemo",
+    "untrack",
+    "Show",
+    "For",
+    "Index",
+    "Switch",
+    "Match",
+    "Dynamic",
+    "ErrorBoundary"
+  ]
+};
+var RUNTIME_CONTRACT_V2 = {
+  version: 2,
+  module: "@fluixi/dom",
+  symbols: [...RUNTIME_CONTRACT_V1.symbols, "template", "cloneTemplate", "walk"]
+};
+
+// src/analyze/intrinsics.ts
+var REACTIVE_MODULE = "@fluixi/reactive/signal";
+var INTRINSICS = {
+  $signal: { export: "signal", module: REACTIVE_MODULE, returns: "signal-handle" },
+  $memo: { export: "memo", module: REACTIVE_MODULE, returns: "memo-handle" },
+  $effect: { export: "effect", module: REACTIVE_MODULE, returns: "effect" },
+  $store: { export: "store", module: "@fluixi/reactive/store", returns: "store-handle" },
+  $resource: { export: "resource", module: REACTIVE_MODULE, returns: "resource-handle" },
+  // No short runtime form for these yet, so the intrinsic stands for the `create*`
+  // name. Still worth having — no import to write — and when a shorter form is
+  // designed, the change is this line rather than a compiler pass.
+  $selector: { export: "createSelector", module: REACTIVE_MODULE, returns: "memo-accessor" },
+  $deferred: { export: "createDeferred", module: REACTIVE_MODULE, returns: "memo-accessor" },
+  // Not value constructors, but the compiler has to know them: they change what a read
+  // does. `untrack` suppresses dependency collection, which is exactly the kind of thing
+  // dependency analysis must not guess at.
+  $untrack: { export: "untrack", module: REACTIVE_MODULE, returns: "plain" },
+  $untrackStore: { export: "untrackStore", module: "@fluixi/reactive/store", returns: "plain" }
+};
+var RUNTIME_PRIMITIVES = {
+  signal: "signal-handle",
+  memo: "memo-handle",
+  effect: "effect",
+  store: "store-handle",
+  createSignal: ["signal-accessor", "signal-setter"],
+  createMemo: "memo-accessor",
+  createEffect: "effect",
+  createRenderEffect: "effect",
+  createStore: "reactive-object",
+  resource: "resource-handle",
+  createResource: "reactive-object",
+  createSelector: "memo-accessor",
+  createDeferred: "memo-accessor"
+};
+var PRIMITIVE_MODULES = [
+  "@fluixi/reactive",
+  "@fluixi/reactive/signal",
+  "@fluixi/reactive/store",
+  "@fluixi/core"
+];
+var INTRINSIC_CALL = new RegExp(`\\$(?:${Object.keys(INTRINSICS).map((n) => n.slice(1)).join("|")})\\s*\\(`);
+function mayHaveIntrinsic(code) {
+  return INTRINSIC_CALL.test(code);
+}
+function isIntrinsicName(name) {
+  return Object.prototype.hasOwnProperty.call(INTRINSICS, name);
+}
+function isPrimitiveModule(source) {
+  return PRIMITIVE_MODULES.includes(source);
+}
+
+// src/analyze/reactive-bindings.ts
+function patternNames(node, out) {
+  if (!node) return;
+  switch (node.type) {
+    case "Identifier":
+      out.add(node.name);
+      return;
+    case "ObjectPattern":
+      for (const p of node.properties ?? []) {
+        if (p.type === "RestElement") patternNames(p.argument, out);
+        else patternNames(p.value, out);
+      }
+      return;
+    case "ArrayPattern":
+      for (const e of node.elements ?? []) patternNames(e, out);
+      return;
+    case "AssignmentPattern":
+      patternNames(node.left, out);
+      return;
+    case "RestElement":
+      patternNames(node.argument, out);
+      return;
+  }
+}
+function walk2(root, visit) {
+  if (!root || typeof root !== "object" || typeof root.type !== "string") return;
+  visit(root);
+  for (const key of Object.keys(root)) {
+    if (key === "loc" || key === "leadingComments" || key === "trailingComments") continue;
+    const value = root[key];
+    if (Array.isArray(value)) for (const item of value) walk2(item, visit);
+    else if (value && typeof value === "object") walk2(value, visit);
+  }
+}
+function calledPrimitive(node, bindings) {
+  if (node.type !== "CallExpression") return void 0;
+  const callee = node.callee;
+  if (callee?.type !== "Identifier") return void 0;
+  const name = callee.name;
+  const imported = bindings.primitives.get(name);
+  if (imported) return imported;
+  const intrinsic = INTRINSICS[name];
+  if (intrinsic && !bindings.shadowed.has(name)) return intrinsic.returns;
+  return void 0;
+}
+function classify(id, returns, kinds) {
+  if (Array.isArray(returns)) {
+    if (id.type === "ArrayPattern") {
+      id.elements.forEach((element, index) => {
+        const kind = returns[index];
+        if (element?.type === "Identifier" && kind) kinds.set(element.name, kind);
+      });
+    }
+    return;
+  }
+  if (id.type === "Identifier") kinds.set(id.name, returns);
+}
+function declaredNames(program) {
+  const names = /* @__PURE__ */ new Set();
+  walk2(program, (node) => {
+    switch (node.type) {
+      case "VariableDeclarator":
+        patternNames(node.id, names);
+        return;
+      case "FunctionDeclaration":
+      case "FunctionExpression":
+      case "ArrowFunctionExpression":
+        patternNames(node.id, names);
+        for (const p of node.params ?? []) patternNames(p, names);
+        return;
+      case "ClassDeclaration":
+      case "ClassExpression":
+        patternNames(node.id, names);
+        return;
+      case "ImportSpecifier":
+      case "ImportDefaultSpecifier":
+      case "ImportNamespaceSpecifier":
+        patternNames(node.local, names);
+        return;
+      case "CatchClause":
+        patternNames(node.param, names);
+        return;
+    }
+  });
+  return names;
+}
+function resolveReactiveBindings(program) {
+  const bindings = { kinds: /* @__PURE__ */ new Map(), primitives: /* @__PURE__ */ new Map(), shadowed: /* @__PURE__ */ new Set() };
+  const root = program;
+  walk2(root, (node) => {
+    const names = /* @__PURE__ */ new Set();
+    if (node.type === "VariableDeclarator") patternNames(node.id, names);
+    else if (node.type === "FunctionDeclaration" || node.type === "ClassDeclaration") patternNames(node.id, names);
+    else if (node.type === "ImportDefaultSpecifier" || node.type === "ImportNamespaceSpecifier") patternNames(node.local, names);
+    else if (node.type === "ImportSpecifier") patternNames(node.local, names);
+    else if (node.type === "FunctionExpression" || node.type === "ArrowFunctionExpression" || node.type === "FunctionDeclaration") {
+      for (const p of node.params ?? []) patternNames(p, names);
+    }
+    for (const name of names) if (INTRINSICS[name]) bindings.shadowed.add(name);
+  });
+  for (const statement of root.body ?? []) {
+    if (statement.type !== "ImportDeclaration") continue;
+    if (!isPrimitiveModule(statement.source?.value)) continue;
+    for (const specifier of statement.specifiers ?? []) {
+      if (specifier.type !== "ImportSpecifier") continue;
+      const importedNode = specifier.imported;
+      const imported = importedNode.type === "Identifier" ? importedNode.name : importedNode.value;
+      const returns = RUNTIME_PRIMITIVES[imported];
+      if (returns) bindings.primitives.set(specifier.local.name, returns);
+    }
+  }
+  walk2(root, (node) => {
+    if (node.type !== "VariableDeclarator" || !node.init) return;
+    const returns = calledPrimitive(node.init, bindings);
+    if (returns) classify(node.id, returns, bindings.kinds);
+  });
+  return bindings;
+}
+
+// src/transform/source-locations.ts
+var SOURCE_MARKER = "__fx_source";
+var COMPONENT_MARKER = "__fx_component";
+var HOLE_MARKER = "__fx_hole";
+var markHole = (accessor, line, column, name) => `(globalThis.${HOLE_MARKER} ?? ((f) => f))(${accessor},${line},${column}${name === void 0 ? "" : `,${JSON.stringify(name)}`})`;
+var PROPS_MARKER = "__fx_props";
+var markProps = (object, at) => `(globalThis.${PROPS_MARKER} ?? ((p) => p))(${object},${JSON.stringify(at)})`;
+var RUNTIME_PRIMITIVES2 = /* @__PURE__ */ new Set([
+  "signal",
+  "memo",
+  "effect",
+  "store",
+  "resource",
+  "watch",
+  "createSignal",
+  "createMemo",
+  "createEffect",
+  "createStore",
+  "createResource"
+]);
+function mayHaveReactiveCall(code) {
+  for (const name of RUNTIME_PRIMITIVES2) {
+    if (code.includes(name)) return true;
+  }
+  return code.includes("$signal") || code.includes("$memo") || code.includes("$effect") || code.includes("$store");
+}
+var SINGLE_STATEMENT_PARENTS = /* @__PURE__ */ new Set([
+  "IfStatement",
+  "ForStatement",
+  "ForInStatement",
+  "ForOfStatement",
+  "WhileStatement",
+  "DoWhileStatement",
+  "LabeledStatement",
+  "WithStatement"
+]);
+function isLoneBranch(statement, parent) {
+  if (!parent || statement.type === "BlockStatement") return false;
+  return SINGLE_STATEMENT_PARENTS.has(parent.type);
+}
+function isExport(node) {
+  return node.type === "ExportNamedDeclaration" || node.type === "ExportDefaultDeclaration";
+}
+function isStatement(node) {
+  return node.type.endsWith("Statement") || node.type === "VariableDeclaration";
+}
+function walk3(node, visit, stack = []) {
+  if (!node || typeof node.type !== "string") return;
+  visit(node, stack);
+  stack.push(node);
+  for (const key of Object.keys(node)) {
+    if (key === "loc" || key === "parent") continue;
+    const value = node[key];
+    if (Array.isArray(value)) {
+      for (const child of value) walk3(child, visit, stack);
+    } else if (value && typeof value.type === "string") {
+      walk3(value, visit, stack);
+    }
+  }
+  stack.pop();
+}
+function nameFor(stack) {
+  const declarator = stack[stack.length - 1];
+  if (declarator?.type !== "VariableDeclarator") return void 0;
+  const id = declarator.id;
+  if (id?.type === "Identifier") return id.name;
+  if (id?.type === "ArrayPattern") {
+    const first = id.elements?.[0];
+    if (first?.type === "Identifier") return first.name;
+  }
+  return void 0;
+}
+function componentName(node) {
+  if (node.type === "FunctionDeclaration") {
+    const name = node.id?.name;
+    return name && name[0] === name[0]?.toUpperCase() ? name : void 0;
+  }
+  if (node.type === "VariableDeclarator") {
+    const id = node.id;
+    const init = node.init;
+    if (id?.type !== "Identifier" || !init) return void 0;
+    if (init.type !== "ArrowFunctionExpression" && init.type !== "FunctionExpression") return void 0;
+    const name = id.name;
+    return name[0] === name[0]?.toUpperCase() ? name : void 0;
+  }
+  return void 0;
+}
+function collectSourceEdits(program, filename) {
+  const edits = [];
+  const claimed = /* @__PURE__ */ new Set();
+  const { primitives, shadowed } = resolveReactiveBindings(program);
+  walk3(program, (node, stack) => {
+    const component = componentName(node);
+    if (component) {
+      const at = node.loc?.start;
+      let end2 = node.end;
+      for (let i = stack.length - 1; i >= 0; i--) {
+        const up = stack[i];
+        if (up.type !== "VariableDeclaration" && up.type !== "ExportNamedDeclaration" && up.type !== "ExportDefaultDeclaration") {
+          break;
+        }
+        end2 = up.end;
+      }
+      if (at) {
+        edits.push({
+          start: end2,
+          end: end2,
+          code: `;globalThis.${COMPONENT_MARKER}?.(${JSON.stringify(component)},${JSON.stringify(filename)},${at.line},${at.column});`
+        });
+      }
+    }
+    if (node.type !== "CallExpression") return;
+    const callee = node.callee;
+    if (callee?.type !== "Identifier") return;
+    const name = callee.name;
+    const intrinsic = isIntrinsicName(name) && !shadowed.has(name) ? INTRINSICS[name] : void 0;
+    const imported = primitives.has(name) || RUNTIME_PRIMITIVES2.has(name);
+    if (!intrinsic && !imported) return;
+    const position = node.loc?.start;
+    if (!position) return;
+    let statement;
+    let parent;
+    let index = -1;
+    for (let i = stack.length - 1; i >= 0; i--) {
+      if (isStatement(stack[i]) || isExport(stack[i])) {
+        statement = stack[i];
+        parent = stack[i - 1];
+        index = i;
+        break;
+      }
+    }
+    if (!statement) return;
+    let start = statement.start;
+    let end = statement.end;
+    for (let i = index - 1; i >= 0; i--) {
+      if (!isExport(stack[i])) break;
+      start = stack[i].start;
+      end = stack[i].end;
+      parent = stack[i - 1];
+    }
+    if (claimed.has(start)) return;
+    claimed.add(start);
+    const label = nameFor(stack);
+    const args = [
+      JSON.stringify(filename),
+      String(position.line),
+      String(position.column),
+      label ? JSON.stringify(label) : void 0
+    ].filter((a) => a !== void 0).join(",");
+    const mark = `globalThis.${SOURCE_MARKER}?.(${args});`;
+    if (isLoneBranch(statement, parent)) {
+      edits.push({ start, end: start, code: `{${mark}` });
+      edits.push({ start: end, end, code: "}" });
+      return;
+    }
+    edits.push({ start, end: start, code: mark });
+  });
+  return { edits, marked: edits.length };
+}
+
+// src/analyze/paren.ts
+function skipQuoted(src, start) {
+  const quote = src[start];
+  for (let i = start + 1; i < src.length; i++) {
+    const c = src[i];
+    if (c === "\\") i++;
+    else if (c === quote) return i + 1;
+    else if (c === "\n") return -1;
+  }
+  return -1;
+}
+function skipTemplate(src, start) {
+  let i = start + 1;
+  while (i < src.length) {
+    const c = src[i];
+    if (c === "\\") {
+      i += 2;
+    } else if (c === "`") {
+      return i + 1;
+    } else if (c === "$" && src[i + 1] === "{") {
+      let depth = 1;
+      i += 2;
+      while (i < src.length && depth > 0) {
+        const k = src[i];
+        if (k === "\\") i += 2;
+        else if (k === "`") {
+          const end = skipTemplate(src, i);
+          if (end < 0) return -1;
+          i = end;
+        } else if (k === '"' || k === "'") {
+          const end = skipQuoted(src, i);
+          if (end < 0) return -1;
+          i = end;
+        } else {
+          if (k === "{") depth++;
+          else if (k === "}") depth--;
+          i++;
+        }
+      }
+    } else {
+      i++;
+    }
+  }
+  return -1;
+}
+function skipRegex(src, start) {
+  let inClass = false;
+  for (let i = start + 1; i < src.length; i++) {
+    const c = src[i];
+    if (c === "\\") i++;
+    else if (c === "[") inClass = true;
+    else if (c === "]") inClass = false;
+    else if (c === "\n") return -1;
+    else if (c === "/" && !inClass) {
+      let end = i + 1;
+      while (end < src.length && /[a-z]/i.test(src[end])) end++;
+      return end;
+    }
+  }
+  return -1;
+}
+function divides(prev) {
+  return prev !== "" && /[A-Za-z0-9_$)\]]/.test(prev);
+}
+function topLevelComma(src) {
+  let depth = 0;
+  let prev = "";
+  let i = 0;
+  while (i < src.length) {
+    const c = src[i];
+    if (c === '"' || c === "'") {
+      const end = skipQuoted(src, i);
+      if (end < 0) return null;
+      i = end;
+      prev = c;
+    } else if (c === "`") {
+      const end = skipTemplate(src, i);
+      if (end < 0) return null;
+      i = end;
+      prev = c;
+    } else if (c === "/" && src[i + 1] === "/") {
+      return null;
+    } else if (c === "/" && src[i + 1] === "*") {
+      const end = src.indexOf("*/", i + 2);
+      if (end < 0) return null;
+      i = end + 2;
+    } else if (c === "/" && !divides(prev)) {
+      const end = skipRegex(src, i);
+      if (end < 0) return null;
+      i = end;
+      prev = "/";
+    } else {
+      if (c === "(" || c === "[" || c === "{") depth++;
+      else if (c === ")" || c === "]" || c === "}") {
+        depth--;
+        if (depth < 0) return null;
+      } else if (c === "," && depth === 0) return true;
+      if (!/\s/.test(c)) prev = c;
+      i++;
+    }
+  }
+  return depth === 0 ? false : null;
+}
+function paren(code, position) {
+  const src = code.trim();
+  if (src === "") return `(${code})`;
+  if (position === "arrowBody" && src[0] === "{") return `(${code})`;
+  return topLevelComma(src) === false ? code : `(${code})`;
+}
+
+// src/codegen/backends/imperative.ts
+var CONTROL_COMPONENT = {
+  show: "Show",
+  for: "For",
+  index: "Index",
+  switch: "Switch",
+  match: "Match",
+  dynamic: "Dynamic",
+  errorBoundary: "ErrorBoundary",
+  suspense: "Suspense"
+};
+function isIdent(name) {
+  return /^[A-Za-z_$][A-Za-z0-9_$]*$/.test(name);
+}
+function propKey(name) {
+  return isIdent(name) ? name : JSON.stringify(name);
+}
+function propValue(p) {
+  if (p.expr !== void 0) {
+    if (p.name === "ref" && p.at)
+      return markHole(paren(p.expr, "value"), p.at.line, p.at.column, p.expr);
+    if (!p.reactive) return paren(p.expr, "value");
+    const accessor = `() => ${paren(p.expr, "arrowBody")}`;
+    return p.at ? markHole(accessor, p.at.line, p.at.column, p.directive) : accessor;
+  }
+  return JSON.stringify(p.literal ?? true);
+}
+function componentPropValue(p) {
+  if (p.expr !== void 0) return paren(p.expr, "value");
+  return JSON.stringify(p.literal ?? true);
+}
+function emitProps(props, childrenExpr, used) {
+  const spreads = props.filter((p) => p.kind === "spread");
+  const normal = props.filter((p) => p.kind !== "spread");
+  const entries = normal.map((p) => `${propKey(p.name)}: ${propValue(p)}`);
+  if (childrenExpr != null) entries.push(`children: ${childrenExpr}`);
+  const obj = `{ ${entries.join(", ")} }`;
+  if (spreads.length > 0) {
+    used.add("mergeProps");
+    return `mergeProps(${spreads.map((s) => s.expr).join(", ")}, ${obj})`;
+  }
+  return obj;
+}
+function markBind(code, at) {
+  return at ? markHole(code, at.line, at.column) : code;
+}
+function emitChildren(children, used, templates) {
+  if (children.length === 1) return emitNode(children[0], used, templates);
+  return `[${children.map((c) => emitNode(c, used, templates)).join(", ")}]`;
+}
+function emitComponent(name, props, children, used, templates, at) {
+  used.add("createMemo");
+  used.add("createComponent");
+  const spreads = props.filter((p) => p.kind === "spread");
+  const normal = props.filter((p) => p.kind !== "spread");
+  const entries = normal.map(
+    (p) => `get ${propKey(p.name)}() { return ${componentPropValue(p)}; }`
+  );
+  if (children.length > 0) {
+    entries.push(`get children() { return ${emitChildren(children, used, templates)}; }`);
+  }
+  let obj = `{ ${entries.join(", ")} }`;
+  if (spreads.length > 0) {
+    used.add("mergeProps");
+    obj = `mergeProps(${spreads.map((s) => s.expr).join(", ")}, ${obj})`;
+  }
+  const propAt = {};
+  for (const p of normal) if (p.at) propAt[p.name] = [p.at.line, p.at.column];
+  if (Object.keys(propAt).length) obj = markProps(obj, propAt);
+  const mark = at ? `globalThis.${SOURCE_MARKER}?.(${JSON.stringify(at.file)},${at.line},${at.column},${JSON.stringify(name)}), ` : "";
+  return `createMemo(${paren(`${mark}() => createComponent(${name}, ${obj})`, "value")})`;
+}
+function staticAttrAssignment(el, prop) {
+  const name = htmlAttrName(prop.name);
+  const value = prop.literal;
+  if (value === true || value === void 0) return `${el}.setAttribute(${JSON.stringify(name)}, "");`;
+  if (value === false || value === null) return "";
+  return `${el}.setAttribute(${JSON.stringify(name)}, ${JSON.stringify(String(value))});`;
+}
+var partial = false;
+function emitNode(node, used, templates) {
+  switch (node.kind) {
+    case "text":
+      return JSON.stringify(node.value);
+    case "expr": {
+      if (!node.reactive) return paren(node.code, "value");
+      const accessor = `() => ${paren(node.code, "arrowBody")}`;
+      return node.at ? markHole(accessor, node.at.line, node.at.column) : accessor;
+    }
+    case "fragment":
+      if (node.children.length === 0) return "null";
+      return emitChildren(node.children, used, templates);
+    case "component":
+      return markBind(emitComponent(node.name, node.props, node.children, used, templates, node.at), node.bindAt ?? node.at);
+    case "control": {
+      const name = CONTROL_COMPONENT[node.control] ?? node.control;
+      used.add(name);
+      return markBind(emitComponent(name, node.props, node.children, used, templates), node.bindAt);
+    }
+    case "element": {
+      if (templates && node.static && !node.svg && isSerializable(node)) {
+        used.add("templateNode");
+        const id = `_tmpl$${templates.length}`;
+        templates.push({ id, html: serializeStatic(node), tag: node.tag, svg: false });
+        const at = templatePositions(node);
+        return at ? `templateNode(${id}, ${JSON.stringify(node.tag)}, false, false, ${JSON.stringify(at)})` : `templateNode(${id}, ${JSON.stringify(node.tag)})`;
+      }
+      if (templates && partial) {
+        const plan = planPartialTemplate(node);
+        if (plan) {
+          used.add("templateNode");
+          used.add("insert");
+          used.add("holeEnd");
+          used.add("holeContent");
+          used.add("holeScope");
+          const id = `_tmpl$${templates.length}`;
+          templates.push({ id, html: plan.html, tag: plan.tag, svg: false });
+          const at = templatePositions(node);
+          const lines = [
+            `const _el$ = templateNode(${id}, ${JSON.stringify(plan.tag)}, true${at ? `, false, ${JSON.stringify(at)}` : ""});`
+          ];
+          for (const step of plan.steps) lines.push(`const ${step.ref} = ${step.expr};`);
+          for (const hole of plan.holes) {
+            lines.push(
+              `insert(${hole.parentRef}, holeScope(${hole.startRef}, () => ${paren(emitNode(hole.node, used, templates), "arrowBody")}), ${hole.endRef}, holeContent(${hole.startRef}, ${hole.endRef}));`
+            );
+          }
+          lines.push("return _el$;");
+          return `(() => { ${lines.join(" ")} })()`;
+        }
+      }
+      used.add("createNativeElement");
+      const tag = JSON.stringify(node.tag);
+      const el = "_el$";
+      const parts = [];
+      const createArgs = node.at ? `${tag}, ${node.svg}, ${JSON.stringify(node.at)}` : node.svg ? `${tag}, true` : tag;
+      parts.push(`const ${el} = createNativeElement(${createArgs});`);
+      if (node.props.length > 0) {
+        if (!node.svg && node.props.every(isPlainLiteralAttr)) {
+          for (const p of node.props) parts.push(staticAttrAssignment(el, p));
+        } else {
+          used.add("spread");
+          const svgFlag = node.svg ? ", isSVG: true" : "";
+          parts.push(`spread({ element: ${el}, props: ${emitProps(node.props, null, used)}${svgFlag} });`);
+        }
+      }
+      for (const child of node.children) {
+        used.add("insert");
+        const childCode = emitNode(child, used, templates);
+        const isFn = child.kind === "expr" && child.reactive || child.kind === "component" || child.kind === "control";
+        parts.push(isFn ? `insert(${el}, ${childCode}, null);` : `insert(${el}, ${childCode});`);
+      }
+      parts.push(`return ${el};`);
+      return `(() => { ${parts.join(" ")} })()`;
+    }
+  }
+}
+function inlineTemplates(code, templates) {
+  if (!templates || templates.length === 0) return code;
+  const byId = new Map(templates.map((t) => [t.id, JSON.stringify(t.html)]));
+  return code.replace(/_tmpl\$\d+/g, (id) => byId.get(id) ?? id);
+}
+var imperativeBackend = {
+  name: "imperative",
+  contract: RUNTIME_CONTRACT_V1,
+  emit(node, options) {
+    const used = /* @__PURE__ */ new Set();
+    const templates = options?.templateClone !== false ? [] : void 0;
+    partial = options?.partialTemplates === true;
+    const code = emitNode(node, used, templates);
+    return { code, imports: Array.from(used), templates };
+  }
+};
+
+// src/resolve/component-resolver.ts
+var isMapRule = (rule) => "components" in rule;
+function substitute(template, match) {
+  return template.replace(/\$(\d+)/g, (whole, index) => {
+    const group = match[Number(index)];
+    return group ?? whole;
+  });
+}
+function normalise(name, entry) {
+  return typeof entry === "string" ? { module: entry, export: name } : entry;
+}
+function createComponentResolver(rules = []) {
+  const exact = /* @__PURE__ */ new Map();
+  const conflicts = [];
+  const patterns = [];
+  for (const rule of rules) {
+    if (!isMapRule(rule)) {
+      patterns.push(rule);
+      continue;
+    }
+    for (const [name, entry] of Object.entries(rule.components)) {
+      const resolved = normalise(name, entry);
+      const existing = exact.get(name);
+      if (existing && existing.module !== resolved.module) {
+        const conflict = conflicts.find((c) => c.name === name);
+        if (conflict) conflict.modules.push(resolved.module);
+        else conflicts.push({ name, modules: [existing.module, resolved.module] });
+        continue;
+      }
+      exact.set(name, resolved);
+    }
+  }
+  const cache = /* @__PURE__ */ new Map();
+  const resolve = (name) => {
+    if (cache.has(name)) return cache.get(name);
+    let result = exact.get(name);
+    if (!result) {
+      for (const rule of patterns) {
+        const match = name.match(new RegExp(rule.match.source, rule.match.flags.replace("g", "")));
+        if (!match) continue;
+        result = {
+          module: substitute(rule.module, match),
+          export: rule.export ? substitute(rule.export, match) : name
+        };
+        break;
+      }
+    }
+    cache.set(name, result);
+    return result;
+  };
+  return {
+    resolve,
+    names: () => [...exact.keys()],
+    conflicts: () => conflicts
+  };
+}
+
+// src/lower/template.ts
+var import_template_parser = require("@fluixi/template-parser");
+
+// src/lower/text.ts
+function cleanTemplateText(value) {
+  const lines = value.split(/\r\n|\n|\r/);
+  let lastNonEmpty = 0;
+  for (let i = 0; i < lines.length; i++) {
+    if (/[^ \t]/.test(lines[i])) lastNonEmpty = i;
+  }
+  let out = "";
+  for (let i = 0; i < lines.length; i++) {
+    let line = lines[i].replace(/\t/g, " ");
+    if (i !== 0) line = line.replace(/^ +/, "");
+    if (i !== lines.length - 1) line = line.replace(/ +$/, "");
+    if (!line) continue;
+    if (i !== lastNonEmpty) line += " ";
+    out += line;
+  }
+  return out;
+}
+
+// src/lower/template.ts
+var DELEGATED = /* @__PURE__ */ new Set([
+  "click",
+  "dblclick",
+  "input",
+  "change",
+  "submit",
+  "focus",
+  "blur",
+  "keydown",
+  "keyup",
+  "keypress",
+  "mousedown",
+  "mouseup"
+]);
+function escapeTemplate(s) {
+  return s.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/g, "\\${");
+}
+function capitalize(s) {
+  return s.charAt(0).toUpperCase() + s.slice(1);
+}
+var Lowerer = class {
+  constructor(holes, used, sourceFile, positionAt) {
+    this.holes = holes;
+    this.used = used;
+    this.sourceFile = sourceFile;
+    this.positionAt = positionAt;
+  }
+  /**
+   * Where a tag is written, for the mark a component node carries.
+   *
+   * The parser reports offsets, and they are offsets into the file: the pieces it was given
+   * carry the positions the front-end recorded. Only built when the host asked for source
+   * locations, which is the only time either of these is set.
+   */
+  tagAt(node) {
+    const start = node.loc?.start;
+    if (!this.sourceFile || !this.positionAt || start == null) return void 0;
+    const { line, column } = this.positionAt(start);
+    return { file: this.sourceFile, line, column };
+  }
+  hole(i) {
+    return this.holes[i] ?? { code: "undefined", reactive: false };
+  }
+  /** Emit a nested IR subtree to code (for `Show` fallback / `For` children). */
+  emit(node) {
+    const { code, imports, templates } = imperativeBackend.emit(node, {});
+    for (const s of imports) this.used.add(s);
+    return inlineTemplates(code, templates);
+  }
+  // --- content ------------------------------------------------------------
+  lowerRoot(children) {
+    const nodes = this.lowerChildren(children);
+    if (nodes.length === 1) return nodes[0];
+    return { kind: "fragment", children: nodes };
+  }
+  /** Lower a sibling list, handling text-drop and if/else/each restructuring. */
+  lowerChildren(children) {
+    const out = [];
+    for (let i = 0; i < children.length; i++) {
+      const child = children[i];
+      if (child.kind === "Element" || child.kind === "Component") {
+        const ifDir = child.attributes.find((a) => a.kind === "IfDirective");
+        if (ifDir && ifDir.kind === "IfDirective") {
+          let elseIdx = i + 1;
+          if (elseIdx < children.length && this.isBlankText(children[elseIdx])) elseIdx++;
+          const elseNode = children[elseIdx];
+          const hasElse = elseNode && (elseNode.kind === "Element" || elseNode.kind === "Component") && elseNode.attributes.some((a) => a.kind === "ElseDirective");
+          out.push(this.lowerIf(child, ifDir.hole, hasElse ? elseNode : null));
+          if (hasElse) i = elseIdx;
+          continue;
+        }
+        if (child.attributes.some((a) => a.kind === "EachDirective")) {
+          out.push(this.lowerEach(child));
+          continue;
+        }
+      }
+      const node = this.lowerNode(child);
+      if (node) out.push(node);
+    }
+    return out;
+  }
+  isBlankText(n) {
+    return n.kind === "Text" && !n.raw && cleanTemplateText(n.value) === "";
+  }
+  lowerNode(node) {
+    switch (node.kind) {
+      case "Text": {
+        if (node.raw) return { kind: "text", value: node.value };
+        const cleaned = cleanTemplateText(node.value);
+        return cleaned ? { kind: "text", value: cleaned } : null;
+      }
+      case "Comment":
+        return null;
+      // dropped, like JSX comments
+      case "Expression": {
+        const h = this.hole(node.hole);
+        return { kind: "expr", code: h.code, reactive: h.reactive, ...h.at ? { at: h.at } : {} };
+      }
+      case "Fragment":
+        return { kind: "fragment", children: this.lowerChildren(node.children) };
+      case "Element":
+        return this.lowerElement(node);
+      case "Component":
+        return this.lowerComponent(node);
+      default:
+        return null;
+    }
+  }
+  lowerElement(el) {
+    const isAttr = el.attributes.find((a) => a.kind === "Attribute" && a.name === "is");
+    if (el.tag === "component" && isAttr && isAttr.value && isAttr.value.kind === "hole") {
+      const rest = el.attributes.filter((a) => a !== isAttr);
+      const node = this.lowerComponent({ ...el, kind: "Component", tag: "Dynamic", tagHole: null, attributes: rest });
+      node.props.unshift({ name: "component", kind: "attr", expr: `() => ${paren(this.hole(isAttr.value.hole).code, "arrowBody")}` });
+      return node;
+    }
+    const at = this.tagAt(el);
+    return {
+      kind: "element",
+      tag: el.tag,
+      svg: el.namespace === "svg",
+      props: this.lowerAttributes(el.attributes),
+      children: this.lowerChildren(el.children),
+      static: false,
+      ...at ? { at } : {}
+    };
+  }
+  lowerComponent(el) {
+    const name = el.tagHole != null ? this.hole(el.tagHole).code : el.tag;
+    const props = this.lowerAttributes(el.attributes);
+    const { slots, rest } = this.partitionSlots(el.children);
+    for (const [slotName, nodes] of slots) {
+      const ir = nodes.length === 1 ? nodes[0] : { kind: "fragment", children: nodes };
+      const slotProp = {
+        name: slotName,
+        kind: "attr",
+        expr: this.emit(ir),
+        jsxElement: true
+      };
+      const clash = props.findIndex((p) => p.name === slotName);
+      if (clash >= 0) props[clash] = slotProp;
+      else props.push(slotProp);
+    }
+    const loadAttr = el.attributes.find((a) => a.kind === "LoadDirective");
+    const load = loadAttr ? parseLoadDirective(`load:${loadAttr.strategy}`, loadAttr.modifier) : void 0;
+    const bindAt = props.find((p) => p.at && p.reactive)?.at;
+    const at = this.tagAt(el);
+    return {
+      kind: "component",
+      name,
+      props,
+      children: this.lowerChildren(rest),
+      ...at ? { at } : {},
+      ...bindAt ? { bindAt } : {},
+      ...load ? { load } : {}
+    };
+  }
+  /** Split a component's children into named slots (`slot="x"`) and the rest. */
+  partitionSlots(children) {
+    const slots = /* @__PURE__ */ new Map();
+    const rest = [];
+    for (const child of children) {
+      if (child.kind === "Element" || child.kind === "Component") {
+        const slot = child.attributes.find(
+          (a) => a.kind === "Attribute" && a.name === "slot"
+        );
+        if (slot && slot.value && slot.value.kind === "static") {
+          const stripped = { ...child, attributes: child.attributes.filter((a) => a !== slot) };
+          const ir = stripped.kind === "Element" ? this.lowerElement(stripped) : this.lowerComponent(stripped);
+          const bucket = slots.get(slot.value.value) ?? [];
+          bucket.push(ir);
+          slots.set(slot.value.value, bucket);
+          continue;
+        }
+      }
+      rest.push(child);
+    }
+    return { slots, rest };
+  }
+  // --- control-flow sugar -------------------------------------------------
+  /** `<el if=${cond}>…</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
+  lowerIf(el, condHole, elseEl) {
+    const cond = this.hole(condHole);
+    const props = [
+      { name: "when", kind: "attr", expr: cond.code, reactive: cond.reactive, ...cond.at ? { at: cond.at } : {} }
+    ];
+    if (elseEl) {
+      const elseIR = this.stripAndLower(elseEl, (a) => a.kind === "ElseDirective");
+      props.push({ name: "fallback", kind: "attr", expr: this.emit(elseIR), jsxElement: true });
+    }
+    const child = this.stripAndLower(el, (a) => a.kind === "IfDirective");
+    const at = this.tagAt(el);
+    return { kind: "component", name: "Show", props, children: [child], ...at ? { at } : {}, ...cond.at ? { bindAt: cond.at } : {} };
+  }
+  /** `<el each=${items} key?>${item => …}</el>` → `<For each>{item => <el>…</el>}</For>`. */
+  lowerEach(el) {
+    const eachDir = el.attributes.find((a) => a.kind === "EachDirective");
+    if (!eachDir || eachDir.kind !== "EachDirective") return this.lowerNode(el);
+    const each = this.hole(eachDir.hole);
+    const props = [{ name: "each", kind: "attr", expr: each.code, reactive: each.reactive, ...each.at ? { at: each.at } : {} }];
+    if (eachDir.key) {
+      const by = "static" in eachDir.key ? `(item) => item[${JSON.stringify(eachDir.key.static)}]` : this.hole(eachDir.key.hole).code;
+      props.push({ name: "by", kind: "attr", expr: by });
+    }
+    const arrow = this.itemArrow(el);
+    let childrenCode;
+    if (arrow) {
+      const bodyIR = { kind: "expr", code: arrow.body, reactive: arrow.bodyReactive };
+      const repeated = this.rebuildWithChildren(el, [bodyIR]);
+      childrenCode = `(${arrow.params.join(", ")}) => ${paren(this.emit(repeated), "arrowBody")}`;
+    } else {
+      const repeated = this.stripAndLower(el, (a) => a.kind === "EachDirective");
+      childrenCode = `() => ${paren(this.emit(repeated), "arrowBody")}`;
+    }
+    const children = [{ kind: "expr", code: childrenCode, reactive: false }];
+    const at = this.tagAt(el);
+    return { kind: "component", name: "For", props, children, ...at ? { at } : {}, ...each.at ? { bindAt: each.at } : {} };
+  }
+  /** The single `${item => expr}` child arrow, if that's the element's content. */
+  itemArrow(el) {
+    const kids = el.children.filter((c) => !this.isBlankText(c));
+    if (kids.length !== 1 || kids[0].kind !== "Expression") return null;
+    return this.hole(kids[0].hole).arrow ?? null;
+  }
+  /** Lower an element to IR, dropping the directive attribute matched by `drop`. */
+  stripAndLower(el, drop) {
+    const clone = { ...el, attributes: el.attributes.filter((a) => !drop(a)) };
+    return clone.kind === "Element" ? this.lowerElement(clone) : this.lowerComponent(clone);
+  }
+  /** Same element (minus each/key) but with explicit IR children. */
+  rebuildWithChildren(el, children) {
+    const props = this.lowerAttributes(
+      el.attributes.filter((a) => a.kind !== "EachDirective")
+    );
+    if (el.kind === "Element") {
+      const at = this.tagAt(el);
+      return {
+        kind: "element",
+        tag: el.tag,
+        svg: el.namespace === "svg",
+        props,
+        children,
+        static: false,
+        ...at ? { at } : {}
+      };
+    }
+    return { kind: "component", name: el.tag, props, children };
+  }
+  // --- attributes ---------------------------------------------------------
+  lowerAttributes(attrs) {
+    const props = [];
+    const classEntries = [];
+    let classReactive = false;
+    let classAt;
+    const styleEntries = [];
+    let styleReactive = false;
+    let styleAt;
+    const usePairs = [];
+    for (const a of attrs) {
+      switch (a.kind) {
+        case "IfDirective":
+        case "EachDirective":
+        case "ElseDirective":
+          break;
+        // handled as control-flow at the parent level
+        case "Attribute":
+          props.push(this.plainAttr(a));
+          break;
+        case "PropertyBinding":
+          props.push({
+            name: a.name,
+            kind: "prop",
+            expr: this.hole(a.hole).code,
+            reactive: this.hole(a.hole).reactive,
+            ...this.hole(a.hole).at ? { at: this.hole(a.hole).at } : {}
+          });
+          break;
+        case "EventBinding":
+          props.push(this.eventProp(a));
+          break;
+        case "RefBinding":
+          props.push({
+            name: "ref",
+            kind: "ref",
+            expr: this.hole(a.hole).code,
+            reactive: this.hole(a.hole).reactive,
+            // Which variable ends up holding the element, and where it was written.
+            ...this.hole(a.hole).at ? { at: this.hole(a.hole).at } : {}
+          });
+          break;
+        case "Spread":
+          props.push({ name: "", kind: "spread", expr: this.hole(a.hole).code });
+          break;
+        case "ClassDirective": {
+          const h = this.hole(a.hole);
+          classEntries.push(`${JSON.stringify(a.name)}: ${h.code}`);
+          classReactive = classReactive || h.reactive;
+          classAt ??= h.at;
+          break;
+        }
+        case "StyleDirective": {
+          const h = this.hole(a.hole);
+          styleEntries.push(`${JSON.stringify(a.name)}: ${h.code}`);
+          styleReactive = styleReactive || h.reactive;
+          styleAt ??= h.at;
+          break;
+        }
+        case "BindDirective":
+          props.push(...this.bindProps(a.name, this.hole(a.hole)));
+          break;
+        case "UseDirective": {
+          const dir = a.name ?? (a.hole != null ? this.hole(a.hole).code : null);
+          if (!dir) break;
+          usePairs.push(a.name != null && a.hole != null ? `[${dir}, () => ${paren(this.hole(a.hole).code, "arrowBody")}]` : `[${dir}]`);
+          break;
+        }
+      }
+    }
+    if (classEntries.length > 0) {
+      props.push({
+        name: "classList",
+        kind: "attr",
+        expr: `{ ${classEntries.join(", ")} }`,
+        reactive: classReactive,
+        ...classAt ? { at: classAt } : {}
+      });
+    }
+    if (styleEntries.length > 0) {
+      props.push({
+        name: "style",
+        kind: "attr",
+        expr: `{ ${styleEntries.join(", ")} }`,
+        reactive: styleReactive,
+        ...styleAt ? { at: styleAt } : {}
+      });
+    }
+    if (usePairs.length > 0) {
+      props.push({ name: "use", kind: "attr", expr: `[${usePairs.join(", ")}]` });
+    }
+    return props;
+  }
+  /**
+   * Lower an event binding. Plain `@click`/`onClick` (no modifiers) stays a
+   * DELEGATED handler (unchanged, byte-identical with JSX). `on:click` or any
+   * modifier (`.capture`/`.once`/`.passive`/`.prevent`/`.stop`/`.self`) emits a
+   * NATIVE `on:name` prop the runtime attaches via addEventListener.
+   */
+  eventProp(a) {
+    const dom = a.name.toLowerCase();
+    const handler = this.hole(a.hole).code;
+    const native = a.syntax === "colon" || a.modifiers.length > 0;
+    if (!native) {
+      return {
+        name: "on" + capitalize(a.name),
+        kind: "event",
+        event: { name: dom, delegated: DELEGATED.has(dom) },
+        expr: handler
+      };
+    }
+    const wrapped = this.wrapHandler(handler, a.modifiers);
+    const options = this.eventOptions(a.modifiers);
+    const value = options ? `[${wrapped}, ${options}]` : wrapped;
+    return { name: "on:" + dom, kind: "attr", expr: value };
+  }
+  /** Wrap a handler for `.prevent`/`.stop`/`.self` (no wrap when none apply). */
+  wrapHandler(handler, mods) {
+    const guard = mods.includes("self") ? "if (e.target !== e.currentTarget) return; " : "";
+    const pre = [];
+    if (mods.includes("prevent")) pre.push("e.preventDefault();");
+    if (mods.includes("stop")) pre.push("e.stopPropagation();");
+    if (!guard && pre.length === 0) return handler;
+    return `(e) => { ${guard}${pre.join(" ")} return (${handler})(e); }`;
+  }
+  /** addEventListener options object from `.capture`/`.once`/`.passive`, or null. */
+  eventOptions(mods) {
+    const opts = [];
+    if (mods.includes("capture")) opts.push("capture: true");
+    if (mods.includes("once")) opts.push("once: true");
+    if (mods.includes("passive")) opts.push("passive: true");
+    return opts.length ? `{ ${opts.join(", ")} }` : null;
+  }
+  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e…value)}`. */
+  bindProps(prop, h) {
+    const sigCode = h.code;
+    const checked = prop === "checked";
+    const evt = checked ? "change" : "input";
+    const accessor = checked ? "checked" : "value";
+    this.used.add("bindPair");
+    const sig = `bindPair(${sigCode})`;
+    return [
+      {
+        name: prop,
+        kind: "attr",
+        expr: `${sig}[0]()`,
+        reactive: true,
+        directive: `bind:${prop}`,
+        ...h.at ? { at: h.at } : {}
+      },
+      {
+        name: "on" + capitalize(evt),
+        kind: "event",
+        event: { name: evt, delegated: DELEGATED.has(evt) },
+        // delegated handler: `target` is the bound element (currentTarget is the root)
+        expr: `(e) => ${sig}[1](e.target.${accessor})`
+      }
+    ];
+  }
+  /** A plain attribute (incl. lit `?bool`, mixed values) — old `mkProp` behavior. */
+  plainAttr(a) {
+    const v = a.value;
+    let name = a.name;
+    if (a.name === "class") {
+      name = v && v.kind === "hole" && this.hole(v.hole).object ? "classList" : "className";
+    } else if (a.name === "html") {
+      name = "innerHTML";
+    }
+    const kind = "attr";
+    const base = { name, kind };
+    if (v == null) {
+      base.literal = true;
+      return base;
+    }
+    if (v.kind === "static") {
+      base.literal = v.value;
+      return base;
+    }
+    if (v.kind === "hole") {
+      const h = this.hole(v.hole);
+      base.expr = h.code;
+      base.reactive = h.reactive;
+      if (h.at) base.at = h.at;
+      return base;
+    }
+    let reactive = false;
+    let at;
+    const body = v.parts.map((p) => {
+      if ("text" in p) return escapeTemplate(p.text);
+      const h = this.hole(p.hole);
+      reactive = reactive || h.reactive;
+      at ??= h.at;
+      return "${" + h.code + "}";
+    }).join("");
+    base.expr = "`" + body + "`";
+    base.reactive = reactive;
+    if (at) base.at = at;
+    return base;
+  }
+};
+function lowerTemplate(pieces, holes, used, opts = {}) {
+  const { root } = (0, import_template_parser.parseTemplate)(pieces, { svg: opts.svg });
+  return new Lowerer(holes, used, opts.sourceFile, opts.positionAt).lowerRoot(root.children);
+}
+
+// src/lower/compile-template.ts
+function compilePieces(pieces, holes, options = {}) {
+  const used = /* @__PURE__ */ new Set();
+  const ir = lowerTemplate(pieces, [...holes], used, {
+    svg: options.svg,
+    ...options.sourceFile ? { sourceFile: options.sourceFile } : {},
+    ...options.positionAt ? { positionAt: options.positionAt } : {}
+  });
+  analyzeStatic(ir);
+  resolveComponentSources(ir, {
+    resolver: createComponentResolver(options.resolve ?? []),
+    modules: {
+      controlFlowModule: options.controlFlowModule ?? "@fluixi/dom",
+      coreModule: options.coreModule ?? "@fluixi/core",
+      routerModule: options.routerModule ?? "@fluixi/core/router"
+    },
+    strategyFor: (node) => node.load
+  });
+  collapseStrategies(ir);
+  const { code, imports, templates } = imperativeBackend.emit(ir, {
+    templateClone: options.templateClone,
+    partialTemplates: options.partialTemplates
+  });
+  for (const symbol of imports) used.add(symbol);
+  if (options.hoistTemplates) return { code, imports: [...used], ir, templates };
+  return { code: inlineTemplates(code, templates), imports: [...used], ir };
+}
+
+// src/analyze/reactive-expr.ts
+var STABLE_MEMBER = "children";
+function isReactiveShape(shape) {
+  switch (shape.kind) {
+    case "call":
+      return true;
+    case "member":
+      return shape.property !== STABLE_MEMBER;
+    case "compound":
+      return shape.parts.some(isReactiveShape);
+    case "opaque":
+      return false;
+  }
+}
+
+// src/analyze/expr-shape.ts
+var CALL = /* @__PURE__ */ new Set(["CallExpression", "OptionalCallExpression"]);
+var MEMBER = /* @__PURE__ */ new Set(["MemberExpression", "OptionalMemberExpression"]);
+function shapeOf(node) {
+  if (!node) return { kind: "opaque" };
+  if (CALL.has(node.type)) return { kind: "call" };
+  if (MEMBER.has(node.type)) {
+    const property = node.property;
+    const computed = node.computed === true;
+    return {
+      kind: "member",
+      property: !computed && property?.type === "Identifier" ? property.name : null
+    };
+  }
+  if (node.type === "ConditionalExpression") {
+    return { kind: "compound", parts: [node.test, node.consequent, node.alternate].map(part) };
+  }
+  if (node.type === "LogicalExpression" || node.type === "BinaryExpression") {
+    return { kind: "compound", parts: [node.left, node.right].map(part) };
+  }
+  if (node.type === "TemplateLiteral") {
+    return { kind: "compound", parts: node.expressions.map(part) };
+  }
+  if (node.type === "ObjectExpression") {
+    const props = node.properties.filter(
+      (p) => (p.type === "ObjectProperty" || p.type === "Property") && p.computed !== true
+    );
+    return { kind: "compound", parts: props.map((p) => part(p.value)) };
+  }
+  if (node.type === "ArrayExpression") {
+    const items = node.elements.filter(
+      (e) => e != null && e.type !== "SpreadElement"
+    );
+    return { kind: "compound", parts: items.map(part) };
+  }
+  return { kind: "opaque" };
+}
+var part = (n) => shapeOf(n);
+
+// src/lower/jsx.ts
+var SVG_TAGS = /* @__PURE__ */ new Set([
+  "svg",
+  "path",
+  "circle",
+  "rect",
+  "line",
+  "polygon",
+  "polyline",
+  "ellipse",
+  "g",
+  "defs",
+  "clipPath",
+  "text"
+]);
+var EVENT_RE = /^on[A-Z]/;
+var DELEGATED2 = /* @__PURE__ */ new Set([
+  "click",
+  "dblclick",
+  "input",
+  "change",
+  "submit",
+  "focus",
+  "blur",
+  "keydown",
+  "keyup",
+  "keypress",
+  "mousedown",
+  "mouseup"
+]);
+var isReactive = (node) => isReactiveShape(shapeOf(node));
+var posOf = (node, ctx) => {
+  if (!ctx.sourceFile) return void 0;
+  const at = node.loc?.start;
+  return at ? { line: at.line, column: at.column } : void 0;
+};
+function literalOf(node) {
+  if (node.type === "StringLiteral" || node.type === "NumericLiteral" || node.type === "BooleanLiteral") {
+    return node.value;
+  }
+  if (node.type === "Literal" && (typeof node.value === "string" || typeof node.value === "number" || typeof node.value === "boolean")) {
+    return node.value;
+  }
+  return void 0;
+}
+var isString = (node) => !!node && typeof literalOf(node) === "string";
+function tagInfo(name, ctx) {
+  if (name.type === "JSXIdentifier") {
+    return { tag: name.name, component: name.name[0] !== name.name[0].toLowerCase() };
+  }
+  if (name.type === "JSXMemberExpression") return { tag: ctx.code(name), component: true };
+  if (name.type === "JSXNamespacedName") {
+    return { tag: `${name.namespace.name}:${name.name.name}`, component: false };
+  }
+  return { tag: "div", component: false };
+}
+function attrName(name) {
+  if (name.type === "JSXIdentifier") return name.name === "class" ? "className" : name.name;
+  if (name.type === "JSXNamespacedName") return `${name.namespace.name}:${name.name.name}`;
+  return "unknown";
+}
+function buildAttr(attr, ctx) {
+  const name = attrName(attr.name);
+  const isEvent = EVENT_RE.test(name);
+  const isHandler = isEvent || name.startsWith("on:") || name === "ref";
+  const kind = isEvent ? "event" : "attr";
+  const base = { name, kind };
+  if (isEvent) {
+    const evt = name.slice(2).toLowerCase();
+    base.event = { name: evt, delegated: DELEGATED2.has(evt) };
+  }
+  const v = attr.value;
+  if (v == null) {
+    base.literal = true;
+    base.at = posOf(attr, ctx);
+    return base;
+  }
+  if (isString(v)) {
+    base.literal = literalOf(v);
+    base.at = posOf(v, ctx);
+    return base;
+  }
+  if (v.type === "JSXExpressionContainer" && v.expression?.type !== "JSXEmptyExpression") {
+    const expr = v.expression;
+    const literal = literalOf(expr);
+    if (literal !== void 0) {
+      base.literal = literal;
+      base.at = posOf(expr, ctx);
+      return base;
+    }
+    base.expr = ctx.code(expr);
+    base.reactive = isHandler ? false : isReactive(expr);
+    base.at = posOf(expr, ctx);
+    if (expr.type === "JSXElement" || expr.type === "JSXFragment") base.jsxElement = true;
+    return base;
+  }
+  base.literal = true;
+  return base;
+}
+function attrExprCode(attr, ctx) {
+  const v = attr.value;
+  if (v == null) return null;
+  if (isString(v)) return JSON.stringify(literalOf(v));
+  if (v.type === "JSXExpressionContainer" && v.expression?.type !== "JSXEmptyExpression") {
+    return ctx.code(v.expression);
+  }
+  return null;
+}
+function buildProps(attrs, ctx) {
+  const props = [];
+  const usePairs = [];
+  for (const a of attrs) {
+    if (a.type === "JSXSpreadAttribute") {
+      props.push({ name: "", kind: "spread", expr: ctx.code(a.argument) });
+      continue;
+    }
+    if (a.type !== "JSXAttribute") continue;
+    if (isLoadDirective(attrName(a.name))) continue;
+    const ns = a.name.type === "JSXNamespacedName" ? a.name.namespace.name : null;
+    if (ns === "use") {
+      const dir = a.name.name.name;
+      ctx.used.add(dir);
+      const opts = attrExprCode(a, ctx);
+      usePairs.push(opts != null ? `[${dir}, () => ${paren(opts, "arrowBody")}]` : `[${dir}]`);
+      continue;
+    }
+    if (ns === "oncapture") {
+      const evt = a.name.name.name.toLowerCase();
+      const h = attrExprCode(a, ctx) ?? "undefined";
+      props.push({ name: "on:" + evt, kind: "attr", expr: `[${h}, { capture: true }]` });
+      continue;
+    }
+    props.push(buildAttr(a, ctx));
+  }
+  if (usePairs.length > 0) props.push({ name: "use", kind: "attr", expr: `[${usePairs.join(", ")}]` });
+  return props;
+}
+function buildChildren(children, ctx) {
+  const out = [];
+  for (const child of children) {
+    if (child.type === "JSXText") {
+      const text = cleanTemplateText(child.value);
+      if (text) out.push({ kind: "text", value: text });
+    } else if (child.type === "JSXExpressionContainer") {
+      if (child.expression?.type !== "JSXEmptyExpression") {
+        const expr = child.expression;
+        const reactive = isReactive(expr);
+        out.push({
+          kind: "expr",
+          code: ctx.code(expr),
+          reactive,
+          ...reactive ? { at: posOf(expr, ctx) } : {}
+        });
+      }
+    } else if (child.type === "JSXElement" || child.type === "JSXFragment") {
+      out.push(buildNode(child, ctx));
+    } else if (child.type === "JSXSpreadChild") {
+      out.push({ kind: "expr", code: ctx.code(child.expression), reactive: false });
+    }
+  }
+  return out;
+}
+function readLoad(attrs) {
+  for (const a of attrs) {
+    if (a.type !== "JSXAttribute") continue;
+    const name = attrName(a.name);
+    if (!isLoadDirective(name)) continue;
+    if (a.value && !isString(a.value)) {
+      throw new LoadDirectiveError(
+        `'${name}' needs a literal value, not an expression — the strategy is compile-time.`
+      );
+    }
+    return parseLoadDirective(name, a.value ? literalOf(a.value) : null);
+  }
+  return void 0;
+}
+function buildNode(node, ctx) {
+  if (node.type === "JSXFragment") {
+    return { kind: "fragment", children: buildChildren(node.children, ctx) };
+  }
+  const { tag, component } = tagInfo(node.openingElement.name, ctx);
+  const props = buildProps(node.openingElement.attributes, ctx);
+  const children = buildChildren(node.children, ctx);
+  const at = ctx.sourceFile && node.loc?.start ? { file: ctx.sourceFile, line: node.loc.start.line, column: node.loc.start.column } : void 0;
+  if (component) {
+    const load = readLoad(node.openingElement.attributes);
+    return { kind: "component", name: tag, props, children, ...load ? { load } : {}, ...at ? { at } : {} };
+  }
+  return { kind: "element", tag, svg: SVG_TAGS.has(tag), props, children, static: false, ...at ? { at } : {} };
+}
+function buildJsxIR(node, ctx) {
+  const ir = buildNode(node, ctx);
+  analyzeStatic(ir);
+  return ir;
+}
+
+// src/transform/bindings.ts
+function patternNames2(node, out) {
+  if (!node) return;
+  switch (node.type) {
+    case "Identifier":
+      out.add(node.name);
+      return;
+    case "ObjectPattern":
+      for (const p of node.properties) {
+        if (p.type === "RestElement") patternNames2(p.argument, out);
+        else patternNames2(p.value, out);
+      }
+      return;
+    case "ArrayPattern":
+      for (const e of node.elements) patternNames2(e, out);
+      return;
+    case "AssignmentPattern":
+      patternNames2(node.left, out);
+      return;
+    case "RestElement":
+      patternNames2(node.argument, out);
+      return;
+  }
+}
+function declared(node, out) {
+  switch (node.type) {
+    case "ImportDeclaration":
+      for (const s of node.specifiers) patternNames2(s.local, out);
+      return;
+    case "VariableDeclaration":
+      for (const d of node.declarations) patternNames2(d.id, out);
+      return;
+    case "FunctionDeclaration":
+    case "ClassDeclaration":
+      patternNames2(node.id, out);
+      return;
+    case "ExportNamedDeclaration":
+    case "ExportDefaultDeclaration":
+      if (node.declaration) declared(node.declaration, out);
+      return;
+  }
+}
+function moduleBindings(program) {
+  const names = /* @__PURE__ */ new Set();
+  for (const statement of program.body) declared(statement, names);
+  return names;
+}
+
+// src/transform/props.ts
+var import_parser = require("@babel/parser");
+var import_magic_string = __toESM(require("magic-string"), 1);
+
+// src/analyze/props-destructure.ts
+function patternNames3(node, out) {
+  if (!node) return;
+  switch (node.type) {
+    case "Identifier":
+      out.add(node.name);
+      return;
+    case "ObjectPattern":
+      for (const p of node.properties) {
+        if (p.type === "RestElement") patternNames3(p.argument, out);
+        else patternNames3(p.value, out);
+      }
+      return;
+    case "ArrayPattern":
+      for (const e of node.elements) patternNames3(e, out);
+      return;
+    case "AssignmentPattern":
+      patternNames3(node.left, out);
+      return;
+    case "RestElement":
+      patternNames3(node.argument, out);
+      return;
+  }
+}
+function isSafeDefault(node) {
+  switch (node.type) {
+    case "StringLiteral":
+    case "NumericLiteral":
+    case "BooleanLiteral":
+    case "NullLiteral":
+    case "BigIntLiteral":
+    case "RegExpLiteral":
+    case "Identifier":
+      return true;
+    // ESTree spells every literal as `Literal`; both shapes reach this analysis.
+    case "Literal":
+      return true;
+    case "TemplateLiteral":
+      return node.expressions.every(isSafeDefault);
+    case "UnaryExpression":
+      return isSafeDefault(node.argument);
+    case "MemberExpression":
+      return false;
+    default:
+      return false;
+  }
+}
+function walk4(root, visit) {
+  if (!root || typeof root !== "object") return;
+  visit(root);
+  for (const key of Object.keys(root)) {
+    if (key === "loc" || key === "range" || key === "leadingComments" || key === "trailingComments") continue;
+    const value = root[key];
+    if (Array.isArray(value)) {
+      for (const item of value) if (item && typeof item === "object") walk4(item, visit);
+    } else if (value && typeof value === "object" && typeof value.type === "string") {
+      walk4(value, visit);
+    }
+  }
+}
+function reassignedNames(body) {
+  const written = /* @__PURE__ */ new Set();
+  walk4(body, (node) => {
+    if (node.type === "AssignmentExpression") patternNames3(node.left, written);
+    else if (node.type === "UpdateExpression") {
+      const arg = node.argument;
+      if (arg?.type === "Identifier") written.add(arg.name);
+    }
+  });
+  return written;
+}
+function shadowedNames(body, candidates) {
+  const shadowed = /* @__PURE__ */ new Set();
+  const note = (node) => {
+    const names = /* @__PURE__ */ new Set();
+    patternNames3(node, names);
+    for (const n of names) if (candidates.has(n)) shadowed.add(n);
+  };
+  walk4(body, (node) => {
+    switch (node.type) {
+      case "VariableDeclarator":
+        note(node.id);
+        return;
+      case "FunctionDeclaration":
+      case "FunctionExpression":
+      case "ArrowFunctionExpression":
+        note(node.id);
+        for (const p of node.params ?? []) note(p);
+        return;
+      case "CatchClause":
+        note(node.param);
+        return;
+      case "ClassDeclaration":
+      case "ClassExpression":
+        note(node.id);
+        return;
+    }
+  });
+  return shadowed;
+}
+function collect(pattern, path, plan) {
+  for (const property of pattern.properties ?? []) {
+    if (property.type === "RestElement") {
+      const argument = property.argument;
+      if (argument?.type !== "Identifier" || path.length > 0) {
+        const names2 = /* @__PURE__ */ new Set();
+        patternNames3(argument, names2);
+        for (const name of names2) plan.bails.push({ name, reason: "rest" });
+        continue;
+      }
+      plan.rest = { name: argument.name, keys: [] };
+      continue;
+    }
+    if (property.computed) {
+      const names2 = /* @__PURE__ */ new Set();
+      patternNames3(property.value, names2);
+      for (const name of names2) plan.bails.push({ name, reason: "computed" });
+      continue;
+    }
+    const key = property.key;
+    const propertyName = key.type === "Identifier" ? key.name : key.value;
+    let value = property.value;
+    let fallback;
+    if (value.type === "AssignmentPattern") {
+      fallback = value.right;
+      value = value.left;
+    }
+    const here = [...path, propertyName];
+    if (value.type === "Identifier") {
+      if (fallback && !isSafeDefault(fallback)) {
+        plan.bails.push({ name: value.name, reason: "unsafe-default" });
+        continue;
+      }
+      plan.reads.push({ name: value.name, path: here, ...fallback ? { fallback } : {} });
+      continue;
+    }
+    if (value.type === "ObjectPattern") {
+      if (fallback) {
+        const names2 = /* @__PURE__ */ new Set();
+        patternNames3(value, names2);
+        for (const name of names2) plan.bails.push({ name, reason: "unsafe-default" });
+        continue;
+      }
+      collect(value, here, plan);
+      continue;
+    }
+    const names = /* @__PURE__ */ new Set();
+    patternNames3(value, names);
+    for (const name of names) plan.bails.push({ name, reason: "computed" });
+  }
+}
+function planPropsDestructure(pattern, body) {
+  const plan = { reads: [], bails: [] };
+  if (pattern?.type !== "ObjectPattern") return plan;
+  collect(pattern, [], plan);
+  if (plan.rest) {
+    if (body?.type !== "BlockStatement") {
+      plan.bails.push({ name: plan.rest.name, reason: "rest" });
+      delete plan.rest;
+    } else {
+      plan.rest.keys = (pattern.properties ?? []).filter((p) => p.type !== "RestElement" && !p.computed).map((p) => {
+        const key = p.key;
+        return key.type === "Identifier" ? key.name : key.value;
+      });
+    }
+  }
+  if (plan.reads.length === 0 && !plan.rest) return plan;
+  const candidates = new Set(plan.reads.map((r) => r.name));
+  if (plan.rest) candidates.add(plan.rest.name);
+  const written = reassignedNames(body);
+  const shadowed = shadowedNames(body, candidates);
+  const kept = [];
+  for (const read of plan.reads) {
+    if (written.has(read.name)) plan.bails.push({ name: read.name, reason: "reassigned" });
+    else if (shadowed.has(read.name)) plan.bails.push({ name: read.name, reason: "shadowed" });
+    else kept.push(read);
+  }
+  plan.reads = kept;
+  if (plan.rest && written.has(plan.rest.name)) {
+    plan.bails.push({ name: plan.rest.name, reason: "reassigned" });
+    delete plan.rest;
+  } else if (plan.rest && shadowed.has(plan.rest.name)) {
+    plan.bails.push({ name: plan.rest.name, reason: "shadowed" });
+    delete plan.rest;
+  }
+  return plan;
+}
+function explainBail(reason) {
+  switch (reason) {
+    case "rest":
+      return "this rest element cannot be served by splitProps, and copying the props into a plain object would lose the getters";
+    case "computed":
+      return "the property is not known until it runs";
+    case "reassigned":
+      return "the binding is assigned to, and props are read-only";
+    case "shadowed":
+      return "an inner scope binds the same name";
+    case "unsafe-default":
+      return "the default would have to run again on every read";
+  }
+}
+
+// src/transform/props.ts
+function walk5(root, visit, parent = null) {
+  if (!root || typeof root !== "object" || typeof root.type !== "string") return;
+  if (root.type.startsWith("TS")) return;
+  if (visit(root, parent) === false) return;
+  for (const key of Object.keys(root)) {
+    if (key === "loc" || key === "leadingComments" || key === "trailingComments") continue;
+    const value = root[key];
+    if (Array.isArray(value)) {
+      for (const item of value) walk5(item, visit, root);
+    } else if (value && typeof value === "object") {
+      walk5(value, visit, root);
+    }
+  }
+}
+function isComponentName(name) {
+  return !!name && name[0] >= "A" && name[0] <= "Z";
+}
+function componentFunctions(program) {
+  const found = [];
+  walk5(program, (node) => {
+    if (node.type === "FunctionDeclaration" && isComponentName(node.id?.name)) {
+      found.push(node);
+      return;
+    }
+    if (node.type === "VariableDeclarator" && isComponentName(node.id?.name)) {
+      const init = node.init;
+      if (init && (init.type === "ArrowFunctionExpression" || init.type === "FunctionExpression")) found.push(init);
+    }
+  });
+  return found;
+}
+function usedNames(fn) {
+  const names = /* @__PURE__ */ new Set();
+  walk5(fn, (node) => {
+    if (node.type === "Identifier") names.add(node.name);
+  });
+  return names;
+}
+function isReferencePosition(node, parent) {
+  if (!parent) return true;
+  switch (parent.type) {
+    case "MemberExpression":
+    case "OptionalMemberExpression":
+      return !(parent.property === node && !parent.computed);
+    case "ObjectProperty":
+    case "ObjectMethod":
+    case "ClassProperty":
+    case "ClassMethod":
+      return !(parent.key === node && !parent.computed);
+    case "LabeledStatement":
+    case "BreakStatement":
+    case "ContinueStatement":
+      return parent.label !== node;
+    case "ImportSpecifier":
+    case "ExportSpecifier":
+      return false;
+    default:
+      return true;
+  }
+}
+function collectPropsEdits(program, code, options = {}) {
+  const edits = [];
+  const diagnostics = [];
+  const used = /* @__PURE__ */ new Set();
+  for (const fn of componentFunctions(program)) {
+    const pattern = fn.params?.[0];
+    if (pattern?.type !== "ObjectPattern") continue;
+    const plan = planPropsDestructure(pattern, fn.body);
+    for (const b of plan.bails) {
+      diagnostics.push({ name: b.name, reason: b.reason, message: explainBail(b.reason), start: pattern.start });
+    }
+    if (plan.bails.length > 0) continue;
+    if (plan.reads.length === 0 && !plan.rest) continue;
+    const taken = usedNames(fn);
+    let parameter = options.parameterName ?? "props";
+    while (taken.has(parameter)) parameter = `_${parameter}`;
+    const replacement = /* @__PURE__ */ new Map();
+    for (const read of plan.reads) {
+      const access = `${parameter}.${read.path.join(".")}`;
+      const fallback = read.fallback;
+      replacement.set(
+        read.name,
+        fallback ? `(${access} === undefined ? ${code.slice(fallback.start, fallback.end)} : ${access})` : access
+      );
+    }
+    const annotation = pattern.typeAnnotation;
+    edits.push({ start: pattern.start, end: annotation?.start ?? pattern.end, code: parameter });
+    if (plan.rest) {
+      const keys = plan.rest.keys.map((k) => JSON.stringify(k)).join(", ");
+      const body = fn.body;
+      edits.push({
+        start: body.start + 1,
+        end: body.start + 1,
+        code: `
+  const [, ${plan.rest.name}] = splitProps(${parameter}, [${keys}]);`
+      });
+      used.add("splitProps");
+    }
+    const matches = [];
+    walk5(fn.body, (node, parent) => {
+      if (node.type !== "Identifier") return void 0;
+      const text = replacement.get(node.name);
+      if (!text) return void 0;
+      const shorthand = parent?.type === "ObjectProperty" && parent.shorthand && parent.value === node;
+      if (!shorthand && !isReferencePosition(node, parent)) return void 0;
+      const path = plan.reads.find((r) => r.name === node.name).path;
+      matches.push({ node, parent: shorthand ? parent : null, text, property: path[path.length - 1] });
+      return void 0;
+    });
+    for (const match of matches) {
+      if (match.parent) {
+        edits.push({ start: match.parent.start, end: match.parent.end, code: `${match.node.name}: ${match.text}` });
+      } else {
+        edits.push({ start: match.node.start, end: match.node.end, code: match.text });
+      }
+      asMemberRead(match.node, parameter, match.property);
+    }
+  }
+  return { edits, diagnostics, used };
+}
+function asMemberRead(node, parameter, property) {
+  node.type = "MemberExpression";
+  node.computed = false;
+  node.optional = false;
+  node.object = { type: "Identifier", name: parameter, start: node.start, end: node.start };
+  node.property = { type: "Identifier", name: property, start: node.end, end: node.end };
+  delete node["name"];
+}
+function transformProps(code, filename = "module.tsx", options = {}) {
+  const ast = (0, import_parser.parse)(code, {
+    sourceType: "module",
+    plugins: ["typescript", "jsx"],
+    errorRecovery: true
+  });
+  const { edits, diagnostics, used } = collectPropsEdits(ast.program, code, options);
+  const source = new import_magic_string.default(code);
+  for (const e of edits) {
+    if (e.start === e.end) source.appendLeft(e.start, e.code);
+    else source.overwrite(e.start, e.end, e.code);
+  }
+  if (used.has("splitProps") && !moduleBindings(ast.program).has("splitProps")) {
+    source.prepend(`import { splitProps } from ${JSON.stringify(options.runtimeModule ?? "@fluixi/dom")};
+`);
+  }
+  return {
+    code: source.toString(),
+    map: source.generateMap({ source: filename, includeContent: true, hires: true }),
+    diagnostics,
+    rewritten: edits.filter((e) => e.code !== (options.parameterName ?? "props")).length
+  };
+}
+
+// src/transform/intrinsics.ts
+function walk6(root, visit) {
+  if (!root || typeof root !== "object" || typeof root.type !== "string") return;
+  visit(root);
+  for (const key of Object.keys(root)) {
+    if (key === "loc" || key === "leadingComments" || key === "trailingComments") continue;
+    const value = root[key];
+    if (Array.isArray(value)) for (const item of value) walk6(item, visit);
+    else if (value && typeof value === "object") walk6(value, visit);
+  }
+}
+function collectIntrinsicEdits(program) {
+  const edits = [];
+  const diagnostics = [];
+  const imports = /* @__PURE__ */ new Map();
+  const reported = /* @__PURE__ */ new Set();
+  const { shadowed } = resolveReactiveBindings(program);
+  walk6(program, (node) => {
+    if (node.type !== "CallExpression") return;
+    const callee = node.callee;
+    if (callee?.type !== "Identifier") return;
+    const name = callee.name;
+    if (!isIntrinsicName(name)) return;
+    if (shadowed.has(name)) {
+      if (!reported.has(name)) {
+        reported.add(name);
+        diagnostics.push({
+          name,
+          message: `${name} is reserved for the compiler, and this module binds it. The call keeps your binding's meaning; rename it to use the intrinsic.`,
+          start: callee.start
+        });
+      }
+      return;
+    }
+    const intrinsic = INTRINSICS[name];
+    edits.push({ start: callee.start, end: callee.end, code: intrinsic.export });
+    const forModule = imports.get(intrinsic.module) ?? /* @__PURE__ */ new Set();
+    forModule.add(intrinsic.export);
+    imports.set(intrinsic.module, forModule);
+  });
+  return { edits, diagnostics, imports };
+}
+function intrinsicImports(result, bound) {
+  const lines = [];
+  for (const [module2, names] of [...result.imports].sort(([a], [b]) => a.localeCompare(b))) {
+    const wanted = [...names].filter((name) => !bound.has(name)).sort();
+    if (wanted.length) lines.push(`import { ${wanted.join(", ")} } from ${JSON.stringify(module2)};`);
+  }
+  return lines.length ? `${lines.join("\n")}
+` : "";
+}
+
+// src/transform/templates.ts
+var CONTROL_FLOW = new Set(DOM_CONTROL_FLOW);
+var CORE_ONLY = new Set(CORE_CONTROL_FLOW);
+var ROUTER = new Set(ROUTER_COMPONENTS);
+var REACTIVE = /* @__PURE__ */ new Set([
+  "createMemo",
+  "createEffect",
+  "createRenderEffect",
+  "createRoot",
+  "createSignal",
+  "onCleanup",
+  "batch",
+  "untrack"
+]);
+function walk7(node, visit, parent = null, key = "") {
+  if (!node || typeof node !== "object") return;
+  if (Array.isArray(node)) {
+    for (const child of node) walk7(child, visit, parent, key);
+    return;
+  }
+  if (typeof node.type === "string") visit(node, parent, key);
+  for (const k of Object.keys(node)) {
+    if (k === "loc" || k === "leadingComments" || k === "trailingComments") continue;
+    walk7(node[k], visit, typeof node.type === "string" ? node : parent, k);
+  }
+}
+var isJsx = (node) => node.type === "JSXElement" || node.type === "JSXFragment";
+function isJsxRoot(node, parent, key) {
+  if (!isJsx(node)) return false;
+  return !(parent && isJsx(parent) && key === "children");
+}
+function isTemplateTag(node, litTag) {
+  return node.type === "TaggedTemplateExpression" && node.tag?.type === "Identifier" && (node.tag.name === litTag || node.tag.name === "svg");
+}
+function outermost(list) {
+  return list.filter(
+    (e) => !list.some(
+      (o) => o !== e && o.start <= e.start && o.end >= e.end && o.end - o.start > e.end - e.start && // An insertion at either edge of the container sits beside it, not inside it, so
+      // it is not something the container's code already folded in. A statement can
+      // start where its callee starts (`$effect(…)`) and a declarator can end where its
+      // JSX ends (`const Row = () => <b/>`).
+      !(e.start === e.end && (e.start === o.start || e.start === o.end))
+    )
+  );
+}
+function slice(code, start, end, edits) {
+  const inside = outermost(edits.filter((e) => e.start >= start && e.end <= end)).sort((a, b) => b.start - a.start);
+  let out = code.slice(start, end);
+  for (const e of inside) out = out.slice(0, e.start - start) + e.code + out.slice(e.end - start);
+  return out;
+}
+function bindHole(code, expr, edits, keepPosition = false) {
+  const at = keepPosition ? expr.loc?.start : void 0;
+  const hole = {
+    code: slice(code, expr.start, expr.end, edits),
+    reactive: isReactiveShape(shapeOf(expr)),
+    // Where the `${…}` is, so a binding made from it can say so. The source map cannot:
+    // the whole template is one overwrite. Only when source locations were asked for.
+    ...at ? { at: { line: at.line, column: at.column } } : {}
+  };
+  if (expr.type === "ArrowFunctionExpression" && expr.body?.type !== "BlockStatement") {
+    hole.arrow = {
+      params: expr.params.map((p) => slice(code, p.start, p.end, edits)),
+      body: slice(code, expr.body.start, expr.body.end, edits),
+      bodyReactive: isReactiveShape(shapeOf(expr.body))
+    };
+  }
+  if (expr.type === "ObjectExpression") hole.object = true;
+  return hole;
+}
+function adoptTemplates(code, templates, hoisted) {
+  if (!templates || templates.length === 0) return code;
+  const rename = /* @__PURE__ */ new Map();
+  for (const tpl of templates) {
+    const key = `${tpl.svg ? "svg:" : ""}${tpl.html}`;
+    let name = hoisted.get(key);
+    if (!name) {
+      name = `_fxTmpl$${hoisted.size}`;
+      hoisted.set(key, name);
+    }
+    rename.set(tpl.id, name);
+  }
+  return code.replace(/_tmpl\$\d+/g, (id) => rename.get(id) ?? id);
+}
+function collectNeeds(node, out) {
+  if (node.kind === "component" && node.load && !node.source && isDeferred(node.load)) {
+    if (!out.ignoredLoad.has(node.name)) out.ignoredLoad.set(node.name, node.load);
+  }
+  if (node.kind === "component" && node.source) {
+    const src = node.source;
+    if (src.origin === "builtin") out.builtins.add(node.name);
+    else if (isDeferred(src.loading) && !out.resolved.has(node.name)) out.deferred.set(node.name, src);
+    else {
+      out.deferred.delete(node.name);
+      out.resolved.set(node.name, src);
+    }
+  }
+  if ("props" in node && node.props) {
+    for (const p of node.props) {
+      if (p.kind === "event" && p.event?.delegated) out.delegatedEvents.add(p.event.name);
+    }
+  }
+  if ("children" in node && node.children) for (const c of node.children) collectNeeds(c, out);
+}
+function deferrableImport(program, name) {
+  for (const statement of program.body ?? []) {
+    if (statement.type !== "ImportDeclaration") continue;
+    for (const specifier of statement.specifiers ?? []) {
+      if (specifier.local?.name !== name) continue;
+      if (specifier.type === "ImportNamespaceSpecifier") return void 0;
+      const exported = specifier.type === "ImportDefaultSpecifier" ? "default" : specifier.imported?.name ?? specifier.imported?.value;
+      return { module: statement.source.value, export: exported, declaration: statement, specifier };
+    }
+  }
+  return void 0;
+}
+function hasNamespaceImport(program, name) {
+  for (const statement of program.body ?? []) {
+    if (statement.type !== "ImportDeclaration") continue;
+    for (const specifier of statement.specifiers ?? []) {
+      if (specifier.type === "ImportNamespaceSpecifier" && specifier.local?.name === name) return true;
+    }
+  }
+  return false;
+}
+function usedAsValue(program, name, specifier) {
+  let seen = false;
+  walk7(program, (node) => {
+    if (seen || node.type !== "Identifier" || node.name !== name) return;
+    if (node.start === specifier.local?.start && node.end === specifier.local?.end) return;
+    seen = true;
+  });
+  return seen;
+}
+function strategyLiteral(s) {
+  const parts = [`kind: ${JSON.stringify(s.kind)}`];
+  if (s.kind === "visible" && s.rootMargin) parts.push(`rootMargin: ${JSON.stringify(s.rootMargin)}`);
+  if (s.kind === "interaction") parts.push(`events: ${JSON.stringify(s.events)}`);
+  if (s.kind === "media") parts.push(`query: ${JSON.stringify(s.query)}`);
+  return `{ ${parts.join(", ")} }`;
+}
+function positionsIn(code) {
+  const starts = [0];
+  for (let i = 0; i < code.length; i++) if (code.charCodeAt(i) === 10) starts.push(i + 1);
+  return (offset) => {
+    let low = 0;
+    let high = starts.length - 1;
+    while (low < high) {
+      const mid = low + high + 1 >> 1;
+      if (starts[mid] <= offset) low = mid;
+      else high = mid - 1;
+    }
+    return { line: low + 1, column: offset - starts[low] };
+  };
+}
+function toPieces(node) {
+  const pieces = [];
+  node.quasi.quasis.forEach((q, i) => {
+    pieces.push({ kind: "static", text: q.value.cooked ?? q.value.raw, start: q.start });
+    if (i < node.quasi.expressions.length) {
+      const e = node.quasi.expressions[i];
+      pieces.push({ kind: "hole", index: i, start: e.start, end: e.end });
+    }
+  });
+  return pieces;
+}
+function relativeToRoot(id, root) {
+  if (!root) return id;
+  const base = root.endsWith("/") ? root : `${root}/`;
+  return id.startsWith(base) ? id.slice(base.length) : id;
+}
+function transformTemplates(code, id, options = {}) {
+  const litTag = options.litTag ?? "html";
+  const format = options.format ?? "both";
+  const wantsLit = format !== "jsx";
+  const wantsJsx = format !== "lit";
+  const mayHaveTemplate = wantsLit && (code.includes(`${litTag}\``) || code.includes("svg`"));
+  const wantsIntrinsics = options.intrinsics !== false && mayHaveIntrinsic(code);
+  const wantsSources = options.sourceLocations === true && mayHaveReactiveCall(code);
+  const sourceName = relativeToRoot(id, options.sourceRoot);
+  if (!mayHaveTemplate && !(wantsJsx && code.includes("<")) && !wantsIntrinsics && !wantsSources) return null;
+  const ast = (0, import_parser2.parse)(code, {
+    sourceType: "module",
+    plugins: ["jsx", "typescript"],
+    errorRecovery: true
+  });
+  const found = [];
+  walk7(ast.program, (n, parent, key) => {
+    if (wantsLit && isTemplateTag(n, litTag)) found.push(n);
+    else if (wantsJsx && isJsxRoot(n, parent, key)) found.push(n);
+  });
+  const props = options.propsDestructure === false ? { edits: [], diagnostics: [], used: /* @__PURE__ */ new Set() } : collectPropsEdits(ast.program, code, { runtimeModule: options.runtimeModule });
+  const intrinsics = options.intrinsics === false ? { edits: [], diagnostics: [], imports: /* @__PURE__ */ new Map() } : collectIntrinsicEdits(ast.program);
+  const sources = options.sourceLocations === true ? collectSourceEdits(ast.program, sourceName) : { edits: [], marked: 0 };
+  const silent = found.length === 0 && props.edits.length === 0 && sources.edits.length === 0 && intrinsics.edits.length === 0 && intrinsics.diagnostics.length === 0 && props.diagnostics.length === 0;
+  if (silent) return null;
+  found.sort((a, b) => b.start - a.start || a.end - b.end);
+  const used = new Set(props.used);
+  const needs = {
+    builtins: /* @__PURE__ */ new Set(),
+    resolved: /* @__PURE__ */ new Map(),
+    deferred: /* @__PURE__ */ new Map(),
+    delegatedEvents: /* @__PURE__ */ new Set(),
+    ignoredLoad: /* @__PURE__ */ new Map(),
+    unresolved: /* @__PURE__ */ new Set(),
+    declared: declaredNames(ast.program)
+  };
+  const hoisted = /* @__PURE__ */ new Map();
+  const edits = [...props.edits, ...intrinsics.edits, ...sources.edits];
+  for (const node of found) {
+    const nested = found.some(
+      (o) => o !== node && o.start <= node.start && o.end >= node.end && o.end - o.start > node.end - node.start
+    );
+    if (isJsx(node)) {
+      edits.push({ start: node.start, end: node.end, code: compileJsx(code, node, edits, nested, used, needs, hoisted, options, sourceName) });
+      continue;
+    }
+    const holes = node.quasi.expressions.map(
+      (e) => bindHole(code, e, edits, options.sourceLocations === true)
+    );
+    const result = compilePieces(toPieces(node), holes, {
+      ...options,
+      hoistTemplates: true,
+      // A tag inside a template gets the same mark a JSX tag does. Without one, the nodes it
+      // makes are the only ones in the module carrying no mark, and they take whichever was
+      // left behind by the last declaration that did.
+      ...options.sourceLocations === true ? { sourceFile: sourceName, positionAt: positionsIn(code) } : {},
+      // Same defaults as the plugin, so moving a build over is not a rendering change.
+      templateClone: options.templateClone ?? true,
+      partialTemplates: nested ? false : options.partialTemplates ?? true,
+      svg: node.tag.name === "svg"
+    });
+    for (const symbol of result.imports) used.add(symbol);
+    collectNeeds(result.ir, needs);
+    edits.push({ start: node.start, end: node.end, code: adoptTemplates(result.code, result.templates, hoisted) });
+  }
+  const out = new import_magic_string2.default(code);
+  for (const e of outermost(edits)) {
+    if (e.start === e.end) out.appendLeft(e.start, e.code);
+    else out.overwrite(e.start, e.end, e.code);
+  }
+  const bound = moduleBindings(ast.program);
+  const why = /* @__PURE__ */ new Map();
+  for (const [name] of needs.ignoredLoad) {
+    if (!bound.has(name)) why.set(name, "unsupplied");
+  }
+  for (const [name, strategy] of [...needs.ignoredLoad]) {
+    if (!bound.has(name)) continue;
+    const found2 = deferrableImport(ast.program, name);
+    if (!found2) {
+      why.set(name, hasNamespaceImport(ast.program, name) ? "namespace" : "local");
+      continue;
+    }
+    if (usedAsValue(ast.program, name, found2.specifier)) {
+      why.set(name, "value");
+      continue;
+    }
+    const rest = found2.declaration.specifiers.filter((sp) => sp !== found2.specifier);
+    const end = rest.length === 0 && code[found2.declaration.end] === "\n" ? found2.declaration.end + 1 : found2.declaration.end;
+    out.overwrite(
+      found2.declaration.start,
+      end,
+      rest.length === 0 ? "" : `import { ${rest.map((sp) => code.slice(sp.start, sp.end)).join(", ")} } from ${JSON.stringify(found2.declaration.source.value)};`
+    );
+    needs.deferred.set(name, { module: found2.module, export: found2.export, origin: "rule", loading: strategy });
+    bound.delete(name);
+    needs.ignoredLoad.delete(name);
+  }
+  const prologue = buildPrologue(used, needs, hoisted, bound, options);
+  if (prologue) out.prepend(prologue);
+  const runtimeImports = intrinsicImports(intrinsics, bound);
+  if (runtimeImports) out.prepend(runtimeImports);
+  const reasons = {
+    value: (name) => `${name} is used as a value here, not only as a tag, so its import has to stay — deferring would hand those references a lazy wrapper instead of the component. Defer it at the point it is rendered, or keep it eager.`,
+    namespace: (name) => `${name} came in through a namespace import, which has no single export to defer. Import ${name} by name.`,
+    local: (name) => `${name} is declared in this file, so there is no module to load separately. Move it to its own file and import it.`,
+    unsupplied: (name) => `nothing supplies ${name}, so there is no import to defer. Import it, or add a \`resolve\` rule for it.`
+  };
+  const loadDiagnostics = [...needs.ignoredLoad].map(([name, strategy]) => ({
+    name,
+    strategy,
+    message: `load:${strategy.kind} has no effect on <${name}>: ${reasons[why.get(name) ?? "unsupplied"](name)}`
+  }));
+  const unresolvedDiagnostics = [...needs.unresolved].map((name) => ({
+    name,
+    message: `<${name}> is not defined: nothing imports it and no \`resolve\` rule supplies it. This compiles to a reference to a name that does not exist, so the component renders nothing. Import ${name}, or add a \`resolve\` rule for it.`
+  }));
+  return {
+    code: out.toString(),
+    map: out.generateMap({ source: id, includeContent: true, hires: true }),
+    ...loadDiagnostics.length ? { loadDiagnostics } : {},
+    ...unresolvedDiagnostics.length ? { unresolvedDiagnostics } : {},
+    ...props.diagnostics.length ? { propsDiagnostics: props.diagnostics } : {},
+    ...intrinsics.diagnostics.length ? { intrinsicDiagnostics: intrinsics.diagnostics } : {}
+  };
+}
+function compileJsx(code, node, edits, nested, used, needs, hoisted, options, sourceFile) {
+  const ir = buildJsxIR(node, {
+    code: (n) => slice(code, n.start, n.end, edits),
+    used,
+    ...options.sourceLocations === true && sourceFile ? { sourceFile } : {}
+  });
+  analyzeStatic(ir);
+  const report = resolveComponentSources(ir, {
+    resolver: createComponentResolver(options.resolve ?? []),
+    // Without this the pass calls every author-imported component unresolved, and the
+    // report is unusable for diagnostics.
+    isBound: (name) => needs.declared.has(name),
+    modules: {
+      controlFlowModule: options.controlFlowModule ?? options.runtimeModule ?? "@fluixi/dom",
+      coreModule: options.coreModule ?? "@fluixi/core",
+      routerModule: options.routerModule ?? "@fluixi/core/router"
+    },
+    strategyFor: (n) => n.load
+  });
+  for (const name of report.unresolved) needs.unresolved.add(name);
+  collapseStrategies(ir);
+  const emitted = imperativeBackend.emit(ir, {
+    templateClone: options.templateClone ?? true,
+    partialTemplates: nested ? false : options.partialTemplates ?? true
+  });
+  for (const symbol of emitted.imports) used.add(symbol);
+  collectNeeds(ir, needs);
+  return adoptTemplates(emitted.code, emitted.templates, hoisted);
+}
+function buildPrologue(used, needs, hoisted, bound, options) {
+  const runtime = options.runtimeModule ?? "@fluixi/dom";
+  const core = options.coreModule ?? "@fluixi/core";
+  const groups = /* @__PURE__ */ new Map();
+  const add = (mod, name) => groups.set(mod, [...groups.get(mod) ?? [], name]);
+  const wanted = new Set(used);
+  for (const name of needs.builtins) wanted.add(name);
+  if (needs.delegatedEvents.size > 0) wanted.add("delegateEvents");
+  for (const name of [...wanted].sort()) {
+    if (bound.has(name)) continue;
+    if (REACTIVE.has(name)) add(options.reactiveModule ?? "@fluixi/reactive/signal", name);
+    else if (ROUTER.has(name)) add(options.routerModule ?? "@fluixi/core/router", name);
+    else if (CORE_ONLY.has(name)) add(core, name);
+    else if (CONTROL_FLOW.has(name)) add(options.controlFlowModule ?? runtime, name);
+    else add(runtime, name);
+  }
+  for (const [name, src] of needs.resolved) {
+    if (!bound.has(name)) add(src.module, src.export === "default" ? `default as ${name}` : name === src.export ? name : `${src.export} as ${name}`);
+  }
+  const lines = [];
+  for (const [mod, names] of groups) {
+    lines.push(`import { ${names.join(", ")} } from ${JSON.stringify(mod)};`);
+  }
+  const lazy = [...needs.deferred].filter(([name]) => !bound.has(name));
+  if (lazy.length > 0) {
+    if (!bound.has("deferred")) lines.push(`import { deferred } from ${JSON.stringify(core)};`);
+    for (const [name, src] of lazy) {
+      lines.push(
+        `const ${name} = deferred(() => import(${JSON.stringify(src.module)}), { strategy: ${strategyLiteral(src.loading)}, export: ${JSON.stringify(src.export)} });`
+      );
+    }
+  }
+  for (const [key, name] of hoisted) {
+    lines.push(`const ${name} = ${JSON.stringify(key.startsWith("svg:") ? key.slice(4) : key)};`);
+  }
+  if (needs.delegatedEvents.size > 0) {
+    lines.push(`delegateEvents(${JSON.stringify([...needs.delegatedEvents])});`);
+  }
+  return lines.length > 0 ? lines.join("\n") + "\n" : null;
+}