@fluixi/dom 1.0.0-alpha.83 → 1.0.0-alpha.84

package/dist/cdn/dom.cjs

@@ -1 +1,3127 @@
-"use strict";var je=Object.defineProperty;var Pn=Object.getOwnPropertyDescriptor;var kn=Object.getOwnPropertyNames;var On=Object.prototype.hasOwnProperty;var Ln=(e,t)=>{for(var n in t)je(e,n,{get:t[n],enumerable:!0})},Dn=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of kn(t))!On.call(e,o)&&o!==n&&je(e,o,{get:()=>t[o],enumerable:!(r=Pn(t,o))||r.enumerable});return e};var _n=e=>Dn(je({},"__esModule",{value:!0}),e);var wo={};Ln(wo,{ClientOnly:()=>st,Dynamic:()=>un,ErrorBoundary:()=>pn,FX_DATA_ID:()=>z,For:()=>on,Index:()=>an,Island:()=>Xt,JSX_PROPERTIES:()=>de,Match:()=>ln,NoSsr:()=>dn,Portal:()=>fn,SVG_ELEMENTS:()=>Fn,SVG_NAMESPACE:()=>F,Show:()=>rn,Switch:()=>cn,VOID_ELEMENTS:()=>Hn,addClass:()=>Un,addDelegatedEventListener:()=>Ht,addNativeEventListener:()=>ze,appendChildren:()=>Qn,applyElementProp:()=>fe,applyProps:()=>Je,applyUse:()=>Ge,asComponent:()=>Fe,asContext:()=>Tr,asOutlet:()=>hr,asProvider:()=>xr,asRoute:()=>gr,asRouter:()=>yr,asRoutes:()=>mr,asSuspense:()=>br,batch:()=>g.batch,bindPair:()=>Xr,captureHydrationCursor:()=>Dt,checkRenderType:()=>Er,classMap:()=>mn,cleanChildren:()=>L,cloneTemplate:()=>Vt,closest:()=>Wn,createComponent:()=>Qe,createComputed:()=>g.createComputed,createContext:()=>g.createContext,createDynamicElement:()=>co,createEffect:()=>g.createEffect,createElement:()=>Yn,createMemo:()=>g.createMemo,createNativeElement:()=>Ke,createPortal:()=>Br,createRenderEffect:()=>g.createRenderEffect,createRequestContext:()=>B,createResource:()=>g.createResource,createRoot:()=>g.createRoot,createSignal:()=>g.createSignal,createStore:()=>Mn.createStore,createTemplate:()=>Ft,delegate:()=>rr,delegateEvents:()=>Be,effect:()=>Y.effect,escapeFxJson:()=>ce,escapeHTML:()=>zr,fnName:()=>Ir,generateID:()=>Rr,getAttribute:()=>Gn,getGlobal:()=>pr,getLitEventName:()=>qn,getLocals:()=>nt,getOffset:()=>nr,getRequestContext:()=>M,getRequestEvent:()=>Ne,getRequestLocals:()=>Se,getServerData:()=>ue,getStableElementId:()=>Ar,getStyle:()=>Jn,handleRef:()=>le,hasClass:()=>zn,holeContent:()=>$r,holeEnd:()=>_r,holeScope:()=>Lr,html:()=>Yt,hydrate:()=>Me,hydrateAdvancePast:()=>W,hydrateIslands:()=>Jt,indexArray:()=>G.indexArray,initializeIntegration:()=>Zr,insert:()=>C,insertExpression:()=>re,intergartionInitialized:()=>Qr,isAccessor:()=>Gr,isComponent:()=>S,isContext:()=>Mt,isCustomElement:()=>ht,isDOMNode:()=>fr,isDelegatedEvent:()=>Pr,isDomElement:()=>pe,isDomNode:()=>I,isDomText:()=>ye,isEventHandler:()=>In,isFunction:()=>kr,isIntegrationInitialized:()=>eo,isJSXTemplate:()=>ur,isLitTemplateResult:()=>Tt,isNativeElement:()=>Kr,isOutlet:()=>Rt,isPromise:()=>ne,isProvider:()=>Ct,isReactElement:()=>lr,isRoute:()=>At,isRouter:()=>St,isRoutes:()=>vt,isSVGElement:()=>Ye,isServer:()=>h,isSuspense:()=>Pt,isTemplateFactory:()=>cr,isVisible:()=>er,iterateFn:()=>qr,keyArray:()=>G.keyArray,makeArrayFlat:()=>Wt,mapArray:()=>G.mapArray,memo:()=>Y.memo,mergeProps:()=>Wr,observeIntersection:()=>ir,observeResize:()=>sr,onCleanup:()=>g.onCleanup,query:()=>He,queryAll:()=>Vn,registerCreateComponent:()=>Yr,registerGlobal:()=>dr,removeAttribute:()=>Xn,removeChildren:()=>Zn,removeClass:()=>Bn,removeDelegatedEventListener:()=>Ue,render:()=>Ze,renderToString:()=>yt,renderToStringAsync:()=>gt,resetIntegration:()=>to,runHydrationAt:()=>te,runWithRequestContext:()=>K,runWithoutHydration:()=>_t,scrollIntoView:()=>tr,serializeNode:()=>A,serializeResourceData:()=>$e,setAttribute:()=>w,setClassList:()=>se,setClassName:()=>ie,setDataRedactor:()=>mt,setDynamicAttribute:()=>Te,setDynamicBoolAttribute:()=>Xe,setDynamicProperty:()=>be,setProperty:()=>oe,setRequestStore:()=>tt,setServerMode:()=>$,setStyle:()=>ae,setStyles:()=>xt,shouldSetAsProperty:()=>jn,signal:()=>Y.signal,splitProps:()=>Ur,spread:()=>Vr,store:()=>Cn.store,styleMap:()=>hn,svg:()=>Zt,templateNode:()=>Or,toAttributeName:()=>$n,toggleClass:()=>Kn,untrack:()=>g.untrack,useContext:()=>g.useContext,waitForElement:()=>or});module.exports=_n(wo);function $n(e){return e.startsWith("aria-")||e.startsWith("data-")?e:/[A-Z]/.test(e)?e.replace(/([A-Z])/g,"-$1").toLowerCase():e}function In(e){return e.startsWith("@")||e.startsWith("on")&&e.length>2}function qn(e){return e.startsWith("@")?e.slice(1):e.startsWith("on")?e.slice(2).toLowerCase():e}function jn(e,t){let n=new Set(["checked","value","selected","disabled","readonly","required","multiple","open","contenteditable","draggable","spellcheck"]),r={input:new Set(["value","checked","indeterminate"]),textarea:new Set(["value"]),select:new Set(["value"]),option:new Set(["selected","value"]),audio:new Set(["volume","currentTime","paused"]),video:new Set(["volume","currentTime","paused"]),img:new Set(["src","srcset"]),iframe:new Set(["src"]),a:new Set(["href"])};return n.has(t)||r[e]&&r[e].has(t)}var Hn=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),Fn=new Set(["svg","g","path","circle","rect","line","polyline","polygon","ellipse","text","tspan","use","defs","symbol","mask","clipPath","pattern","linearGradient","radialGradient","stop","filter","feGaussianBlur","feOffset","feMerge","feMergeNode","foreignObject"]),F="http://www.w3.org/2000/svg";function ht(e){return e.localName.includes("-")}function fe(e,t,n,r=!1){if(n==null){e.removeAttribute(t);return}if(ht(e)){e[t]=n;return}w(e,t,n,r)}var de=new Set(["className","value","checked","selected","innerHTML","innerText","textContent","indeterminate","htmlFor"]);function He(e,t=document){return t.querySelector(e)}function Vn(e,t=document){return Array.from(t.querySelectorAll(e))}function Wn(e,t){return e.closest(t)}function Un(e,...t){e.classList.add(...t)}function Bn(e,...t){e.classList.remove(...t)}function Kn(e,...t){t.forEach(n=>e.classList.toggle(n))}function zn(e,t){return e.classList.contains(t)}function w(e,t,n,r=!1){if(n==null||n===!1){e.removeAttribute(t);return}if(n===!0){e.setAttribute(t,"");return}if(typeof n=="object"){e.setAttribute(t,JSON.stringify(n));return}e.setAttribute(t,String(n))}function Gn(e,t){return e.getAttribute(t)}function Xn(e,t){e.removeAttribute(t)}function xt(e,t){Object.assign(e.style,t)}function Jn(e,t){return window.getComputedStyle(e).getPropertyValue(t)}function Yn(e,t={},...n){let r=document.createElement(e);return Object.entries(t).forEach(([o,i])=>{if(o==="class"||o==="className")r.className=i;else if(o==="style"&&typeof i=="object")xt(r,i);else if(o.startsWith("on")&&typeof i=="function"){let s=o.slice(2).toLowerCase();r.addEventListener(s,i)}else w(r,o,i)}),n.forEach(o=>{typeof o=="string"?r.appendChild(document.createTextNode(o)):r.appendChild(o)}),r}function Zn(e){for(;e.firstChild;)e.removeChild(e.firstChild)}function Qn(e,...t){t.forEach(n=>{typeof n=="string"?e.appendChild(document.createTextNode(n)):e.appendChild(n)})}function er(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=window.innerHeight&&t.right<=window.innerWidth}function tr(e,t={behavior:"smooth",block:"nearest"}){e.scrollIntoView(t)}function nr(e){let t=e.getBoundingClientRect();return{top:t.top+window.pageYOffset,left:t.left+window.pageXOffset}}function rr(e,t,n,r){let o=i=>{let s=i.target.closest(n);s&&e.contains(s)&&r(i,s)};return e.addEventListener(t,o),()=>{e.removeEventListener(t,o)}}function or(e,t=5e3){return new Promise((n,r)=>{let o=He(e);if(o){n(o);return}let i=new MutationObserver(()=>{let a=He(e);a&&(i.disconnect(),clearTimeout(s),n(a))});i.observe(document.body,{childList:!0,subtree:!0});let s=setTimeout(()=>{i.disconnect(),r(new Error(`Element ${e} not found within ${t}ms`))},t)})}function ir(e,t,n={}){let r=new IntersectionObserver(o=>{o.forEach(i=>{t(i.isIntersecting)})},n);return r.observe(e),()=>{r.disconnect()}}function sr(e,t){let n=new ResizeObserver(r=>{r.forEach(t)});return n.observe(e),()=>{n.disconnect()}}var ar=typeof Symbol=="function"&&Symbol.for?Symbol.for("react.element"):60103;function lr(e){return typeof e=="object"&&e!==null&&e.$$typeof===ar}function Tt(e){return e&&typeof e=="object"&&e.strings&&Array.isArray(e.strings)&&e.values&&Array.isArray(e.values)}function cr(e){if(typeof e!="function")return!1;try{let t=e();return Tt(t)}catch{return!1}}function ur(e){return typeof e=="object"&&e!==null&&(e.$$typeof==="template"||typeof e.type=="function")}function fr(e){return e instanceof Node}function dr(e,t,n="Fluixi"){typeof globalThis<"u"&&(typeof globalThis[n]>"u"&&(globalThis[n]={}),typeof globalThis[n][e]>"u"&&(globalThis[n][e]=t))}function pr(e,t,n="Fluixi"){return typeof globalThis<"u"&&typeof globalThis[n]<"u"&&typeof globalThis[n][e]<"u"?globalThis[n][e]:t}var T=require("@fluixi/reactive/signal");var bt="1.0.0-alpha.83";var Et=require("@fluixi/reactive/version"),N={dom:bt,reactive:Et.VERSION};function wt(e){N.core&&e.setAttribute("fluixi",N.core),e.setAttribute("fx-dom",N.dom),e.setAttribute("fx-reactive",N.reactive),typeof globalThis<"u"&&(globalThis.Fluixi=N)}function Nt(){let e=[N.core,N.dom,N.reactive].filter(t=>t!==void 0);new Set(e).size<=1||console.warn(`[fluixi] package versions disagree — core ${N.core??"(absent)"}, dom ${N.dom}, reactive ${N.reactive}. These ship as one release, so a mismatch usually means a stale lockfile or two copies resolved side by side. Reinstall, or check for duplicates with \`pnpm why @fluixi/dom\`.`)}function yr(e){return Object.defineProperty(e,Symbol.for("fluixi-router"),{value:!0,enumerable:!0}),e}function mr(e){return Object.defineProperty(e,Symbol.for("fluixi-routes"),{value:!0,enumerable:!0}),e}function gr(e){return Object.defineProperty(e,Symbol.for("fluixi-route"),{value:!0,enumerable:!0}),e}function hr(e){return typeof e!="function"||Object.defineProperty(e,Symbol.for("fluixi-outlet"),{value:!0,enumerable:!0}),e}function xr(e){return Object.defineProperty(e,Symbol.for("fluixi-provider"),{value:!0,enumerable:!0}),e}function Tr(e){return Object.defineProperty(e,Symbol.for("fluixi-context"),{value:!0,enumerable:!0}),e}function Fe(e){return typeof e!="function"||Object.defineProperty(e,Symbol.for("fluixi-component"),{value:!0,enumerable:!0}),e}function br(e){return Object.defineProperty(e,Symbol.for("fluixi-suspense"),{value:!0,enumerable:!0}),e}function St(e){return typeof e=="function"&&e[Symbol.for("fluixi-router")]===!0}function vt(e){return typeof e=="function"&&e[Symbol.for("fluixi-routes")]===!0}function At(e){return typeof e=="function"&&e[Symbol.for("fluixi-route")]===!0}function Rt(e){return typeof e=="function"&&e[Symbol.for("fluixi-outlet")]===!0}function Ct(e){return typeof e=="function"&&e[Symbol.for("fluixi-provider")]===!0}function Mt(e){return typeof e=="function"&&e[Symbol.for("fluixi-context")]===!0}function S(e){return typeof e=="function"&&e[Symbol.for("fluixi-component")]===!0}function Pt(e){return typeof e=="function"&&e[Symbol.for("fluixi-suspense")]===!0}function Er(e){return St(e)?{type:"router",value:e}:At(e)?{type:"route",value:e}:vt(e)?{type:"routes",value:e}:Rt(e)?{type:"outlet",value:e}:S(e)?{type:"component",value:e}:Pt(e)?{type:"suspense",value:e}:Ct(e)?{type:"provider",value:e}:Mt(e)?{type:"context",value:e}:{type:"none",value:e}}var u=require("@fluixi/reactive/signal");var ee=Symbol.for("fluixi.server-node"),wr=Symbol.for("fluixi.dom.server-host"),Nr=globalThis,Q=Nr[wr]??={server:typeof document>"u",nodes:null};function h(){return Q.server}function $(e){Q.server=e}function kt(e){Q.nodes=e}function V(){if(!Q.nodes)throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");return Q.nodes}function I(e){return e!=null&&e[ee]===!0?!0:typeof Node<"u"&&e instanceof Node}function pe(e){return e!=null&&e[ee]===!0?e.nodeType===1:typeof Element<"u"&&e instanceof Element}function ye(e){return e!=null&&e[ee]===!0?e.nodeType===3:typeof Text<"u"&&e instanceof Text}var f={active:!1,cursor:null,parents:[]},Ot=null;function Lt(e){Ot=e}function me(){return Ot}function Ve(e,t){return f.active&&t.parentNode===e}function We(e){let t=f.parents.lastIndexOf(e);t!==-1&&(f.parents.length=t),f.cursor=e.nextSibling}function Dt(){return f.active?f.cursor:null}function te(e,t){if(!e||e.parentNode==null)return t();let n=f.active,r=f.cursor,o=f.parents;f.active=!0,f.cursor=e,f.parents=[];try{return t()}finally{f.active=n,f.cursor=r,f.parents=o}}function _t(e){if(!f.active)return e();let t=f.cursor,n=f.parents;f.active=!1,f.parents=[];try{return e()}finally{f.active=!0,f.cursor=t,f.parents=n}}function W(e){if(!f.active||e==null)return;let t=Array.isArray(e)?e[e.length-1]:e;t&&typeof t.nodeType=="number"&&We(t)}function Sr(e){let t=[];for(;e&&e.nodeType===1;){let n=e.tagName.toLowerCase();if(e.id){n+=`#${e.id}`,t.unshift(n);break}e.getAttribute("data-id")&&(n+=`[data-id="${e.getAttribute("data-id")}"]`);let r=0,o=e;for(;o=o.previousElementSibling;)o.tagName===e.tagName&&r++;n+=`:nth-of-type(${r+1})`,t.unshift(n),e=e.parentElement}return t.join(">")}function vr(e){let t=0;for(let n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t|=0;return`el_${Math.abs(t)}`}function Ar(e){return vr(Sr(e))}var Rr=()=>"xxyxxxxxxy-4xx8".replace(/[xy]/g,function(e){let t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)}),Cr={};var ge="__fx_at",jt="__fx_loc";function $t(e,t){return t&&(e[jt]=t),e}var It=new Map,he=new Set,Ee=new Set(["scroll","focus","blur","load","error","resize","mouseenter","mouseleave","pointerenter","pointerleave","gotpointercapture","lostpointercapture"]);function Be(e){if(!h())for(let t of e)he.has(t)||Ee.has(t)||(he.add(t),document.addEventListener(t,Mr))}function Mr(e){let t=`$$${e.type}`,n=e.composedPath&&e.composedPath()[0]||e.target;for(;n;){let r=n[t];if(r&&!n.disabled&&(r(e),e.cancelBubble))return;n=n.host&&n.host!==n&&n.host instanceof Element?n.host:n.parentNode}}function Ht(e,t,n){if(e[`$$${t}`]=n,Ee.has(t)){let r=`__fx_${t}`;if(!e[r]){let o=i=>{e[`$$${t}`]?.(i)};e.addEventListener(t,o),e[r]=o}return}he.has(t)||Be([t])}function Ue(e,t){delete e[`$$${t}`];let n=`__fx_${t}`,r=e[n];r&&(e.removeEventListener(t,r),delete e[n])}function Pr(e){return!Ee.has(e)}function kr(e){return typeof e=="function"}function D(e,t=!1){if(h())return V().createText(e);if(f.active&&!t){let n=me()?.hydrateText(e);if(n)return n}return document.createTextNode(e)}function Ke(e,t=!1,n){if(h())return V().createElement(e,t);if(f.active){let r=me()?.hydrateElement(e);if(r)return n?$t(r,n):r}return $t(t?document.createElementNS(F,e):document.createElement(e),n)}function Ft(e,t=!1){let n=It.get(e);if(n)return n;let r=document.createElement("template");return t?r.innerHTML=`<svg>${e}</svg>`:r.innerHTML=e,It.set(e,r),r}function Or(e,t,n=!1,r=!1,o){if(h()){let i=V();return n?i.parseTemplate(e,r):i.createRaw(e)}if(f.active){let i=me()?.hydrateStatic(t);if(i)return qt(i,o)}return qt(Vt(Ft(e,r),r).firstChild,o)}function qt(e,t){let n=e;if(!t||typeof n?.querySelectorAll!="function")return e;let r=[n,...n.querySelectorAll("*")];for(let o=0;o<r.length&&o*2+1<t.pos.length;o++){let i=t.pos[o*2];i&&(r[o][jt]={file:t.file,line:i,column:t.pos[o*2+1]})}return e}function Lr(e,t){if(!f.active)return t();let n=te(e.nextSibling,t);if(typeof n=="function"){let r=n;return Dr(r,(...i)=>f.active?te(e.nextSibling,()=>r(...i)):r(...i))}return n}function Dr(e,t){let n=e[ge];return n!==void 0&&(t[ge]=n),t}function _r(e){for(let t=e.nextSibling;t;t=t.nextSibling)if(t.nodeType===8&&t.data==="fx/")return t;throw new Error("[fluixi] template hole is missing its closing marker")}function $r(e,t){let n=[];for(let r=e.nextSibling;r&&r!==t;r=r.nextSibling)n.push(r);return n}function Vt(e,t=!1){let n=e.content.cloneNode(!0);return t?n.firstChild:n}function Wt(e){return Array.isArray(e)?e.length===2&&e[1]===" "?Array.isArray(e[0])?Wt(e[0]):(typeof e[0]=="function",e[0]):e.length===1&&typeof e[0]=="function"?e[0]:e:e}function Ir(e){return typeof e!="function"?null:e._name||e.name||"anonymous"}function qr(e){if((0,T.isSignal)(e)||S(e)||typeof e!="function")return e;let t=e();for(;typeof t=="function"&&!(0,T.isSignal)(t)&&!S(t);)t=t();return t}var O=0,jr=200;function Hr(e,t,n,r,o){let i=r,s=new Map;return(0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(n??t,"content",void 0,e);let a;if(S(e)&&!(0,T.isSignal)(e)){if(!s.has(e)){O++;try{let l=e();s.set(e,l)}finally{O--}}for(a=s.get(e);typeof a=="function"&&(0,T.isSignal)(a);)a=a()}else for(a=e();typeof a=="function"&&(0,T.isSignal)(a);)a=a();{let l=0;for(;typeof a=="function"&&l++<50;)if(S(a)){if(!s.has(a)){let c=a;O++;try{let d=c();s.set(c,d)}finally{O--}}a=s.get(a)}else if((0,T.isSignal)(a))a=a();else if(a=a(),typeof a!="function"||!(0,T.isSignal)(a)&&!S(a))break}O++;try{i=re(t,a,n,i,s),o(i)}finally{O--}})}function C(e,t,n,r){if(O>jr)return console.error("[insert] Exceeded max call depth — possible infinite loop."),()=>null;n!==void 0&&!n&&(n=D("",!0),e.appendChild(n));let o=r??null,i=l=>Array.isArray(l)&&l.some(c=>typeof c=="function"),s=l=>typeof l=="function"?l:()=>l;if(typeof t!="function"&&!i(t)){O++;try{o=re(e,t,n,o)}finally{O--}return()=>o}let a=Hr(s(t),e,n,o,l=>{o=l});return()=>(a?.(),o)}function re(e,t,n,r,o){if(t==null||typeof t=="boolean")return L(e,r,n);if(typeof t=="function")for(;typeof t=="function";)t=t();if(t==null||typeof t=="boolean")return L(e,r,n);if(ne(t)){let s=D("",!0);return Array.isArray(r)?r.length>0?(e.replaceChild(s,r[0]),L(e,r.slice(1),n)):b(e,s,n):r?e.replaceChild(s,r):b(e,s,n),t.then(a=>{s.parentNode===e&&re(e,a,s.nextSibling,s)}).catch(a=>{console.error("Error resolving promise in insertExpression:",a)}),s}let i=typeof t;if(i==="string"||i==="number"){if(i==="number"&&(t=String(t)),Array.isArray(r)){if(r.length===0){let a=D(t);return b(e,a,n),a}if(r.length===1&&r[0].nodeType===3)return r[0].data=t,r;r=L(e,r,n)}if(r&&ye(r))return r.data=t,r;let s=D(t);return r&&r.parentNode===e?e.replaceChild(s,r):Ve(e,s)||b(e,s,n),s}if(I(t))return Ve(e,t)?(We(t),t):Array.isArray(r)?(r.length===0?b(e,t,n):r[0].parentNode===e?(e.replaceChild(t,r[0]),L(e,r.slice(1),n)):b(e,t,n),t):(r?r!==t&&(r.parentNode===e?e.replaceChild(t,r):b(e,t,n)):b(e,t,n),t);if(Array.isArray(t)){let s=[],a=Array.isArray(r)?r:r?[r]:[],l=[];k(t,s,e,n,!0,o,l);let c=Fr(e,a,s,n);for(let d of l){let p=C(e,d.sig,d.marker);(0,u.onCleanup)(()=>{L(e,p()),d.marker.parentNode===e&&e.removeChild(d.marker)})}return c}if(i==="object"&&t!==null&&typeof t=="object"){let s=t;if("type"in s&&"props"in s){let a=s;if(typeof a.type=="function"){let l=a.type(a.props||{});return re(e,l,n,r)}}}return L(e,r,n)}function k(e,t,n,r,o=!0,i,s){for(let a=0;a<e.length;a++){let l=e[a];if(!(l==null||typeof l=="boolean")){for(;typeof l=="function"&&!ne(l)&&!(0,T.isSignal)(l)&&!S(l)&&(l=l(),!(l==null||typeof l=="boolean")););if(!(l==null||typeof l=="boolean")){if(typeof l=="function"){let c;for(S(l)&&!(0,T.isSignal)(l)?(i||(i=new Map),i.has(l)||i.set(l,l()),c=i.get(l)):c=l();typeof c=="function"&&!ne(c)&&!(0,T.isSignal)(c)&&!S(c);)i||(i=new Map),i.has(c)||i.set(c,c()),c=i.get(c);if(c==null||typeof c=="boolean")continue;if(typeof c=="function"){if((0,T.isSignal)(c)){if(s){let p=D("",!0);t.push(p),s.push({marker:p,sig:c});continue}let d=c();for(;typeof d=="function"&&(0,T.isSignal)(d);)d=d();if(d==null||typeof d=="boolean")continue;Array.isArray(d)?k(d,t,n,r,o,i):k([d],t,n,r,o,i);continue}continue}Array.isArray(c)?k(c,t,n,r,o,i,s):k([c],t,n,r,o,i,s);continue}if(ne(l)){let c=D("",!0);t.push(c),l.then(d=>{if(c.parentNode){let p=[];if(k([d],p,c.parentNode,void 0,!1,i),p.length>0){c.parentNode.replaceChild(p[0],c);for(let y=1;y<p.length;y++)c.parentNode?.insertBefore(p[y],p[y-1].nextSibling)}}}).catch(d=>console.error("Error resolving promise in array:",d));continue}if(Array.isArray(l)){k(l,t,n,r,o,i,s);continue}if(I(l)){t.push(l);continue}if(typeof l=="object"&&l!==null&&"type"in l&&"props"in l){let c=l;if(typeof c.type=="function"){let d=c.type(c.props||{});Array.isArray(d)?k(d,t,n,r,!1,i):k([d],t,n,r,!1,i);continue}}if(typeof l=="string"||typeof l=="number"){let c=String(l);if(c.trim()===""&&c!==" ")continue;t.push(D(c));continue}t.push(D(String(l)))}}}}function Fr(e,t,n,r){for(let p=0;p<n.length;p++){let y=n[p].parentNode;y!==null&&y!==e&&y.nodeType!==11&&(n=n.slice(),n[p]=n[p].cloneNode(!0))}let o=n.length,i=t.length,s=o,a=0,l=0,c=i>0?t[i-1].nextSibling??void 0:r,d=null;for(;a<i||l<s;){if(t[a]===n[l]){a++,l++;continue}for(;i>a&&s>l&&t[i-1]===n[s-1];)i--,s--;if(i===a){let p=s<o?l?n[l-1].nextSibling??void 0:n[s-l]:c;for(;l<s;)b(e,n[l++],p)}else if(s===l)for(;a<i;)(!d||!d.has(t[a]))&&t[a].parentNode===e&&e.removeChild(t[a]),a++;else if(t[a]===n[s-1]&&n[l]===t[i-1]){let p=t[--i].nextSibling;b(e,n[l++],t[a++].nextSibling),b(e,n[--s],p),t[i]=t[a-1]}else{if(!d){d=new Map;let y=l;for(;y<s;)d.set(n[y],y++)}let p=d.get(t[a]);if(p!=null)if(l<p&&p<s){let y=a,m=1;for(;++y<i&&y<s&&!(!d.has(t[y])||d.get(t[y])!==p+m);)m++;if(m>p-l){let Ie=t[a];for(;l<p;)b(e,n[l++],Ie)}else t[a].parentNode===e?e.replaceChild(n[l++],t[a++]):(b(e,n[l++],c),a++)}else a++;else t[a].parentNode===e&&e.removeChild(t[a]),a++}}return n}function L(e,t,n){if(t)if(Array.isArray(t))for(let r=0;r<t.length;r++)t[r].parentNode===e&&e.removeChild(t[r]);else t.parentNode===e&&e.removeChild(t);return null}function b(e,t,n){f.active&&t.parentNode===e||(n&&n.parentNode===e?e.insertBefore(t,n):e.appendChild(t))}function oe(e,t,n){n==null?delete e[t]:e[t]=n}function ze(e,t,n){let r=n,o;return Array.isArray(n)&&(r=n[0],o=n[1]),typeof r!="function"?()=>{}:(e.addEventListener(t,r,o),()=>e.removeEventListener(t,r,o))}function Ut(e,t){if(!t||typeof t!="function")return;let n=t[ge]?.name;if(!n)return;let r=n.indexOf(":");r!==-1&&(0,u.reportReactiveDirective)(e,n.slice(0,r),n.slice(r+1),t)}function xe(e,t,n){let r=typeof n=="function"?(0,u.untrack)(()=>n()):n;if(!(!r||typeof r!="object"))for(let o of Object.keys(r))(0,u.reportReactiveDirective)(e,t,o)}function Ge(e,t){let n=(r,o)=>{typeof r=="function"&&((0,u.reportReactiveDirective)(e,"use",r.name||"use",o),r(e,o??(()=>{})))};if(typeof t=="function"){n(t);return}if(Array.isArray(t)){if(typeof t[0]=="function"){n(t[0],t[1]);return}for(let r of t)Array.isArray(r)?n(r[0],r[1]):n(r)}}function Te(e,t,n,r=!1){return Ut(e,n),typeof n!="function"?(w(e,t,n,r),()=>{}):(0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(e,"attribute",t,n);let o=typeof n=="function"?n():n;w(e,t,o,r)})}function be(e,t,n){return typeof n!="function"?(oe(e,t,n),()=>{}):(Ut(e,n),(0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(e,"property",t,n);let r=typeof n=="function"?n():n;oe(e,t,r)}))}function Xe(e,t,n){return typeof n!="function"?(w(e,t,!!n),()=>{}):(0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(e,"attribute",t,n);let r=n();w(e,t,!!r)})}function ie(e,t){if(t==null){e.removeAttribute("class");return}if(typeof t=="function"){(0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(e,"attribute","class",t),ie(e,t())});return}if(typeof t=="string"){e.setAttribute("class",t);return}if(Array.isArray(t)){e.setAttribute("class",t.filter(Boolean).join(" "));return}if(typeof t=="object"){let n=Object.keys(t).filter(r=>{let o=t[r];return typeof o=="function"?o():!!o}).join(" ");e.setAttribute("class",n);return}e.setAttribute("class",String(t))}function se(e,t,n){if(!(!t||typeof t!="object"))for(let r in t){let o=t[r],i=r.split(/\s+/).filter(Boolean);if(typeof o=="function"&&n)n.push((0,u.createRenderEffect)(()=>{let s=!!o();for(let a of i)e.classList.toggle(a,s)}));else{let s=!!(typeof o=="function"?o():o);for(let a of i)e.classList.toggle(a,s)}}}function ae(e,t){let n=t;for(;typeof n=="function";)n=n();if(n==null){e.removeAttribute("style");return}if(typeof n=="string"){e.style.cssText=n;return}if(typeof n=="object")for(let r in n){let o=n[r];o==null?e.style[r]="":e.style[r]=o}}function Vr(e){let{element:t,props:n,prevProps:r=Cr,isSVG:o=!1,skipChildren:i=!1}=e;if(!t||!pe(t))return console.error("[spread] Error: element is not a DOM Element!"),()=>{};if(!n)return console.warn("[spread] Warning: props is undefined!"),()=>{};let s=o||t.namespaceURI===F,a=[];for(let l in n){if(i&&l==="children")continue;let c=n[l],d=r[l];if(c===d)continue;if(l==="ref"){le(c,t);continue}if(l==="use"){Ge(t,c);continue}if(l.startsWith("on:")){a.push(ze(t,l.slice(3),c));continue}if(l.startsWith("prop:")){(0,u.reportReactiveDirective)(t,"prop",l.slice(5),c),a.push(be(t,l.slice(5),c));continue}if(l.startsWith("attr:")){(0,u.reportReactiveDirective)(t,"attr",l.slice(5),c),a.push(Te(t,l.slice(5),c,s));continue}if(l.startsWith("bool:")){(0,u.reportReactiveDirective)(t,"bool",l.slice(5),c),a.push(Xe(t,l.slice(5),c));continue}if(l==="class"||l==="className"){typeof c=="function"?a.push((0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(t,"attribute","class",c),ie(t,c())})):ie(t,c);continue}if(l==="classList"){xe(t,"class",c),typeof c=="function"?a.push((0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(t,"attribute","class",c),se(t,c())})):se(t,c,a);continue}if(l==="style"){xe(t,"style",c),typeof c=="function"?a.push((0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(t,"attribute","style",c),ae(t,c())})):ae(t,c);continue}if(l.startsWith("on")){let y=l.slice(2).toLowerCase();d&&Ue(t,y),c&&Ht(t,y,c);continue}let p=de.has(l)||!s&&l in t;typeof c=="function"?a.push(p?be(t,l,c):Te(t,l,c,s)):a.push((0,u.createRenderEffect)(()=>p?oe(t,l,n[l]):w(t,l,n[l],s)))}for(let l in r)if(!(l in n))if(l.startsWith("on")){let c=l.slice(2).toLowerCase();Ue(t,c)}else de.has(l)?oe(t,l,null):t.removeAttribute(l);return()=>{a.forEach(l=>l())}}function Je(e,t,n=!1){for(let r in t){let o=t[r];if(r==="ref"){le(o,e);continue}if(r!=="children"){if(r==="use"){Ge(e,o);continue}if(r.startsWith("on:")){ze(e,r.slice(3),o);continue}if(r.startsWith("prop:")){(0,u.reportReactiveDirective)(e,"prop",r.slice(5),o),be(e,r.slice(5),o);continue}if(r.startsWith("attr:")){(0,u.reportReactiveDirective)(e,"attr",r.slice(5),o),Te(e,r.slice(5),o,n);continue}if(r.startsWith("bool:")){(0,u.reportReactiveDirective)(e,"bool",r.slice(5),o),Xe(e,r.slice(5),o);continue}if(r.startsWith("on")&&r.length>2){let i=r.slice(2).toLowerCase();if(typeof o=="function")if(Ee.has(i)){e[`$$${i}`]=o;let s=`__fx_${i}`;if(!e[s]){let a=l=>{e[`$$${i}`]?.(l)};e.addEventListener(i,a),e[s]=a}}else e[`$$${i}`]=o,he.has(i)||Be([i]);continue}if(r==="class"||r==="className"){ie(e,o);continue}if(r==="classList"){xe(e,"class",o),typeof o=="function"?(0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(e,"attribute","class",o),se(e,o())}):se(e,o);continue}if(r==="style"){xe(e,"style",o),typeof o=="function"?(0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(e,"attribute","style",o),ae(e,o())}):ae(e,o);continue}if(r==="innerHTML"){if(typeof o=="function"){let i=(0,u.createEffect)(()=>{let s=o();for(;typeof s=="function";)s=s();e.innerHTML=s});(0,u.onCleanup)(()=>i())}else e.innerHTML=o;continue}if(r==="value"&&(e.tagName==="INPUT"||e.tagName==="TEXTAREA")){if(typeof o=="function"){let i=(0,u.createEffect)(()=>{let s=o();for(;typeof s=="function"&&s.length===0;)s=s();document.activeElement!==e&&(e.value=s??"")});(0,u.onCleanup)(()=>{i()})}else(0,u.createRenderEffect)(()=>{document.activeElement!==e&&(e.value=t[r]??"")});continue}if(r==="checked"&&e.tagName==="INPUT"){if(typeof o=="function"){let i=(0,u.createEffect)(()=>{let s=o();for(;typeof s=="function"&&s.length===0;)s=s();document.activeElement!==e&&(e.checked=s??"")});(0,u.onCleanup)(()=>{i()})}else(0,u.createRenderEffect)(()=>{document.activeElement!==e&&(e.checked=t[r]??"")});continue}if(r==="value"&&e.tagName==="SELECT"){if(typeof o=="function"){let i=!0,s=(0,u.createEffect)(()=>{let a=o();for(;typeof a=="function"&&a.length===0;)a=a();i?(i=!1,queueMicrotask(()=>{e.value=a??""})):e.value=a??""});(0,u.onCleanup)(()=>{s()})}else{let i=!0;(0,u.createRenderEffect)(()=>{let s=t[r];i?(i=!1,queueMicrotask(()=>{e.value=s??""})):e.value=s??""})}continue}if(typeof o=="function"){let i=(0,u.createEffect)(()=>{let s=o();for(;typeof s=="function"&&s.length===0;)s=s();fe(e,r,s,n)});(0,u.onCleanup)(()=>{i()})}else(0,u.createRenderEffect)(()=>fe(e,r,t[r],n))}}}function Wr(...e){let t=r=>{for(let o=e.length-1;o>=0;o--){let i=e[o];if(i&&r in i&&i[r]!==void 0)return i[r]}},n=r=>{for(let o of e)if(o&&r in o)return!0;return!1};return new Proxy({},{get:(r,o)=>t(o),has:(r,o)=>n(o),ownKeys:()=>{let r=new Set;for(let o of e)if(o)for(let i of Reflect.ownKeys(o))r.add(i);return[...r]},getOwnPropertyDescriptor:(r,o)=>n(o)?{enumerable:!0,configurable:!0,get:()=>t(o)}:void 0})}function Ur(e,...t){let n=new Set;for(let s of t)for(let a of s)n.add(a);let r=s=>({enumerable:!0,configurable:!0,get:()=>e[s]}),o=t.map(s=>{let a=new Set(s);return new Proxy({},{get:(l,c)=>a.has(c)?e[c]:void 0,has:(l,c)=>a.has(c)&&c in e,ownKeys:()=>Array.from(a).filter(l=>l in e),getOwnPropertyDescriptor:(l,c)=>a.has(c)&&c in e?r(c):void 0})}),i=new Proxy({},{get:(s,a)=>n.has(a)?void 0:e[a],has:(s,a)=>!n.has(a)&&a in e,ownKeys:()=>Reflect.ownKeys(e).filter(s=>!n.has(s)),getOwnPropertyDescriptor:(s,a)=>!n.has(a)&&a in e?r(a):void 0});return[...o,i]}function le(e,t){if(!e)return;let n=e[ge]?.name;if((0,u.reportReactiveDirective)(t,"ref",n||typeof e=="function"&&e.name||"ref",e),I(e)){let r=t,o=e;if(!r)return;typeof r=="function"?r(o):typeof r=="object"&&"current"in r&&(r.current=o);return}typeof e=="function"?e(t):typeof e=="object"&&"current"in e&&(e.current=t)}function Br(e,t,n){let r=t||document.body,o=(0,u.readChildren)(()=>e),i=[];return(0,u.batch)(()=>{let s=(0,u.createRenderEffect)(()=>{let a=o();Array.isArray(a)?(a.forEach(l=>r.appendChild(l)),i.push(()=>{a.forEach(l=>{l.parentNode===r&&r.removeChild(l)})})):I(a)&&(r.appendChild(a),i.push(()=>{a.parentNode===r&&r.removeChild(a)}))});i.push(s),(0,u.onCleanup)(()=>{i.forEach(a=>a())})}),null}function Kr(e){return typeof e=="string"&&e.toLowerCase()===e}function Ye(e){return e==="svg"||e==="path"||e==="circle"||e==="rect"||e==="line"||e==="polygon"||e==="polyline"||e==="ellipse"||e==="g"||e==="defs"||e==="clipPath"||e==="text"}function zr(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function ne(e){return e!=null&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"||e instanceof Promise}function Gr(e){return typeof e=="function"&&e.length===0&&(0,T.isSignal)(e)}function Ze(e,t,n){if(!t)throw new Error("Container element is required");let r,o,i=[];return(0,u.createRoot)(s=>{(0,u.batch)(()=>{f.active||(t.textContent=""),wt(t),Nt(),C(t,e)}),o=s}),()=>{o?.(),r?.(),i.forEach(s=>s()),t.textContent=""}}function Xr(e){if(Array.isArray(e))return e;if(typeof e=="function"&&typeof e.set=="function")return[e,e.set];throw new TypeError("[fluixi] bind: needs a signal — either `signal(…)` or the `[get, set]` pair from `createSignal(…)`.")}var U=require("@fluixi/reactive");var Jr="__fx_dom_create_component__",q=globalThis[Jr]??={fn:null};function Yr(e){q.fn=e}function Zr(e={}){let t=e.signalSystem?.createComponent;t&&(q.fn=t)}function Qe(e,t){if(q.fn)return q.fn(e,t);t&&(0,U.reportReactiveProps)(t);let n=typeof e=="function"?(0,U.untrack)(()=>e(t)):e,r=n!=null&&(typeof n=="function"||typeof n=="object");if(r)try{n.$name=e?.name}catch{}return r&&!(0,U.isSignal)(n)?Fe(n):n}var Qr=()=>q.fn!==null,eo=()=>q.fn!==null;function to(){q.fn=null}var we,Kt={getStore:()=>we,run(e,t){let n=we;we=e;try{return t()}finally{we=n}}},et=Kt;function tt(e){et=e??Kt}function B(e={}){e.locals||(e.locals=e.request?Se(e.request):{});let t=0,n=0,r=null,o=new Map,i=new Map;return{event:e,routeData:new Map,matchedRoute:new Map,nextId:()=>`s${t++}`,nextResourceId:()=>{if(r===null)return`r${n++}`;let s=o.get(r)??0;return o.set(r,s+1),`${r}:r${s}`},nextIslandNamespace:s=>{let a=i.get(s)??0;return i.set(s,a+1),`${s}#${a}`},withResourceScope(s,a){let l=r;r=s;try{return a()}finally{r=l}},pending:new Set,data:new Map}}function K(e,t){return et.run(e,t)}function M(){return et.getStore()}function Ne(){return M()?.event}function nt(){let e=Ne();return e?(e.locals||(e.locals={}),e.locals):{}}var Bt=new WeakMap;function Se(e){let t=Bt.get(e);return t||(t={},Bt.set(e,t)),t}var ve=require("@fluixi/reactive/signal");var z="__FX_DATA__";function ce(e){return e.replace(/[<>&\u2028\u2029]/g,t=>"\\u"+t.charCodeAt(0).toString(16).padStart(4,"0"))}var rt;function ue(){let e=globalThis.__FX_DATA__;if(e)return e;if(rt!==void 0)return rt;let t=null;if(typeof document<"u"){let n=document.getElementById(z)?.textContent;if(n)try{t=JSON.parse(n)}catch{t=null}}return rt=t}function Ae(){for(;;){for(;f.cursor&&f.cursor.nodeType===3&&f.cursor.data==="";)f.cursor=f.cursor.nextSibling;if(f.cursor!=null||!f.parents.length)return;f.cursor=f.parents.pop().nextSibling}}var no=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),Re=typeof process<"u"&&process.env&&!1;function Ce(e,t){let n=t.nodeType===1?`<${t.tagName.toLowerCase()}>`:t.nodeType===3?`text ${JSON.stringify((t.nodeValue??"").slice(0,24))}`:t.nodeType===8?"comment":"node";console.warn(`[fluixi] hydration mismatch: expected ${e} but the server DOM has ${n}. Server and client rendered different markup; recreating this node on the client. Check for non-deterministic render (Date.now(), Math.random(), browser-only branches, untransported data).`)}function ro(e){Ae();let t=f.cursor;return t&&t.nodeType===1&&t.tagName.toLowerCase()===e.toLowerCase()?(no.has(e.toLowerCase())?f.cursor=t.nextSibling:(f.parents.push(t),f.cursor=t.firstChild),t):(Re&&t&&Ce(`<${e}>`,t),null)}function oo(e){Ae();let t=f.cursor;return t&&t.nodeType===1&&t.tagName.toLowerCase()===e.toLowerCase()?(f.cursor=t.nextSibling,t):(Re&&t&&Ce(`<${e}> (static)`,t),null)}function io(e){if(e===""){let n=f.cursor;return n&&n.nodeType===3&&n.data!==""?(f.cursor=n.nextSibling,n.data="",n):null}Ae();let t=f.cursor;return t&&t.nodeType===3?(f.cursor=t.nextSibling,t.nodeValue!==e&&(t.nodeValue=e),t):(Re&&t&&Ce(`text ${JSON.stringify(e.slice(0,24))}`,t),null)}function so(e){Ae();let t=f.cursor;return t&&t.nodeType===8&&t.data===e?(f.cursor=t.nextSibling,t):(Re&&t&&Ce(`marker <!--${e.slice(0,24)}-->`,t),null)}var zt=!1;function ao(){zt||(zt=!0,Lt({hydrateElement:ro,hydrateText:io,hydrateMarker:so,hydrateStatic:oo}))}function Me(e,t,n){ao(),f.active=!0,f.cursor=t.firstChild,f.parents=[];let r=ue(),o=n?.resourceNamespace,i=0;(0,ve.setResourceIdSource)(()=>o?`${o}:r${i++}`:`r${i++}`),(0,ve.setServerDataGetter)(r?s=>s in r?{value:r[s]}:void 0:null);try{return Ze(e,t)}finally{f.active=!1,f.cursor=null,f.parents=[]}}var ot="fluixi-island";function Xt(e){let{component:t,props:n={},name:r}=e,o=Ke(ot),i=r??t.name??"Island";w(o,"name",i),w(o,"props",JSON.stringify(n??{}));let s=h()?M():void 0;if(s){let a=s.nextIslandNamespace(i);C(o,()=>s.withResourceScope(a,()=>t(n)))}else C(o,()=>t(n));return o}var Gt=!1;function lo(){if(Gt||typeof document>"u")return;Gt=!0;let e=document.createElement("style");e.textContent=`${ot}{display:contents}`,document.head.appendChild(e)}function Jt(e){if(typeof document>"u")return;lo();let t=document.querySelectorAll(ot),n=new Map;t.forEach(r=>{let o=r.getAttribute("name")??"",i=n.get(o)??0;n.set(o,i+1);let s=e[o];if(!s){typeof process>"u"&&console.warn(`[fluixi] island "${o}" has no component in the registry — left static.`);return}let a={};try{a=JSON.parse(r.getAttribute("props")||"{}")}catch{}Me(()=>s(a),r,{resourceNamespace:`${o}#${i}`})})}function Yt(e,...t){throw new Error("html`` was not compiled — enable the lit format: fluixi({ format: 'lit' }).")}function Zt(e,...t){throw new Error("svg`` was not compiled — enable the lit format: fluixi({ format: 'lit' }).")}var Qt=require("@fluixi/reactive/signal");function co(e,t={}){if(typeof e=="function")return Qe(e,t);if(typeof e!="string"||e.length===0)return null;let n=Ye(e);if(h())return V().createElement(e,n);let r=n?document.createElementNS(F,e):document.createElement(e);return Je(r,t,n),uo(r,t),r}function uo(e,t){if(!t||t.children===void 0)return;let n=(0,Qt.readChildren)(()=>t.children),r=o=>{C(e,o,typeof o=="function"?null:void 0)};Array.isArray(n)?n.forEach(r):r(n)}var x=require("@fluixi/reactive/signal");function en(e){return typeof e=="function"?e:(()=>e)}function _(e){return()=>{let t=e();return typeof t=="function"?t():t}}function tn(e){return e!=null&&e!==!1}function nn(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function rn(e){let t=_(()=>e.when),n=(0,x.createMemo)(t,void 0,{name:"Show.when"}),r=(0,x.createMemo)(n,void 0,{name:"Show.cond"}),o=(0,x.getOwner)(),i=null,s=null,a=l=>{l!==s&&(i&&(0,x.disposeScope)(i),i=(0,x.createChildOwner)(o),s=l)};return(0,x.createMemo)(()=>{let l=r();return a(l?"when":"fallback"),(0,x.runWithOwner)(i,()=>{if(l){let c=e.children;return typeof c=="function"&&!nn(c)?typeof n=="function"?(0,x.untrack)(()=>(0,x.untrack)(n)?c(n()):e.fallback):c(n):c}return e.fallback});return e.fallback??null},void 0,{name:"Show.result"})}var Pe=require("@fluixi/reactive/signal");function on(e){let t=_(()=>e.each),n=()=>e.fallback??null,r=(o,i)=>{let s=e.children,a=Array.isArray(s)?s.map(l=>typeof l=="function"?l(o,i):l):typeof s=="function"?s(o,i):s;return W(a),a};return e.by?(0,Pe.keyArray)(t,e.by,(o,i)=>r(o,i),{fallback:n}):(0,Pe.mapArray)(t,(o,i)=>r(o,i),{fallback:n})}var sn=require("@fluixi/reactive/signal");function an(e){let t=_(()=>e.each);return(0,sn.indexArray)(t,(n,r)=>{let o=e.children(n,r);return W(o),o},{fallback:()=>e.fallback??null})}var G=require("@fluixi/reactive/signal");var v=require("@fluixi/reactive/signal");var it=Symbol("match");function ln(e){return{[it]:!0,when:_(()=>e.when),get children(){return e.children}}}function cn(e){let t=Array.isArray(e.children)?e.children:[e.children],n=(0,v.getOwner)(),r=null,o=-1,i=s=>{s!==o&&(r&&(0,v.disposeScope)(r),r=(0,v.createChildOwner)(n),o=s)};return(0,v.createMemo)(()=>{for(let s=0;s<t.length;s+=1){let l=t[s],c=0;for(;typeof l=="function"&&!l[it]&&c++<10;)l=l();if(!l||typeof l!="object"||l[it]!==!0)continue;let d=l.when();if(tn(d))return i(s),(0,v.runWithOwner)(r,()=>typeof l.children=="function"?l.children(d):l.children)}return i(-2),(0,v.runWithOwner)(r,()=>e.fallback??null)},void 0,{name:"Switch"})}var P=require("@fluixi/reactive/signal");function un(e){let t=en(e.component),{component:n,...r}=e,o=(0,P.getOwner)(),i=null,s;return(0,P.createMemo)(()=>{let a=t();return a!==s&&(i&&(0,P.disposeScope)(i),i=(0,P.createChildOwner)(o),s=a),a==null?null:typeof a=="string"?{tag:a,props:r}:(0,P.runWithOwner)(i,()=>a(r))},void 0,{name:"Dynamic"})}var ke=require("@fluixi/reactive/signal");function fn(e){let t=()=>e.mount?typeof e.mount=="function"?e.mount():e.mount:document.body,n,r;return(0,ke.createRoot)(o=>{n=o,r=document.createElement("div"),r.style.display="contents",t().appendChild(r),C(r,e.children)&&le(e.ref,r)}),(0,ke.onCleanup)(()=>{n(),r.remove()}),null}var Oe=require("@fluixi/reactive/signal");function st(e){if(h())return e.fallback??null;let t=f.active,[n,r]=(0,Oe.createSignal)(!t);return t&&queueMicrotask(()=>r(!0)),(0,Oe.createMemo)(()=>n()?e.children:e.fallback??null,void 0,{name:"client-only"})}var dn=st;var Le=require("@fluixi/reactive/signal");function pn(e){let[t,n]=(0,Le.createSignal)(null),r=()=>n(null);return(0,Le.createMemo)(()=>{let o=t();if(o!==null)return typeof e.fallback=="function"?e.fallback(o,r):e.fallback;try{return typeof e.children=="function"?e.children():e.children}catch(i){return n(i),typeof e.fallback=="function"?e.fallback(i,r):e.fallback}},void 0,{name:"ErrorBoundary"})}var yn=require("@fluixi/reactive/signal");function mn(e){return(0,yn.createMemo)(()=>{let t=typeof e=="function"?e():e,n=[];for(let[r,o]of Object.entries(t)){if(!r)continue;(typeof o=="function"?o():o)&&n.push(r)}return n.join(" ")},void 0,{name:"ClassMap"})}var gn=require("@fluixi/reactive/signal");function fo(e){return e.startsWith("--")?e:e.replace(/[A-Z]/g,t=>`-${t.toLowerCase()}`)}function hn(e){return(0,gn.createMemo)(()=>{let t=typeof e=="function"?e():e,n=[];for(let[r,o]of Object.entries(t)){if(!r)continue;let i=typeof o=="function"?o():o;i!=null&&n.push(`${fo(r)}: ${i}`)}return n.join("; ")},void 0,{name:"StyleMap"})}var _e=1,ct=3,ut=8,xn;xn=ee;var X=class{constructor(){this[xn]=!0;this.parentNode=null;this.childNodes=[]}get firstChild(){return this.childNodes[0]??null}get lastChild(){return this.childNodes[this.childNodes.length-1]??null}get nextSibling(){let t=this.parentNode;if(!t)return null;let n=t.childNodes.indexOf(this);return n>=0?t.childNodes[n+1]??null:null}get previousSibling(){let t=this.parentNode;if(!t)return null;let n=t.childNodes.indexOf(this);return n>0?t.childNodes[n-1]??null:null}get parentElement(){return this.parentNode}appendChild(t){return t.parentNode&&t.parentNode.removeChild(t),t.parentNode=this,this.childNodes.push(t),t}insertBefore(t,n){if(n==null)return this.appendChild(t);t.parentNode&&t.parentNode.removeChild(t);let r=this.childNodes.indexOf(n);return t.parentNode=this,r<0?this.childNodes.push(t):this.childNodes.splice(r,0,t),t}removeChild(t){let n=this.childNodes.indexOf(t);return n>=0&&this.childNodes.splice(n,1),t.parentNode=null,t}replaceChild(t,n){let r=this.childNodes.indexOf(n);return r>=0&&(t.parentNode&&t.parentNode.removeChild(t),t.parentNode=this,this.childNodes[r]=t,n.parentNode=null),n}addEventListener(){}removeEventListener(){}},j=class e extends X{constructor(n){super();this.nodeType=ct;this.data=n}get nodeValue(){return this.data}set nodeValue(n){this.data=n==null?"":String(n)}get textContent(){return this.data}set textContent(n){this.data=n==null?"":String(n)}cloneNode(){return new e(this.data)}},De=class e extends X{constructor(n){super();this.nodeType=_e;this.rawOuterHTML=n}get textContent(){return this.rawOuterHTML.replace(/<[^>]*>/g,"")}cloneNode(){return new e(this.rawOuterHTML)}},J=class e extends X{constructor(n){super();this.nodeType=ut;this.data=n}get nodeValue(){return this.data}set nodeValue(n){this.data=n==null?"":String(n)}cloneNode(){return new e(this.data)}},at=class{constructor(){this.cssText=""}setProperty(t,n){this[t]=n}removeProperty(t){delete this[t]}},lt=class{constructor(t){this.el=t}list(){let t=this.el.getAttribute("class");return t?t.split(/\s+/).filter(Boolean):[]}write(t){t.length?this.el.setAttribute("class",t.join(" ")):this.el.removeAttribute("class")}add(...t){let n=this.list();for(let r of t)n.includes(r)||n.push(r);this.write(n)}remove(...t){this.write(this.list().filter(n=>!t.includes(n)))}contains(t){return this.list().includes(t)}toggle(t,n){let r=this.contains(t),o=n===void 0?!r:n;return o?this.add(t):this.remove(t),o}},H=class e extends X{constructor(n,r=!1){super();this.nodeType=_e;this.attributes=new Map;this.style=new at;this.classList=new lt(this);this.rawHTML=null;this.localName=n.toLowerCase(),this.tagName=r?n:n.toUpperCase(),this.isSVG=r,this.namespaceURI=r?"http://www.w3.org/2000/svg":null}setAttribute(n,r){this.attributes.set(n,String(r))}removeAttribute(n){this.attributes.delete(n)}getAttribute(n){return this.attributes.has(n)?this.attributes.get(n):null}hasAttribute(n){return this.attributes.has(n)}get id(){return this.getAttribute("id")??""}set id(n){n==null?this.removeAttribute("id"):this.setAttribute("id",n)}get className(){return this.getAttribute("class")??""}set className(n){n==null?this.removeAttribute("class"):this.setAttribute("class",n)}get htmlFor(){return this.getAttribute("for")??""}set htmlFor(n){n==null?this.removeAttribute("for"):this.setAttribute("for",n)}set value(n){n==null?this.removeAttribute("value"):this.setAttribute("value",String(n))}set checked(n){n?this.setAttribute("checked",""):this.removeAttribute("checked")}set selected(n){n?this.setAttribute("selected",""):this.removeAttribute("selected")}set indeterminate(n){}get textContent(){return this.childNodes.map(n=>n.textContent??"").join("")}set textContent(n){for(let r of this.childNodes)r.parentNode=null;this.childNodes=[],this.rawHTML=null,n!=null&&n!==""&&this.appendChild(new j(String(n)))}set innerText(n){this.textContent=n}set innerHTML(n){for(let r of this.childNodes)r.parentNode=null;this.childNodes=[],this.rawHTML=n==null?"":String(n)}cloneNode(n=!1){let r=new e(this.localName,this.isSVG);if(r.attributes=new Map(this.attributes),r.style.cssText=this.style.cssText,r.rawHTML=this.rawHTML,n)for(let o of this.childNodes)r.appendChild(o.cloneNode(!0));return r}};var po=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),bn=/&/g,En=/</g,wn=/>/g,yo=/"/g;function ft(e){return e.replace(bn,"&amp;").replace(En,"&lt;").replace(wn,"&gt;")}function Tn(e){return e.replace(bn,"&amp;").replace(yo,"&quot;").replace(En,"&lt;").replace(wn,"&gt;")}function mo(e){return e.startsWith("--")?e:e.replace(/[A-Z]/g,t=>"-"+t.toLowerCase())}function go(e){if(!e)return"";let t=[];e.cssText&&t.push(e.cssText.trim().replace(/;\s*$/,""));for(let n of Object.keys(e)){if(n==="cssText")continue;let r=e[n];r==null||r===""||t.push(`${mo(n)}: ${r}`)}return t.join("; ")}function ho(e){let t="",n=go(e.style);for(let[r,o]of e.attributes)r==="style"&&n||(t+=` ${r}="${Tn(o)}"`);if(n){let r=e.attributes.get("style"),o=r?`${r.replace(/;\s*$/,"")}; ${n}`:n;t+=` style="${Tn(o)}"`}return t}function A(e){if(e==null||e===!1||e===!0)return"";if(typeof e=="string")return ft(e);if(typeof e=="number")return ft(String(e));if(typeof e=="function")return A(e());if(Array.isArray(e))return e.map(A).join("");if(typeof e.rawOuterHTML=="string")return e.rawOuterHTML;switch(e.nodeType){case ct:return ft(e.data??"");case ut:return`<!--${e.data??""}-->`;case _e:{let t=e.localName,n=`<${t}${ho(e)}>`;if(po.has(t))return n;let r=e.rawHTML!=null?e.rawHTML:(e.childNodes??[]).map(A).join("");return`${n}${r}</${t}>`}}return Array.isArray(e.childNodes)?e.childNodes.map(A).join(""):""}var pt=require("@fluixi/reactive/signal"),E=require("@fluixi/reactive/signal");var xo=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),To={amp:"&",lt:"<",gt:">",quot:'"',"#39":"'"};function Nn(e){return e.replace(/&(#?\w+);/g,(t,n)=>To[n]??t)}var R=class extends Error{};function Sn(e,t=!1){let n=0,r=[],o=[],i=c=>{let d=o[o.length-1];d?d.appendChild(c):r.push(c)};for(;n<e.length;){let c=e.indexOf("<",n);if(c===-1){a(e.slice(n));break}if(c>n&&a(e.slice(n,c)),e.startsWith("<!--",c)){let d=e.indexOf("-->",c);if(d===-1)throw new R(`unterminated comment at ${c}`);i(new J(e.slice(c+4,d))),n=d+3;continue}if(e[c+1]==="/"){let d=e.indexOf(">",c);if(d===-1)throw new R(`unterminated closing tag at ${c}`);let p=e.slice(c+2,d).trim().toLowerCase(),y=o.pop();if(!y||y.localName!==p)throw new R(`</${p}> does not close <${y?.localName??"nothing"}>`);n=d+1;continue}n=l(c)}if(o.length>0)throw new R(`unclosed <${o[o.length-1].localName}>`);let s=r[0];if(r.length!==1||!(s instanceof H))throw new R(`expected exactly one root element, got ${r.length}`);return s;function a(c){c!==""&&i(new j(Nn(c)))}function l(c){let d=/[\s/>]/.exec(e.slice(c+1));if(!d)throw new R(`unterminated tag at ${c}`);let p=e.slice(c+1,c+1+d.index).toLowerCase(),y=new H(p,t),m=c+1+d.index;for(;m<e.length;){for(;m<e.length&&/\s/.test(e[m]);)m++;if(e[m]===">"){m++;break}if(e[m]==="/"&&e[m+1]===">"){m+=2;break}let Ie=m;for(;m<e.length&&!/[\s=/>]/.test(e[m]);)m++;let Z=e.slice(Ie,m);if(Z==="")throw new R(`malformed attribute at ${m}`);if(e[m]==="="){if(e[m+1]!=='"')throw new R(`attribute ${Z} must have a double-quoted value`);let qe=e.indexOf('"',m+2);if(qe===-1)throw new R(`unterminated value for ${Z}`);y.setAttribute(Z,Nn(e.slice(m+2,qe))),m=qe+1}else y.setAttribute(Z,"")}return i(y),xo.has(p)||o.push(y),m}}var vn=!1;function Rn(){vn||(vn=!0,kt({createElement:(e,t)=>new H(e,t),createText:e=>new j(e),createRaw:e=>new De(e),parseTemplate:(e,t)=>Sn(e,t),createComment:e=>new J(e)}))}function yt(e,t={}){let n=h();Rn(),$(!0);let r=B(t.event);try{return K(r,()=>(0,pt.createRoot)(o=>{try{let i=typeof e=="function"?e():e;return A(i)}finally{o()}}))}finally{$(n)}}var An=!1;function bo(){An||(An=!0,(0,E.setResourceTracker)(e=>{M()?.pending.add(e)}),(0,E.setResourceIdSource)(()=>M()?.nextResourceId()??""),(0,E.setResourceDataSink)((e,t)=>{e&&M()?.data.set(e,t)}))}var dt=null;function mt(e){dt=e}function $e(e){if(e.data.size===0)return"";let t={};for(let[r,o]of e.data){let i=o;if(dt)try{i=dt(o,r)}catch{continue}i!==void 0&&(typeof i=="function"||typeof i=="symbol"||(t[r]=i))}if(Object.keys(t).length===0)return"";let n=ce(JSON.stringify(t));return n==="{}"?"":`<script type="application/json" id="${z}">${n}<\/script>`}var Eo=50;async function gt(e,t={}){let n=h();Rn(),$(!0),bo();let r=B(t.event);try{return await K(r,async()=>{t.preload&&await t.preload(t.event);let o,i=null,s=()=>{};(0,pt.createRoot)(d=>{s=d,i=(0,E.getOwner)(),o=typeof e=="function"?e():e});let a=()=>{try{(0,E.runWithOwner)(i,()=>A(o))}catch{}};a();let l=0;for(;r.pending.size>0&&l++<Eo;){let d=Array.from(r.pending);r.pending.clear(),await Promise.allSettled(d),await(0,E.flush)(),a()}let c=(0,E.runWithOwner)(i,()=>A(o))+$e(r);return s(),c})}finally{$(n)}}var Y=require("@fluixi/reactive/signal"),Cn=require("@fluixi/reactive/store"),g=require("@fluixi/reactive/signal"),Mn=require("@fluixi/reactive/store");
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/cdn/dom.ts
+var dom_exports = {};
+__export(dom_exports, {
+  ClientOnly: () => ClientOnly,
+  Dynamic: () => Dynamic,
+  ErrorBoundary: () => ErrorBoundary,
+  FX_DATA_ID: () => FX_DATA_ID,
+  For: () => For,
+  Index: () => Index,
+  Island: () => Island,
+  JSX_PROPERTIES: () => JSX_PROPERTIES,
+  Match: () => Match,
+  NoSsr: () => NoSsr,
+  Portal: () => Portal,
+  SVG_ELEMENTS: () => SVG_ELEMENTS,
+  SVG_NAMESPACE: () => SVG_NAMESPACE,
+  Show: () => Show,
+  Switch: () => Switch,
+  VOID_ELEMENTS: () => VOID_ELEMENTS,
+  addClass: () => addClass,
+  addDelegatedEventListener: () => addDelegatedEventListener,
+  addNativeEventListener: () => addNativeEventListener,
+  appendChildren: () => appendChildren,
+  applyElementProp: () => applyElementProp,
+  applyProps: () => applyProps,
+  applyUse: () => applyUse,
+  asComponent: () => asComponent,
+  asContext: () => asContext,
+  asOutlet: () => asOutlet,
+  asProvider: () => asProvider,
+  asRoute: () => asRoute,
+  asRouter: () => asRouter,
+  asRoutes: () => asRoutes,
+  asSuspense: () => asSuspense,
+  batch: () => import_signal20.batch,
+  bindPair: () => bindPair,
+  captureHydrationCursor: () => captureHydrationCursor,
+  checkRenderType: () => checkRenderType,
+  classMap: () => classMap,
+  cleanChildren: () => cleanChildren,
+  cloneTemplate: () => cloneTemplate,
+  closest: () => closest,
+  createComponent: () => createComponent,
+  createComputed: () => import_signal20.createComputed,
+  createContext: () => import_signal20.createContext,
+  createDynamicElement: () => createDynamicElement,
+  createEffect: () => import_signal20.createEffect,
+  createElement: () => createElement,
+  createMemo: () => import_signal20.createMemo,
+  createNativeElement: () => createNativeElement,
+  createPortal: () => createPortal,
+  createRenderEffect: () => import_signal20.createRenderEffect,
+  createRequestContext: () => createRequestContext,
+  createResource: () => import_signal20.createResource,
+  createRoot: () => import_signal20.createRoot,
+  createSignal: () => import_signal20.createSignal,
+  createStore: () => import_store2.createStore,
+  createTemplate: () => createTemplate,
+  delegate: () => delegate,
+  delegateEvents: () => delegateEvents,
+  effect: () => import_signal19.effect,
+  escapeFxJson: () => escapeFxJson,
+  escapeHTML: () => escapeHTML,
+  fnName: () => fnName,
+  generateID: () => generateID,
+  getAttribute: () => getAttribute,
+  getGlobal: () => getGlobal,
+  getLitEventName: () => getLitEventName,
+  getLocals: () => getLocals,
+  getOffset: () => getOffset,
+  getRequestContext: () => getRequestContext,
+  getRequestEvent: () => getRequestEvent,
+  getRequestLocals: () => getRequestLocals,
+  getServerData: () => getServerData,
+  getStableElementId: () => getStableElementId,
+  getStyle: () => getStyle,
+  handleRef: () => handleRef,
+  hasClass: () => hasClass,
+  holeContent: () => holeContent,
+  holeEnd: () => holeEnd,
+  holeScope: () => holeScope,
+  html: () => html,
+  hydrate: () => hydrate,
+  hydrateAdvancePast: () => hydrateAdvancePast,
+  hydrateIslands: () => hydrateIslands,
+  indexArray: () => import_signal16.indexArray,
+  initializeIntegration: () => initializeIntegration,
+  insert: () => insert,
+  insertExpression: () => insertExpression,
+  intergartionInitialized: () => intergartionInitialized,
+  isAccessor: () => isAccessor,
+  isComponent: () => isComponent,
+  isContext: () => isContext,
+  isCustomElement: () => isCustomElement,
+  isDOMNode: () => isDOMNode,
+  isDelegatedEvent: () => isDelegatedEvent,
+  isDomElement: () => isDomElement,
+  isDomNode: () => isDomNode,
+  isDomText: () => isDomText,
+  isEventHandler: () => isEventHandler,
+  isFunction: () => isFunction,
+  isIntegrationInitialized: () => isIntegrationInitialized,
+  isJSXTemplate: () => isJSXTemplate,
+  isLitTemplateResult: () => isLitTemplateResult,
+  isNativeElement: () => isNativeElement,
+  isOutlet: () => isOutlet,
+  isPromise: () => isPromise,
+  isProvider: () => isProvider,
+  isReactElement: () => isReactElement,
+  isRoute: () => isRoute,
+  isRouter: () => isRouter,
+  isRoutes: () => isRoutes,
+  isSVGElement: () => isSVGElement,
+  isServer: () => isServer,
+  isSuspense: () => isSuspense,
+  isTemplateFactory: () => isTemplateFactory,
+  isVisible: () => isVisible,
+  iterateFn: () => iterateFn,
+  keyArray: () => import_signal16.keyArray,
+  makeArrayFlat: () => makeArrayFlat,
+  mapArray: () => import_signal16.mapArray,
+  memo: () => import_signal19.memo,
+  mergeProps: () => mergeProps,
+  observeIntersection: () => observeIntersection,
+  observeResize: () => observeResize,
+  onCleanup: () => import_signal20.onCleanup,
+  query: () => query,
+  queryAll: () => queryAll,
+  registerCreateComponent: () => registerCreateComponent,
+  registerGlobal: () => registerGlobal,
+  removeAttribute: () => removeAttribute,
+  removeChildren: () => removeChildren,
+  removeClass: () => removeClass,
+  removeDelegatedEventListener: () => removeDelegatedEventListener,
+  render: () => render,
+  renderToString: () => renderToString,
+  renderToStringAsync: () => renderToStringAsync,
+  resetIntegration: () => resetIntegration,
+  runHydrationAt: () => runHydrationAt,
+  runWithRequestContext: () => runWithRequestContext,
+  runWithoutHydration: () => runWithoutHydration,
+  scrollIntoView: () => scrollIntoView,
+  serializeNode: () => serializeNode,
+  serializeResourceData: () => serializeResourceData,
+  setAttribute: () => setAttribute,
+  setClassList: () => setClassList,
+  setClassName: () => setClassName,
+  setDataRedactor: () => setDataRedactor,
+  setDynamicAttribute: () => setDynamicAttribute,
+  setDynamicBoolAttribute: () => setDynamicBoolAttribute,
+  setDynamicProperty: () => setDynamicProperty,
+  setProperty: () => setProperty,
+  setRequestStore: () => setRequestStore,
+  setServerMode: () => setServerMode,
+  setStyle: () => setStyle,
+  setStyles: () => setStyles,
+  shouldSetAsProperty: () => shouldSetAsProperty,
+  signal: () => import_signal19.signal,
+  splitProps: () => splitProps,
+  spread: () => spread,
+  store: () => import_store.store,
+  styleMap: () => styleMap,
+  svg: () => svg,
+  templateNode: () => templateNode,
+  toAttributeName: () => toAttributeName,
+  toggleClass: () => toggleClass,
+  untrack: () => import_signal20.untrack,
+  useContext: () => import_signal20.useContext,
+  waitForElement: () => waitForElement
+});
+module.exports = __toCommonJS(dom_exports);
+
+// src/lib/dom/utils.ts
+function toAttributeName(key) {
+  if (key.startsWith("aria-") || key.startsWith("data-")) {
+    return key;
+  }
+  if (/[A-Z]/.test(key)) {
+    return key.replace(/([A-Z])/g, "-$1").toLowerCase();
+  }
+  return key;
+}
+function isEventHandler(key) {
+  return key.startsWith("@") || key.startsWith("on") && key.length > 2;
+}
+function getLitEventName(key) {
+  if (key.startsWith("@")) {
+    return key.slice(1);
+  }
+  if (key.startsWith("on")) {
+    const eventName = key.slice(2);
+    return eventName.toLowerCase();
+  }
+  return key;
+}
+function shouldSetAsProperty(element, key) {
+  const propertyAttributes = /* @__PURE__ */ new Set([
+    "checked",
+    "value",
+    "selected",
+    "disabled",
+    "readonly",
+    "required",
+    "multiple",
+    "open",
+    "contenteditable",
+    "draggable",
+    "spellcheck"
+  ]);
+  const elementSpecificProps = {
+    input: /* @__PURE__ */ new Set(["value", "checked", "indeterminate"]),
+    textarea: /* @__PURE__ */ new Set(["value"]),
+    select: /* @__PURE__ */ new Set(["value"]),
+    option: /* @__PURE__ */ new Set(["selected", "value"]),
+    audio: /* @__PURE__ */ new Set(["volume", "currentTime", "paused"]),
+    video: /* @__PURE__ */ new Set(["volume", "currentTime", "paused"]),
+    img: /* @__PURE__ */ new Set(["src", "srcset"]),
+    iframe: /* @__PURE__ */ new Set(["src"]),
+    a: /* @__PURE__ */ new Set(["href"])
+  };
+  return propertyAttributes.has(key) || elementSpecificProps[element] && elementSpecificProps[element].has(key);
+}
+var VOID_ELEMENTS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var SVG_ELEMENTS = /* @__PURE__ */ new Set([
+  "svg",
+  "g",
+  "path",
+  "circle",
+  "rect",
+  "line",
+  "polyline",
+  "polygon",
+  "ellipse",
+  "text",
+  "tspan",
+  "use",
+  "defs",
+  "symbol",
+  "mask",
+  "clipPath",
+  "pattern",
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "filter",
+  "feGaussianBlur",
+  "feOffset",
+  "feMerge",
+  "feMergeNode",
+  "foreignObject"
+]);
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+function isCustomElement(element) {
+  return element.localName.includes("-");
+}
+function applyElementProp(element, name, value, isSVG = false) {
+  if (value == null) {
+    element.removeAttribute(name);
+    return;
+  }
+  if (isCustomElement(element)) {
+    element[name] = value;
+    return;
+  }
+  setAttribute(element, name, value, isSVG);
+}
+var JSX_PROPERTIES = /* @__PURE__ */ new Set([
+  "className",
+  "value",
+  "checked",
+  "selected",
+  "innerHTML",
+  "innerText",
+  "textContent",
+  "indeterminate",
+  "htmlFor"
+]);
+function query(selector, root = document) {
+  return root.querySelector(selector);
+}
+function queryAll(selector, root = document) {
+  return Array.from(root.querySelectorAll(selector));
+}
+function closest(element, selector) {
+  return element.closest(selector);
+}
+function addClass(element, ...classes) {
+  element.classList.add(...classes);
+}
+function removeClass(element, ...classes) {
+  element.classList.remove(...classes);
+}
+function toggleClass(element, ...classes) {
+  classes.forEach((cls) => element.classList.toggle(cls));
+}
+function hasClass(element, className) {
+  return element.classList.contains(className);
+}
+function setAttribute(element, name, value, isSVG = false) {
+  if (value == null || value === false) {
+    element.removeAttribute(name);
+    return;
+  }
+  if (value === true) {
+    element.setAttribute(name, "");
+    return;
+  }
+  if (typeof value === "object") {
+    element.setAttribute(name, JSON.stringify(value));
+    return;
+  }
+  element.setAttribute(name, String(value));
+}
+function getAttribute(element, name) {
+  return element.getAttribute(name);
+}
+function removeAttribute(element, name) {
+  element.removeAttribute(name);
+}
+function setStyles(element, styles) {
+  Object.assign(element.style, styles);
+}
+function getStyle(element, property) {
+  return window.getComputedStyle(element).getPropertyValue(property);
+}
+function createElement(tagName, attributes = {}, ...children) {
+  const element = document.createElement(tagName);
+  Object.entries(attributes).forEach(([key, value]) => {
+    if (key === "class" || key === "className") {
+      element.className = value;
+    } else if (key === "style" && typeof value === "object") {
+      setStyles(element, value);
+    } else if (key.startsWith("on") && typeof value === "function") {
+      const event = key.slice(2).toLowerCase();
+      element.addEventListener(event, value);
+    } else {
+      setAttribute(element, key, value);
+    }
+  });
+  children.forEach((child) => {
+    if (typeof child === "string") {
+      element.appendChild(document.createTextNode(child));
+    } else {
+      element.appendChild(child);
+    }
+  });
+  return element;
+}
+function removeChildren(element) {
+  while (element.firstChild) {
+    element.removeChild(element.firstChild);
+  }
+}
+function appendChildren(parent, ...children) {
+  children.forEach((child) => {
+    if (typeof child === "string") {
+      parent.appendChild(document.createTextNode(child));
+    } else {
+      parent.appendChild(child);
+    }
+  });
+}
+function isVisible(element) {
+  const rect = element.getBoundingClientRect();
+  return rect.top >= 0 && rect.left >= 0 && rect.bottom <= window.innerHeight && rect.right <= window.innerWidth;
+}
+function scrollIntoView(element, options = { behavior: "smooth", block: "nearest" }) {
+  element.scrollIntoView(options);
+}
+function getOffset(element) {
+  const rect = element.getBoundingClientRect();
+  return {
+    top: rect.top + window.pageYOffset,
+    left: rect.left + window.pageXOffset
+  };
+}
+function delegate(parent, eventName, selector, handler) {
+  const listener = (event) => {
+    const target = event.target.closest(selector);
+    if (target && parent.contains(target)) {
+      handler(event, target);
+    }
+  };
+  parent.addEventListener(eventName, listener);
+  return () => {
+    parent.removeEventListener(eventName, listener);
+  };
+}
+function waitForElement(selector, timeout = 5e3) {
+  return new Promise((resolve, reject) => {
+    const element = query(selector);
+    if (element) {
+      resolve(element);
+      return;
+    }
+    const observer = new MutationObserver(() => {
+      const element2 = query(selector);
+      if (element2) {
+        observer.disconnect();
+        clearTimeout(timeoutId);
+        resolve(element2);
+      }
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    const timeoutId = setTimeout(() => {
+      observer.disconnect();
+      reject(new Error(`Element ${selector} not found within ${timeout}ms`));
+    }, timeout);
+  });
+}
+function observeIntersection(element, callback, options = {}) {
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach((entry) => {
+      callback(entry.isIntersecting);
+    });
+  }, options);
+  observer.observe(element);
+  return () => {
+    observer.disconnect();
+  };
+}
+function observeResize(element, callback) {
+  const observer = new ResizeObserver((entries) => {
+    entries.forEach(callback);
+  });
+  observer.observe(element);
+  return () => {
+    observer.disconnect();
+  };
+}
+var REACT_ELEMENT_TYPE = typeof Symbol === "function" && Symbol.for ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
+function isReactElement(value) {
+  return typeof value === "object" && value !== null && value.$$typeof === REACT_ELEMENT_TYPE;
+}
+function isLitTemplateResult(value) {
+  return value && typeof value === "object" && value.strings && Array.isArray(value.strings) && value.values && Array.isArray(value.values);
+}
+function isTemplateFactory(value) {
+  if (typeof value !== "function") return false;
+  try {
+    const result = value();
+    return isLitTemplateResult(result);
+  } catch {
+    return false;
+  }
+}
+function isJSXTemplate(value) {
+  return typeof value === "object" && value !== null && (value.$$typeof === "template" || typeof value.type === "function");
+}
+function isDOMNode(value) {
+  return value instanceof Node;
+}
+function registerGlobal(key, value, _Key = "Fluixi") {
+  if (typeof globalThis !== "undefined") {
+    if (typeof globalThis[_Key] === "undefined") {
+      globalThis[_Key] = {};
+    }
+    if (typeof globalThis[_Key][key] === "undefined") {
+      globalThis[_Key][key] = value;
+    }
+  }
+}
+function getGlobal(key, value, _Key = "Fluixi") {
+  if (typeof globalThis !== "undefined") {
+    if (typeof globalThis[_Key] !== "undefined") {
+      if (typeof globalThis[_Key][key] !== "undefined") {
+        return globalThis[_Key][key];
+      }
+    }
+  }
+  return value;
+}
+
+// src/lib/dom/runtime.ts
+var import_signal2 = require("@fluixi/reactive/signal");
+
+// src/version.generated.ts
+var VERSION = "1.0.0-alpha.84";
+
+// src/lib/dom/versions.ts
+var import_version = require("@fluixi/reactive/version");
+var import_signal = require("@fluixi/reactive/signal");
+var versions = { dom: VERSION, reactive: import_version.VERSION };
+function stampVersions(container) {
+  if (versions.core) container.setAttribute("fluixi", versions.core);
+  container.setAttribute("fx-dom", versions.dom);
+  container.setAttribute("fx-reactive", versions.reactive);
+  if (typeof globalThis !== "undefined") globalThis.Fluixi = versions;
+}
+function warnOnVersionSkew() {
+  const builds = (0, import_signal.joinedVersions)();
+  if (builds.length > 1) {
+    console.warn(
+      `[fluixi] ${builds.length} builds of @fluixi/reactive are driving one reactive graph: ${builds.join(", ")}. They share it on purpose, so signals still cross between them, but the oldest one decided what the graph looks like. Build the components on one release, or load them as shared-runtime bundles.`
+    );
+  }
+  const present = [versions.core, versions.dom, versions.reactive].filter(
+    (v) => v !== void 0
+  );
+  if (new Set(present).size <= 1) return;
+  console.warn(
+    `[fluixi] package versions disagree: core ${versions.core ?? "(absent)"}, dom ${versions.dom}, reactive ${versions.reactive}. These ship as one release, so a mismatch usually means a stale lockfile or two copies resolved side by side. Reinstall, or check for duplicates with \`pnpm why @fluixi/dom\`.`
+  );
+}
+
+// src/lib/component/modifiers.ts
+function asRouter(value) {
+  Object.defineProperty(value, /* @__PURE__ */ Symbol.for("fluixi-router"), { value: true, enumerable: true });
+  return value;
+}
+function asRoutes(value) {
+  Object.defineProperty(value, /* @__PURE__ */ Symbol.for("fluixi-routes"), { value: true, enumerable: true });
+  return value;
+}
+function asRoute(value) {
+  Object.defineProperty(value, /* @__PURE__ */ Symbol.for("fluixi-route"), { value: true, enumerable: true });
+  return value;
+}
+function asOutlet(value) {
+  if (typeof value !== "function") return value;
+  Object.defineProperty(value, /* @__PURE__ */ Symbol.for("fluixi-outlet"), { value: true, enumerable: true });
+  return value;
+}
+function asProvider(value) {
+  Object.defineProperty(value, /* @__PURE__ */ Symbol.for("fluixi-provider"), { value: true, enumerable: true });
+  return value;
+}
+function asContext(value) {
+  Object.defineProperty(value, /* @__PURE__ */ Symbol.for("fluixi-context"), { value: true, enumerable: true });
+  return value;
+}
+function asComponent(value) {
+  if (typeof value !== "function") return value;
+  Object.defineProperty(value, /* @__PURE__ */ Symbol.for("fluixi-component"), { value: true, enumerable: true });
+  return value;
+}
+function asSuspense(value) {
+  Object.defineProperty(value, /* @__PURE__ */ Symbol.for("fluixi-suspense"), { value: true, enumerable: true });
+  return value;
+}
+function isRouter(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-router")] === true;
+}
+function isRoutes(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-routes")] === true;
+}
+function isRoute(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-route")] === true;
+}
+function isOutlet(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-outlet")] === true;
+}
+function isProvider(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-provider")] === true;
+}
+function isContext(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-context")] === true;
+}
+function isComponent(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-component")] === true;
+}
+function isSuspense(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-suspense")] === true;
+}
+function checkRenderType(value) {
+  if (isRouter(value)) {
+    return { type: "router", value };
+  }
+  if (isRoute(value)) {
+    return { type: "route", value };
+  }
+  if (isRoutes(value)) {
+    return { type: "routes", value };
+  }
+  if (isOutlet(value)) {
+    return { type: "outlet", value };
+  }
+  if (isComponent(value)) {
+    return { type: "component", value };
+  }
+  if (isSuspense(value)) {
+    return { type: "suspense", value };
+  }
+  if (isProvider(value)) {
+    return { type: "provider", value };
+  }
+  if (isContext(value)) {
+    return { type: "context", value };
+  }
+  return { type: "none", value };
+}
+
+// src/lib/dom/runtime.ts
+var import_signal3 = require("@fluixi/reactive/signal");
+
+// src/lib/dom/server/host.ts
+var SERVER_NODE = /* @__PURE__ */ Symbol.for("fluixi.server-node");
+var STATE = /* @__PURE__ */ Symbol.for("fluixi.dom.server-host");
+var realm = globalThis;
+var state = realm[STATE] ??= {
+  server: typeof document === "undefined",
+  nodes: null
+};
+function isServer() {
+  return state.server;
+}
+function setServerMode(on) {
+  state.server = on;
+}
+function registerServerNodes(factory) {
+  state.nodes = factory;
+}
+function getServerNodes() {
+  if (!state.nodes) {
+    throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");
+  }
+  return state.nodes;
+}
+function isDomNode(x) {
+  if (x != null && x[SERVER_NODE] === true) return true;
+  return typeof Node !== "undefined" && x instanceof Node;
+}
+function isDomElement(x) {
+  if (x != null && x[SERVER_NODE] === true) return x.nodeType === 1;
+  return typeof Element !== "undefined" && x instanceof Element;
+}
+function isDomText(x) {
+  if (x != null && x[SERVER_NODE] === true) return x.nodeType === 3;
+  return typeof Text !== "undefined" && x instanceof Text;
+}
+
+// src/lib/dom/hydration-state.ts
+var hydration = {
+  active: false,
+  cursor: null,
+  parents: []
+};
+var _walker = null;
+function registerHydrationWalker(walker) {
+  _walker = walker;
+}
+function getHydrationWalker() {
+  return _walker;
+}
+function isAdopted(parent, node) {
+  return hydration.active && node.parentNode === parent;
+}
+function ascendPast(node) {
+  const idx = hydration.parents.lastIndexOf(node);
+  if (idx !== -1) hydration.parents.length = idx;
+  hydration.cursor = node.nextSibling;
+}
+function captureHydrationCursor() {
+  return hydration.active ? hydration.cursor : null;
+}
+function runHydrationAt(cursor, fn) {
+  if (!cursor || cursor.parentNode == null) return fn();
+  const prevActive = hydration.active;
+  const prevCursor = hydration.cursor;
+  const prevParents = hydration.parents;
+  hydration.active = true;
+  hydration.cursor = cursor;
+  hydration.parents = [];
+  try {
+    return fn();
+  } finally {
+    hydration.active = prevActive;
+    hydration.cursor = prevCursor;
+    hydration.parents = prevParents;
+  }
+}
+function runWithoutHydration(fn) {
+  if (!hydration.active) return fn();
+  const prevCursor = hydration.cursor;
+  const prevParents = hydration.parents;
+  hydration.active = false;
+  hydration.parents = [];
+  try {
+    return fn();
+  } finally {
+    hydration.active = true;
+    hydration.cursor = prevCursor;
+    hydration.parents = prevParents;
+  }
+}
+function hydrateAdvancePast(rendered) {
+  if (!hydration.active || rendered == null) return;
+  const last = Array.isArray(rendered) ? rendered[rendered.length - 1] : rendered;
+  if (last && typeof last.nodeType === "number") {
+    ascendPast(last);
+  }
+}
+
+// src/lib/dom/runtime.ts
+function getElementFingerprint(el) {
+  const parts = [];
+  while (el && el.nodeType === 1) {
+    let part = el.tagName.toLowerCase();
+    if (el.id) {
+      part += `#${el.id}`;
+      parts.unshift(part);
+      break;
+    }
+    if (el.getAttribute("data-id")) {
+      part += `[data-id="${el.getAttribute("data-id")}"]`;
+    }
+    let index = 0;
+    let sibling = el;
+    while (sibling = sibling.previousElementSibling) {
+      if (sibling.tagName === el.tagName) index++;
+    }
+    part += `:nth-of-type(${index + 1})`;
+    parts.unshift(part);
+    el = el.parentElement;
+  }
+  return parts.join(">");
+}
+function hashString(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = (hash << 5) - hash + str.charCodeAt(i);
+    hash |= 0;
+  }
+  return `el_${Math.abs(hash)}`;
+}
+function getStableElementId(el) {
+  return hashString(getElementFingerprint(el));
+}
+var generateID = () => {
+  return "xxyxxxxxxy-4xx8".replace(/[xy]/g, function(c) {
+    let r = Math.random() * 16 | 0;
+    let v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+};
+var EMPTY_OBJ = {};
+var HOLE_TAG = "__fx_at";
+var LOC_TAG = "__fx_loc";
+function located(element, at) {
+  if (at) element[LOC_TAG] = at;
+  return element;
+}
+var templateCache = /* @__PURE__ */ new Map();
+var delegatedSet = /* @__PURE__ */ new Set();
+var NON_DELEGATED = /* @__PURE__ */ new Set(["scroll", "focus", "blur", "load", "error", "resize", "mouseenter", "mouseleave", "pointerenter", "pointerleave", "gotpointercapture", "lostpointercapture"]);
+function delegateEvents(eventNames) {
+  if (isServer()) return;
+  for (const name of eventNames) {
+    if (delegatedSet.has(name) || NON_DELEGATED.has(name)) continue;
+    delegatedSet.add(name);
+    document.addEventListener(name, delegatedEventHandler);
+  }
+}
+function delegatedEventHandler(e) {
+  const key = `$$${e.type}`;
+  let node = e.composedPath && e.composedPath()[0] || e.target;
+  while (node) {
+    const handler = node[key];
+    if (handler && !node.disabled) {
+      handler(e);
+      if (e.cancelBubble) return;
+    }
+    node = node.host && node.host !== node && node.host instanceof Element ? node.host : node.parentNode;
+  }
+}
+function addDelegatedEventListener(element, name, handler) {
+  element[`$$${name}`] = handler;
+  if (NON_DELEGATED.has(name)) {
+    const key = `__fx_${name}`;
+    if (!element[key]) {
+      const forwarder = (e) => {
+        element[`$$${name}`]?.(e);
+      };
+      element.addEventListener(name, forwarder);
+      element[key] = forwarder;
+    }
+    return;
+  }
+  if (!delegatedSet.has(name)) {
+    delegateEvents([name]);
+  }
+}
+function removeDelegatedEventListener(element, name) {
+  delete element[`$$${name}`];
+  const key = `__fx_${name}`;
+  const forwarder = element[key];
+  if (forwarder) {
+    element.removeEventListener(name, forwarder);
+    delete element[key];
+  }
+}
+function isDelegatedEvent(name) {
+  return !NON_DELEGATED.has(name);
+}
+function isFunction(value) {
+  return typeof value === "function";
+}
+function createTextNode(value, anchor = false) {
+  if (isServer()) return getServerNodes().createText(value);
+  if (hydration.active && !anchor) {
+    const node = getHydrationWalker()?.hydrateText(value);
+    if (node) return node;
+  }
+  return document.createTextNode(value);
+}
+function createNativeElement(tag, isSVG = false, at) {
+  if (isServer()) return getServerNodes().createElement(tag, isSVG);
+  if (hydration.active) {
+    const node = getHydrationWalker()?.hydrateElement(tag);
+    if (node) return at ? located(node, at) : node;
+  }
+  return located(
+    isSVG ? document.createElementNS(SVG_NAMESPACE, tag) : document.createElement(tag),
+    at
+  );
+}
+function createTemplate(html2, isSVG = false) {
+  const cached = templateCache.get(html2);
+  if (cached) return cached;
+  const template = document.createElement("template");
+  if (isSVG) {
+    template.innerHTML = `<svg>${html2}</svg>`;
+  } else {
+    template.innerHTML = html2;
+  }
+  templateCache.set(html2, template);
+  return template;
+}
+function templateNode(html2, tag, holes = false, isSVG = false, at) {
+  if (isServer()) {
+    const nodes = getServerNodes();
+    return holes ? nodes.parseTemplate(html2, isSVG) : nodes.createRaw(html2);
+  }
+  if (hydration.active) {
+    const node = getHydrationWalker()?.hydrateStatic(tag);
+    if (node) return stampPositions(node, at);
+  }
+  return stampPositions(cloneTemplate(createTemplate(html2, isSVG), isSVG).firstChild, at);
+}
+function stampPositions(node, at) {
+  const root = node;
+  if (!at || typeof root?.querySelectorAll !== "function") return node;
+  const all = [root, ...root.querySelectorAll("*")];
+  for (let i = 0; i < all.length && i * 2 + 1 < at.pos.length; i++) {
+    const line = at.pos[i * 2];
+    if (line) all[i][LOC_TAG] = { file: at.file, line, column: at.pos[i * 2 + 1] };
+  }
+  return node;
+}
+function holeScope(start, produce) {
+  if (!hydration.active) return produce();
+  const value = runHydrationAt(start.nextSibling, produce);
+  if (typeof value === "function") {
+    const accessor = value;
+    const wrapped = (...args) => hydration.active ? runHydrationAt(start.nextSibling, () => accessor(...args)) : accessor(...args);
+    return carryHoleTag(accessor, wrapped);
+  }
+  return value;
+}
+function carryHoleTag(from, to) {
+  const tag = from[HOLE_TAG];
+  if (tag !== void 0) to[HOLE_TAG] = tag;
+  return to;
+}
+function holeEnd(start) {
+  for (let n = start.nextSibling; n; n = n.nextSibling) {
+    if (n.nodeType === 8 && n.data === "fx/") return n;
+  }
+  throw new Error("[fluixi] template hole is missing its closing marker");
+}
+function holeContent(start, end) {
+  const nodes = [];
+  for (let n = start.nextSibling; n && n !== end; n = n.nextSibling) nodes.push(n);
+  return nodes;
+}
+function cloneTemplate(template, isSVG = false) {
+  const clone = template.content.cloneNode(true);
+  if (isSVG) return clone.firstChild;
+  return clone;
+}
+function makeArrayFlat(values) {
+  if (!Array.isArray(values)) return values;
+  if (values.length === 2 && values[1] === " ") {
+    if (Array.isArray(values[0])) return makeArrayFlat(values[0]);
+    if (typeof values[0] === "function") return values[0];
+    return values[0];
+  }
+  if (values.length === 1 && typeof values[0] === "function") return values[0];
+  return values;
+}
+function fnName(fn) {
+  if (typeof fn !== "function") return null;
+  return fn._name || fn.name || "anonymous";
+}
+function iterateFn(item) {
+  if ((0, import_signal2.isSignal)(item)) return item;
+  if (isComponent(item)) return item;
+  if (typeof item !== "function") return item;
+  let content = item();
+  while (typeof content === "function" && !(0, import_signal2.isSignal)(content) && !isComponent(content)) {
+    content = content();
+  }
+  return content;
+}
+var _insertDepth = 0;
+var MAX_INSERT_DEPTH = 200;
+function _createInsertEffect(getAccessor, parent, marker, initialCurrent, setCurrent) {
+  let current = initialCurrent;
+  const componentCache = /* @__PURE__ */ new Map();
+  return (0, import_signal3.createRenderEffect)(() => {
+    (0, import_signal3.reportReactiveBinding)(marker ?? parent, "content", void 0, getAccessor);
+    let value;
+    if (isComponent(getAccessor) && !(0, import_signal2.isSignal)(getAccessor)) {
+      if (!componentCache.has(getAccessor)) {
+        _insertDepth++;
+        try {
+          const inst = getAccessor();
+          componentCache.set(getAccessor, inst);
+        } finally {
+          _insertDepth--;
+        }
+      }
+      value = componentCache.get(getAccessor);
+      while (typeof value === "function" && (0, import_signal2.isSignal)(value)) value = value();
+    } else {
+      value = getAccessor();
+      while (typeof value === "function" && (0, import_signal2.isSignal)(value)) {
+        value = value();
+      }
+    }
+    {
+      let chainDepth = 0;
+      while (typeof value === "function" && chainDepth++ < 50) {
+        if (isComponent(value)) {
+          if (!componentCache.has(value)) {
+            const thunk = value;
+            _insertDepth++;
+            try {
+              const inst = thunk();
+              componentCache.set(thunk, inst);
+            } finally {
+              _insertDepth--;
+            }
+          }
+          value = componentCache.get(value);
+        } else if ((0, import_signal2.isSignal)(value)) {
+          value = value();
+        } else {
+          value = value();
+          if (typeof value !== "function" || !(0, import_signal2.isSignal)(value) && !isComponent(value)) break;
+        }
+      }
+    }
+    _insertDepth++;
+    try {
+      current = insertExpression(parent, value, marker, current, componentCache);
+      setCurrent(current);
+    } finally {
+      _insertDepth--;
+    }
+  });
+}
+function insert(parent, accessor, marker, init) {
+  if (_insertDepth > MAX_INSERT_DEPTH) {
+    console.error("[insert] Exceeded max call depth, possible infinite loop.");
+    return () => null;
+  }
+  if (marker !== void 0 && !marker) {
+    marker = createTextNode("", true);
+    parent.appendChild(marker);
+  }
+  let current = init ?? null;
+  const isReactiveArray = (element) => {
+    return Array.isArray(element) && element.some((v) => typeof v === "function");
+  };
+  const normalizeAccessor3 = (accessor2) => {
+    if (typeof accessor2 === "function") return accessor2;
+    return () => accessor2;
+  };
+  if (typeof accessor !== "function" && !isReactiveArray(accessor)) {
+    _insertDepth++;
+    try {
+      current = insertExpression(parent, accessor, marker, current);
+    } finally {
+      _insertDepth--;
+    }
+    return () => current;
+  }
+  const dispose = _createInsertEffect(
+    normalizeAccessor3(accessor),
+    parent,
+    marker,
+    current,
+    (v) => {
+      current = v;
+    }
+  );
+  return () => {
+    dispose?.();
+    return current;
+  };
+}
+function insertExpression(parent, value, marker, current, componentCache) {
+  if (value == null || typeof value === "boolean") {
+    return cleanChildren(parent, current, marker);
+  }
+  if (typeof value === "function") {
+    while (typeof value === "function") {
+      value = value();
+    }
+  }
+  if (value == null || typeof value === "boolean") {
+    return cleanChildren(parent, current, marker);
+  }
+  if (isPromise(value)) {
+    const placeholder = createTextNode("", true);
+    if (Array.isArray(current)) {
+      if (current.length > 0) {
+        parent.replaceChild(placeholder, current[0]);
+        cleanChildren(parent, current.slice(1), marker);
+      } else {
+        insertBefore(parent, placeholder, marker);
+      }
+    } else if (current) {
+      parent.replaceChild(placeholder, current);
+    } else {
+      insertBefore(parent, placeholder, marker);
+    }
+    value.then((resolved) => {
+      if (placeholder.parentNode === parent) {
+        insertExpression(parent, resolved, placeholder.nextSibling, placeholder);
+      }
+    }).catch((err) => {
+      console.error("Error resolving promise in insertExpression:", err);
+    });
+    return placeholder;
+  }
+  const t = typeof value;
+  if (t === "string" || t === "number") {
+    if (t === "number") value = String(value);
+    if (Array.isArray(current)) {
+      if (current.length === 0) {
+        const node2 = createTextNode(value);
+        insertBefore(parent, node2, marker);
+        return node2;
+      }
+      if (current.length === 1 && current[0].nodeType === 3) {
+        current[0].data = value;
+        return current;
+      }
+      current = cleanChildren(parent, current, marker);
+    }
+    if (current && isDomText(current)) {
+      current.data = value;
+      return current;
+    }
+    const node = createTextNode(value);
+    if (current && current.parentNode === parent) {
+      parent.replaceChild(node, current);
+    } else if (!isAdopted(parent, node)) {
+      insertBefore(parent, node, marker);
+    }
+    return node;
+  }
+  if (isDomNode(value)) {
+    if (isAdopted(parent, value)) {
+      ascendPast(value);
+      return value;
+    }
+    if (Array.isArray(current)) {
+      if (current.length === 0) {
+        insertBefore(parent, value, marker);
+      } else if (current[0].parentNode === parent) {
+        parent.replaceChild(value, current[0]);
+        cleanChildren(parent, current.slice(1), marker);
+      } else {
+        insertBefore(parent, value, marker);
+      }
+      return value;
+    }
+    if (!current) {
+      insertBefore(parent, value, marker);
+    } else if (current !== value) {
+      if (current.parentNode === parent) {
+        parent.replaceChild(value, current);
+      } else {
+        insertBefore(parent, value, marker);
+      }
+    }
+    return value;
+  }
+  if (Array.isArray(value)) {
+    const array = [];
+    const currentArray = Array.isArray(current) ? current : current ? [current] : [];
+    const reactiveSlots = [];
+    flattenArray(value, array, parent, marker, true, componentCache, reactiveSlots);
+    const reconciled = reconcileArrays(parent, currentArray, array, marker);
+    for (const slot of reactiveSlots) {
+      const disposeSlot = insert(parent, slot.sig, slot.marker);
+      (0, import_signal3.onCleanup)(() => {
+        cleanChildren(parent, disposeSlot());
+        if (slot.marker.parentNode === parent) parent.removeChild(slot.marker);
+      });
+    }
+    return reconciled;
+  }
+  if (t === "object" && value !== null && typeof value === "object") {
+    const objValue = value;
+    if ("type" in objValue && "props" in objValue) {
+      const jsxValue = objValue;
+      if (typeof jsxValue.type === "function") {
+        const result = jsxValue.type(jsxValue.props || {});
+        return insertExpression(parent, result, marker, current);
+      }
+    }
+  }
+  return cleanChildren(parent, current, marker);
+}
+function flattenArray(arr, result, parent, marker, track = true, componentCache, reactiveSlots) {
+  for (let i = 0; i < arr.length; i++) {
+    let item = arr[i];
+    if (item == null || typeof item === "boolean") continue;
+    while (typeof item === "function" && !isPromise(item) && !(0, import_signal2.isSignal)(item) && !isComponent(item)) {
+      item = item();
+      if (item == null || typeof item === "boolean") break;
+    }
+    if (item == null || typeof item === "boolean") continue;
+    if (typeof item === "function") {
+      let resolved;
+      if (isComponent(item) && !(0, import_signal2.isSignal)(item)) {
+        if (!componentCache) componentCache = /* @__PURE__ */ new Map();
+        if (!componentCache.has(item)) componentCache.set(item, item());
+        resolved = componentCache.get(item);
+      } else {
+        resolved = item();
+      }
+      while (typeof resolved === "function" && !isPromise(resolved) && !(0, import_signal2.isSignal)(resolved) && !isComponent(resolved)) {
+        if (!componentCache) componentCache = /* @__PURE__ */ new Map();
+        if (!componentCache.has(resolved)) componentCache.set(resolved, resolved());
+        resolved = componentCache.get(resolved);
+      }
+      if (resolved == null || typeof resolved === "boolean") continue;
+      if (typeof resolved === "function") {
+        if ((0, import_signal2.isSignal)(resolved)) {
+          if (reactiveSlots) {
+            const slot = createTextNode("", true);
+            result.push(slot);
+            reactiveSlots.push({ marker: slot, sig: resolved });
+            continue;
+          }
+          let val = resolved();
+          while (typeof val === "function" && (0, import_signal2.isSignal)(val)) val = val();
+          if (val == null || typeof val === "boolean") continue;
+          if (Array.isArray(val)) {
+            flattenArray(val, result, parent, marker, track, componentCache);
+          } else flattenArray([val], result, parent, marker, track, componentCache);
+          continue;
+        }
+        continue;
+      }
+      if (Array.isArray(resolved)) flattenArray(resolved, result, parent, marker, track, componentCache, reactiveSlots);
+      else flattenArray([resolved], result, parent, marker, track, componentCache, reactiveSlots);
+      continue;
+    }
+    if (isPromise(item)) {
+      const placeholder = createTextNode("", true);
+      result.push(placeholder);
+      item.then((resolved) => {
+        if (placeholder.parentNode) {
+          const tempNodes = [];
+          flattenArray([resolved], tempNodes, placeholder.parentNode, void 0, false, componentCache);
+          if (tempNodes.length > 0) {
+            placeholder.parentNode.replaceChild(tempNodes[0], placeholder);
+            for (let j = 1; j < tempNodes.length; j++) {
+              placeholder.parentNode?.insertBefore(tempNodes[j], tempNodes[j - 1].nextSibling);
+            }
+          }
+        }
+      }).catch((err) => console.error("Error resolving promise in array:", err));
+      continue;
+    }
+    if (Array.isArray(item)) {
+      flattenArray(item, result, parent, marker, track, componentCache, reactiveSlots);
+      continue;
+    }
+    if (isDomNode(item)) {
+      result.push(item);
+      continue;
+    }
+    if (typeof item === "object" && item !== null && "type" in item && "props" in item) {
+      const jsxItem = item;
+      if (typeof jsxItem.type === "function") {
+        const resolved = jsxItem.type(jsxItem.props || {});
+        if (Array.isArray(resolved)) flattenArray(resolved, result, parent, marker, false, componentCache);
+        else flattenArray([resolved], result, parent, marker, false, componentCache);
+        continue;
+      }
+    }
+    if (typeof item === "string" || typeof item === "number") {
+      const str = String(item);
+      if (str.trim() === "" && str !== " ") continue;
+      result.push(createTextNode(str));
+      continue;
+    }
+    result.push(createTextNode(String(item)));
+  }
+}
+function reconcileArrays(parent, a, b, marker) {
+  for (let i = 0; i < b.length; i++) {
+    const owner = b[i].parentNode;
+    if (owner !== null && owner !== parent && owner.nodeType !== 11) {
+      b = b.slice();
+      b[i] = b[i].cloneNode(true);
+    }
+  }
+  let bLength = b.length, aEnd = a.length, bEnd = bLength, aStart = 0, bStart = 0, after = aEnd > 0 ? a[aEnd - 1].nextSibling ?? void 0 : marker, map = null;
+  while (aStart < aEnd || bStart < bEnd) {
+    if (a[aStart] === b[bStart]) {
+      aStart++;
+      bStart++;
+      continue;
+    }
+    while (aEnd > aStart && bEnd > bStart && a[aEnd - 1] === b[bEnd - 1]) {
+      aEnd--;
+      bEnd--;
+    }
+    if (aEnd === aStart) {
+      const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling ?? void 0 : b[bEnd - bStart] : after;
+      while (bStart < bEnd) insertBefore(parent, b[bStart++], node);
+    } else if (bEnd === bStart) {
+      while (aStart < aEnd) {
+        if ((!map || !map.has(a[aStart])) && a[aStart].parentNode === parent)
+          parent.removeChild(a[aStart]);
+        aStart++;
+      }
+    } else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
+      const node = a[--aEnd].nextSibling;
+      insertBefore(parent, b[bStart++], a[aStart++].nextSibling);
+      insertBefore(parent, b[--bEnd], node);
+      a[aEnd] = a[aStart - 1];
+    } else {
+      if (!map) {
+        map = /* @__PURE__ */ new Map();
+        let i = bStart;
+        while (i < bEnd) map.set(b[i], i++);
+      }
+      const index = map.get(a[aStart]);
+      if (index != null) {
+        if (bStart < index && index < bEnd) {
+          let i = aStart, sequence = 1;
+          while (++i < aEnd && i < bEnd) {
+            if (!map.has(a[i]) || map.get(a[i]) !== index + sequence) break;
+            sequence++;
+          }
+          if (sequence > index - bStart) {
+            const node = a[aStart];
+            while (bStart < index) insertBefore(parent, b[bStart++], node);
+          } else {
+            if (a[aStart].parentNode === parent) {
+              parent.replaceChild(b[bStart++], a[aStart++]);
+            } else {
+              insertBefore(parent, b[bStart++], after);
+              aStart++;
+            }
+          }
+        } else {
+          aStart++;
+        }
+      } else {
+        if (a[aStart].parentNode === parent) parent.removeChild(a[aStart]);
+        aStart++;
+      }
+    }
+  }
+  return b;
+}
+function cleanChildren(parent, current, marker) {
+  if (current) {
+    if (Array.isArray(current)) {
+      for (let i = 0; i < current.length; i++) {
+        if (current[i].parentNode === parent) parent.removeChild(current[i]);
+      }
+    } else if (current.parentNode === parent) {
+      parent.removeChild(current);
+    }
+  }
+  return null;
+}
+function insertBefore(parent, node, marker) {
+  if (hydration.active && node.parentNode === parent) return;
+  if (marker) {
+    if (marker.parentNode === parent) {
+      parent.insertBefore(node, marker);
+    } else {
+      parent.appendChild(node);
+    }
+  } else {
+    parent.appendChild(node);
+  }
+}
+function setProperty(element, name, value) {
+  if (value == null) delete element[name];
+  else element[name] = value;
+}
+function addNativeEventListener(element, name, value) {
+  let handler = value;
+  let options;
+  if (Array.isArray(value)) {
+    handler = value[0];
+    options = value[1];
+  }
+  if (typeof handler !== "function") return () => {
+  };
+  element.addEventListener(name, handler, options);
+  return () => element.removeEventListener(name, handler, options);
+}
+function reportMarked(element, accessor) {
+  if (!accessor || typeof accessor !== "function") return;
+  const written = accessor[HOLE_TAG]?.name;
+  if (!written) return;
+  const colon = written.indexOf(":");
+  if (colon === -1) return;
+  (0, import_signal3.reportReactiveDirective)(element, written.slice(0, colon), written.slice(colon + 1), accessor);
+}
+function reportKeys(element, kind, value) {
+  const from = typeof value === "function" ? (0, import_signal3.untrack)(() => value()) : value;
+  if (!from || typeof from !== "object") return;
+  for (const key of Object.keys(from)) (0, import_signal3.reportReactiveDirective)(element, kind, key);
+}
+function applyUse(element, value) {
+  const call = (dir, accessor) => {
+    if (typeof dir !== "function") return;
+    (0, import_signal3.reportReactiveDirective)(element, "use", dir.name || "use", accessor);
+    dir(element, accessor ?? (() => void 0));
+  };
+  if (typeof value === "function") {
+    call(value);
+    return;
+  }
+  if (!Array.isArray(value)) return;
+  if (typeof value[0] === "function") {
+    call(value[0], value[1]);
+    return;
+  }
+  for (const pair of value) {
+    if (Array.isArray(pair)) call(pair[0], pair[1]);
+    else call(pair);
+  }
+}
+function setDynamicAttribute(element, name, accessor, isSVG = false) {
+  reportMarked(element, accessor);
+  if (typeof accessor !== "function") {
+    setAttribute(element, name, accessor, isSVG);
+    return () => {
+    };
+  }
+  return (0, import_signal3.createRenderEffect)(() => {
+    (0, import_signal3.reportReactiveBinding)(element, "attribute", name, accessor);
+    const value = typeof accessor === "function" ? accessor() : accessor;
+    setAttribute(element, name, value, isSVG);
+  });
+}
+function setDynamicProperty(element, name, accessor) {
+  if (typeof accessor !== "function") {
+    setProperty(element, name, accessor);
+    return () => {
+    };
+  }
+  reportMarked(element, accessor);
+  return (0, import_signal3.createRenderEffect)(() => {
+    (0, import_signal3.reportReactiveBinding)(element, "property", name, accessor);
+    const value = typeof accessor === "function" ? accessor() : accessor;
+    setProperty(element, name, value);
+  });
+}
+function setDynamicBoolAttribute(element, name, accessor) {
+  if (typeof accessor !== "function") {
+    setAttribute(element, name, !!accessor);
+    return () => {
+    };
+  }
+  return (0, import_signal3.createRenderEffect)(() => {
+    (0, import_signal3.reportReactiveBinding)(element, "attribute", name, accessor);
+    const value = accessor();
+    setAttribute(element, name, !!value);
+  });
+}
+function setClassName(element, value) {
+  if (value == null) {
+    element.removeAttribute("class");
+    return;
+  }
+  if (typeof value === "function") {
+    (0, import_signal3.createRenderEffect)(() => {
+      (0, import_signal3.reportReactiveBinding)(element, "attribute", "class", value);
+      setClassName(element, value());
+    });
+    return;
+  }
+  if (typeof value === "string") {
+    element.setAttribute("class", value);
+    return;
+  }
+  if (Array.isArray(value)) {
+    element.setAttribute("class", value.filter(Boolean).join(" "));
+    return;
+  }
+  if (typeof value === "object") {
+    const classes = Object.keys(value).filter((key) => {
+      const v = value[key];
+      return typeof v === "function" ? v() : Boolean(v);
+    }).join(" ");
+    element.setAttribute("class", classes);
+    return;
+  }
+  element.setAttribute("class", String(value));
+}
+function setClassList(element, value, disposers) {
+  if (!value || typeof value !== "object") return;
+  for (const name in value) {
+    const cond = value[name];
+    const names = name.split(/\s+/).filter(Boolean);
+    if (typeof cond === "function" && disposers) {
+      disposers.push(
+        (0, import_signal3.createRenderEffect)(() => {
+          const on = !!cond();
+          for (const n of names) element.classList.toggle(n, on);
+        })
+      );
+    } else {
+      const on = !!(typeof cond === "function" ? cond() : cond);
+      for (const n of names) element.classList.toggle(n, on);
+    }
+  }
+}
+function setStyle(element, _value) {
+  let value = _value;
+  while (typeof value === "function") value = value();
+  if (value == null) {
+    element.removeAttribute("style");
+    return;
+  }
+  if (typeof value === "string") {
+    element.style.cssText = value;
+    return;
+  }
+  if (typeof value === "object") {
+    for (const key in value) {
+      const styleValue = value[key];
+      if (styleValue == null) element.style[key] = "";
+      else element.style[key] = styleValue;
+    }
+  }
+}
+function spread(options) {
+  const {
+    element,
+    props,
+    prevProps = EMPTY_OBJ,
+    isSVG = false,
+    skipChildren = false
+  } = options;
+  if (!element || !isDomElement(element)) {
+    console.error("[spread] Error: element is not a DOM Element!");
+    return () => {
+    };
+  }
+  if (!props) {
+    console.warn("[spread] Warning: props is undefined!");
+    return () => {
+    };
+  }
+  const elementIsSVG = isSVG || element.namespaceURI === SVG_NAMESPACE;
+  const disposers = [];
+  for (const key in props) {
+    if (skipChildren && key === "children") continue;
+    const value = props[key];
+    const prev = prevProps[key];
+    if (value === prev) continue;
+    if (key === "ref") {
+      handleRef(value, element);
+      continue;
+    }
+    if (key === "use") {
+      applyUse(element, value);
+      continue;
+    }
+    if (key.startsWith("on:")) {
+      disposers.push(addNativeEventListener(element, key.slice(3), value));
+      continue;
+    }
+    if (key.startsWith("prop:")) {
+      (0, import_signal3.reportReactiveDirective)(element, "prop", key.slice(5), value);
+      disposers.push(setDynamicProperty(element, key.slice(5), value));
+      continue;
+    }
+    if (key.startsWith("attr:")) {
+      (0, import_signal3.reportReactiveDirective)(element, "attr", key.slice(5), value);
+      disposers.push(setDynamicAttribute(element, key.slice(5), value, elementIsSVG));
+      continue;
+    }
+    if (key.startsWith("bool:")) {
+      (0, import_signal3.reportReactiveDirective)(element, "bool", key.slice(5), value);
+      disposers.push(setDynamicBoolAttribute(element, key.slice(5), value));
+      continue;
+    }
+    if (key === "class" || key === "className") {
+      if (typeof value === "function") {
+        disposers.push(
+          (0, import_signal3.createRenderEffect)(() => {
+            (0, import_signal3.reportReactiveBinding)(element, "attribute", "class", value);
+            setClassName(element, value());
+          })
+        );
+      } else {
+        setClassName(element, value);
+      }
+      continue;
+    }
+    if (key === "classList") {
+      reportKeys(element, "class", value);
+      if (typeof value === "function") {
+        disposers.push(
+          (0, import_signal3.createRenderEffect)(() => {
+            (0, import_signal3.reportReactiveBinding)(element, "attribute", "class", value);
+            setClassList(element, value());
+          })
+        );
+      } else {
+        setClassList(element, value, disposers);
+      }
+      continue;
+    }
+    if (key === "style") {
+      reportKeys(element, "style", value);
+      if (typeof value === "function") {
+        disposers.push(
+          (0, import_signal3.createRenderEffect)(() => {
+            (0, import_signal3.reportReactiveBinding)(element, "attribute", "style", value);
+            setStyle(element, value());
+          })
+        );
+      } else {
+        setStyle(element, value);
+      }
+      continue;
+    }
+    if (key.startsWith("on")) {
+      const eventName = key.slice(2).toLowerCase();
+      if (prev) removeDelegatedEventListener(element, eventName);
+      if (value) addDelegatedEventListener(element, eventName, value);
+      continue;
+    }
+    const asProperty = JSX_PROPERTIES.has(key) || !elementIsSVG && key in element;
+    if (typeof value === "function") {
+      disposers.push(
+        asProperty ? setDynamicProperty(element, key, value) : setDynamicAttribute(element, key, value, elementIsSVG)
+      );
+    } else {
+      disposers.push(
+        (0, import_signal3.createRenderEffect)(
+          () => asProperty ? setProperty(element, key, props[key]) : setAttribute(element, key, props[key], elementIsSVG)
+        )
+      );
+    }
+  }
+  for (const key in prevProps) {
+    if (!(key in props)) {
+      if (key.startsWith("on")) {
+        const eventName = key.slice(2).toLowerCase();
+        removeDelegatedEventListener(element, eventName);
+      } else if (JSX_PROPERTIES.has(key)) {
+        setProperty(element, key, null);
+      } else {
+        element.removeAttribute(key);
+      }
+    }
+  }
+  return () => {
+    disposers.forEach((d) => d());
+  };
+}
+function applyProps(element, props, isSVG = false) {
+  for (const key in props) {
+    const val = props[key];
+    if (key === "ref") {
+      handleRef(val, element);
+      continue;
+    }
+    if (key === "children") continue;
+    if (key === "use") {
+      applyUse(element, val);
+      continue;
+    }
+    if (key.startsWith("on:")) {
+      addNativeEventListener(element, key.slice(3), val);
+      continue;
+    }
+    if (key.startsWith("prop:")) {
+      (0, import_signal3.reportReactiveDirective)(element, "prop", key.slice(5), val);
+      setDynamicProperty(element, key.slice(5), val);
+      continue;
+    }
+    if (key.startsWith("attr:")) {
+      (0, import_signal3.reportReactiveDirective)(element, "attr", key.slice(5), val);
+      setDynamicAttribute(element, key.slice(5), val, isSVG);
+      continue;
+    }
+    if (key.startsWith("bool:")) {
+      (0, import_signal3.reportReactiveDirective)(element, "bool", key.slice(5), val);
+      setDynamicBoolAttribute(element, key.slice(5), val);
+      continue;
+    }
+    if (key.startsWith("on") && key.length > 2) {
+      const name = key.slice(2).toLowerCase();
+      if (typeof val === "function") {
+        if (NON_DELEGATED.has(name)) {
+          element[`$$${name}`] = val;
+          const listenerKey = `__fx_${name}`;
+          if (!element[listenerKey]) {
+            const forwarder = (e) => {
+              element[`$$${name}`]?.(e);
+            };
+            element.addEventListener(name, forwarder);
+            element[listenerKey] = forwarder;
+          }
+        } else {
+          element[`$$${name}`] = val;
+          if (!delegatedSet.has(name)) delegateEvents([name]);
+        }
+      }
+      continue;
+    }
+    if (key === "class" || key === "className") {
+      setClassName(element, val);
+      continue;
+    }
+    if (key === "classList") {
+      reportKeys(element, "class", val);
+      if (typeof val === "function")
+        (0, import_signal3.createRenderEffect)(() => {
+          (0, import_signal3.reportReactiveBinding)(element, "attribute", "class", val);
+          setClassList(element, val());
+        });
+      else setClassList(element, val);
+      continue;
+    }
+    if (key === "style") {
+      reportKeys(element, "style", val);
+      if (typeof val === "function")
+        (0, import_signal3.createRenderEffect)(() => {
+          (0, import_signal3.reportReactiveBinding)(element, "attribute", "style", val);
+          setStyle(element, val());
+        });
+      else setStyle(element, val);
+      continue;
+    }
+    if (key === "innerHTML") {
+      if (typeof val === "function") {
+        const dispose = (0, import_signal3.createEffect)(() => {
+          let v = val();
+          while (typeof v === "function") v = v();
+          element.innerHTML = v;
+        });
+        (0, import_signal3.onCleanup)(() => dispose());
+      } else {
+        element.innerHTML = val;
+      }
+      continue;
+    }
+    if (key === "value" && (element.tagName === "INPUT" || element.tagName === "TEXTAREA")) {
+      if (typeof val === "function") {
+        const dispose = (0, import_signal3.createEffect)(() => {
+          let v = val();
+          while (typeof v === "function" && v.length === 0) v = v();
+          if (document.activeElement !== element) {
+            element.value = v ?? "";
+          }
+        });
+        (0, import_signal3.onCleanup)(() => {
+          dispose();
+        });
+      } else {
+        (0, import_signal3.createRenderEffect)(() => {
+          if (document.activeElement !== element) {
+            element.value = props[key] ?? "";
+          }
+        });
+      }
+      continue;
+    }
+    if (key === "checked" && element.tagName === "INPUT") {
+      if (typeof val === "function") {
+        const dispose = (0, import_signal3.createEffect)(() => {
+          let v = val();
+          while (typeof v === "function" && v.length === 0) v = v();
+          if (document.activeElement !== element) {
+            element.checked = v ?? "";
+          }
+        });
+        (0, import_signal3.onCleanup)(() => {
+          dispose();
+        });
+      } else {
+        (0, import_signal3.createRenderEffect)(() => {
+          if (document.activeElement !== element) {
+            element.checked = props[key] ?? "";
+          }
+        });
+      }
+      continue;
+    }
+    if (key === "value" && element.tagName === "SELECT") {
+      if (typeof val === "function") {
+        let firstRun = true;
+        const dispose = (0, import_signal3.createEffect)(() => {
+          let v = val();
+          while (typeof v === "function" && v.length === 0) v = v();
+          if (firstRun) {
+            firstRun = false;
+            queueMicrotask(() => {
+              element.value = v ?? "";
+            });
+          } else {
+            element.value = v ?? "";
+          }
+        });
+        (0, import_signal3.onCleanup)(() => {
+          dispose();
+        });
+      } else {
+        let firstRun = true;
+        (0, import_signal3.createRenderEffect)(() => {
+          const v = props[key];
+          if (firstRun) {
+            firstRun = false;
+            queueMicrotask(() => {
+              element.value = v ?? "";
+            });
+          } else {
+            element.value = v ?? "";
+          }
+        });
+      }
+      continue;
+    }
+    if (typeof val === "function") {
+      const dispose = (0, import_signal3.createEffect)(() => {
+        let v = val();
+        while (typeof v === "function" && v.length === 0) v = v();
+        applyElementProp(element, key, v, isSVG);
+      });
+      (0, import_signal3.onCleanup)(() => {
+        dispose();
+      });
+    } else {
+      (0, import_signal3.createRenderEffect)(() => applyElementProp(element, key, props[key], isSVG));
+    }
+  }
+}
+function mergeProps(...sources) {
+  const resolve = (key) => {
+    for (let i = sources.length - 1; i >= 0; i--) {
+      const s = sources[i];
+      if (s && key in s && s[key] !== void 0) return s[key];
+    }
+    return void 0;
+  };
+  const hasKey = (key) => {
+    for (const s of sources) if (s && key in s) return true;
+    return false;
+  };
+  return new Proxy({}, {
+    get: (_, key) => resolve(key),
+    has: (_, key) => hasKey(key),
+    ownKeys: () => {
+      const keys = /* @__PURE__ */ new Set();
+      for (const s of sources) if (s) for (const k of Reflect.ownKeys(s)) keys.add(k);
+      return [...keys];
+    },
+    getOwnPropertyDescriptor: (_, key) => hasKey(key) ? { enumerable: true, configurable: true, get: () => resolve(key) } : void 0
+  });
+}
+function splitProps(props, ...keys) {
+  const taken = /* @__PURE__ */ new Set();
+  for (const group of keys) for (const k of group) taken.add(k);
+  const descriptor = (p) => ({
+    enumerable: true,
+    configurable: true,
+    get: () => props[p]
+  });
+  const groups = keys.map((group) => {
+    const keySet = new Set(group);
+    return new Proxy({}, {
+      get: (_, p) => keySet.has(p) ? props[p] : void 0,
+      has: (_, p) => keySet.has(p) && p in props,
+      ownKeys: () => Array.from(keySet).filter((k) => k in props),
+      getOwnPropertyDescriptor: (_, p) => keySet.has(p) && p in props ? descriptor(p) : void 0
+    });
+  });
+  const rest = new Proxy({}, {
+    get: (_, p) => taken.has(p) ? void 0 : props[p],
+    has: (_, p) => !taken.has(p) && p in props,
+    ownKeys: () => Reflect.ownKeys(props).filter((k) => !taken.has(k)),
+    getOwnPropertyDescriptor: (_, p) => !taken.has(p) && p in props ? descriptor(p) : void 0
+  });
+  return [...groups, rest];
+}
+function handleRef(ref, element) {
+  if (!ref) return;
+  const held = ref[HOLE_TAG]?.name;
+  (0, import_signal3.reportReactiveDirective)(
+    element,
+    "ref",
+    held || (typeof ref === "function" ? ref.name || "ref" : "ref"),
+    ref
+  );
+  if (isDomNode(ref)) {
+    const actualRef = element;
+    const actualElement = ref;
+    if (!actualRef) return;
+    if (typeof actualRef === "function") actualRef(actualElement);
+    else if (typeof actualRef === "object" && "current" in actualRef) actualRef.current = actualElement;
+    return;
+  }
+  if (typeof ref === "function") ref(element);
+  else if (typeof ref === "object" && "current" in ref) ref.current = element;
+}
+function createPortal(children, element, props) {
+  const container = element || document.body;
+  const resolved = (0, import_signal3.readChildren)(() => children);
+  const cleanups = [];
+  (0, import_signal3.batch)(() => {
+    const dispose = (0, import_signal3.createRenderEffect)(() => {
+      const nodes = resolved();
+      if (Array.isArray(nodes)) {
+        nodes.forEach((node) => container.appendChild(node));
+        cleanups.push(() => {
+          nodes.forEach((node) => {
+            if (node.parentNode === container) {
+              container.removeChild(node);
+            }
+          });
+        });
+      } else if (isDomNode(nodes)) {
+        container.appendChild(nodes);
+        cleanups.push(() => {
+          if (nodes.parentNode === container) {
+            container.removeChild(nodes);
+          }
+        });
+      }
+    });
+    cleanups.push(dispose);
+    (0, import_signal3.onCleanup)(() => {
+      cleanups.forEach((fn) => fn());
+    });
+  });
+  return null;
+}
+function isNativeElement(tag) {
+  return typeof tag === "string" && tag.toLowerCase() === tag;
+}
+function isSVGElement(tag) {
+  return tag === "svg" || tag === "path" || tag === "circle" || tag === "rect" || tag === "line" || tag === "polygon" || tag === "polyline" || tag === "ellipse" || tag === "g" || tag === "defs" || tag === "clipPath" || tag === "text";
+}
+function escapeHTML(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function isPromise(v) {
+  return v != null && (typeof v === "object" || typeof v === "function") && typeof v.then === "function" || v instanceof Promise;
+}
+function isAccessor(value) {
+  return typeof value === "function" && value.length === 0 && (0, import_signal2.isSignal)(value);
+}
+function render(element, container, context) {
+  if (!container) {
+    throw new Error("Container element is required");
+  }
+  let rendererDispose;
+  let disposeRoot;
+  const disposers = [];
+  (0, import_signal3.createRoot)((dispose) => {
+    (0, import_signal3.batch)(() => {
+      if (!hydration.active) {
+        container.textContent = "";
+      }
+      stampVersions(container);
+      warnOnVersionSkew();
+      insert(container, element);
+      return;
+    });
+    disposeRoot = dispose;
+  });
+  return () => {
+    disposeRoot?.();
+    rendererDispose?.();
+    disposers.forEach((d) => d());
+    container.textContent = "";
+  };
+}
+function bindPair(source) {
+  if (Array.isArray(source)) return source;
+  if (typeof source === "function" && typeof source.set === "function") {
+    return [source, source.set];
+  }
+  throw new TypeError(
+    "[fluixi] bind: needs a signal, either `signal(...)` or the `[get, set]` pair from `createSignal(...)`."
+  );
+}
+
+// src/lib/dom/integration.ts
+var import_reactive = require("@fluixi/reactive");
+var _slotKey = "__fx_dom_create_component__";
+var _slot = globalThis[_slotKey] ??= { fn: null };
+function registerCreateComponent(createComponent2) {
+  _slot.fn = createComponent2;
+}
+function initializeIntegration(options = {}) {
+  const cc = options.signalSystem?.createComponent;
+  if (cc) _slot.fn = cc;
+}
+function createComponent(Comp, props) {
+  if (_slot.fn) return _slot.fn(Comp, props);
+  if (props) (0, import_reactive.reportReactiveProps)(props);
+  const component = typeof Comp === "function" ? (0, import_reactive.untrack)(() => Comp(props)) : Comp;
+  const nameable = component != null && (typeof component === "function" || typeof component === "object");
+  if (nameable) {
+    try {
+      component["$name"] = Comp?.name;
+    } catch {
+    }
+  }
+  if (nameable && !(0, import_reactive.isSignal)(component)) {
+    return asComponent(component);
+  }
+  return component;
+}
+var intergartionInitialized = () => _slot.fn !== null;
+var isIntegrationInitialized = () => _slot.fn !== null;
+function resetIntegration() {
+  _slot.fn = null;
+}
+
+// src/lib/dom/server/request-context.ts
+var _current;
+var syncStore = {
+  getStore: () => _current,
+  run(ctx, fn) {
+    const prev = _current;
+    _current = ctx;
+    try {
+      return fn();
+    } finally {
+      _current = prev;
+    }
+  }
+};
+var _store = syncStore;
+function setRequestStore(store2) {
+  _store = store2 ?? syncStore;
+}
+function createRequestContext(event = {}) {
+  if (!event.locals) {
+    event.locals = event.request ? getRequestLocals(event.request) : {};
+  }
+  let id = 0;
+  let rid = 0;
+  let scope = null;
+  const scopeCounters = /* @__PURE__ */ new Map();
+  const islandCounts = /* @__PURE__ */ new Map();
+  return {
+    event,
+    routeData: /* @__PURE__ */ new Map(),
+    matchedRoute: /* @__PURE__ */ new Map(),
+    nextId: () => `s${id++}`,
+    nextResourceId: () => {
+      if (scope === null) return `r${rid++}`;
+      const n = scopeCounters.get(scope) ?? 0;
+      scopeCounters.set(scope, n + 1);
+      return `${scope}:r${n}`;
+    },
+    nextIslandNamespace: (name) => {
+      const n = islandCounts.get(name) ?? 0;
+      islandCounts.set(name, n + 1);
+      return `${name}#${n}`;
+    },
+    withResourceScope(ns, fn) {
+      const prev = scope;
+      scope = ns;
+      try {
+        return fn();
+      } finally {
+        scope = prev;
+      }
+    },
+    pending: /* @__PURE__ */ new Set(),
+    data: /* @__PURE__ */ new Map()
+  };
+}
+function runWithRequestContext(ctx, fn) {
+  return _store.run(ctx, fn);
+}
+function getRequestContext() {
+  return _store.getStore();
+}
+function getRequestEvent() {
+  return getRequestContext()?.event;
+}
+function getLocals() {
+  const event = getRequestEvent();
+  if (!event) return {};
+  if (!event.locals) event.locals = {};
+  return event.locals;
+}
+var _requestLocals = /* @__PURE__ */ new WeakMap();
+function getRequestLocals(request) {
+  let bag = _requestLocals.get(request);
+  if (!bag) {
+    bag = {};
+    _requestLocals.set(request, bag);
+  }
+  return bag;
+}
+
+// src/lib/dom/hydration.ts
+var import_signal4 = require("@fluixi/reactive/signal");
+
+// src/lib/dom/server/fx-data.ts
+var FX_DATA_ID = "__FX_DATA__";
+function escapeFxJson(json) {
+  return json.replace(/[<>&\u2028\u2029]/g, (c) => "\\u" + c.charCodeAt(0).toString(16).padStart(4, "0"));
+}
+var _scriptCache;
+function getServerData() {
+  const g = globalThis.__FX_DATA__;
+  if (g) return g;
+  if (_scriptCache !== void 0) return _scriptCache;
+  let parsed = null;
+  if (typeof document !== "undefined") {
+    const text = document.getElementById(FX_DATA_ID)?.textContent;
+    if (text) {
+      try {
+        parsed = JSON.parse(text);
+      } catch {
+        parsed = null;
+      }
+    }
+  }
+  return _scriptCache = parsed;
+}
+
+// src/lib/dom/hydration.ts
+function recoverCursor() {
+  for (; ; ) {
+    while (hydration.cursor && hydration.cursor.nodeType === 3 && hydration.cursor.data === "") {
+      hydration.cursor = hydration.cursor.nextSibling;
+    }
+    if (hydration.cursor != null || !hydration.parents.length) return;
+    hydration.cursor = hydration.parents.pop().nextSibling;
+  }
+}
+var VOID_ELEMENTS2 = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var DEV = typeof process !== "undefined" && process.env && false;
+function warnMismatch(expected, found) {
+  const f = found.nodeType === 1 ? `<${found.tagName.toLowerCase()}>` : found.nodeType === 3 ? `text ${JSON.stringify((found.nodeValue ?? "").slice(0, 24))}` : found.nodeType === 8 ? "comment" : "node";
+  console.warn(
+    `[fluixi] hydration mismatch: expected ${expected} but the server DOM has ${f}. Server and client rendered different markup; recreating this node on the client. Check for non-deterministic render (Date.now(), Math.random(), browser-only branches, untransported data).`
+  );
+}
+function hydrateElement(tag) {
+  recoverCursor();
+  const c = hydration.cursor;
+  if (c && c.nodeType === 1 && c.tagName.toLowerCase() === tag.toLowerCase()) {
+    if (VOID_ELEMENTS2.has(tag.toLowerCase())) {
+      hydration.cursor = c.nextSibling;
+    } else {
+      hydration.parents.push(c);
+      hydration.cursor = c.firstChild;
+    }
+    return c;
+  }
+  if (DEV && c) warnMismatch(`<${tag}>`, c);
+  return null;
+}
+function hydrateStatic(tag) {
+  recoverCursor();
+  const c = hydration.cursor;
+  if (c && c.nodeType === 1 && c.tagName.toLowerCase() === tag.toLowerCase()) {
+    hydration.cursor = c.nextSibling;
+    return c;
+  }
+  if (DEV && c) warnMismatch(`<${tag}> (static)`, c);
+  return null;
+}
+function hydrateText(value) {
+  if (value === "") {
+    const c2 = hydration.cursor;
+    if (c2 && c2.nodeType === 3 && c2.data !== "") {
+      hydration.cursor = c2.nextSibling;
+      c2.data = "";
+      return c2;
+    }
+    return null;
+  }
+  recoverCursor();
+  const c = hydration.cursor;
+  if (c && c.nodeType === 3) {
+    hydration.cursor = c.nextSibling;
+    if (c.nodeValue !== value) c.nodeValue = value;
+    return c;
+  }
+  if (DEV && c) warnMismatch(`text ${JSON.stringify(value.slice(0, 24))}`, c);
+  return null;
+}
+function hydrateMarker(value) {
+  recoverCursor();
+  const c = hydration.cursor;
+  if (c && c.nodeType === 8 && c.data === value) {
+    hydration.cursor = c.nextSibling;
+    return c;
+  }
+  if (DEV && c) warnMismatch(`marker <!--${value.slice(0, 24)}-->`, c);
+  return null;
+}
+var _walkerRegistered = false;
+function ensureWalker() {
+  if (_walkerRegistered) return;
+  _walkerRegistered = true;
+  registerHydrationWalker({ hydrateElement, hydrateText, hydrateMarker, hydrateStatic });
+}
+function hydrate(element, container, options) {
+  ensureWalker();
+  hydration.active = true;
+  hydration.cursor = container.firstChild;
+  hydration.parents = [];
+  const data = getServerData();
+  const ns = options?.resourceNamespace;
+  let rid = 0;
+  (0, import_signal4.setResourceIdSource)(() => ns ? `${ns}:r${rid++}` : `r${rid++}`);
+  (0, import_signal4.setServerDataGetter)(data ? (id) => id in data ? { value: data[id] } : void 0 : null);
+  try {
+    return render(element, container);
+  } finally {
+    hydration.active = false;
+    hydration.cursor = null;
+    hydration.parents = [];
+  }
+}
+
+// src/lib/dom/island.ts
+var TAG = "fluixi-island";
+function Island(props) {
+  const { component, props: cprops = {}, name } = props;
+  const el = createNativeElement(TAG);
+  const islandName = name ?? component.name ?? "Island";
+  setAttribute(el, "name", islandName);
+  setAttribute(el, "props", JSON.stringify(cprops ?? {}));
+  const ctx = isServer() ? getRequestContext() : void 0;
+  if (ctx) {
+    const ns = ctx.nextIslandNamespace(islandName);
+    insert(el, () => ctx.withResourceScope(ns, () => component(cprops)));
+  } else {
+    insert(el, () => component(cprops));
+  }
+  return el;
+}
+var _styleInjected = false;
+function ensureDisplayContents() {
+  if (_styleInjected || typeof document === "undefined") return;
+  _styleInjected = true;
+  const style = document.createElement("style");
+  style.textContent = `${TAG}{display:contents}`;
+  document.head.appendChild(style);
+}
+function hydrateIslands(registry) {
+  if (typeof document === "undefined") return;
+  ensureDisplayContents();
+  const els = document.querySelectorAll(TAG);
+  const counts = /* @__PURE__ */ new Map();
+  els.forEach((el) => {
+    const name = el.getAttribute("name") ?? "";
+    const occ = counts.get(name) ?? 0;
+    counts.set(name, occ + 1);
+    const Comp = registry[name];
+    if (!Comp) {
+      if (typeof process === "undefined" || false) {
+        console.warn(`[fluixi] island "${name}" has no component in the registry, left static.`);
+      }
+      return;
+    }
+    let props = {};
+    try {
+      props = JSON.parse(el.getAttribute("props") || "{}");
+    } catch {
+    }
+    hydrate(() => Comp(props), el, { resourceNamespace: `${name}#${occ}` });
+  });
+}
+
+// src/lib/html.ts
+function html(_strings, ..._values) {
+  throw new Error("html`` was not compiled, enable the lit format: fluixi({ format: 'lit' }).");
+}
+function svg(_strings, ..._values) {
+  throw new Error("svg`` was not compiled, enable the lit format: fluixi({ format: 'lit' }).");
+}
+
+// src/lib/dom/dynamic-element.ts
+var import_signal5 = require("@fluixi/reactive/signal");
+function createDynamicElement(type, props = {}) {
+  if (typeof type === "function") return createComponent(type, props);
+  if (typeof type !== "string" || type.length === 0) return null;
+  const svgTag = isSVGElement(type);
+  if (isServer()) return getServerNodes().createElement(type, svgTag);
+  const element = svgTag ? document.createElementNS(SVG_NAMESPACE, type) : document.createElement(type);
+  applyProps(element, props, svgTag);
+  insertChildren(element, props);
+  return element;
+}
+function insertChildren(element, props) {
+  if (!props || props.children === void 0) return;
+  const children = (0, import_signal5.readChildren)(() => props.children);
+  const insertOne = (child) => {
+    insert(element, child, typeof child === "function" ? null : void 0);
+  };
+  if (Array.isArray(children)) children.forEach(insertOne);
+  else insertOne(children);
+}
+
+// src/lib/flow/show.ts
+var import_signal6 = require("@fluixi/reactive/signal");
+
+// src/lib/flow/utils.ts
+function normalizeAccessor(value) {
+  return typeof value === "function" ? value : (() => value);
+}
+function resolveReactiveProp(read) {
+  return () => {
+    const value = read();
+    return typeof value === "function" ? value() : value;
+  };
+}
+function isTruthy(value) {
+  return value !== null && value !== void 0 && value !== false;
+}
+function isLitResult(value) {
+  if (!value || typeof value !== "object") return false;
+  return !!(typeof value["_$litType$"] !== "undefined" || typeof value["_$litDirective$"] !== "undefined" || Array.isArray(value.strings) && Array.isArray(value.values));
+}
+
+// src/lib/flow/show.ts
+function Show(props) {
+  const when = resolveReactiveProp(() => props.when);
+  const value = (0, import_signal6.createMemo)(when, void 0, { name: "Show.when" });
+  const cond = (0, import_signal6.createMemo)(value, void 0, { name: "Show.cond" });
+  const parentOwner = (0, import_signal6.getOwner)();
+  let branchScope = null;
+  let shown = null;
+  const enterBranch = (next) => {
+    if (next === shown) return;
+    if (branchScope) (0, import_signal6.disposeScope)(branchScope);
+    branchScope = (0, import_signal6.createChildOwner)(parentOwner);
+    shown = next;
+  };
+  return (0, import_signal6.createMemo)(
+    () => {
+      const evaluate = cond();
+      enterBranch(evaluate ? "when" : "fallback");
+      return (0, import_signal6.runWithOwner)(branchScope, () => {
+        if (evaluate) {
+          let children = props.children;
+          if (typeof children === "function" && !isLitResult(children)) {
+            if (typeof value === "function") {
+              return (0, import_signal6.untrack)(() => {
+                if (!(0, import_signal6.untrack)(value)) return props.fallback;
+                return children(value());
+              });
+            }
+            return children(value);
+          }
+          return children;
+        }
+        return props.fallback;
+      });
+      return props.fallback ?? null;
+    },
+    void 0,
+    // Not `Show`: the compiler already marks the memo it wraps the component in with that,
+    // and two cards of the same name in one graph is worse than a longer one.
+    { name: "Show.result" }
+  );
+}
+
+// src/lib/flow/for.ts
+var import_signal7 = require("@fluixi/reactive/signal");
+function For(props) {
+  const each = resolveReactiveProp(() => props.each);
+  const fallback = () => props.fallback ?? null;
+  const render2 = (item, index) => {
+    const children = props.children;
+    const rendered = Array.isArray(children) ? children.map((c) => typeof c === "function" ? c(item, index) : c) : typeof children === "function" ? children(item, index) : children;
+    hydrateAdvancePast(rendered);
+    return rendered;
+  };
+  return props.by ? (0, import_signal7.keyArray)(each, props.by, (item, index) => render2(item, index), { fallback }) : (0, import_signal7.mapArray)(each, (item, index) => render2(item, index), { fallback });
+}
+
+// src/lib/flow/index-flow.ts
+var import_signal8 = require("@fluixi/reactive/signal");
+function Index(props) {
+  const each = resolveReactiveProp(() => props.each);
+  return (0, import_signal8.indexArray)(
+    each,
+    (item, index) => {
+      const rendered = props.children(item, index);
+      hydrateAdvancePast(rendered);
+      return rendered;
+    },
+    { fallback: () => props.fallback ?? null }
+  );
+}
+
+// src/lib/flow/index.ts
+var import_signal16 = require("@fluixi/reactive/signal");
+
+// src/lib/flow/switch.ts
+var import_signal9 = require("@fluixi/reactive/signal");
+var MATCH_MARKER = /* @__PURE__ */ Symbol("match");
+function Match(props) {
+  return {
+    [MATCH_MARKER]: true,
+    // Lazy read through the prop getter. Switch calls `branch.when()` inside its memo,
+    // so `when={cond()}` reacts; `when={cond}` unwraps via resolveReactiveProp.
+    when: resolveReactiveProp(() => props.when),
+    // Lazy, like `when`. Read eagerly, every branch's children were built the
+    // moment the Match node was, before Switch had chosen one, so they were
+    // created outside the branch's scope (and non-matching branches were built
+    // for nothing). Switch reads this inside the selected branch's scope.
+    get children() {
+      return props.children;
+    }
+  };
+}
+function Switch(props) {
+  const branches = Array.isArray(props.children) ? props.children : [props.children];
+  const parentOwner = (0, import_signal9.getOwner)();
+  let branchScope = null;
+  let shown = -1;
+  const enterBranch = (index) => {
+    if (index === shown) return;
+    if (branchScope) (0, import_signal9.disposeScope)(branchScope);
+    branchScope = (0, import_signal9.createChildOwner)(parentOwner);
+    shown = index;
+  };
+  return (0, import_signal9.createMemo)(() => {
+    for (let i = 0; i < branches.length; i += 1) {
+      const raw = branches[i];
+      let branch = raw;
+      let guard = 0;
+      while (typeof branch === "function" && !branch[MATCH_MARKER] && guard++ < 10) {
+        branch = branch();
+      }
+      if (!branch || typeof branch !== "object" || branch[MATCH_MARKER] !== true) {
+        continue;
+      }
+      const value = branch.when();
+      if (isTruthy(value)) {
+        enterBranch(i);
+        return (0, import_signal9.runWithOwner)(
+          branchScope,
+          () => typeof branch.children === "function" ? branch.children(value) : branch.children
+        );
+      }
+    }
+    enterBranch(-2);
+    return (0, import_signal9.runWithOwner)(branchScope, () => props.fallback ?? null);
+  }, void 0, { name: "Switch" });
+}
+
+// src/lib/flow/dynamic.ts
+var import_signal10 = require("@fluixi/reactive/signal");
+function Dynamic(props) {
+  const getComponent = normalizeAccessor(props.component);
+  const { component: _c, ...rest } = props;
+  const parentOwner = (0, import_signal10.getOwner)();
+  let scope = null;
+  let current;
+  return (0, import_signal10.createMemo)(() => {
+    const C = getComponent();
+    if (C !== current) {
+      if (scope) (0, import_signal10.disposeScope)(scope);
+      scope = (0, import_signal10.createChildOwner)(parentOwner);
+      current = C;
+    }
+    if (C == null) return null;
+    if (typeof C === "string") {
+      return { tag: C, props: rest };
+    }
+    return (0, import_signal10.runWithOwner)(scope, () => C(rest));
+  }, void 0, { name: "Dynamic" });
+}
+
+// src/lib/flow/portal.ts
+var import_signal11 = require("@fluixi/reactive/signal");
+function Portal(props) {
+  const getMount = () => {
+    if (!props.mount) return document.body;
+    return typeof props.mount === "function" ? props.mount() : props.mount;
+  };
+  let dispose;
+  let container;
+  (0, import_signal11.createRoot)((d) => {
+    dispose = d;
+    container = document.createElement("div");
+    container.style.display = "contents";
+    const target = getMount();
+    target.appendChild(container);
+    const inserted = insert(container, props.children);
+    if (inserted) {
+      handleRef(props.ref, container);
+    }
+  });
+  (0, import_signal11.onCleanup)(() => {
+    dispose();
+    container.remove();
+  });
+  return null;
+}
+
+// src/lib/flow/client-only.ts
+var import_signal12 = require("@fluixi/reactive/signal");
+function ClientOnly(props) {
+  if (isServer()) return props.fallback ?? null;
+  const hydrating = hydration.active;
+  const [ready, setReady] = (0, import_signal12.createSignal)(!hydrating);
+  if (hydrating) queueMicrotask(() => setReady(true));
+  return (0, import_signal12.createMemo)(() => ready() ? props.children : props.fallback ?? null, void 0, {
+    name: "client-only"
+  });
+}
+var NoSsr = ClientOnly;
+
+// src/lib/flow/error-boundary.ts
+var import_signal13 = require("@fluixi/reactive/signal");
+function ErrorBoundary(props) {
+  const [error, setError] = (0, import_signal13.createSignal)(null);
+  const reset = () => setError(null);
+  return (0, import_signal13.createMemo)(() => {
+    const err = error();
+    if (err !== null) {
+      return typeof props.fallback === "function" ? props.fallback(err, reset) : props.fallback;
+    }
+    try {
+      const content = typeof props.children === "function" ? props.children() : props.children;
+      return content;
+    } catch (e) {
+      setError(e);
+      return typeof props.fallback === "function" ? props.fallback(e, reset) : props.fallback;
+    }
+  }, void 0, { name: "ErrorBoundary" });
+}
+
+// src/lib/flow/class-map.ts
+var import_signal14 = require("@fluixi/reactive/signal");
+function classMap(input) {
+  return (0, import_signal14.createMemo)(() => {
+    const map = typeof input === "function" ? input() : input;
+    const classes = [];
+    for (const [cls, cond] of Object.entries(map)) {
+      if (!cls) continue;
+      const active = typeof cond === "function" ? cond() : cond;
+      if (active) classes.push(cls);
+    }
+    return classes.join(" ");
+  }, void 0, { name: "ClassMap" });
+}
+
+// src/lib/flow/style-map.ts
+var import_signal15 = require("@fluixi/reactive/signal");
+function toKebab(prop) {
+  return prop.startsWith("--") ? prop : prop.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+}
+function styleMap(input) {
+  return (0, import_signal15.createMemo)(() => {
+    const map = typeof input === "function" ? input() : input;
+    const parts = [];
+    for (const [prop, val] of Object.entries(map)) {
+      if (!prop) continue;
+      const resolved = typeof val === "function" ? val() : val;
+      if (resolved != null) {
+        parts.push(`${toKebab(prop)}: ${resolved}`);
+      }
+    }
+    return parts.join("; ");
+  }, void 0, { name: "StyleMap" });
+}
+
+// src/lib/dom/server/nodes.ts
+var NODE_ELEMENT = 1;
+var NODE_TEXT = 3;
+var NODE_COMMENT = 8;
+var _a;
+_a = SERVER_NODE;
+var ServerNode = class {
+  constructor() {
+    // Brand the host.ts guards check for (lets them skip an instanceof on these classes).
+    this[_a] = true;
+    this.parentNode = null;
+    this.childNodes = [];
+  }
+  get firstChild() {
+    return this.childNodes[0] ?? null;
+  }
+  get lastChild() {
+    return this.childNodes[this.childNodes.length - 1] ?? null;
+  }
+  get nextSibling() {
+    const p = this.parentNode;
+    if (!p) return null;
+    const i = p.childNodes.indexOf(this);
+    return i >= 0 ? p.childNodes[i + 1] ?? null : null;
+  }
+  get previousSibling() {
+    const p = this.parentNode;
+    if (!p) return null;
+    const i = p.childNodes.indexOf(this);
+    return i > 0 ? p.childNodes[i - 1] ?? null : null;
+  }
+  get parentElement() {
+    return this.parentNode;
+  }
+  appendChild(child) {
+    if (child.parentNode) child.parentNode.removeChild(child);
+    child.parentNode = this;
+    this.childNodes.push(child);
+    return child;
+  }
+  insertBefore(child, ref) {
+    if (ref == null) return this.appendChild(child);
+    if (child.parentNode) child.parentNode.removeChild(child);
+    const i = this.childNodes.indexOf(ref);
+    child.parentNode = this;
+    if (i < 0) this.childNodes.push(child);
+    else this.childNodes.splice(i, 0, child);
+    return child;
+  }
+  removeChild(child) {
+    const i = this.childNodes.indexOf(child);
+    if (i >= 0) this.childNodes.splice(i, 1);
+    child.parentNode = null;
+    return child;
+  }
+  replaceChild(next, old) {
+    const i = this.childNodes.indexOf(old);
+    if (i >= 0) {
+      if (next.parentNode) next.parentNode.removeChild(next);
+      next.parentNode = this;
+      this.childNodes[i] = next;
+      old.parentNode = null;
+    }
+    return old;
+  }
+  // Event listeners are inert on the server.
+  addEventListener() {
+  }
+  removeEventListener() {
+  }
+};
+var ServerText = class _ServerText extends ServerNode {
+  constructor(value) {
+    super();
+    this.nodeType = NODE_TEXT;
+    this.data = value;
+  }
+  get nodeValue() {
+    return this.data;
+  }
+  set nodeValue(v) {
+    this.data = v == null ? "" : String(v);
+  }
+  get textContent() {
+    return this.data;
+  }
+  set textContent(v) {
+    this.data = v == null ? "" : String(v);
+  }
+  cloneNode() {
+    return new _ServerText(this.data);
+  }
+};
+var ServerRaw = class _ServerRaw extends ServerNode {
+  constructor(html2) {
+    super();
+    this.nodeType = NODE_ELEMENT;
+    this.rawOuterHTML = html2;
+  }
+  get textContent() {
+    return this.rawOuterHTML.replace(/<[^>]*>/g, "");
+  }
+  cloneNode() {
+    return new _ServerRaw(this.rawOuterHTML);
+  }
+};
+var ServerComment = class _ServerComment extends ServerNode {
+  constructor(value) {
+    super();
+    this.nodeType = NODE_COMMENT;
+    this.data = value;
+  }
+  get nodeValue() {
+    return this.data;
+  }
+  set nodeValue(v) {
+    this.data = v == null ? "" : String(v);
+  }
+  cloneNode() {
+    return new _ServerComment(this.data);
+  }
+};
+var ServerStyle = class {
+  constructor() {
+    // declared keys are stored as own props; cssText holds a raw string blob.
+    this.cssText = "";
+  }
+  setProperty(name, value) {
+    this[name] = value;
+  }
+  removeProperty(name) {
+    delete this[name];
+  }
+};
+var ServerClassList = class {
+  constructor(el) {
+    this.el = el;
+  }
+  list() {
+    const c = this.el.getAttribute("class");
+    return c ? c.split(/\s+/).filter(Boolean) : [];
+  }
+  write(arr) {
+    if (arr.length) this.el.setAttribute("class", arr.join(" "));
+    else this.el.removeAttribute("class");
+  }
+  add(...names) {
+    const arr = this.list();
+    for (const n of names) if (!arr.includes(n)) arr.push(n);
+    this.write(arr);
+  }
+  remove(...names) {
+    this.write(this.list().filter((c) => !names.includes(c)));
+  }
+  contains(name) {
+    return this.list().includes(name);
+  }
+  toggle(name, force) {
+    const has = this.contains(name);
+    const on = force === void 0 ? !has : force;
+    if (on) this.add(name);
+    else this.remove(name);
+    return on;
+  }
+};
+var ServerElement = class _ServerElement extends ServerNode {
+  constructor(tag, isSVG = false) {
+    super();
+    this.nodeType = NODE_ELEMENT;
+    this.attributes = /* @__PURE__ */ new Map();
+    this.style = new ServerStyle();
+    this.classList = new ServerClassList(this);
+    /** raw HTML set via innerHTML: emitted verbatim, bypassing childNodes. */
+    this.rawHTML = null;
+    this.localName = tag.toLowerCase();
+    this.tagName = isSVG ? tag : tag.toUpperCase();
+    this.isSVG = isSVG;
+    this.namespaceURI = isSVG ? "http://www.w3.org/2000/svg" : null;
+  }
+  setAttribute(name, value) {
+    this.attributes.set(name, String(value));
+  }
+  removeAttribute(name) {
+    this.attributes.delete(name);
+  }
+  getAttribute(name) {
+    return this.attributes.has(name) ? this.attributes.get(name) : null;
+  }
+  hasAttribute(name) {
+    return this.attributes.has(name);
+  }
+  get id() {
+    return this.getAttribute("id") ?? "";
+  }
+  set id(v) {
+    if (v == null) this.removeAttribute("id");
+    else this.setAttribute("id", v);
+  }
+  // JSX_PROPERTIES: className/value/checked/selected/innerHTML/innerText/
+  // textContent/indeterminate/htmlFor flow through setProperty (element[k]=v).
+  get className() {
+    return this.getAttribute("class") ?? "";
+  }
+  set className(v) {
+    if (v == null) this.removeAttribute("class");
+    else this.setAttribute("class", v);
+  }
+  get htmlFor() {
+    return this.getAttribute("for") ?? "";
+  }
+  set htmlFor(v) {
+    if (v == null) this.removeAttribute("for");
+    else this.setAttribute("for", v);
+  }
+  set value(v) {
+    if (v == null) this.removeAttribute("value");
+    else this.setAttribute("value", String(v));
+  }
+  set checked(v) {
+    if (v) this.setAttribute("checked", "");
+    else this.removeAttribute("checked");
+  }
+  set selected(v) {
+    if (v) this.setAttribute("selected", "");
+    else this.removeAttribute("selected");
+  }
+  // indeterminate is a live-only DOM property with no HTML serialization.
+  set indeterminate(_v) {
+  }
+  get textContent() {
+    return this.childNodes.map((c) => c.textContent ?? "").join("");
+  }
+  set textContent(v) {
+    for (const c of this.childNodes) c.parentNode = null;
+    this.childNodes = [];
+    this.rawHTML = null;
+    if (v != null && v !== "") this.appendChild(new ServerText(String(v)));
+  }
+  set innerText(v) {
+    this.textContent = v;
+  }
+  set innerHTML(v) {
+    for (const c of this.childNodes) c.parentNode = null;
+    this.childNodes = [];
+    this.rawHTML = v == null ? "" : String(v);
+  }
+  cloneNode(deep = false) {
+    const el = new _ServerElement(this.localName, this.isSVG);
+    el.attributes = new Map(this.attributes);
+    el.style.cssText = this.style.cssText;
+    el.rawHTML = this.rawHTML;
+    if (deep) for (const c of this.childNodes) el.appendChild(c.cloneNode(true));
+    return el;
+  }
+};
+
+// src/lib/dom/server/serialize.ts
+var VOID_ELEMENTS3 = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var AMP = /&/g;
+var LT = /</g;
+var GT = />/g;
+var QUOT = /"/g;
+function escapeText(s) {
+  return s.replace(AMP, "&amp;").replace(LT, "&lt;").replace(GT, "&gt;");
+}
+function escapeAttr(s) {
+  return s.replace(AMP, "&amp;").replace(QUOT, "&quot;").replace(LT, "&lt;").replace(GT, "&gt;");
+}
+function camelToKebab(k) {
+  if (k.startsWith("--")) return k;
+  return k.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
+}
+function serializeStyle(style) {
+  if (!style) return "";
+  const parts = [];
+  if (style.cssText) parts.push(style.cssText.trim().replace(/;\s*$/, ""));
+  for (const key of Object.keys(style)) {
+    if (key === "cssText") continue;
+    const v = style[key];
+    if (v == null || v === "") continue;
+    parts.push(`${camelToKebab(key)}: ${v}`);
+  }
+  return parts.join("; ");
+}
+function serializeAttrs(el) {
+  let out = "";
+  const inlineStyle = serializeStyle(el.style);
+  for (const [name, value] of el.attributes) {
+    if (name === "style" && inlineStyle) continue;
+    out += ` ${name}="${escapeAttr(value)}"`;
+  }
+  if (inlineStyle) {
+    const attrStyle = el.attributes.get("style");
+    const merged = attrStyle ? `${attrStyle.replace(/;\s*$/, "")}; ${inlineStyle}` : inlineStyle;
+    out += ` style="${escapeAttr(merged)}"`;
+  }
+  return out;
+}
+function serializeNode(node) {
+  if (node == null || node === false || node === true) return "";
+  if (typeof node === "string") return escapeText(node);
+  if (typeof node === "number") return escapeText(String(node));
+  if (typeof node === "function") return serializeNode(node());
+  if (Array.isArray(node)) return node.map(serializeNode).join("");
+  if (typeof node.rawOuterHTML === "string") return node.rawOuterHTML;
+  switch (node.nodeType) {
+    case NODE_TEXT:
+      return escapeText(node.data ?? "");
+    case NODE_COMMENT:
+      return `<!--${node.data ?? ""}-->`;
+    case NODE_ELEMENT: {
+      const tag = node.localName;
+      const open = `<${tag}${serializeAttrs(node)}>`;
+      if (VOID_ELEMENTS3.has(tag)) return open;
+      const inner = node.rawHTML != null ? node.rawHTML : (node.childNodes ?? []).map(serializeNode).join("");
+      return `${open}${inner}</${tag}>`;
+    }
+  }
+  if (Array.isArray(node.childNodes)) return node.childNodes.map(serializeNode).join("");
+  return "";
+}
+
+// src/lib/dom/server/render.ts
+var import_signal17 = require("@fluixi/reactive/signal");
+var import_signal18 = require("@fluixi/reactive/signal");
+
+// src/lib/dom/server/parse-template.ts
+var VOID_ELEMENTS4 = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var ENTITIES = {
+  amp: "&",
+  lt: "<",
+  gt: ">",
+  quot: '"',
+  "#39": "'"
+};
+function unescape(text) {
+  return text.replace(/&(#?\w+);/g, (whole, name) => ENTITIES[name] ?? whole);
+}
+var TemplateParseError = class extends Error {
+};
+function parseTemplate(html2, isSVG = false) {
+  let i = 0;
+  const roots = [];
+  const stack = [];
+  const append = (node) => {
+    const parent = stack[stack.length - 1];
+    if (parent) parent.appendChild(node);
+    else roots.push(node);
+  };
+  while (i < html2.length) {
+    const lt = html2.indexOf("<", i);
+    if (lt === -1) {
+      addText(html2.slice(i));
+      break;
+    }
+    if (lt > i) addText(html2.slice(i, lt));
+    if (html2.startsWith("<!--", lt)) {
+      const end = html2.indexOf("-->", lt);
+      if (end === -1) throw new TemplateParseError(`unterminated comment at ${lt}`);
+      append(new ServerComment(html2.slice(lt + 4, end)));
+      i = end + 3;
+      continue;
+    }
+    if (html2[lt + 1] === "/") {
+      const end = html2.indexOf(">", lt);
+      if (end === -1) throw new TemplateParseError(`unterminated closing tag at ${lt}`);
+      const tag = html2.slice(lt + 2, end).trim().toLowerCase();
+      const open = stack.pop();
+      if (!open || open.localName !== tag) {
+        throw new TemplateParseError(
+          `</${tag}> does not close <${open?.localName ?? "nothing"}>`
+        );
+      }
+      i = end + 1;
+      continue;
+    }
+    i = openTag(lt);
+  }
+  if (stack.length > 0) {
+    throw new TemplateParseError(`unclosed <${stack[stack.length - 1].localName}>`);
+  }
+  const root = roots[0];
+  if (roots.length !== 1 || !(root instanceof ServerElement)) {
+    throw new TemplateParseError(`expected exactly one root element, got ${roots.length}`);
+  }
+  return root;
+  function addText(raw) {
+    if (raw === "") return;
+    append(new ServerText(unescape(raw)));
+  }
+  function openTag(lt) {
+    const nameEnd = /[\s/>]/.exec(html2.slice(lt + 1));
+    if (!nameEnd) throw new TemplateParseError(`unterminated tag at ${lt}`);
+    const tag = html2.slice(lt + 1, lt + 1 + nameEnd.index).toLowerCase();
+    const el = new ServerElement(tag, isSVG);
+    let j = lt + 1 + nameEnd.index;
+    while (j < html2.length) {
+      while (j < html2.length && /\s/.test(html2[j])) j++;
+      if (html2[j] === ">") {
+        j++;
+        break;
+      }
+      if (html2[j] === "/" && html2[j + 1] === ">") {
+        j += 2;
+        break;
+      }
+      const attrStart = j;
+      while (j < html2.length && !/[\s=/>]/.test(html2[j])) j++;
+      const name = html2.slice(attrStart, j);
+      if (name === "") throw new TemplateParseError(`malformed attribute at ${j}`);
+      if (html2[j] === "=") {
+        if (html2[j + 1] !== '"') {
+          throw new TemplateParseError(`attribute ${name} must have a double-quoted value`);
+        }
+        const close = html2.indexOf('"', j + 2);
+        if (close === -1) throw new TemplateParseError(`unterminated value for ${name}`);
+        el.setAttribute(name, unescape(html2.slice(j + 2, close)));
+        j = close + 1;
+      } else {
+        el.setAttribute(name, "");
+      }
+    }
+    append(el);
+    if (!VOID_ELEMENTS4.has(tag)) stack.push(el);
+    return j;
+  }
+}
+
+// src/lib/dom/server/render.ts
+var _nodesRegistered = false;
+function ensureServerNodes() {
+  if (_nodesRegistered) return;
+  _nodesRegistered = true;
+  registerServerNodes({
+    createElement: (tag, isSVG) => new ServerElement(tag, isSVG),
+    createText: (value) => new ServerText(value),
+    createRaw: (html2) => new ServerRaw(html2),
+    parseTemplate: (html2, isSVG) => parseTemplate(html2, isSVG),
+    createComment: (value) => new ServerComment(value)
+  });
+}
+function renderToString(app, options = {}) {
+  const prev = isServer();
+  ensureServerNodes();
+  setServerMode(true);
+  const ctx = createRequestContext(options.event);
+  try {
+    return runWithRequestContext(
+      ctx,
+      () => (0, import_signal17.createRoot)((dispose) => {
+        try {
+          const tree = typeof app === "function" ? app() : app;
+          return serializeNode(tree);
+        } finally {
+          dispose();
+        }
+      })
+    );
+  } finally {
+    setServerMode(prev);
+  }
+}
+var _hooksInstalled = false;
+function ensureResourceHooks() {
+  if (_hooksInstalled) return;
+  _hooksInstalled = true;
+  (0, import_signal18.setResourceTracker)((p) => {
+    getRequestContext()?.pending.add(p);
+  });
+  (0, import_signal18.setResourceIdSource)(() => getRequestContext()?.nextResourceId() ?? "");
+  (0, import_signal18.setResourceDataSink)((id, value) => {
+    if (id) getRequestContext()?.data.set(id, value);
+  });
+}
+var _redactor = null;
+function setDataRedactor(fn) {
+  _redactor = fn;
+}
+function serializeResourceData(ctx) {
+  if (ctx.data.size === 0) return "";
+  const obj = {};
+  for (const [k, v] of ctx.data) {
+    let out = v;
+    if (_redactor) {
+      try {
+        out = _redactor(v, k);
+      } catch {
+        continue;
+      }
+    }
+    if (out === void 0) continue;
+    if (typeof out === "function" || typeof out === "symbol") continue;
+    obj[k] = out;
+  }
+  if (Object.keys(obj).length === 0) return "";
+  const json = escapeFxJson(JSON.stringify(obj));
+  if (json === "{}") return "";
+  return `<script type="application/json" id="${FX_DATA_ID}">${json}<\/script>`;
+}
+var MAX_ASYNC_ROUNDS = 50;
+async function renderToStringAsync(app, options = {}) {
+  const prev = isServer();
+  ensureServerNodes();
+  setServerMode(true);
+  ensureResourceHooks();
+  const ctx = createRequestContext(options.event);
+  try {
+    return await runWithRequestContext(ctx, async () => {
+      if (options.preload) await options.preload(options.event);
+      let tree;
+      let rootOwner = null;
+      let dispose = () => {
+      };
+      (0, import_signal17.createRoot)((d) => {
+        dispose = d;
+        rootOwner = (0, import_signal18.getOwner)();
+        tree = typeof app === "function" ? app() : app;
+      });
+      const probe = () => {
+        try {
+          (0, import_signal18.runWithOwner)(rootOwner, () => serializeNode(tree));
+        } catch {
+        }
+      };
+      probe();
+      let rounds = 0;
+      while (ctx.pending.size > 0 && rounds++ < MAX_ASYNC_ROUNDS) {
+        const batch3 = Array.from(ctx.pending);
+        ctx.pending.clear();
+        await Promise.allSettled(batch3);
+        await (0, import_signal18.flush)();
+        probe();
+      }
+      const html2 = (0, import_signal18.runWithOwner)(rootOwner, () => serializeNode(tree)) + serializeResourceData(ctx);
+      dispose();
+      return html2;
+    });
+  } finally {
+    setServerMode(prev);
+  }
+}
+
+// src/cdn/dom.ts
+var import_signal19 = require("@fluixi/reactive/signal");
+var import_store = require("@fluixi/reactive/store");
+var import_signal20 = require("@fluixi/reactive/signal");
+var import_store2 = require("@fluixi/reactive/store");