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

package/dist/frontend/babel/plugin.mjs

@@ -1 +1,2103 @@
-import{declare as At}from"@babel/helper-plugin-utils";var We=e=>"components"in e;function me(e,t){return e.replace(/\$(\d+)/g,(n,o)=>t[Number(o)]??n)}function Ue(e,t){return typeof t=="string"?{module:t,export:e}:t}function fe(e=[]){let t=new Map,n=[],o=[];for(let s of e){if(!We(s)){o.push(s);continue}for(let[i,l]of Object.entries(s.components)){let p=Ue(i,l),u=t.get(i);if(u&&u.module!==p.module){let d=n.find(g=>g.name===i);d?d.modules.push(p.module):n.push({name:i,modules:[u.module,p.module]});continue}t.set(i,p)}}let r=new Map;return{resolve:s=>{if(r.has(s))return r.get(s);let i=t.get(s);if(!i)for(let l of o){let p=s.match(new RegExp(l.match.source,l.match.flags.replace("g","")));if(p){i={module:me(l.module,p),export:l.export?me(l.export,p):s};break}}return r.set(s,i),i},names:()=>[...t.keys()],conflicts:()=>n}}var te=["Show","For","Index","Switch","Match","Portal","Dynamic","ErrorBoundary"],M=["Suspense","SuspenseList","Await"],T=["Router","Outlet","Redirect","Link"],Xt=[...te,...M,...T],ne=new Set([...te,...M]);function ge(e={}){let{controlFlowModule:t="@fluixi/dom",coreModule:n="@fluixi/core",routerModule:o="@fluixi/core/router"}=e,r={};for(let a of te)r[a]=t;for(let a of M)r[a]=n;for(let a of T)r[a]=o;return r}var H={kind:"eager"},qe=["pointerdown","focusin","keydown"],he=new Set(["eager","idle","visible","interaction","media","never"]),S=class extends Error{};function re(e){return e.startsWith("load:")}function z(e,t){let n=e.slice(5);if(!he.has(n))throw new S(`Unknown load strategy 'load:${n}'. Expected one of ${[...he].join(", ")}.`);switch(n){case"eager":return H;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?Ge(t):[...qe]};case"media":if(!t)throw new S(`'load:media' needs a query, e.g. load:media="(min-width: 1024px)".`);return{kind:"media",query:t};default:throw new S(`Unhandled load strategy '${n}'.`)}}function Ge(e){let t=e.split(/[\s,]+/).map(n=>n.trim()).filter(Boolean);if(t.length===0)throw new S("'load:interaction' was given no event names.");return t}function V(e){return e.kind!=="eager"&&e.kind!=="never"}function W(e,t={}){let{resolver:n,isBound:o,modules:r,strategyFor:a}=t,s=ge(r),i=new Map,l=new Set,p=d=>{let{name:g}=d;if(!g||g.includes(".")||o?.(g))return;let k=u(g);if(!k){l.add(g);return}let C=k.origin==="builtin"&&ne.has(g)?H:a?.(d)??H;d.source={...k,loading:C},i.set(g,d.source)},u=d=>{if(ne.has(d))return{module:s[d],export:d,origin:"builtin"};let g=n?.resolve(d);if(g)return{module:g.module,export:g.export,origin:"rule"};if(T.includes(d))return{module:s[d],export:d,origin:"builtin"}};return U(e,d=>{d.kind==="component"&&p(d)}),{resolved:i,unresolved:[...l]}}function U(e,t){let n=Array.isArray(e)?e:[e];for(let o of n){t(o);let r=o.children;r&&U(r,t)}}function q(e){let t=[];U(e,a=>{a.kind==="component"&&a.source&&t.push(a)});let n=new Set,o=new Set;for(let a of t){let{module:s,loading:i}=a.source;i.kind==="eager"&&n.add(s),i.kind==="never"&&o.add(s)}let r=new Map;for(let a of t){let s=a.source;V(s.loading)&&n.has(s.module)&&(s.loading={kind:"eager"},r.set(s.module,(r.get(s.module)??0)+1))}return{collapsed:r,conflicted:[...o].filter(a=>n.has(a))}}import{types as c,template as He}from"@babel/core";import{types as _,traverse as $t,template as Lt}from"@babel/core";import je from"@babel/generator";var Ke=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),ve={className:"class",htmlFor:"for"},Ye=new Set(["innerHTML","outerHTML","innerText","textContent","value","checked","selected","muted","defaultValue","defaultChecked","children","ref"]),Ze=new Set(["script","style","textarea","title"]);function oe(e){return Ze.has(e)}function Re(e){return ve[e]??e}function $(e){return e.kind!=="attr"||e.expr!==void 0||e.name.includes(":")?!1:!Ye.has(e.name)}function ie(e){if(!e.static||oe(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"&&ie(t)))return!1;return!0}function L(e){let t=e.props.map(et).filter(Boolean).join(""),n=`<${e.tag}${t}>`;return Ke.has(e.tag)?n:`${n}${e.children.map(Qe).join("")}</${e.tag}>`}function Qe(e){if(e.kind==="text")return nt(e.value);if(e.kind!=="element")throw new Error(`serializeStatic: unexpected ${e.kind}`);return L(e)}function et(e){let t=ve[e.name]??e.name,n=e.literal;return n===!0||n===void 0?` ${t}`:n===!1||n===null?"":` ${t}="${tt(String(n))}"`}function tt(e){return e.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function nt(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}var rt="<!--fx-->",ot="<!--fx/-->";function K(e){return e.kind==="expr"||e.kind==="component"||e.kind==="control"}function it(e){return e.kind==="text"||e.kind==="element"&&xe(e)}function xe(e){return e.svg||oe(e.tag)||!e.props.every(t=>$(t))?!1:e.children.every(t=>it(t)||K(t))}function G(e){if(K(e))return!0;let t=e.children;return t?t.some(G):!1}function ye(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"||ye(t))}function Ee(e){if(!xe(e)||!ye(e)||!e.children.some(G))return null;let t=[],n=[],o=0,r=s=>{let i=`_n$${o++}`;return t.push({ref:i,expr:s}),i};return a(e,"_el$"),{html:st(e),tag:e.tag,steps:t,holes:n};function a(s,i){let l=-1;s.children.forEach((u,d)=>{G(u)&&(l=d)});let p=null;for(let u=0;u<=l;u++){let d=s.children[u],g=p?`${p}.nextSibling`:`${i}.firstChild`;if(K(d)){let C=r(g),f=r(`holeEnd(${C})`);n.push({parentRef:i,startRef:C,endRef:f,node:d}),p=f;continue}let k=r(g);d.kind==="element"&&G(d)&&a(d,k),p=k}}}function st(e){return L(Ne(e)).split(be).join(rt+ot)}function Ne(e){return{...e,children:e.children.map(t=>K(t)?{kind:"text",value:be}:t.kind==="element"?Ne(t):t)}}var be="\0fx-hole\0";var se={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},Qt={version:2,module:"@fluixi/dom",symbols:[...se.symbols,"template","cloneTemplate","walk"]};var at={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function lt(e){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(e)}function Se(e){return lt(e)?e:JSON.stringify(e)}function ct(e){return e.expr!==void 0?e.reactive?`() => (${e.expr})`:`(${e.expr})`:JSON.stringify(e.literal??!0)}function pt(e){return e.expr!==void 0?`(${e.expr})`:JSON.stringify(e.literal??!0)}function dt(e,t,n){let o=e.filter(i=>i.kind==="spread"),a=e.filter(i=>i.kind!=="spread").map(i=>`${Se(i.name)}: ${ct(i)}`);t!=null&&a.push(`children: ${t}`);let s=`{ ${a.join(", ")} }`;return o.length>0?(n.add("mergeProps"),`mergeProps(${o.map(i=>i.expr).join(", ")}, ${s})`):s}function Ie(e,t,n){return e.length===1?P(e[0],t,n):`[${e.map(o=>P(o,t,n)).join(", ")}]`}function ke(e,t,n,o,r){o.add("createMemo"),o.add("createComponent");let a=t.filter(p=>p.kind==="spread"),i=t.filter(p=>p.kind!=="spread").map(p=>`get ${Se(p.name)}() { return ${pt(p)}; }`);n.length>0&&i.push(`get children() { return ${Ie(n,o,r)}; }`);let l=`{ ${i.join(", ")} }`;return a.length>0&&(o.add("mergeProps"),l=`mergeProps(${a.map(p=>p.expr).join(", ")}, ${l})`),`createMemo(() => createComponent(${e}, ${l}))`}function ut(e,t){let n=Re(t.name),o=t.literal;return o===!0||o===void 0?`${e}.setAttribute(${JSON.stringify(n)}, "");`:o===!1||o===null?"":`${e}.setAttribute(${JSON.stringify(n)}, ${JSON.stringify(String(o))});`}var Ce=!1;function P(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":Ie(e.children,t,n);case"component":return ke(e.name,e.props,e.children,t,n);case"control":{let o=at[e.control]??e.control;return t.add(o),ke(o,e.props,e.children,t,n)}case"element":{if(n&&e.static&&!e.svg&&ie(e)){t.add("templateNode");let i=`_tmpl$${n.length}`;return n.push({id:i,html:L(e),tag:e.tag,svg:!1}),`templateNode(${i}, ${JSON.stringify(e.tag)})`}if(n&&Ce){let i=Ee(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 p=[`const _el$ = templateNode(${l}, ${JSON.stringify(i.tag)}, true);`];for(let u of i.steps)p.push(`const ${u.ref} = ${u.expr};`);for(let u of i.holes)p.push(`insert(${u.parentRef}, holeScope(${u.startRef}, () => (${P(u.node,t,n)})), ${u.endRef}, holeContent(${u.startRef}, ${u.endRef}));`);return p.push("return _el$;"),`(() => { ${p.join(" ")} })()`}}t.add("createNativeElement");let o=JSON.stringify(e.tag),r="_el$",a=[],s=e.svg?`${o}, true`:o;if(a.push(`const ${r} = createNativeElement(${s});`),e.props.length>0)if(!e.svg&&e.props.every($))for(let i of e.props)a.push(ut(r,i));else{t.add("spread");let i=e.svg?", isSVG: true":"";a.push(`spread({ element: ${r}, props: ${dt(e.props,null,t)}${i} });`)}for(let i of e.children){t.add("insert");let l=P(i,t,n),p=i.kind==="expr"&&i.reactive||i.kind==="component"||i.kind==="control";a.push(p?`insert(${r}, ${l}, null);`:`insert(${r}, ${l});`)}return a.push(`return ${r};`),`(() => { ${a.join(" ")} })()`}}}function O(e,t){if(!t||t.length===0)return e;let n=new Map(t.map(o=>[o.id,JSON.stringify(o.html)]));return e.replace(/_tmpl\$\d+/g,o=>n.get(o)??o)}var I={name:"imperative",contract:se,emit(e,t){let n=new Set,o=t?.templateClone!==!1?[]:void 0;return Ce=t?.partialTemplates===!0,{code:P(e,n,o),imports:Array.from(n),templates:o}}};import{types as le}from"@babel/core";import $e from"@babel/generator";import{parseTemplate as mt}from"@fluixi/template-parser";function A(e){let t=e.split(/\r\n|\n|\r/),n=0;for(let r=0;r<t.length;r++)/[^ \t]/.test(t[r])&&(n=r);let o="";for(let r=0;r<t.length;r++){let a=t[r].replace(/\t/g," ");r!==0&&(a=a.replace(/^ +/,"")),r!==t.length-1&&(a=a.replace(/ +$/,"")),a&&(r!==n&&(a+=" "),o+=a)}return o}var we=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function ft(e){return e.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function Te(e){return e.charAt(0).toUpperCase()+e.slice(1)}var ae=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:o,templates:r}=I.emit(t,{});for(let a of o)this.used.add(a);return O(n,r)}lowerRoot(t){let n=this.lowerChildren(t);return n.length===1?n[0]:{kind:"fragment",children:n}}lowerChildren(t){let n=[];for(let o=0;o<t.length;o++){let r=t[o];if(r.kind==="Element"||r.kind==="Component"){let s=r.attributes.find(i=>i.kind==="IfDirective");if(s&&s.kind==="IfDirective"){let i=o+1;i<t.length&&this.isBlankText(t[i])&&i++;let l=t[i],p=l&&(l.kind==="Element"||l.kind==="Component")&&l.attributes.some(u=>u.kind==="ElseDirective");n.push(this.lowerIf(r,s.hole,p?l:null)),p&&(o=i);continue}if(r.attributes.some(i=>i.kind==="EachDirective")){n.push(this.lowerEach(r));continue}}let a=this.lowerNode(r);a&&n.push(a)}return n}isBlankText(t){return t.kind==="Text"&&!t.raw&&A(t.value)===""}lowerNode(t){switch(t.kind){case"Text":{if(t.raw)return{kind:"text",value:t.value};let n=A(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(o=>o.kind==="Attribute"&&o.name==="is");if(t.tag==="component"&&n&&n.value&&n.value.kind==="hole"){let o=t.attributes.filter(a=>a!==n),r=this.lowerComponent({...t,kind:"Component",tag:"Dynamic",tagHole:null,attributes:o});return r.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(n.value.hole).code})`}),r}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,o=this.lowerAttributes(t.attributes),{slots:r,rest:a}=this.partitionSlots(t.children);for(let[l,p]of r){let u=p.length===1?p[0]:{kind:"fragment",children:p},d={name:l,kind:"attr",expr:this.emit(u),jsxElement:!0},g=o.findIndex(k=>k.name===l);g>=0?o[g]=d:o.push(d)}let s=t.attributes.find(l=>l.kind==="LoadDirective"),i=s?z(`load:${s.strategy}`,s.modifier):void 0;return{kind:"component",name:n,props:o,children:this.lowerChildren(a),...i?{load:i}:{}}}partitionSlots(t){let n=new Map,o=[];for(let r of t){if(r.kind==="Element"||r.kind==="Component"){let a=r.attributes.find(s=>s.kind==="Attribute"&&s.name==="slot");if(a&&a.value&&a.value.kind==="static"){let s={...r,attributes:r.attributes.filter(p=>p!==a)},i=s.kind==="Element"?this.lowerElement(s):this.lowerComponent(s),l=n.get(a.value.value)??[];l.push(i),n.set(a.value.value,l);continue}}o.push(r)}return{slots:n,rest:o}}lowerIf(t,n,o){let r=this.hole(n),a=[{name:"when",kind:"attr",expr:r.code,reactive:r.reactive}];if(o){let i=this.stripAndLower(o,l=>l.kind==="ElseDirective");a.push({name:"fallback",kind:"attr",expr:this.emit(i),jsxElement:!0})}let s=this.stripAndLower(t,i=>i.kind==="IfDirective");return{kind:"component",name:"Show",props:a,children:[s]}}lowerEach(t){let n=t.attributes.find(l=>l.kind==="EachDirective");if(!n||n.kind!=="EachDirective")return this.lowerNode(t);let o=this.hole(n.hole),r=[{name:"each",kind:"attr",expr:o.code,reactive:o.reactive}];if(n.key){let l="static"in n.key?`(item) => item[${JSON.stringify(n.key.static)}]`:this.hole(n.key.hole).code;r.push({name:"by",kind:"attr",expr:l})}let a=this.itemArrow(t),s;if(a){let l={kind:"expr",code:a.body,reactive:a.bodyReactive},p=this.rebuildWithChildren(t,[l]);s=`(${a.params.join(", ")}) => (${this.emit(p)})`}else{let l=this.stripAndLower(t,p=>p.kind==="EachDirective");s=`() => (${this.emit(l)})`}return{kind:"component",name:"For",props:r,children:[{kind:"expr",code:s,reactive:!1}]}}itemArrow(t){let n=t.children.filter(o=>!this.isBlankText(o));return n.length!==1||n[0].kind!=="Expression"?null:this.hole(n[0].hole).arrow??null}stripAndLower(t,n){let o={...t,attributes:t.attributes.filter(r=>!n(r))};return o.kind==="Element"?this.lowerElement(o):this.lowerComponent(o)}rebuildWithChildren(t,n){let o=this.lowerAttributes(t.attributes.filter(r=>r.kind!=="EachDirective"));return t.kind==="Element"?{kind:"element",tag:t.tag,svg:t.namespace==="svg",props:o,children:n,static:!1}:{kind:"component",name:t.tag,props:o,children:n}}lowerAttributes(t){let n=[],o=[],r=!1,a=[],s=!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 p=this.hole(l.hole);o.push(`${JSON.stringify(l.name)}: ${p.code}`),r=r||p.reactive;break}case"StyleDirective":{let p=this.hole(l.hole);a.push(`${JSON.stringify(l.name)}: ${p.code}`),s=s||p.reactive;break}case"BindDirective":n.push(...this.bindProps(l.name,this.hole(l.hole).code));break;case"UseDirective":{let p=l.name??(l.hole!=null?this.hole(l.hole).code:null);if(!p)break;i.push(l.name!=null&&l.hole!=null?`[${p}, () => (${this.hole(l.hole).code})]`:`[${p}]`);break}}return o.length>0&&n.push({name:"classList",kind:"attr",expr:`{ ${o.join(", ")} }`,reactive:r}),a.length>0&&n.push({name:"style",kind:"attr",expr:`{ ${a.join(", ")} }`,reactive:s}),i.length>0&&n.push({name:"use",kind:"attr",expr:`[${i.join(", ")}]`}),n}eventProp(t){let n=t.name.toLowerCase(),o=this.hole(t.hole).code;if(!(t.syntax==="colon"||t.modifiers.length>0))return{name:"on"+Te(t.name),kind:"event",event:{name:n,delegated:we.has(n)},expr:o};let a=this.wrapHandler(o,t.modifiers),s=this.eventOptions(t.modifiers),i=s?`[${a}, ${s}]`:a;return{name:"on:"+n,kind:"attr",expr:i}}wrapHandler(t,n){let o=n.includes("self")?"if (e.target !== e.currentTarget) return; ":"",r=[];return n.includes("prevent")&&r.push("e.preventDefault();"),n.includes("stop")&&r.push("e.stopPropagation();"),!o&&r.length===0?t:`(e) => { ${o}${r.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 o=t==="checked",r=o?"change":"input",a=o?"checked":"value";this.used.add("bindPair");let s=`bindPair(${n})`;return[{name:t,kind:"attr",expr:`${s}[0]()`,reactive:!0},{name:"on"+Te(r),kind:"event",event:{name:r,delegated:we.has(r)},expr:`(e) => ${s}[1](e.target.${a})`}]}plainAttr(t){let n=t.value,o=t.name;t.name==="class"?o=n&&n.kind==="hole"&&this.hole(n.hole).object?"classList":"className":t.name==="html"&&(o="innerHTML");let a={name:o,kind:"attr"};if(n==null)return a.literal=!0,a;if(n.kind==="static")return a.literal=n.value,a;if(n.kind==="hole"){let l=this.hole(n.hole);return a.expr=l.code,a.reactive=l.reactive,a}let s=!1,i=n.parts.map(l=>{if("text"in l)return ft(l.text);let p=this.hole(l.hole);return s=s||p.reactive,"${"+p.code+"}"}).join("");return a.expr="`"+i+"`",a.reactive=s,a}};function Me(e,t,n,o={}){let{root:r}=mt(e,{svg:o.svg});return new ae(t,n).lowerRoot(r.children)}var gt=$e.default??$e;function ht(e){return gt(e,{concise:!0}).code}function vt(e,t,n){let o={code:Y(e,t,n),reactive:ce(e)};if(le.isArrowFunctionExpression(e)&&!le.isBlockStatement(e.body)){let r=e.body;o.arrow={params:e.params.map(a=>ht(a)),body:Y(r,t,n),bodyReactive:ce(r)}}return le.isObjectExpression(e)&&(o.object=!0),o}function Le(e,t,n={}){let o=e.quasi,r=o.expressions.map(a=>vt(a,t,n.onNested));return Me(Rt(o),r,t,n)}function Rt(e){let t=[];return e.quasis.forEach((n,o)=>{let r=n.value.cooked??n.value.raw;if(t.push({kind:"static",text:r,start:n.start??0}),o<e.expressions.length){let a=e.expressions[o];t.push({kind:"hole",index:o,start:a.start??0,end:a.end??0})}}),t}function xt(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 Z(e){let t=[],n=new Map,o=r=>{switch(r.kind){case"text":return!0;case"expr":return!1;case"component":case"control":for(let a of r.children)o(a);return!1;case"fragment":for(let a of r.children)o(a);return!1;case"element":{let a=!0;for(let i of r.children)o(i)||(a=!1);let s;for(let i of r.props)if(s=xt(i),s)break;return!s&&!a&&(s=yt(r)),r.static=!s,s?n.set(r,s):t.push(r),r.static}default:return!1}};for(let r of Array.isArray(e)?e:[e])o(r);return{staticElements:t,reasons:n}}function yt(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"}function Q(e,t=new Set,n={}){let o=Le(e,t,n);return Z(o),o}var Et="children";function D(e){switch(e.kind){case"call":return!0;case"member":return e.property!==Et;case"compound":return e.parts.some(D);case"opaque":return!1}}var Nt=new Set(["CallExpression","OptionalCallExpression"]),bt=new Set(["MemberExpression","OptionalMemberExpression"]);function j(e){if(!e)return{kind:"opaque"};if(Nt.has(e.type))return{kind:"call"};if(bt.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(J)}:e.type==="LogicalExpression"||e.type==="BinaryExpression"?{kind:"compound",parts:[e.left,e.right].map(J)}:e.type==="TemplateLiteral"?{kind:"compound",parts:e.expressions.map(J)}:e.type==="ObjectExpression"?{kind:"compound",parts:e.properties.filter(n=>(n.type==="ObjectProperty"||n.type==="Property")&&n.computed!==!0).map(n=>J(n.value))}:e.type==="ArrayExpression"?{kind:"compound",parts:e.elements.filter(n=>n!=null&&n.type!=="SpreadElement").map(J)}:{kind:"opaque"}}var J=e=>j(e);var kt=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),St=/^on[A-Z]/,It=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]),Ae=e=>D(j(e));function F(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 pe=e=>!!e&&typeof F(e)=="string";function Ct(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 de(e){return e.type==="JSXIdentifier"?e.name==="class"?"className":e.name:e.type==="JSXNamespacedName"?`${e.namespace.name}:${e.name.name}`:"unknown"}function wt(e,t){let n=de(e.name),o=St.test(n),r=o||n.startsWith("on:")||n==="ref",s={name:n,kind:o?"event":"attr"};if(o){let l=n.slice(2).toLowerCase();s.event={name:l,delegated:It.has(l)}}let i=e.value;if(i==null)return s.literal=!0,s;if(pe(i))return s.literal=F(i),s;if(i.type==="JSXExpressionContainer"&&i.expression?.type!=="JSXEmptyExpression"){let l=i.expression,p=F(l);return p!==void 0?(s.literal=p,s):(s.expr=t.code(l),s.reactive=r?!1:Ae(l),(l.type==="JSXElement"||l.type==="JSXFragment")&&(s.jsxElement=!0),s)}return s.literal=!0,s}function Pe(e,t){let n=e.value;return n==null?null:pe(n)?JSON.stringify(F(n)):n.type==="JSXExpressionContainer"&&n.expression?.type!=="JSXEmptyExpression"?t.code(n.expression):null}function Tt(e,t){let n=[],o=[];for(let r of e){if(r.type==="JSXSpreadAttribute"){n.push({name:"",kind:"spread",expr:t.code(r.argument)});continue}if(r.type!=="JSXAttribute"||re(de(r.name)))continue;let a=r.name.type==="JSXNamespacedName"?r.name.namespace.name:null;if(a==="use"){let s=r.name.name.name;t.used.add(s);let i=Pe(r,t);o.push(i!=null?`[${s}, () => (${i})]`:`[${s}]`);continue}if(a==="oncapture"){let s=r.name.name.name.toLowerCase(),i=Pe(r,t)??"undefined";n.push({name:"on:"+s,kind:"attr",expr:`[${i}, { capture: true }]`});continue}n.push(wt(r,t))}return o.length>0&&n.push({name:"use",kind:"attr",expr:`[${o.join(", ")}]`}),n}function Oe(e,t){let n=[];for(let o of e)if(o.type==="JSXText"){let r=A(o.value);r&&n.push({kind:"text",value:r})}else if(o.type==="JSXExpressionContainer"){if(o.expression?.type!=="JSXEmptyExpression"){let r=o.expression;n.push({kind:"expr",code:t.code(r),reactive:Ae(r)})}}else o.type==="JSXElement"||o.type==="JSXFragment"?n.push(De(o,t)):o.type==="JSXSpreadChild"&&n.push({kind:"expr",code:t.code(o.expression),reactive:!1});return n}function Mt(e){for(let t of e){if(t.type!=="JSXAttribute")continue;let n=de(t.name);if(re(n)){if(t.value&&!pe(t.value))throw new S(`'${n}' needs a literal value, not an expression — the strategy is compile-time.`);return z(n,t.value?F(t.value):null)}}}function De(e,t){if(e.type==="JSXFragment")return{kind:"fragment",children:Oe(e.children,t)};let{tag:n,component:o}=Ct(e.openingElement.name,t),r=Tt(e.openingElement.attributes,t),a=Oe(e.children,t);if(o){let s=Mt(e.openingElement.attributes);return{kind:"component",name:n,props:r,children:a,...s?{load:s}:{}}}return{kind:"element",tag:n,svg:kt.has(n),props:r,children:a,static:!1}}function Je(e,t){let n=De(e,t);return Z(n),n}var Pt=je.default??je;function Fe(e){return Pt(e,{concise:!0}).code}function Ot(e,t,n){let o=_.cloneNode(e,!0),r=_.file(_.program([_.expressionStatement(o)])),a=!1,s=(i,l,p)=>{for(let u of p)t.add(u);i.replaceWith(Lt.expression(l,{placeholderPattern:!1,plugins:["typescript"]})()),i.skip(),a=!0};return $t(r,{"JSXElement|JSXFragment"(i){let l=i.node,p=ue(l,t,n);n?.(p);let{code:u,imports:d,templates:g}=I.emit(p,{});s(i,O(u,g),d)},TaggedTemplateExpression(i){let l=i.node.tag;if(!_.isIdentifier(l)||l.name!=="html"&&l.name!=="svg")return;let p=Q(i.node,t,{svg:l.name==="svg",onNested:n});n?.(p);let{code:u,imports:d,templates:g}=I.emit(p,{});s(i,O(u,g),d)}}),a?r.program.body[0].expression:e}function Y(e,t,n){return Fe(Ot(e,t,n))}function ce(e){return D(j(e))}function ue(e,t=new Set,n){return Je(e,{code:r=>r.type==="JSXMemberExpression"?Fe(r):Y(r,t,n),used:t})}var _e=new Set(M),Xe=new Set(T),Un=At((e,t={})=>{e.assertVersion(7);let{delegateEvents:n=!0,signalModule:o="@fluixi/dom",controlFlowModule:r="@fluixi/dom",routerModule:a="@fluixi/core/router",reactiveModule:s="@fluixi/reactive/signal",templateClone:i=!0,partialTemplates:l=!0,format:p="both",litTag:u="html",resolve:d=[]}=t,g=fe(d),k=p==="lit"||p==="both",C={irImports:new Set,libModule:"@fluixi/core",controlFlowModule:r,routerModule:a,templateClone:i,partialTemplates:l,hasJSX:!1,hasLitHTML:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,resolvedComponents:new Map,deferredComponents:new Map,componentResolver:g,delegatedEvents:new Set,staticTemplates:new Map,staticCounter:0};return{name:"@fluixi/babel-plugin-jsx",manipulateOptions(f,m){m.plugins.push("jsx","typescript")},pre(f){Object.assign(f,C)},visitor:{Program:{enter(f,m){Object.assign(m,{hasJSX:!1,hasLitHTML:!1,hasLitIR:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,resolvedComponents:new Map,deferredComponents:new Map,componentResolver:g,delegatedEvents:new Set,staticTemplates:new Map,staticCounter:0,libModule:"@fluixi/core",controlFlowModule:r,routerModule:a,templateClone:i,partialTemplates:l,irImports:new Set,needsCreateNativeElement:!1,needsInsert:!1,needsSpread:!1,needsCreateComponent:!1,needsMergeProps:!1})},exit(f,m){let N=[];if(m.hasJSX||m.hasLitIR){if(m.irImports.size>0){let v=new Set(["Show","For","Index","Switch","Match","Dynamic","ErrorBoundary","Portal","Suspense"]),h=new Set(["createMemo","createEffect","createRenderEffect","createRoot","createSignal","onCleanup","batch","untrack"]),x=Array.from(m.irImports),y=R=>c.importSpecifier(c.identifier(R),c.identifier(R)),b=R=>!f.scope.hasBinding(R),w=x.filter(R=>h.has(R)&&b(R)),E=x.filter(R=>!v.has(R)&&!h.has(R)&&b(R)),B=x.filter(R=>v.has(R)&&b(R));w.length>0&&N.push(c.importDeclaration(w.map(y),c.stringLiteral(s))),E.length>0&&N.push(c.importDeclaration(E.map(y),c.stringLiteral(o))),B.length>0&&N.push(c.importDeclaration(B.map(y),c.stringLiteral(r)))}if(m.needsCreateMemo&&!f.scope.hasBinding("createMemo")&&N.push(c.importDeclaration([c.importSpecifier(c.identifier("createMemo"),c.identifier("createMemo"))],c.stringLiteral(s))),m.needsControlFlowImport&&m.controlFlowComponents.size>0){let v=Array.from(m.controlFlowComponents).filter(E=>!f.scope.hasBinding(E)),h=m.libModule??"@fluixi/core",x=v.filter(E=>Xe.has(E)),y=v.filter(E=>_e.has(E)),b=v.filter(E=>!_e.has(E)&&!Xe.has(E)),w=(E,B)=>c.importDeclaration(E.map(R=>c.importSpecifier(c.identifier(R),c.identifier(R))),c.stringLiteral(B));b.length>0&&N.push(w(b,r)),y.length>0&&N.push(w(y,h)),x.length>0&&N.push(w(x,a))}let X=[];if(m.deferredComponents.size>0){for(let[v,h]of m.deferredComponents)f.scope.hasBinding(v)||X.push(c.variableDeclaration("const",[c.variableDeclarator(c.identifier(v),c.callExpression(c.identifier("deferred"),[c.arrowFunctionExpression([],c.callExpression(c.import(),[c.stringLiteral(h.module)])),c.objectExpression([c.objectProperty(c.identifier("strategy"),Dt(h.strategy)),c.objectProperty(c.identifier("export"),c.stringLiteral(h.export))])]))]));X.length>0&&!f.scope.hasBinding("deferred")&&N.push(c.importDeclaration([c.importSpecifier(c.identifier("deferred"),c.identifier("deferred"))],c.stringLiteral(m.libModule??"@fluixi/core")))}if(m.resolvedComponents.size>0){let v=new Map;for(let[h,x]of m.resolvedComponents){if(f.scope.hasBinding(h))continue;let y=v.get(x.module)??[];y.push({local:h,exported:x.export}),v.set(x.module,y)}for(let[h,x]of v)N.push(c.importDeclaration(x.map(({local:y,exported:b})=>b==="default"?c.importDefaultSpecifier(c.identifier(y)):c.importSpecifier(c.identifier(y),c.identifier(b))),c.stringLiteral(h)))}if(n&&m.delegatedEvents.size>0){N.push(c.importDeclaration([c.importSpecifier(c.identifier("delegateEvents"),c.identifier("delegateEvents"))],c.stringLiteral(o)));let v=c.arrayExpression(Array.from(m.delegatedEvents).map(x=>c.stringLiteral(x))),h=c.expressionStatement(c.callExpression(c.identifier("delegateEvents"),[v]));f.node.body.unshift(h)}if(X.length>0&&f.node.body.unshift(...X),m.staticTemplates.size>0){let v=[];for(let[h,x]of m.staticTemplates){let b=h.startsWith("svg:")?h.slice(4):h;v.push(c.variableDeclaration("const",[c.variableDeclarator(c.identifier(x),c.stringLiteral(b))]))}f.node.body.unshift(...v)}}N.length>0&&f.node.body.unshift(...Jt(N))}},JSXElement(f,m){m.hasJSX=!0,f.replaceWith(Be(f.node,m))},JSXFragment(f,m){m.hasJSX=!0,f.replaceWith(Be(f.node,m))},TaggedTemplateExpression(f,m){k&&c.isIdentifier(f.node.tag)&&(f.node.tag.name===u||f.node.tag.name==="svg")&&f.replaceWith(jt(f.node,m))}}}});function ze(e){return t=>{W(t,{resolver:e.componentResolver,modules:{controlFlowModule:e.controlFlowModule,coreModule:e.libModule,routerModule:e.routerModule},strategyFor:n=>n.load}),q(t),ee(t,e)}}function Dt(e){let t=[c.objectProperty(c.identifier("kind"),c.stringLiteral(e.kind))];return e.kind==="visible"&&e.rootMargin&&t.push(c.objectProperty(c.identifier("rootMargin"),c.stringLiteral(e.rootMargin))),e.kind==="interaction"&&t.push(c.objectProperty(c.identifier("events"),c.arrayExpression(e.events.map(n=>c.stringLiteral(n))))),e.kind==="media"&&t.push(c.objectProperty(c.identifier("query"),c.stringLiteral(e.query))),c.objectExpression(t)}function Ve(e,t,n){if(!t||t.length===0)return e;let o=new Map;for(let r of t){let a=`${r.svg?"svg:":""}${r.html}`,s=n.staticTemplates.get(a);s||(s=`_tmpl$${n.staticTemplates.size}`,n.staticTemplates.set(a,s)),o.set(r.id,s)}return e.replace(/_tmpl\$\d+/g,r=>o.get(r)??r)}function Be(e,t){let n=new Set,o=ue(e,n,ze(t));W(o,{resolver:t.componentResolver,modules:{controlFlowModule:t.controlFlowModule,coreModule:t.libModule,routerModule:t.routerModule},strategyFor:l=>l.load}),q(o);let{code:r,imports:a,templates:s}=I.emit(o,{templateClone:t.templateClone,partialTemplates:t.partialTemplates});for(let l of a)n.add(l);for(let l of n)t.irImports.add(l);ee(o,t);let i=Ve(r,s,t);return He.expression(i,{placeholderPattern:!1,plugins:["typescript"]})()}function Jt(e){let t=new Map,n=[];for(let o of e){let r=o.source.value;if(!o.specifiers.every(i=>c.isImportSpecifier(i))){n.push(o);continue}let s=t.get(r);if(!s){let i=new Set(o.specifiers.map(l=>l.local.name));t.set(r,{decl:o,names:i}),n.push(o);continue}for(let i of o.specifiers)s.names.has(i.local.name)||(s.names.add(i.local.name),s.decl.specifiers.push(i))}return n}function jt(e,t){let n=new Set,o=c.isIdentifier(e.tag)&&e.tag.name==="svg",r=Q(e,n,{svg:o,onNested:ze(t)});W(r,{resolver:t.componentResolver,modules:{controlFlowModule:t.controlFlowModule,coreModule:t.libModule,routerModule:t.routerModule},strategyFor:p=>p.load}),q(r);let{code:a,imports:s,templates:i}=I.emit(r,{templateClone:t.templateClone,partialTemplates:t.partialTemplates});for(let p of s)n.add(p);for(let p of n)t.irImports.add(p);ee(r,t),t.hasLitIR=!0;let l=He.expression(Ve(a,i,t),{placeholderPattern:!1,plugins:["typescript"]})();return Ft(l,e),l}function Ft(e,t){if(!t.loc)return;let n=new Set,o=r=>{if(!n.has(r)){n.add(r),r.loc||(r.loc=t.loc,r.start=t.start,r.end=t.end);for(let a of c.VISITOR_KEYS[r.type]??[]){let s=r[a];if(Array.isArray(s))for(let i of s)i&&typeof i=="object"&&"type"in i&&o(i);else s&&typeof s=="object"&&"type"in s&&o(s)}}};o(e)}function ee(e,t){if(e.kind==="component"&&e.source&&(e.source.origin==="builtin"?(t.controlFlowComponents.add(e.name),t.needsControlFlowImport=!0):V(e.source.loading)&&!t.resolvedComponents.has(e.name)?t.deferredComponents.set(e.name,{module:e.source.module,export:e.source.export,strategy:e.source.loading}):(t.deferredComponents.delete(e.name),t.resolvedComponents.set(e.name,{module:e.source.module,export:e.source.export}))),(e.kind==="element"||e.kind==="component"||e.kind==="control")&&"props"in e)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)ee(n,t)}export{Un as default};
+// src/frontend/babel/plugin.ts
+import { declare } from "@babel/helper-plugin-utils";
+
+// src/resolve/component-resolver.ts
+var isMapRule = (rule) => "components" in rule;
+function substitute(template3, match) {
+  return template3.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/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/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/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, loading } = node.source;
+    if (loading.kind === "eager") eager.add(module);
+    if (loading.kind === "never") never.add(module);
+  }
+  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/frontend/babel/plugin.ts
+import { types as t3, template as template2 } from "@babel/core";
+
+// src/frontend/babel/build-ir.ts
+import { types as t2, traverse, template } from "@babel/core";
+import _generate2 from "@babel/generator";
+
+// 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 walk2 = (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") walk2(child);
+  };
+  walk2(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 declare2 = (expr) => {
+    const ref = `_n$${refCount++}`;
+    steps.push({ ref, expr });
+    return ref;
+  };
+  walk2(root, "_el$");
+  return { html: serializeWithMarkers(root), tag: root.tag, steps, holes };
+  function walk2(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 = declare2(expr);
+        const endRef = declare2(`holeEnd(${startRef})`);
+        holes.push({ parentRef: elementRef, startRef, endRef, node: child });
+        previous = endRef;
+        continue;
+      }
+      const ref = declare2(expr);
+      if (child.kind === "element" && containsHole(child)) walk2(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 INTRINSIC_CALL = new RegExp(`\\$(?:${Object.keys(INTRINSICS).map((n) => n.slice(1)).join("|")})\\s*\\(`);
+
+// src/transform/source-locations.ts
+var SOURCE_MARKER = "__fx_source";
+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)})`;
+
+// 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((t4) => [t4.id, JSON.stringify(t4.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/frontend/babel/lower-template.ts
+import { types as t } from "@babel/core";
+import _generate from "@babel/generator";
+
+// src/lower/template.ts
+import {
+  parseTemplate
+} from "@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 } = parseTemplate(pieces, { svg: opts.svg });
+  return new Lowerer(holes, used, opts.sourceFile, opts.positionAt).lowerRoot(root.children);
+}
+
+// src/frontend/babel/lower-template.ts
+var generate = _generate.default ?? _generate;
+function gen(node) {
+  return generate(node, { concise: true }).code;
+}
+function bindHole(expr, used, onNested) {
+  const hole = {
+    code: genExpr(expr, used, onNested),
+    reactive: isReactiveExpr(expr)
+  };
+  if (t.isArrowFunctionExpression(expr) && !t.isBlockStatement(expr.body)) {
+    const body = expr.body;
+    hole.arrow = {
+      params: expr.params.map((p) => gen(p)),
+      body: genExpr(body, used, onNested),
+      bodyReactive: isReactiveExpr(body)
+    };
+  }
+  if (t.isObjectExpression(expr)) hole.object = true;
+  return hole;
+}
+function lowerLitTemplate(node, used, opts = {}) {
+  const quasi = node.quasi;
+  const holes = quasi.expressions.map((e) => bindHole(e, used, opts.onNested));
+  return lowerTemplate(buildPieces(quasi), holes, used, opts);
+}
+function buildPieces(quasi) {
+  const pieces = [];
+  quasi.quasis.forEach((q, i) => {
+    const text = q.value.cooked ?? q.value.raw;
+    pieces.push({ kind: "static", text, start: q.start ?? 0 });
+    if (i < quasi.expressions.length) {
+      const e = quasi.expressions[i];
+      pieces.push({ kind: "hole", index: i, start: e.start ?? 0, end: e.end ?? 0 });
+    }
+  });
+  return pieces;
+}
+
+// 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/frontend/babel/build-ir-lit.ts
+function buildIRFromLit(node, used = /* @__PURE__ */ new Set(), opts = {}) {
+  const ir = lowerLitTemplate(node, used, opts);
+  analyzeStatic(ir);
+  return 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/frontend/babel/build-ir.ts
+var generate2 = _generate2.default ?? _generate2;
+function gen2(node) {
+  return generate2(node, { concise: true }).code;
+}
+function transformNestedJSX(node, used, onNested) {
+  const clone = t2.cloneNode(node, true);
+  const file = t2.file(t2.program([t2.expressionStatement(clone)]));
+  let changed = false;
+  const emitInto = (path, code, imports) => {
+    for (const s of imports) used.add(s);
+    path.replaceWith(template.expression(code, { placeholderPattern: false, plugins: ["typescript"] })());
+    path.skip();
+    changed = true;
+  };
+  traverse(file, {
+    "JSXElement|JSXFragment"(path) {
+      const jsx = path.node;
+      const nestedIR = buildIR(jsx, used, onNested);
+      onNested?.(nestedIR);
+      const { code, imports, templates } = imperativeBackend.emit(nestedIR, {});
+      emitInto(path, inlineTemplates(code, templates), imports);
+    },
+    // Nested lit templates compose: ${cond ? html`…` : html`…`},
+    // ${list.map(x => html`<li>${x}</li>`)}. Compile them the same way.
+    TaggedTemplateExpression(path) {
+      const tag = path.node.tag;
+      if (!t2.isIdentifier(tag) || tag.name !== "html" && tag.name !== "svg") return;
+      const ir = buildIRFromLit(path.node, used, { svg: tag.name === "svg", onNested });
+      onNested?.(ir);
+      const { code, imports, templates } = imperativeBackend.emit(ir, {});
+      emitInto(path, inlineTemplates(code, templates), imports);
+    }
+  });
+  return changed ? file.program.body[0].expression : node;
+}
+function genExpr(node, used, onNested) {
+  return gen2(transformNestedJSX(node, used, onNested));
+}
+function isReactiveExpr(node) {
+  return isReactiveShape(shapeOf(node));
+}
+function buildIR(node, used = /* @__PURE__ */ new Set(), onNested) {
+  const ir = buildJsxIR(node, {
+    code: (n) => (
+      // A member-expression tag (`<ns.Foo/>`) is not an Expression, so it cannot go
+      // through the nested-JSX compile — it only ever needs printing.
+      n.type === "JSXMemberExpression" ? gen2(n) : genExpr(n, used, onNested)
+    ),
+    used
+  });
+  return ir;
+}
+
+// src/frontend/babel/plugin.ts
+var CORE_ONLY_CONTROL_FLOW = new Set(CORE_CONTROL_FLOW);
+var ROUTER_COMPONENTS2 = new Set(ROUTER_COMPONENTS);
+var plugin_default = declare((api, options = {}) => {
+  api.assertVersion(7);
+  const {
+    delegateEvents = true,
+    signalModule = "@fluixi/dom",
+    controlFlowModule = "@fluixi/dom",
+    routerModule = "@fluixi/core/router",
+    reactiveModule = "@fluixi/reactive/signal",
+    templateClone = true,
+    partialTemplates = true,
+    // `both` by default: JSX and html`` are compiled out of the box, so
+    // `fluixi()` needs no `format` option. Injected imports are deduped, so a
+    // file mixing the two styles won't redeclare a binding.
+    format = "both",
+    litTag = "html",
+    resolve: resolveRules = []
+  } = options;
+  const componentResolver = createComponentResolver(resolveRules);
+  const compileLit = format === "lit" || format === "both";
+  const pluginState = {
+    irImports: /* @__PURE__ */ new Set(),
+    libModule: "@fluixi/core",
+    controlFlowModule,
+    routerModule,
+    templateClone,
+    partialTemplates,
+    hasJSX: false,
+    hasLitHTML: false,
+    needsControlFlowImport: false,
+    needsCreateMemo: false,
+    controlFlowComponents: /* @__PURE__ */ new Set(),
+    resolvedComponents: /* @__PURE__ */ new Map(),
+    deferredComponents: /* @__PURE__ */ new Map(),
+    componentResolver,
+    delegatedEvents: /* @__PURE__ */ new Set(),
+    staticTemplates: /* @__PURE__ */ new Map(),
+    staticCounter: 0
+  };
+  return {
+    name: "@fluixi/babel-plugin-jsx",
+    manipulateOptions(opts, parserOpts) {
+      parserOpts.plugins.push("jsx", "typescript");
+    },
+    pre(state) {
+      Object.assign(state, pluginState);
+    },
+    visitor: {
+      Program: {
+        enter(path, state) {
+          Object.assign(state, {
+            hasJSX: false,
+            hasLitHTML: false,
+            hasLitIR: false,
+            needsControlFlowImport: false,
+            needsCreateMemo: false,
+            controlFlowComponents: /* @__PURE__ */ new Set(),
+            resolvedComponents: /* @__PURE__ */ new Map(),
+            deferredComponents: /* @__PURE__ */ new Map(),
+            componentResolver,
+            delegatedEvents: /* @__PURE__ */ new Set(),
+            staticTemplates: /* @__PURE__ */ new Map(),
+            staticCounter: 0,
+            libModule: "@fluixi/core",
+            controlFlowModule,
+            routerModule,
+            templateClone,
+            partialTemplates,
+            irImports: /* @__PURE__ */ new Set(),
+            needsCreateNativeElement: false,
+            needsInsert: false,
+            needsSpread: false,
+            needsCreateComponent: false,
+            needsMergeProps: false
+          });
+        },
+        exit(path, state) {
+          const imports = [];
+          if (state.hasJSX || state.hasLitIR) {
+            if (state.irImports.size > 0) {
+              const CF = /* @__PURE__ */ new Set([
+                "Show",
+                "For",
+                "Index",
+                "Switch",
+                "Match",
+                "Dynamic",
+                "ErrorBoundary",
+                "Portal",
+                "Suspense"
+              ]);
+              const REACTIVE = /* @__PURE__ */ new Set([
+                "createMemo",
+                "createEffect",
+                "createRenderEffect",
+                "createRoot",
+                "createSignal",
+                "onCleanup",
+                "batch",
+                "untrack"
+              ]);
+              const all = Array.from(state.irImports);
+              const spec = (n) => t3.importSpecifier(t3.identifier(n), t3.identifier(n));
+              const unbound = (s) => !path.scope.hasBinding(s);
+              const reactive = all.filter((s) => REACTIVE.has(s) && unbound(s));
+              const core = all.filter((s) => !CF.has(s) && !REACTIVE.has(s) && unbound(s));
+              const cf = all.filter((s) => CF.has(s) && unbound(s));
+              if (reactive.length > 0) {
+                imports.push(
+                  t3.importDeclaration(reactive.map(spec), t3.stringLiteral(reactiveModule))
+                );
+              }
+              if (core.length > 0) {
+                imports.push(
+                  t3.importDeclaration(core.map(spec), t3.stringLiteral(signalModule))
+                );
+              }
+              if (cf.length > 0) {
+                imports.push(
+                  t3.importDeclaration(cf.map(spec), t3.stringLiteral(controlFlowModule))
+                );
+              }
+            }
+            if (state.needsCreateMemo && !path.scope.hasBinding("createMemo")) {
+              imports.push(
+                t3.importDeclaration(
+                  [t3.importSpecifier(t3.identifier("createMemo"), t3.identifier("createMemo"))],
+                  t3.stringLiteral(reactiveModule)
+                )
+              );
+            }
+            if (state.needsControlFlowImport && state.controlFlowComponents.size > 0) {
+              const unbound = Array.from(state.controlFlowComponents).filter(
+                (name) => !path.scope.hasBinding(name)
+              );
+              const coreModule = state.libModule ?? "@fluixi/core";
+              const fromRouter = unbound.filter((n) => ROUTER_COMPONENTS2.has(n));
+              const fromCore = unbound.filter((n) => CORE_ONLY_CONTROL_FLOW.has(n));
+              const fromDom = unbound.filter(
+                (n) => !CORE_ONLY_CONTROL_FLOW.has(n) && !ROUTER_COMPONENTS2.has(n)
+              );
+              const declFor = (names, mod) => t3.importDeclaration(
+                names.map((name) => t3.importSpecifier(t3.identifier(name), t3.identifier(name))),
+                t3.stringLiteral(mod)
+              );
+              if (fromDom.length > 0) imports.push(declFor(fromDom, controlFlowModule));
+              if (fromCore.length > 0) imports.push(declFor(fromCore, coreModule));
+              if (fromRouter.length > 0) imports.push(declFor(fromRouter, routerModule));
+            }
+            const deferredDecls = [];
+            if (state.deferredComponents.size > 0) {
+              for (const [local, entry] of state.deferredComponents) {
+                if (path.scope.hasBinding(local)) continue;
+                deferredDecls.push(
+                  t3.variableDeclaration("const", [
+                    t3.variableDeclarator(
+                      t3.identifier(local),
+                      t3.callExpression(t3.identifier("deferred"), [
+                        t3.arrowFunctionExpression(
+                          [],
+                          t3.callExpression(t3.import(), [t3.stringLiteral(entry.module)])
+                        ),
+                        t3.objectExpression([
+                          t3.objectProperty(
+                            t3.identifier("strategy"),
+                            strategyLiteral(entry.strategy)
+                          ),
+                          t3.objectProperty(
+                            t3.identifier("export"),
+                            t3.stringLiteral(entry.export)
+                          )
+                        ])
+                      ])
+                    )
+                  ])
+                );
+              }
+              if (deferredDecls.length > 0 && !path.scope.hasBinding("deferred")) {
+                imports.push(
+                  t3.importDeclaration(
+                    [t3.importSpecifier(t3.identifier("deferred"), t3.identifier("deferred"))],
+                    t3.stringLiteral(state.libModule ?? "@fluixi/core")
+                  )
+                );
+              }
+            }
+            if (state.resolvedComponents.size > 0) {
+              const byModule = /* @__PURE__ */ new Map();
+              for (const [local, resolved] of state.resolvedComponents) {
+                if (path.scope.hasBinding(local)) continue;
+                const list = byModule.get(resolved.module) ?? [];
+                list.push({ local, exported: resolved.export });
+                byModule.set(resolved.module, list);
+              }
+              for (const [mod, entries] of byModule) {
+                imports.push(
+                  t3.importDeclaration(
+                    entries.map(
+                      ({ local, exported }) => exported === "default" ? t3.importDefaultSpecifier(t3.identifier(local)) : t3.importSpecifier(t3.identifier(local), t3.identifier(exported))
+                    ),
+                    t3.stringLiteral(mod)
+                  )
+                );
+              }
+            }
+            if (delegateEvents && state.delegatedEvents.size > 0) {
+              imports.push(
+                t3.importDeclaration(
+                  [
+                    t3.importSpecifier(
+                      t3.identifier("delegateEvents"),
+                      t3.identifier("delegateEvents")
+                    )
+                  ],
+                  t3.stringLiteral(signalModule)
+                )
+              );
+              const eventsArray = t3.arrayExpression(
+                Array.from(state.delegatedEvents).map(
+                  (event) => t3.stringLiteral(event)
+                )
+              );
+              const delegateCall = t3.expressionStatement(
+                t3.callExpression(t3.identifier("delegateEvents"), [eventsArray])
+              );
+              path.node.body.unshift(delegateCall);
+            }
+            if (deferredDecls.length > 0) {
+              path.node.body.unshift(...deferredDecls);
+            }
+            if (state.staticTemplates.size > 0) {
+              const decls = [];
+              for (const [key, name] of state.staticTemplates) {
+                const svg = key.startsWith("svg:");
+                const html = svg ? key.slice(4) : key;
+                decls.push(
+                  t3.variableDeclaration("const", [
+                    t3.variableDeclarator(
+                      t3.identifier(name),
+                      // Just the HTML. Parsing is deferred to `templateNode`, which
+                      // knows whether this is a server render, a hydration or a fresh
+                      // client render — a module-scope `createTemplate` would touch
+                      // `document` at import time and break SSR outright.
+                      t3.stringLiteral(html)
+                    )
+                  ])
+                );
+              }
+              path.node.body.unshift(...decls);
+            }
+          }
+          if (imports.length > 0) {
+            path.node.body.unshift(...dedupeImports(imports));
+          }
+        }
+      },
+      // Both JSX forms take the one path: build IR, run the imperative backend,
+      // splice the emitted code back in. It handles the whole subtree, so nothing
+      // below this node needs its own visitor.
+      JSXElement(path, state) {
+        state.hasJSX = true;
+        path.replaceWith(emitViaIR(path.node, state));
+      },
+      JSXFragment(path, state) {
+        state.hasJSX = true;
+        path.replaceWith(emitViaIR(path.node, state));
+      },
+      TaggedTemplateExpression(path, state) {
+        if (compileLit && t3.isIdentifier(path.node.tag) && (path.node.tag.name === litTag || path.node.tag.name === "svg")) {
+          path.replaceWith(emitLitViaIR(path.node, state));
+        }
+      }
+    }
+  };
+});
+function nestedHook(state) {
+  return (ir) => {
+    resolveComponentSources(ir, {
+      resolver: state.componentResolver,
+      modules: {
+        controlFlowModule: state.controlFlowModule,
+        coreModule: state.libModule,
+        routerModule: state.routerModule
+      },
+      strategyFor: (node) => node.load
+    });
+    collapseStrategies(ir);
+    collectRuntimeNeeds(ir, state);
+  };
+}
+function strategyLiteral(strategy) {
+  const props = [
+    t3.objectProperty(t3.identifier("kind"), t3.stringLiteral(strategy.kind))
+  ];
+  if (strategy.kind === "visible" && strategy.rootMargin) {
+    props.push(t3.objectProperty(t3.identifier("rootMargin"), t3.stringLiteral(strategy.rootMargin)));
+  }
+  if (strategy.kind === "interaction") {
+    props.push(
+      t3.objectProperty(
+        t3.identifier("events"),
+        t3.arrayExpression(strategy.events.map((e) => t3.stringLiteral(e)))
+      )
+    );
+  }
+  if (strategy.kind === "media") {
+    props.push(t3.objectProperty(t3.identifier("query"), t3.stringLiteral(strategy.query)));
+  }
+  return t3.objectExpression(props);
+}
+function adoptTemplates(code, templates, state) {
+  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 = state.staticTemplates.get(key);
+    if (!name) {
+      name = `_tmpl$${state.staticTemplates.size}`;
+      state.staticTemplates.set(key, name);
+    }
+    rename.set(tpl.id, name);
+  }
+  return code.replace(/_tmpl\$\d+/g, (id) => rename.get(id) ?? id);
+}
+function emitViaIR(node, state) {
+  const used = /* @__PURE__ */ new Set();
+  const ir = buildIR(node, used, nestedHook(state));
+  resolveComponentSources(ir, {
+    resolver: state.componentResolver,
+    modules: {
+      controlFlowModule: state.controlFlowModule,
+      coreModule: state.libModule,
+      routerModule: state.routerModule
+    },
+    strategyFor: (n) => n.load
+  });
+  collapseStrategies(ir);
+  const { code, imports, templates } = imperativeBackend.emit(ir, { templateClone: state.templateClone, partialTemplates: state.partialTemplates });
+  for (const s of imports) used.add(s);
+  for (const s of used) state.irImports.add(s);
+  collectRuntimeNeeds(ir, state);
+  const adopted = adoptTemplates(code, templates, state);
+  return template2.expression(adopted, { placeholderPattern: false, plugins: ["typescript"] })();
+}
+function dedupeImports(imports) {
+  const byModule = /* @__PURE__ */ new Map();
+  const out = [];
+  for (const decl of imports) {
+    const source = decl.source.value;
+    const allNamed = decl.specifiers.every((s) => t3.isImportSpecifier(s));
+    if (!allNamed) {
+      out.push(decl);
+      continue;
+    }
+    const existing = byModule.get(source);
+    if (!existing) {
+      const names = new Set(
+        decl.specifiers.map((s) => s.local.name)
+      );
+      byModule.set(source, { decl, names });
+      out.push(decl);
+      continue;
+    }
+    for (const s of decl.specifiers) {
+      if (!existing.names.has(s.local.name)) {
+        existing.names.add(s.local.name);
+        existing.decl.specifiers.push(s);
+      }
+    }
+  }
+  return out;
+}
+function emitLitViaIR(node, state) {
+  const used = /* @__PURE__ */ new Set();
+  const svg = t3.isIdentifier(node.tag) && node.tag.name === "svg";
+  const ir = buildIRFromLit(node, used, { svg, onNested: nestedHook(state) });
+  resolveComponentSources(ir, {
+    resolver: state.componentResolver,
+    modules: {
+      controlFlowModule: state.controlFlowModule,
+      coreModule: state.libModule,
+      routerModule: state.routerModule
+    },
+    strategyFor: (node2) => node2.load
+  });
+  collapseStrategies(ir);
+  const { code, imports, templates } = imperativeBackend.emit(ir, { templateClone: state.templateClone, partialTemplates: state.partialTemplates });
+  for (const s of imports) used.add(s);
+  for (const s of used) state.irImports.add(s);
+  collectRuntimeNeeds(ir, state);
+  state.hasLitIR = true;
+  const expression = template2.expression(adoptTemplates(code, templates, state), {
+    placeholderPattern: false,
+    plugins: ["typescript"]
+  })();
+  inheritLocation(expression, node);
+  return expression;
+}
+function inheritLocation(target, source) {
+  if (!source.loc) return;
+  const seen = /* @__PURE__ */ new Set();
+  const walk2 = (node) => {
+    if (seen.has(node)) return;
+    seen.add(node);
+    if (!node.loc) {
+      node.loc = source.loc;
+      node.start = source.start;
+      node.end = source.end;
+    }
+    for (const key of t3.VISITOR_KEYS[node.type] ?? []) {
+      const child = node[key];
+      if (Array.isArray(child)) {
+        for (const c of child) if (c && typeof c === "object" && "type" in c) walk2(c);
+      } else if (child && typeof child === "object" && "type" in child) {
+        walk2(child);
+      }
+    }
+  };
+  walk2(target);
+}
+function collectRuntimeNeeds(node, state) {
+  if (node.kind === "component" && node.source) {
+    if (node.source.origin === "builtin") {
+      state.controlFlowComponents.add(node.name);
+      state.needsControlFlowImport = true;
+    } else if (isDeferred(node.source.loading) && !state.resolvedComponents.has(node.name)) {
+      state.deferredComponents.set(node.name, {
+        module: node.source.module,
+        export: node.source.export,
+        strategy: node.source.loading
+      });
+    } else {
+      state.deferredComponents.delete(node.name);
+      state.resolvedComponents.set(node.name, {
+        module: node.source.module,
+        export: node.source.export
+      });
+    }
+  }
+  if (node.kind === "element" || node.kind === "component" || node.kind === "control") {
+    if ("props" in node) {
+      for (const p of node.props) {
+        if (p.kind === "event" && p.event?.delegated) state.delegatedEvents.add(p.event.name);
+      }
+    }
+  }
+  if ("children" in node && node.children) {
+    for (const c of node.children) collectRuntimeNeeds(c, state);
+  }
+}
+export {
+  plugin_default as default
+};