@fluixi/compiler 1.0.0-alpha.83 → 1.0.0-alpha.85

package/dist/index.mjs

@@ -1,22 +1,1583 @@
-var we="children";function Te(t){switch(t.kind){case"call":return!0;case"member":return t.property!==we;case"compound":return t.parts.some(Te);case"opaque":return!1}}import{parseTemplate as Xe}from"@fluixi/template-parser";var T={kind:"eager"},Ae=["pointerdown","focusin","keydown"],Z=new Set(["eager","idle","visible","interaction","media","never"]),x=class extends Error{};function Y(t,e){let n=t.slice(5);if(!Z.has(n))throw new x(`Unknown load strategy 'load:${n}'. Expected one of ${[...Z].join(", ")}.`);switch(n){case"eager":return T;case"idle":return{kind:"idle"};case"never":return{kind:"never"};case"visible":return e?{kind:"visible",rootMargin:e}:{kind:"visible"};case"interaction":return{kind:"interaction",events:e?Oe(e):[...Ae]};case"media":if(!e)throw new x(`'load:media' needs a query, e.g. load:media="(min-width: 1024px)".`);return{kind:"media",query:e};default:throw new x(`Unhandled load strategy '${n}'.`)}}function Oe(t){let e=t.split(/[\s,]+/).map(n=>n.trim()).filter(Boolean);if(e.length===0)throw new x("'load:interaction' was given no event names.");return e}function X(t){return t.kind!=="eager"&&t.kind!=="never"}var Pe=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),Q={className:"class",htmlFor:"for"},Me=new Set(["innerHTML","outerHTML","innerText","textContent","value","checked","selected","muted","defaultValue","defaultChecked","children","ref"]),De=new Set(["script","style","textarea","title"]);function L(t){return De.has(t)}function ee(t){return Q[t]??t}function k(t){return t.kind!=="attr"||t.expr!==void 0||t.name.includes(":")?!1:!Me.has(t.name)}function B(t){if(!t.static||L(t.tag))return!1;for(let e of t.props)if(!k(e))return!1;for(let e of t.children)if(e.kind!=="text"&&!(e.kind==="element"&&B(e)))return!1;return!0}function I(t){let e=t.props.map(_e).filter(Boolean).join(""),n=`<${t.tag}${e}>`;return Pe.has(t.tag)?n:`${n}${t.children.map(je).join("")}</${t.tag}>`}function je(t){if(t.kind==="text")return Be(t.value);if(t.kind!=="element")throw new Error(`serializeStatic: unexpected ${t.kind}`);return I(t)}function _e(t){let e=Q[t.name]??t.name,n=t.literal;return n===!0||n===void 0?` ${e}`:n===!1||n===null?"":` ${e}="${Le(String(n))}"`}function Le(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function Be(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function F(t){let e=[],n,o=r=>{n??=r.at?.file,e.push(r.at?.line??0,r.at?.column??0);for(let i of r.children)i.kind==="element"&&o(i)};return o(t),n&&e.some(r=>r!==0)?{file:n,pos:e}:void 0}var Fe="<!--fx-->",He="<!--fx/-->";function O(t){return t.kind==="expr"||t.kind==="component"||t.kind==="control"}function Je(t){return t.kind==="text"||t.kind==="element"&&te(t)}function te(t){return t.svg||L(t.tag)||!t.props.every(e=>k(e))?!1:t.children.every(e=>Je(e)||O(e))}function A(t){if(O(t))return!0;let e=t.children;return e?e.some(A):!1}function ne(t){for(let e=0;e<t.children.length;e++){let n=t.children[e];if(n.kind==="text"&&(n.value===""||t.children[e+1]?.kind==="text"))return!1}return t.children.every(e=>e.kind!=="element"||ne(e))}function re(t){if(!te(t)||!ne(t)||!t.children.some(A))return null;let e=[],n=[],o=0,r=a=>{let s=`_n$${o++}`;return e.push({ref:s,expr:a}),s};return i(t,"_el$"),{html:We(t),tag:t.tag,steps:e,holes:n};function i(a,s){let p=-1;a.children.forEach((l,u)=>{A(l)&&(p=u)});let c=null;for(let l=0;l<=p;l++){let u=a.children[l],d=c?`${c}.nextSibling`:`${s}.firstChild`;if(O(u)){let h=r(d),b=r(`holeEnd(${h})`);n.push({parentRef:s,startRef:h,endRef:b,node:u}),c=b;continue}let f=r(d);u.kind==="element"&&A(u)&&i(u,f),c=f}}}function We(t){return I(oe(t)).split(ie).join(Fe+He)}function oe(t){return{...t,children:t.children.map(e=>O(e)?{kind:"text",value:ie}:e.kind==="element"?oe(e):e)}}var ie="\0fx-hole\0";var H={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},bt={version:2,module:"@fluixi/dom",symbols:[...H.symbols,"template","cloneTemplate","walk"]};var R="@fluixi/reactive/signal",y={$signal:{export:"signal",module:R,returns:"signal-handle"},$memo:{export:"memo",module:R,returns:"memo-handle"},$effect:{export:"effect",module:R,returns:"effect"},$store:{export:"store",module:"@fluixi/reactive/store",returns:"store-handle"},$resource:{export:"resource",module:R,returns:"resource-handle"},$selector:{export:"createSelector",module:R,returns:"memo-accessor"},$deferred:{export:"createDeferred",module:R,returns:"memo-accessor"},$untrack:{export:"untrack",module:R,returns:"plain"},$untrackStore:{export:"untrackStore",module:"@fluixi/reactive/store",returns:"plain"}};var kt=new RegExp(`\\$(?:${Object.keys(y).map(t=>t.slice(1)).join("|")})\\s*\\(`);var se="__fx_source";var Ue="__fx_hole",E=(t,e,n,o)=>`(globalThis.${Ue} ?? ((f) => f))(${t},${e},${n}${o===void 0?"":`,${JSON.stringify(o)}`})`,Ve="__fx_props",ae=(t,e)=>`(globalThis.${Ve} ?? ((p) => p))(${t},${JSON.stringify(e)})`;var Ge={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function Ke(t){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(t)}function pe(t){return Ke(t)?t:JSON.stringify(t)}function ze(t){if(t.expr!==void 0){if(t.name==="ref"&&t.at)return E(`(${t.expr})`,t.at.line,t.at.column,t.expr);if(!t.reactive)return`(${t.expr})`;let e=`() => (${t.expr})`;return t.at?E(e,t.at.line,t.at.column,t.directive):e}return JSON.stringify(t.literal??!0)}function qe(t){return t.expr!==void 0?`(${t.expr})`:JSON.stringify(t.literal??!0)}function Ze(t,e,n){let o=t.filter(s=>s.kind==="spread"),i=t.filter(s=>s.kind!=="spread").map(s=>`${pe(s.name)}: ${ze(s)}`);e!=null&&i.push(`children: ${e}`);let a=`{ ${i.join(", ")} }`;return o.length>0?(n.add("mergeProps"),`mergeProps(${o.map(s=>s.expr).join(", ")}, ${a})`):a}function le(t,e){return e?E(t,e.line,e.column):t}function ue(t,e,n){return t.length===1?S(t[0],e,n):`[${t.map(o=>S(o,e,n)).join(", ")}]`}function ce(t,e,n,o,r,i){o.add("createMemo"),o.add("createComponent");let a=e.filter(d=>d.kind==="spread"),s=e.filter(d=>d.kind!=="spread"),p=s.map(d=>`get ${pe(d.name)}() { return ${qe(d)}; }`);n.length>0&&p.push(`get children() { return ${ue(n,o,r)}; }`);let c=`{ ${p.join(", ")} }`;a.length>0&&(o.add("mergeProps"),c=`mergeProps(${a.map(d=>d.expr).join(", ")}, ${c})`);let l={};for(let d of s)d.at&&(l[d.name]=[d.at.line,d.at.column]);return Object.keys(l).length&&(c=ae(c,l)),`createMemo((${i?`globalThis.${se}?.(${JSON.stringify(i.file)},${i.line},${i.column},${JSON.stringify(t)}), `:""}() => createComponent(${t}, ${c})))`}function Ye(t,e){let n=ee(e.name),o=e.literal;return o===!0||o===void 0?`${t}.setAttribute(${JSON.stringify(n)}, "");`:o===!1||o===null?"":`${t}.setAttribute(${JSON.stringify(n)}, ${JSON.stringify(String(o))});`}var de=!1;function S(t,e,n){switch(t.kind){case"text":return JSON.stringify(t.value);case"expr":{if(!t.reactive)return`(${t.code})`;let o=`() => (${t.code})`;return t.at?E(o,t.at.line,t.at.column):o}case"fragment":return t.children.length===0?"null":ue(t.children,e,n);case"component":return le(ce(t.name,t.props,t.children,e,n,t.at),t.bindAt??t.at);case"control":{let o=Ge[t.control]??t.control;return e.add(o),le(ce(o,t.props,t.children,e,n),t.bindAt)}case"element":{if(n&&t.static&&!t.svg&&B(t)){e.add("templateNode");let s=`_tmpl$${n.length}`;n.push({id:s,html:I(t),tag:t.tag,svg:!1});let p=F(t);return p?`templateNode(${s}, ${JSON.stringify(t.tag)}, false, false, ${JSON.stringify(p)})`:`templateNode(${s}, ${JSON.stringify(t.tag)})`}if(n&&de){let s=re(t);if(s){e.add("templateNode"),e.add("insert"),e.add("holeEnd"),e.add("holeContent"),e.add("holeScope");let p=`_tmpl$${n.length}`;n.push({id:p,html:s.html,tag:s.tag,svg:!1});let c=F(t),l=[`const _el$ = templateNode(${p}, ${JSON.stringify(s.tag)}, true${c?`, false, ${JSON.stringify(c)}`:""});`];for(let u of s.steps)l.push(`const ${u.ref} = ${u.expr};`);for(let u of s.holes)l.push(`insert(${u.parentRef}, holeScope(${u.startRef}, () => (${S(u.node,e,n)})), ${u.endRef}, holeContent(${u.startRef}, ${u.endRef}));`);return l.push("return _el$;"),`(() => { ${l.join(" ")} })()`}}e.add("createNativeElement");let o=JSON.stringify(t.tag),r="_el$",i=[],a=t.at?`${o}, ${t.svg}, ${JSON.stringify(t.at)}`:t.svg?`${o}, true`:o;if(i.push(`const ${r} = createNativeElement(${a});`),t.props.length>0)if(!t.svg&&t.props.every(k))for(let s of t.props)i.push(Ye(r,s));else{e.add("spread");let s=t.svg?", isSVG: true":"";i.push(`spread({ element: ${r}, props: ${Ze(t.props,null,e)}${s} });`)}for(let s of t.children){e.add("insert");let p=S(s,e,n),c=s.kind==="expr"&&s.reactive||s.kind==="component"||s.kind==="control";i.push(c?`insert(${r}, ${p}, null);`:`insert(${r}, ${p});`)}return i.push(`return ${r};`),`(() => { ${i.join(" ")} })()`}}}function P(t,e){if(!e||e.length===0)return t;let n=new Map(e.map(o=>[o.id,JSON.stringify(o.html)]));return t.replace(/_tmpl\$\d+/g,o=>n.get(o)??o)}var v={name:"imperative",contract:H,emit(t,e){let n=new Set,o=e?.templateClone!==!1?[]:void 0;return de=e?.partialTemplates===!0,{code:S(t,n,o),imports:Array.from(n),templates:o}}};function M(t){let e=t.split(/\r\n|\n|\r/),n=0;for(let r=0;r<e.length;r++)/[^ \t]/.test(e[r])&&(n=r);let o="";for(let r=0;r<e.length;r++){let i=e[r].replace(/\t/g," ");r!==0&&(i=i.replace(/^ +/,"")),r!==e.length-1&&(i=i.replace(/ +$/,"")),i&&(r!==n&&(i+=" "),o+=i)}return o}var me=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function Qe(t){return t.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function fe(t){return t.charAt(0).toUpperCase()+t.slice(1)}var J=class{constructor(e,n,o,r){this.holes=e;this.used=n;this.sourceFile=o;this.positionAt=r}tagAt(e){let n=e.loc?.start;if(!this.sourceFile||!this.positionAt||n==null)return;let{line:o,column:r}=this.positionAt(n);return{file:this.sourceFile,line:o,column:r}}hole(e){return this.holes[e]??{code:"undefined",reactive:!1}}emit(e){let{code:n,imports:o,templates:r}=v.emit(e,{});for(let i of o)this.used.add(i);return P(n,r)}lowerRoot(e){let n=this.lowerChildren(e);return n.length===1?n[0]:{kind:"fragment",children:n}}lowerChildren(e){let n=[];for(let o=0;o<e.length;o++){let r=e[o];if(r.kind==="Element"||r.kind==="Component"){let a=r.attributes.find(s=>s.kind==="IfDirective");if(a&&a.kind==="IfDirective"){let s=o+1;s<e.length&&this.isBlankText(e[s])&&s++;let p=e[s],c=p&&(p.kind==="Element"||p.kind==="Component")&&p.attributes.some(l=>l.kind==="ElseDirective");n.push(this.lowerIf(r,a.hole,c?p:null)),c&&(o=s);continue}if(r.attributes.some(s=>s.kind==="EachDirective")){n.push(this.lowerEach(r));continue}}let i=this.lowerNode(r);i&&n.push(i)}return n}isBlankText(e){return e.kind==="Text"&&!e.raw&&M(e.value)===""}lowerNode(e){switch(e.kind){case"Text":{if(e.raw)return{kind:"text",value:e.value};let n=M(e.value);return n?{kind:"text",value:n}:null}case"Comment":return null;case"Expression":{let n=this.hole(e.hole);return{kind:"expr",code:n.code,reactive:n.reactive,...n.at?{at:n.at}:{}}}case"Fragment":return{kind:"fragment",children:this.lowerChildren(e.children)};case"Element":return this.lowerElement(e);case"Component":return this.lowerComponent(e);default:return null}}lowerElement(e){let n=e.attributes.find(r=>r.kind==="Attribute"&&r.name==="is");if(e.tag==="component"&&n&&n.value&&n.value.kind==="hole"){let r=e.attributes.filter(a=>a!==n),i=this.lowerComponent({...e,kind:"Component",tag:"Dynamic",tagHole:null,attributes:r});return i.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(n.value.hole).code})`}),i}let o=this.tagAt(e);return{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:this.lowerAttributes(e.attributes),children:this.lowerChildren(e.children),static:!1,...o?{at:o}:{}}}lowerComponent(e){let n=e.tagHole!=null?this.hole(e.tagHole).code:e.tag,o=this.lowerAttributes(e.attributes),{slots:r,rest:i}=this.partitionSlots(e.children);for(let[l,u]of r){let d=u.length===1?u[0]:{kind:"fragment",children:u},f={name:l,kind:"attr",expr:this.emit(d),jsxElement:!0},h=o.findIndex(b=>b.name===l);h>=0?o[h]=f:o.push(f)}let a=e.attributes.find(l=>l.kind==="LoadDirective"),s=a?Y(`load:${a.strategy}`,a.modifier):void 0,p=o.find(l=>l.at&&l.reactive)?.at,c=this.tagAt(e);return{kind:"component",name:n,props:o,children:this.lowerChildren(i),...c?{at:c}:{},...p?{bindAt:p}:{},...s?{load:s}:{}}}partitionSlots(e){let n=new Map,o=[];for(let r of e){if(r.kind==="Element"||r.kind==="Component"){let i=r.attributes.find(a=>a.kind==="Attribute"&&a.name==="slot");if(i&&i.value&&i.value.kind==="static"){let a={...r,attributes:r.attributes.filter(c=>c!==i)},s=a.kind==="Element"?this.lowerElement(a):this.lowerComponent(a),p=n.get(i.value.value)??[];p.push(s),n.set(i.value.value,p);continue}}o.push(r)}return{slots:n,rest:o}}lowerIf(e,n,o){let r=this.hole(n),i=[{name:"when",kind:"attr",expr:r.code,reactive:r.reactive,...r.at?{at:r.at}:{}}];if(o){let p=this.stripAndLower(o,c=>c.kind==="ElseDirective");i.push({name:"fallback",kind:"attr",expr:this.emit(p),jsxElement:!0})}let a=this.stripAndLower(e,p=>p.kind==="IfDirective"),s=this.tagAt(e);return{kind:"component",name:"Show",props:i,children:[a],...s?{at:s}:{},...r.at?{bindAt:r.at}:{}}}lowerEach(e){let n=e.attributes.find(c=>c.kind==="EachDirective");if(!n||n.kind!=="EachDirective")return this.lowerNode(e);let o=this.hole(n.hole),r=[{name:"each",kind:"attr",expr:o.code,reactive:o.reactive,...o.at?{at:o.at}:{}}];if(n.key){let c="static"in n.key?`(item) => item[${JSON.stringify(n.key.static)}]`:this.hole(n.key.hole).code;r.push({name:"by",kind:"attr",expr:c})}let i=this.itemArrow(e),a;if(i){let c={kind:"expr",code:i.body,reactive:i.bodyReactive},l=this.rebuildWithChildren(e,[c]);a=`(${i.params.join(", ")}) => (${this.emit(l)})`}else{let c=this.stripAndLower(e,l=>l.kind==="EachDirective");a=`() => (${this.emit(c)})`}let s=[{kind:"expr",code:a,reactive:!1}],p=this.tagAt(e);return{kind:"component",name:"For",props:r,children:s,...p?{at:p}:{},...o.at?{bindAt:o.at}:{}}}itemArrow(e){let n=e.children.filter(o=>!this.isBlankText(o));return n.length!==1||n[0].kind!=="Expression"?null:this.hole(n[0].hole).arrow??null}stripAndLower(e,n){let o={...e,attributes:e.attributes.filter(r=>!n(r))};return o.kind==="Element"?this.lowerElement(o):this.lowerComponent(o)}rebuildWithChildren(e,n){let o=this.lowerAttributes(e.attributes.filter(r=>r.kind!=="EachDirective"));if(e.kind==="Element"){let r=this.tagAt(e);return{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:o,children:n,static:!1,...r?{at:r}:{}}}return{kind:"component",name:e.tag,props:o,children:n}}lowerAttributes(e){let n=[],o=[],r=!1,i,a=[],s=!1,p,c=[];for(let l of e)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,...this.hole(l.hole).at?{at:this.hole(l.hole).at}:{}});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,...this.hole(l.hole).at?{at:this.hole(l.hole).at}:{}});break;case"Spread":n.push({name:"",kind:"spread",expr:this.hole(l.hole).code});break;case"ClassDirective":{let u=this.hole(l.hole);o.push(`${JSON.stringify(l.name)}: ${u.code}`),r=r||u.reactive,i??=u.at;break}case"StyleDirective":{let u=this.hole(l.hole);a.push(`${JSON.stringify(l.name)}: ${u.code}`),s=s||u.reactive,p??=u.at;break}case"BindDirective":n.push(...this.bindProps(l.name,this.hole(l.hole)));break;case"UseDirective":{let u=l.name??(l.hole!=null?this.hole(l.hole).code:null);if(!u)break;c.push(l.name!=null&&l.hole!=null?`[${u}, () => (${this.hole(l.hole).code})]`:`[${u}]`);break}}return o.length>0&&n.push({name:"classList",kind:"attr",expr:`{ ${o.join(", ")} }`,reactive:r,...i?{at:i}:{}}),a.length>0&&n.push({name:"style",kind:"attr",expr:`{ ${a.join(", ")} }`,reactive:s,...p?{at:p}:{}}),c.length>0&&n.push({name:"use",kind:"attr",expr:`[${c.join(", ")}]`}),n}eventProp(e){let n=e.name.toLowerCase(),o=this.hole(e.hole).code;if(!(e.syntax==="colon"||e.modifiers.length>0))return{name:"on"+fe(e.name),kind:"event",event:{name:n,delegated:me.has(n)},expr:o};let i=this.wrapHandler(o,e.modifiers),a=this.eventOptions(e.modifiers),s=a?`[${i}, ${a}]`:i;return{name:"on:"+n,kind:"attr",expr:s}}wrapHandler(e,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?e:`(e) => { ${o}${r.join(" ")} return (${e})(e); }`}eventOptions(e){let n=[];return e.includes("capture")&&n.push("capture: true"),e.includes("once")&&n.push("once: true"),e.includes("passive")&&n.push("passive: true"),n.length?`{ ${n.join(", ")} }`:null}bindProps(e,n){let o=n.code,r=e==="checked",i=r?"change":"input",a=r?"checked":"value";this.used.add("bindPair");let s=`bindPair(${o})`;return[{name:e,kind:"attr",expr:`${s}[0]()`,reactive:!0,directive:`bind:${e}`,...n.at?{at:n.at}:{}},{name:"on"+fe(i),kind:"event",event:{name:i,delegated:me.has(i)},expr:`(e) => ${s}[1](e.target.${a})`}]}plainAttr(e){let n=e.value,o=e.name;e.name==="class"?o=n&&n.kind==="hole"&&this.hole(n.hole).object?"classList":"className":e.name==="html"&&(o="innerHTML");let i={name:o,kind:"attr"};if(n==null)return i.literal=!0,i;if(n.kind==="static")return i.literal=n.value,i;if(n.kind==="hole"){let c=this.hole(n.hole);return i.expr=c.code,i.reactive=c.reactive,c.at&&(i.at=c.at),i}let a=!1,s,p=n.parts.map(c=>{if("text"in c)return Qe(c.text);let l=this.hole(c.hole);return a=a||l.reactive,s??=l.at,"${"+l.code+"}"}).join("");return i.expr="`"+p+"`",i.reactive=a,s&&(i.at=s),i}};function W(t,e,n,o={}){let{root:r}=Xe(t,{svg:o.svg});return new J(e,n,o.sourceFile,o.positionAt).lowerRoot(r.children)}function et(t){switch(t.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 t.reactive?"reactive-prop":t.expr!==void 0?"expression-prop":void 0;default:return"expression-prop"}}function ge(t){let e=[],n=new Map,o=r=>{switch(r.kind){case"text":return!0;case"expr":return!1;case"component":case"control":for(let i of r.children)o(i);return!1;case"fragment":for(let i of r.children)o(i);return!1;case"element":{let i=!0;for(let s of r.children)o(s)||(i=!1);let a;for(let s of r.props)if(a=et(s),a)break;return!a&&!i&&(a=tt(r)),r.static=!a,a?n.set(r,a):e.push(r),r.static}default:return!1}};for(let r of Array.isArray(t)?t:[t])o(r);return{staticElements:e,reasons:n}}function tt(t){for(let e of t.children){if(e.kind==="expr")return"expression-child";if(e.kind==="component")return"component-child";if(e.kind==="control")return"control-child";if(e.kind==="element"&&!e.static||e.kind==="fragment")return"expression-child"}return"expression-child"}var U=["Show","For","Index","Switch","Match","Portal","Dynamic","ErrorBoundary"],V=["Suspense","SuspenseList","Await"],$=["Router","Outlet","Redirect","Link"],Gt=[...U,...V,...$],G=new Set([...U,...V]);function C(t={}){let{controlFlowModule:e="@fluixi/dom",coreModule:n="@fluixi/core",routerModule:o="@fluixi/core/router"}=t,r={};for(let i of U)r[i]=e;for(let i of V)r[i]=n;for(let i of $)r[i]=o;return r}function Kt(t={}){return{components:C(t)}}function zt(t){let e=t??"@fluixi/core/router";return{components:Object.fromEntries($.map(n=>[n,e]))}}function he(t,e={}){let{resolver:n,isBound:o,modules:r,strategyFor:i}=e,a=C(r),s=new Map,p=new Set,c=u=>{let{name:d}=u;if(!d||d.includes(".")||o?.(d))return;let f=l(d);if(!f){p.add(d);return}let h=f.origin==="builtin"&&G.has(d)?T:i?.(u)??T;u.source={...f,loading:h},s.set(d,u.source)},l=u=>{if(G.has(u))return{module:a[u],export:u,origin:"builtin"};let d=n?.resolve(u);if(d)return{module:d.module,export:d.export,origin:"rule"};if($.includes(u))return{module:a[u],export:u,origin:"builtin"}};return D(t,u=>{u.kind==="component"&&c(u)}),{resolved:s,unresolved:[...p]}}function D(t,e){let n=Array.isArray(t)?t:[t];for(let o of n){e(o);let r=o.children;r&&D(r,e)}}function Re(t){let e=[];D(t,i=>{i.kind==="component"&&i.source&&e.push(i)});let n=new Set,o=new Set;for(let i of e){let{module:a,loading:s}=i.source;s.kind==="eager"&&n.add(a),s.kind==="never"&&o.add(a)}let r=new Map;for(let i of e){let a=i.source;X(a.loading)&&n.has(a.module)&&(a.loading={kind:"eager"},r.set(a.module,(r.get(a.module)??0)+1))}return{collapsed:r,conflicted:[...o].filter(i=>n.has(i))}}var nt=t=>"components"in t;function ve(t,e){return t.replace(/\$(\d+)/g,(n,o)=>e[Number(o)]??n)}function rt(t,e){return typeof e=="string"?{module:e,export:t}:e}function j(t=[]){let e=new Map,n=[],o=[];for(let a of t){if(!nt(a)){o.push(a);continue}for(let[s,p]of Object.entries(a.components)){let c=rt(s,p),l=e.get(s);if(l&&l.module!==c.module){let u=n.find(d=>d.name===s);u?u.modules.push(c.module):n.push({name:s,modules:[l.module,c.module]});continue}e.set(s,c)}}let r=new Map;return{resolve:a=>{if(r.has(a))return r.get(a);let s=e.get(a);if(!s)for(let p of o){let c=a.match(new RegExp(p.match.source,p.match.flags.replace("g","")));if(c){s={module:ve(p.module,c),export:p.export?ve(p.export,c):a};break}}return r.set(a,s),s},names:()=>[...e.keys()],conflicts:()=>n}}function ot(t){let e=[],n=0;return t.statics.forEach((o,r)=>{if(e.push({kind:"static",text:o,start:n}),n+=o.length,r<t.holes.length){let i=n+t.holes[r].code.length;e.push({kind:"hole",index:r,start:n,end:i}),n=i}}),e}function pn(t,e={}){if(t.statics.length!==t.holes.length+1)throw new Error(`[fluixi] compileTemplate: ${t.statics.length} static runs for ${t.holes.length} holes — a template always has exactly one more.`);return it(ot(t),t.holes,e)}function it(t,e,n={}){let o=new Set,r=W(t,[...e],o,{svg:n.svg,...n.sourceFile?{sourceFile:n.sourceFile}:{},...n.positionAt?{positionAt:n.positionAt}:{}});ge(r),he(r,{resolver:j(n.resolve??[]),modules:{controlFlowModule:n.controlFlowModule??"@fluixi/dom",coreModule:n.coreModule??"@fluixi/core",routerModule:n.routerModule??"@fluixi/core/router"},strategyFor:p=>p.load}),Re(r);let{code:i,imports:a,templates:s}=v.emit(r,{templateClone:n.templateClone,partialTemplates:n.partialTemplates});for(let p of a)o.add(p);return n.hoistTemplates?{code:i,imports:[...o],ir:r,templates:s}:{code:P(i,s),imports:[...o],ir:r}}var st=new Set(["Text","Image","Option","Audio","Comment","Range","Selection","Notification","Event","Document","Element","Node","Screen","Window","Location","History","Storage","Response","Request","Headers"]);function at(t){if(t.startsWith(".")||t.startsWith("/")||/^[~@]\//.test(t))return;let e=t.split("/");return t.startsWith("@")?e.slice(0,2).join("/"):e[0]}function K(t){return`_${t.replace(/[^A-Za-z0-9]/g,"_")}`}function xe(t,e={}){let{available:n,builtins:o=!0,intrinsics:r=!0,generator:i="@fluixi/compiler",specifier:a=m=>m}=e,s=[...t];o&&s.push({components:C()});let p=j(s),c=n?new Set(n):void 0,l=[],u=[],d=[],f=new Map;for(let m of[...p.names()].sort()){let g=p.resolve(m);if(!g)continue;let N=at(g.module);st.has(m)?u.push(m):c&&N&&!c.has(N)?d.push(m):(l.push(m),f.set(m,g))}let h=r?[...new Set(Object.values(y).map(m=>m.module))]:[],q=[...new Set([...l.map(m=>f.get(m).module),...h])].sort().map(m=>`import * as ${K(m)} from '${a(m)}';`),Ee=l.map(m=>{let g=f.get(m),N=K(g.module);return g.export==="default"?`  const ${m}: typeof ${N}.default;`:`  export import ${m} = ${N}.${g.export};`}),Se=u.length>0?`//
-// Import these explicitly — lib.dom already declares the name, so an ambient
+/*! @fluixi/compiler v1.0.0-alpha.85 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+
+// 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/lower/template.ts
+import {
+  parseTemplate
+} from "@fluixi/template-parser";
+
+// 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 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/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 declare = (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 = declare(expr);
+        const endRef = declare(`holeEnd(${startRef})`);
+        holes.push({ parentRef: elementRef, startRef, endRef, node: child });
+        previous = endRef;
+        continue;
+      }
+      const ref = declare(expr);
+      if (child.kind === "element" && containsHole(child)) 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((t) => [t.id, JSON.stringify(t.html)]));
+  return code.replace(/_tmpl\$\d+/g, (id) => byId.get(id) ?? id);
+}
+var imperativeBackend = {
+  name: "imperative",
+  contract: RUNTIME_CONTRACT_V1,
+  emit(node, options) {
+    const used = /* @__PURE__ */ new Set();
+    const templates = options?.templateClone !== false ? [] : void 0;
+    partial = options?.partialTemplates === true;
+    const code = emitNode(node, used, templates);
+    return { code, imports: Array.from(used), templates };
+  }
+};
+
+// src/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/optimize/analyze-static.ts
+function propReason(prop) {
+  switch (prop.kind) {
+    case "event":
+      return "event";
+    case "ref":
+      return "ref";
+    case "spread":
+      return "spread";
+    case "class":
+    case "style":
+      return "class-or-style-directive";
+    case "attr":
+    case "prop":
+      if (prop.reactive) return "reactive-prop";
+      if (prop.expr !== void 0) return "expression-prop";
+      return void 0;
+    /* c8 ignore next 2 */
+    default:
+      return "expression-prop";
+  }
+}
+function analyzeStatic(root) {
+  const staticElements = [];
+  const reasons = /* @__PURE__ */ new Map();
+  const visit = (node) => {
+    switch (node.kind) {
+      case "text":
+        return true;
+      case "expr":
+        return false;
+      case "component":
+      case "control":
+        for (const child of node.children) visit(child);
+        return false;
+      case "fragment":
+        for (const child of node.children) visit(child);
+        return false;
+      case "element": {
+        let childrenStatic = true;
+        for (const child of node.children) {
+          if (!visit(child)) childrenStatic = false;
+        }
+        let reason;
+        for (const prop of node.props) {
+          reason = propReason(prop);
+          if (reason) break;
+        }
+        if (!reason && !childrenStatic) {
+          reason = childReason(node);
+        }
+        node.static = !reason;
+        if (reason) reasons.set(node, reason);
+        else staticElements.push(node);
+        return node.static;
+      }
+      /* c8 ignore next 2 */
+      default:
+        return false;
+    }
+  };
+  for (const node of Array.isArray(root) ? root : [root]) visit(node);
+  return { staticElements, reasons };
+}
+function childReason(node) {
+  for (const child of node.children) {
+    if (child.kind === "expr") return "expression-child";
+    if (child.kind === "component") return "component-child";
+    if (child.kind === "control") return "control-child";
+    if (child.kind === "element" && !child.static) return "expression-child";
+    if (child.kind === "fragment") return "expression-child";
+  }
+  return "expression-child";
+}
+
+// src/resolve/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;
+}
+function builtinComponents(modules = {}) {
+  return { components: builtinComponentMap(modules) };
+}
+function routerComponents(routerModule) {
+  const module = routerModule ?? "@fluixi/core/router";
+  return { components: Object.fromEntries(ROUTER_COMPONENTS.map((n) => [n, module])) };
+}
+
+// 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/resolve/component-resolver.ts
+var isMapRule = (rule) => "components" in rule;
+function substitute(template, match) {
+  return template.replace(/\$(\d+)/g, (whole, index) => {
+    const group = match[Number(index)];
+    return group ?? whole;
+  });
+}
+function normalise(name, entry) {
+  return typeof entry === "string" ? { module: entry, export: name } : entry;
+}
+function createComponentResolver(rules = []) {
+  const exact = /* @__PURE__ */ new Map();
+  const conflicts = [];
+  const patterns = [];
+  for (const rule of rules) {
+    if (!isMapRule(rule)) {
+      patterns.push(rule);
+      continue;
+    }
+    for (const [name, entry] of Object.entries(rule.components)) {
+      const resolved = normalise(name, entry);
+      const existing = exact.get(name);
+      if (existing && existing.module !== resolved.module) {
+        const conflict = conflicts.find((c) => c.name === name);
+        if (conflict) conflict.modules.push(resolved.module);
+        else conflicts.push({ name, modules: [existing.module, resolved.module] });
+        continue;
+      }
+      exact.set(name, resolved);
+    }
+  }
+  const cache = /* @__PURE__ */ new Map();
+  const resolve = (name) => {
+    if (cache.has(name)) return cache.get(name);
+    let result = exact.get(name);
+    if (!result) {
+      for (const rule of patterns) {
+        const match = name.match(new RegExp(rule.match.source, rule.match.flags.replace("g", "")));
+        if (!match) continue;
+        result = {
+          module: substitute(rule.module, match),
+          export: rule.export ? substitute(rule.export, match) : name
+        };
+        break;
+      }
+    }
+    cache.set(name, result);
+    return result;
+  };
+  return {
+    resolve,
+    names: () => [...exact.keys()],
+    conflicts: () => conflicts
+  };
+}
+
+// src/lower/compile-template.ts
+function toPieces(source) {
+  const pieces = [];
+  let offset = 0;
+  source.statics.forEach((text, i) => {
+    pieces.push({ kind: "static", text, start: offset });
+    offset += text.length;
+    if (i < source.holes.length) {
+      const end = offset + source.holes[i].code.length;
+      pieces.push({ kind: "hole", index: i, start: offset, end });
+      offset = end;
+    }
+  });
+  return pieces;
+}
+function compileTemplate(source, options = {}) {
+  if (source.statics.length !== source.holes.length + 1) {
+    throw new Error(
+      `[fluixi] compileTemplate: ${source.statics.length} static runs for ${source.holes.length} holes — a template always has exactly one more.`
+    );
+  }
+  return compilePieces(toPieces(source), source.holes, options);
+}
+function compilePieces(pieces, holes, options = {}) {
+  const used = /* @__PURE__ */ new Set();
+  const ir = lowerTemplate(pieces, [...holes], used, {
+    svg: options.svg,
+    ...options.sourceFile ? { sourceFile: options.sourceFile } : {},
+    ...options.positionAt ? { positionAt: options.positionAt } : {}
+  });
+  analyzeStatic(ir);
+  resolveComponentSources(ir, {
+    resolver: createComponentResolver(options.resolve ?? []),
+    modules: {
+      controlFlowModule: options.controlFlowModule ?? "@fluixi/dom",
+      coreModule: options.coreModule ?? "@fluixi/core",
+      routerModule: options.routerModule ?? "@fluixi/core/router"
+    },
+    strategyFor: (node) => node.load
+  });
+  collapseStrategies(ir);
+  const { code, imports, templates } = imperativeBackend.emit(ir, {
+    templateClone: options.templateClone,
+    partialTemplates: options.partialTemplates
+  });
+  for (const symbol of imports) used.add(symbol);
+  if (options.hoistTemplates) return { code, imports: [...used], ir, templates };
+  return { code: inlineTemplates(code, templates), imports: [...used], ir };
+}
+
+// src/resolve/component-globals.ts
+var DOM_GLOBALS = /* @__PURE__ */ new Set([
+  "Text",
+  "Image",
+  "Option",
+  "Audio",
+  "Comment",
+  "Range",
+  "Selection",
+  "Notification",
+  "Event",
+  "Document",
+  "Element",
+  "Node",
+  "Screen",
+  "Window",
+  "Location",
+  "History",
+  "Storage",
+  "Response",
+  "Request",
+  "Headers"
+]);
+function packageOf(specifier) {
+  if (specifier.startsWith(".") || specifier.startsWith("/")) return void 0;
+  if (/^[~@]\//.test(specifier)) return void 0;
+  const parts = specifier.split("/");
+  return specifier.startsWith("@") ? parts.slice(0, 2).join("/") : parts[0];
+}
+function namespaceAlias(module) {
+  return `_${module.replace(/[^A-Za-z0-9]/g, "_")}`;
+}
+function componentGlobals(rules, options = {}) {
+  const {
+    available: availableList,
+    builtins = true,
+    intrinsics = true,
+    generator = "@fluixi/compiler",
+    specifier = (module) => module
+  } = options;
+  const all = [...rules];
+  if (builtins) {
+    all.push({ components: builtinComponentMap() });
+  }
+  const resolver = createComponentResolver(all);
+  const available = availableList ? new Set(availableList) : void 0;
+  const declared = [];
+  const shadowedByDom = [];
+  const unavailable = [];
+  const resolved = /* @__PURE__ */ new Map();
+  for (const name of [...resolver.names()].sort()) {
+    const target = resolver.resolve(name);
+    if (!target) continue;
+    const pkg = packageOf(target.module);
+    if (DOM_GLOBALS.has(name)) shadowedByDom.push(name);
+    else if (available && pkg && !available.has(pkg)) unavailable.push(name);
+    else {
+      declared.push(name);
+      resolved.set(name, target);
+    }
+  }
+  const intrinsicModules = intrinsics ? [...new Set(Object.values(INTRINSICS).map((i) => i.module))] : [];
+  const modules = [
+    .../* @__PURE__ */ new Set([...declared.map((name) => resolved.get(name).module), ...intrinsicModules])
+  ].sort();
+  const imports = modules.map(
+    (m) => `import * as ${namespaceAlias(m)} from '${specifier(m)}';`
+  );
+  const lines = declared.map((name) => {
+    const target = resolved.get(name);
+    const ns = namespaceAlias(target.module);
+    return target.export === "default" ? `  const ${name}: typeof ${ns}.default;` : `  export import ${name} = ${ns}.${target.export};`;
+  });
+  const note = shadowedByDom.length > 0 ? `//
+// Import these explicitly: lib.dom already declares the name, so an ambient
 // declaration cannot win:
-`+u.map(m=>{let g=p.resolve(m)?.module;return`//   import { ${m} } from '${g?a(g):""}';
-`}).join(""):"",$e=r?Object.entries(y).map(([m,g])=>`  const ${m}: typeof ${K(g.module)}.${g.export};`):[],w=t.filter(m=>"match"in m).length,Ce=w>0?`//
-// ${w} pattern rule${w===1?"":"s"} cannot be declared:
+` + shadowedByDom.map((n) => {
+    const module = resolver.resolve(n)?.module;
+    return `//   import { ${n} } from '${module ? specifier(module) : ""}';
+`;
+  }).join("") : "";
+  const intrinsicLines = intrinsics ? Object.entries(INTRINSICS).map(
+    ([name, intrinsic]) => `  const ${name}: typeof ${namespaceAlias(intrinsic.module)}.${intrinsic.export};`
+  ) : [];
+  const patternRules = rules.filter((rule) => "match" in rule).length;
+  const patternNote = patternRules > 0 ? `//
+// ${patternRules} pattern rule${patternRules === 1 ? "" : "s"} cannot be declared:
 // a pattern matches unboundedly many names, so there is no list to emit. Those
 // tags still resolve at build time; declare them by hand if the editor needs them.
-`:"";return{source:`// GENERATED by ${i} — do not edit.
+` : "";
+  const source = `// GENERATED by ${generator}, do not edit.
 //
 // The components \`resolve\` supplies without an import. This describes what the
 // compiler already does; it does not enable it.
-`+Se+Ce+(q.length>0?`
-${q.join(`
-`)}
-`:`
-`)+`
+` + note + patternNote + (imports.length > 0 ? `
+${imports.join("\n")}
+` : "\n") + `
 declare global {
-${[...Ee,...$e].join(`
-`)}
+${[...lines, ...intrinsicLines].join("\n")}
+}
+`;
+  return { source, declared, shadowedByDom, unavailable, patternRules };
+}
+
+// src/resolve/write-globals.ts
+import { mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { dirname, relative, sep, resolve as resolvePath } from "node:path";
+var GENERATED_MARKER = "GENERATED by @fluixi/compiler";
+var DEFAULT_GLOBALS_PATH = "fluixi.d.ts";
+function coveredByInclude(root, target) {
+  let config;
+  try {
+    const raw = readFileSync(resolvePath(root, "tsconfig.json"), "utf8");
+    config = JSON.parse(raw.replace(/^\s*\/\/.*$/gm, ""));
+  } catch {
+    return void 0;
+  }
+  if (config.extends !== void 0) return void 0;
+  if (!Array.isArray(config.include)) return true;
+  const relative2 = relativePosix(root, target);
+  return config.include.some((entry) => {
+    if (typeof entry !== "string") return false;
+    const pattern = entry.replace(/[.+^${}()|[\]\\]/g, "\\$&").replace(/\*\*\//g, "(?:.*/)?").replace(/\*/g, "[^/]*");
+    return new RegExp(`^${pattern}(?:/.*)?$`).test(relative2);
+  });
+}
+function relativePosix(from, to) {
+  return relative(from, to).split(sep).join("/");
+}
+function forTypeScript(module, outDir, root) {
+  if (!module.startsWith("/")) return module;
+  const absolute = resolvePath(root, module.slice(1));
+  let rel = relative(outDir, absolute).split(sep).join("/");
+  if (!rel.startsWith(".")) rel = `./${rel}`;
+  return rel.replace(/\.(tsx|ts|jsx|mts|cts)$/, ".js");
+}
+function projectDependencies(root) {
+  try {
+    const manifest = JSON.parse(readFileSync(resolvePath(root, "package.json"), "utf8"));
+    return [
+      ...Object.keys(manifest.dependencies ?? {}),
+      ...Object.keys(manifest.devDependencies ?? {}),
+      ...Object.keys(manifest.peerDependencies ?? {})
+    ];
+  } catch {
+    return void 0;
+  }
+}
+function writeComponentGlobals(options, root) {
+  if (options.globals === false) return { status: "skipped", reason: "disabled" };
+  const rules = options.resolve ?? [];
+  const target = resolvePath(root, options.globals ?? DEFAULT_GLOBALS_PATH);
+  let existing;
+  try {
+    existing = readFileSync(target, "utf8");
+  } catch {
+    existing = void 0;
+  }
+  if (existing !== void 0 && !existing.includes(GENERATED_MARKER)) {
+    return { status: "skipped", reason: "foreign-file", path: target };
+  }
+  const { source, declared } = componentGlobals(rules, {
+    available: projectDependencies(root),
+    specifier: (module) => forTypeScript(module, dirname(target), root)
+  });
+  if (existing === source) {
+    return {
+      status: "unchanged",
+      path: target,
+      declared: declared.length,
+      warning: warnIfUnreachable(root, target)
+    };
+  }
+  mkdirSync(dirname(target), { recursive: true });
+  writeFileSync(target, source);
+  return {
+    status: "written",
+    path: target,
+    declared: declared.length,
+    warning: warnIfUnreachable(root, target)
+  };
+}
+function warnIfUnreachable(root, target) {
+  if (coveredByInclude(root, target) !== false) return void 0;
+  const relative2 = relativePosix(root, target);
+  return `[fluixi] ${relative2} is not covered by "include" in tsconfig.json, so TypeScript will ignore it and every resolved component stays "Cannot find name". Add "${relative2}" to "include".`;
 }
-`,declared:l,shadowedByDom:u,unavailable:d,patternRules:w}}import{mkdirSync as lt,readFileSync as z,writeFileSync as ct}from"node:fs";import{dirname as ye,relative as Ne,sep as ke,resolve as _}from"node:path";var pt="GENERATED by @fluixi/compiler",ut="fluixi.d.ts";function dt(t,e){let n;try{let r=z(_(t,"tsconfig.json"),"utf8");n=JSON.parse(r.replace(/^\s*\/\/.*$/gm,""))}catch{return}if(n.extends!==void 0)return;if(!Array.isArray(n.include))return!0;let o=Ie(t,e);return n.include.some(r=>{if(typeof r!="string")return!1;let i=r.replace(/[.+^${}()|[\]\\]/g,"\\$&").replace(/\*\*\//g,"(?:.*/)?").replace(/\*/g,"[^/]*");return new RegExp(`^${i}(?:/.*)?$`).test(o)})}function Ie(t,e){return Ne(t,e).split(ke).join("/")}function mt(t,e,n){if(!t.startsWith("/"))return t;let o=_(n,t.slice(1)),r=Ne(e,o).split(ke).join("/");return r.startsWith(".")||(r=`./${r}`),r.replace(/\.(tsx|ts|jsx|mts|cts)$/,".js")}function ft(t){try{let e=JSON.parse(z(_(t,"package.json"),"utf8"));return[...Object.keys(e.dependencies??{}),...Object.keys(e.devDependencies??{}),...Object.keys(e.peerDependencies??{})]}catch{return}}function xn(t,e){if(t.globals===!1)return{status:"skipped",reason:"disabled"};let n=t.resolve??[],o=_(e,t.globals??ut),r;try{r=z(o,"utf8")}catch{r=void 0}if(r!==void 0&&!r.includes(pt))return{status:"skipped",reason:"foreign-file",path:o};let{source:i,declared:a}=xe(n,{available:ft(e),specifier:s=>mt(s,ye(o),e)});return r===i?{status:"unchanged",path:o,declared:a.length,warning:be(e,o)}:(lt(ye(o),{recursive:!0}),ct(o,i),{status:"written",path:o,declared:a.length,warning:be(e,o)})}function be(t,e){if(dt(t,e)!==!1)return;let n=Ie(t,e);return`[fluixi] ${n} is not covered by "include" in tsconfig.json, so TypeScript will ignore it and every resolved component stays "Cannot find name". Add "${n}" to "include".`}var bn={backend:"imperative",moduleName:"@fluixi/dom",delegateEvents:!0,hydratable:!1,sourceMaps:!0,dev:!1};var In={imperative:v};export{Gt as BUILTIN_COMPONENTS,V as CORE_CONTROL_FLOW,ut as DEFAULT_GLOBALS_PATH,U as DOM_CONTROL_FLOW,G as RESERVED_COMPONENTS,$ as ROUTER_COMPONENTS,H as RUNTIME_CONTRACT_V1,bt as RUNTIME_CONTRACT_V2,In as backends,C as builtinComponentMap,Kt as builtinComponents,M as cleanTemplateText,it as compilePieces,pn as compileTemplate,xe as componentGlobals,j as createComponentResolver,bn as defaultOptions,v as imperativeBackend,Te as isReactiveShape,W as lowerTemplate,he as resolveComponentSources,zt as routerComponents,D as walk,xn as writeComponentGlobals};
+
+// src/options.ts
+var defaultOptions = {
+  backend: "imperative",
+  moduleName: "@fluixi/dom",
+  delegateEvents: true,
+  hydratable: false,
+  sourceMaps: true,
+  dev: false
+};
+
+// src/index.ts
+var backends = {
+  imperative: imperativeBackend
+};
+export {
+  BUILTIN_COMPONENTS,
+  CORE_CONTROL_FLOW,
+  DEFAULT_GLOBALS_PATH,
+  DOM_CONTROL_FLOW,
+  RESERVED_COMPONENTS,
+  ROUTER_COMPONENTS,
+  RUNTIME_CONTRACT_V1,
+  RUNTIME_CONTRACT_V2,
+  backends,
+  builtinComponentMap,
+  builtinComponents,
+  cleanTemplateText,
+  compilePieces,
+  compileTemplate,
+  componentGlobals,
+  createComponentResolver,
+  defaultOptions,
+  imperativeBackend,
+  isReactiveShape,
+  lowerTemplate,
+  resolveComponentSources,
+  routerComponents,
+  walk,
+  writeComponentGlobals
+};