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

package/dist/cdn/dom-client.cjs

@@ -1 +1,1427 @@
-"use strict";var z=Object.defineProperty;var Je=Object.getOwnPropertyDescriptor;var Ye=Object.getOwnPropertyNames;var Ze=Object.prototype.hasOwnProperty;var Qe=(e,n)=>{for(var t in n)z(e,t,{get:n[t],enumerable:!0})},en=(e,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of Ye(n))!Ze.call(e,i)&&i!==t&&z(e,i,{get:()=>n[i],enumerable:!(o=Je(n,i))||o.enumerable});return e};var nn=e=>en(z({},"__esModule",{value:!0}),e);var Sn={};Qe(Sn,{Dynamic:()=>de,ErrorBoundary:()=>ye,For:()=>ae,Index:()=>ce,Match:()=>fe,Portal:()=>pe,Show:()=>se,Switch:()=>ue,batch:()=>p.batch,classMap:()=>me,createComponent:()=>He,createComputed:()=>p.createComputed,createContext:()=>p.createContext,createEffect:()=>p.createEffect,createElement:()=>xe,createMemo:()=>p.createMemo,createRenderEffect:()=>p.createRenderEffect,createResource:()=>p.createResource,createRoot:()=>p.createRoot,createSignal:()=>p.createSignal,delegateEvents:()=>te,effect:()=>p.effect,hydrate:()=>ie,indexArray:()=>A.indexArray,insert:()=>k,keyArray:()=>A.keyArray,mapArray:()=>A.mapArray,memo:()=>p.memo,onCleanup:()=>p.onCleanup,render:()=>I,setAttribute:()=>w,setClassName:()=>O,setProperty:()=>M,setStyle:()=>$,signal:()=>p.signal,spread:()=>$e,store:()=>p.store,styleMap:()=>he,untrack:()=>p.untrack,useContext:()=>p.useContext});module.exports=nn(Sn);var ge="http://www.w3.org/2000/svg";var X=new Set(["className","value","checked","selected","innerHTML","innerText","textContent","indeterminate","htmlFor"]);function w(e,n,t,o=!1){if(t==null||t===!1){e.removeAttribute(n);return}if(t===!0){e.setAttribute(n,"");return}if(typeof t=="object"){e.setAttribute(n,JSON.stringify(t));return}e.setAttribute(n,String(t))}function tn(e,n){Object.assign(e.style,n)}function xe(e,n={},...t){let o=document.createElement(e);return Object.entries(n).forEach(([i,a])=>{if(i==="class"||i==="className")o.className=a;else if(i==="style"&&typeof a=="object")tn(o,a);else if(i.startsWith("on")&&typeof a=="function"){let c=i.slice(2).toLowerCase();o.addEventListener(c,a)}else w(o,i,a)}),t.forEach(i=>{typeof i=="string"?o.appendChild(document.createTextNode(i)):o.appendChild(i)}),o}var vn=typeof Symbol=="function"&&Symbol.for?Symbol.for("react.element"):60103;var b=require("@fluixi/reactive/signal");var be="1.0.0-alpha.83";var Te=require("@fluixi/reactive/version"),x={dom:be,reactive:Te.VERSION};function Ee(e){x.core&&e.setAttribute("fluixi",x.core),e.setAttribute("fx-dom",x.dom),e.setAttribute("fx-reactive",x.reactive),typeof globalThis<"u"&&(globalThis.Fluixi=x)}function we(){let e=[x.core,x.dom,x.reactive].filter(n=>n!==void 0);new Set(e).size<=1||console.warn(`[fluixi] package versions disagree — core ${x.core??"(absent)"}, dom ${x.dom}, reactive ${x.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 Ne(e){return typeof e!="function"||Object.defineProperty(e,Symbol.for("fluixi-component"),{value:!0,enumerable:!0}),e}function P(e){return typeof e=="function"&&e[Symbol.for("fluixi-component")]===!0}var u=require("@fluixi/reactive/signal");var Y=Symbol.for("fluixi.server-node"),on=Symbol.for("fluixi.dom.server-host"),rn=globalThis,J=rn[on]??={server:typeof document>"u",nodes:null};function Z(){return J.server}function Se(){if(!J.nodes)throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");return J.nodes}function _(e){return e!=null&&e[Y]===!0?!0:typeof Node<"u"&&e instanceof Node}function Ae(e){return e!=null&&e[Y]===!0?e.nodeType===1:typeof Element<"u"&&e instanceof Element}function ve(e){return e!=null&&e[Y]===!0?e.nodeType===3:typeof Text<"u"&&e instanceof Text}var d={active:!1,cursor:null,parents:[]},Ce=null;function Pe(e){Ce=e}function Re(){return Ce}function Q(e,n){return d.active&&n.parentNode===e}function ee(e){let n=d.parents.lastIndexOf(e);n!==-1&&(d.parents.length=n),d.cursor=e.nextSibling}function D(e){if(!d.active||e==null)return;let n=Array.isArray(e)?e[e.length-1]:e;n&&typeof n.nodeType=="number"&&ee(n)}var sn={};var De="__fx_at";var ne=new Set,Fe=new Set(["scroll","focus","blur","load","error","resize","mouseenter","mouseleave","pointerenter","pointerleave","gotpointercapture","lostpointercapture"]);function te(e){if(!Z())for(let n of e)ne.has(n)||Fe.has(n)||(ne.add(n),document.addEventListener(n,an))}function an(e){let n=`$$${e.type}`,t=e.composedPath&&e.composedPath()[0]||e.target;for(;t;){let o=t[n];if(o&&!t.disabled&&(o(e),e.cancelBubble))return;t=t.host&&t.host!==t&&t.host instanceof Element?t.host:t.parentNode}}function cn(e,n,t){if(e[`$$${n}`]=t,Fe.has(n)){let o=`__fx_${n}`;if(!e[o]){let i=a=>{e[`$$${n}`]?.(a)};e.addEventListener(n,i),e[o]=i}return}ne.has(n)||te([n])}function Me(e,n){delete e[`$$${n}`];let t=`__fx_${n}`,o=e[t];o&&(e.removeEventListener(n,o),delete e[t])}function v(e,n=!1){if(Z())return Se().createText(e);if(d.active&&!n){let t=Re()?.hydrateText(e);if(t)return t}return document.createTextNode(e)}var S=0,ln=200;function fn(e,n,t,o,i){let a=o,c=new Map;return(0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(t??n,"content",void 0,e);let s;if(P(e)&&!(0,b.isSignal)(e)){if(!c.has(e)){S++;try{let r=e();c.set(e,r)}finally{S--}}for(s=c.get(e);typeof s=="function"&&(0,b.isSignal)(s);)s=s()}else for(s=e();typeof s=="function"&&(0,b.isSignal)(s);)s=s();{let r=0;for(;typeof s=="function"&&r++<50;)if(P(s)){if(!c.has(s)){let l=s;S++;try{let f=l();c.set(l,f)}finally{S--}}s=c.get(s)}else if((0,b.isSignal)(s))s=s();else if(s=s(),typeof s!="function"||!(0,b.isSignal)(s)&&!P(s))break}S++;try{a=j(n,s,t,a,c),i(a)}finally{S--}})}function k(e,n,t,o){if(S>ln)return console.error("[insert] Exceeded max call depth — possible infinite loop."),()=>null;t!==void 0&&!t&&(t=v("",!0),e.appendChild(t));let i=o??null,a=r=>Array.isArray(r)&&r.some(l=>typeof l=="function"),c=r=>typeof r=="function"?r:()=>r;if(typeof n!="function"&&!a(n)){S++;try{i=j(e,n,t,i)}finally{S--}return()=>i}let s=fn(c(n),e,t,i,r=>{i=r});return()=>(s?.(),i)}function j(e,n,t,o,i){if(n==null||typeof n=="boolean")return R(e,o,t);if(typeof n=="function")for(;typeof n=="function";)n=n();if(n==null||typeof n=="boolean")return R(e,o,t);if(F(n)){let c=v("",!0);return Array.isArray(o)?o.length>0?(e.replaceChild(c,o[0]),R(e,o.slice(1),t)):g(e,c,t):o?e.replaceChild(c,o):g(e,c,t),n.then(s=>{c.parentNode===e&&j(e,s,c.nextSibling,c)}).catch(s=>{console.error("Error resolving promise in insertExpression:",s)}),c}let a=typeof n;if(a==="string"||a==="number"){if(a==="number"&&(n=String(n)),Array.isArray(o)){if(o.length===0){let s=v(n);return g(e,s,t),s}if(o.length===1&&o[0].nodeType===3)return o[0].data=n,o;o=R(e,o,t)}if(o&&ve(o))return o.data=n,o;let c=v(n);return o&&o.parentNode===e?e.replaceChild(c,o):Q(e,c)||g(e,c,t),c}if(_(n))return Q(e,n)?(ee(n),n):Array.isArray(o)?(o.length===0?g(e,n,t):o[0].parentNode===e?(e.replaceChild(n,o[0]),R(e,o.slice(1),t)):g(e,n,t),n):(o?o!==n&&(o.parentNode===e?e.replaceChild(n,o):g(e,n,t)):g(e,n,t),n);if(Array.isArray(n)){let c=[],s=Array.isArray(o)?o:o?[o]:[],r=[];N(n,c,e,t,!0,i,r);let l=un(e,s,c,t);for(let f of r){let y=k(e,f.sig,f.marker);(0,u.onCleanup)(()=>{R(e,y()),f.marker.parentNode===e&&e.removeChild(f.marker)})}return l}if(a==="object"&&n!==null&&typeof n=="object"){let c=n;if("type"in c&&"props"in c){let s=c;if(typeof s.type=="function"){let r=s.type(s.props||{});return j(e,r,t,o)}}}return R(e,o,t)}function N(e,n,t,o,i=!0,a,c){for(let s=0;s<e.length;s++){let r=e[s];if(!(r==null||typeof r=="boolean")){for(;typeof r=="function"&&!F(r)&&!(0,b.isSignal)(r)&&!P(r)&&(r=r(),!(r==null||typeof r=="boolean")););if(!(r==null||typeof r=="boolean")){if(typeof r=="function"){let l;for(P(r)&&!(0,b.isSignal)(r)?(a||(a=new Map),a.has(r)||a.set(r,r()),l=a.get(r)):l=r();typeof l=="function"&&!F(l)&&!(0,b.isSignal)(l)&&!P(l);)a||(a=new Map),a.has(l)||a.set(l,l()),l=a.get(l);if(l==null||typeof l=="boolean")continue;if(typeof l=="function"){if((0,b.isSignal)(l)){if(c){let y=v("",!0);n.push(y),c.push({marker:y,sig:l});continue}let f=l();for(;typeof f=="function"&&(0,b.isSignal)(f);)f=f();if(f==null||typeof f=="boolean")continue;Array.isArray(f)?N(f,n,t,o,i,a):N([f],n,t,o,i,a);continue}continue}Array.isArray(l)?N(l,n,t,o,i,a,c):N([l],n,t,o,i,a,c);continue}if(F(r)){let l=v("",!0);n.push(l),r.then(f=>{if(l.parentNode){let y=[];if(N([f],y,l.parentNode,void 0,!1,a),y.length>0){l.parentNode.replaceChild(y[0],l);for(let m=1;m<y.length;m++)l.parentNode?.insertBefore(y[m],y[m-1].nextSibling)}}}).catch(f=>console.error("Error resolving promise in array:",f));continue}if(Array.isArray(r)){N(r,n,t,o,i,a,c);continue}if(_(r)){n.push(r);continue}if(typeof r=="object"&&r!==null&&"type"in r&&"props"in r){let l=r;if(typeof l.type=="function"){let f=l.type(l.props||{});Array.isArray(f)?N(f,n,t,o,!1,a):N([f],n,t,o,!1,a);continue}}if(typeof r=="string"||typeof r=="number"){let l=String(r);if(l.trim()===""&&l!==" ")continue;n.push(v(l));continue}n.push(v(String(r)))}}}}function un(e,n,t,o){for(let y=0;y<t.length;y++){let m=t[y].parentNode;m!==null&&m!==e&&m.nodeType!==11&&(t=t.slice(),t[y]=t[y].cloneNode(!0))}let i=t.length,a=n.length,c=i,s=0,r=0,l=a>0?n[a-1].nextSibling??void 0:o,f=null;for(;s<a||r<c;){if(n[s]===t[r]){s++,r++;continue}for(;a>s&&c>r&&n[a-1]===t[c-1];)a--,c--;if(a===s){let y=c<i?r?t[r-1].nextSibling??void 0:t[c-r]:l;for(;r<c;)g(e,t[r++],y)}else if(c===r)for(;s<a;)(!f||!f.has(n[s]))&&n[s].parentNode===e&&e.removeChild(n[s]),s++;else if(n[s]===t[c-1]&&t[r]===n[a-1]){let y=n[--a].nextSibling;g(e,t[r++],n[s++].nextSibling),g(e,t[--c],y),n[a]=n[s-1]}else{if(!f){f=new Map;let m=r;for(;m<c;)f.set(t[m],m++)}let y=f.get(n[s]);if(y!=null)if(r<y&&y<c){let m=s,G=1;for(;++m<a&&m<c&&!(!f.has(n[m])||f.get(n[m])!==y+G);)G++;if(G>y-r){let Xe=n[s];for(;r<y;)g(e,t[r++],Xe)}else n[s].parentNode===e?e.replaceChild(t[r++],n[s++]):(g(e,t[r++],l),s++)}else s++;else n[s].parentNode===e&&e.removeChild(n[s]),s++}}return t}function R(e,n,t){if(n)if(Array.isArray(n))for(let o=0;o<n.length;o++)n[o].parentNode===e&&e.removeChild(n[o]);else n.parentNode===e&&e.removeChild(n);return null}function g(e,n,t){d.active&&n.parentNode===e||(t&&t.parentNode===e?e.insertBefore(n,t):e.appendChild(n))}function M(e,n,t){t==null?delete e[n]:e[n]=t}function dn(e,n,t){let o=t,i;return Array.isArray(t)&&(o=t[0],i=t[1]),typeof o!="function"?()=>{}:(e.addEventListener(n,o,i),()=>e.removeEventListener(n,o,i))}function je(e,n){if(!n||typeof n!="function")return;let t=n[De]?.name;if(!t)return;let o=t.indexOf(":");o!==-1&&(0,u.reportReactiveDirective)(e,t.slice(0,o),t.slice(o+1),n)}function ke(e,n,t){let o=typeof t=="function"?(0,u.untrack)(()=>t()):t;if(!(!o||typeof o!="object"))for(let i of Object.keys(o))(0,u.reportReactiveDirective)(e,n,i)}function pn(e,n){let t=(o,i)=>{typeof o=="function"&&((0,u.reportReactiveDirective)(e,"use",o.name||"use",i),o(e,i??(()=>{})))};if(typeof n=="function"){t(n);return}if(Array.isArray(n)){if(typeof n[0]=="function"){t(n[0],n[1]);return}for(let o of n)Array.isArray(o)?t(o[0],o[1]):t(o)}}function Le(e,n,t,o=!1){return je(e,t),typeof t!="function"?(w(e,n,t,o),()=>{}):(0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(e,"attribute",n,t);let i=typeof t=="function"?t():t;w(e,n,i,o)})}function Oe(e,n,t){return typeof t!="function"?(M(e,n,t),()=>{}):(je(e,t),(0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(e,"property",n,t);let o=typeof t=="function"?t():t;M(e,n,o)}))}function yn(e,n,t){return typeof t!="function"?(w(e,n,!!t),()=>{}):(0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(e,"attribute",n,t);let o=t();w(e,n,!!o)})}function O(e,n){if(n==null){e.removeAttribute("class");return}if(typeof n=="function"){(0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(e,"attribute","class",n),O(e,n())});return}if(typeof n=="string"){e.setAttribute("class",n);return}if(Array.isArray(n)){e.setAttribute("class",n.filter(Boolean).join(" "));return}if(typeof n=="object"){let t=Object.keys(n).filter(o=>{let i=n[o];return typeof i=="function"?i():!!i}).join(" ");e.setAttribute("class",t);return}e.setAttribute("class",String(n))}function _e(e,n,t){if(!(!n||typeof n!="object"))for(let o in n){let i=n[o],a=o.split(/\s+/).filter(Boolean);if(typeof i=="function"&&t)t.push((0,u.createRenderEffect)(()=>{let c=!!i();for(let s of a)e.classList.toggle(s,c)}));else{let c=!!(typeof i=="function"?i():i);for(let s of a)e.classList.toggle(s,c)}}}function $(e,n){let t=n;for(;typeof t=="function";)t=t();if(t==null){e.removeAttribute("style");return}if(typeof t=="string"){e.style.cssText=t;return}if(typeof t=="object")for(let o in t){let i=t[o];i==null?e.style[o]="":e.style[o]=i}}function $e(e){let{element:n,props:t,prevProps:o=sn,isSVG:i=!1,skipChildren:a=!1}=e;if(!n||!Ae(n))return console.error("[spread] Error: element is not a DOM Element!"),()=>{};if(!t)return console.warn("[spread] Warning: props is undefined!"),()=>{};let c=i||n.namespaceURI===ge,s=[];for(let r in t){if(a&&r==="children")continue;let l=t[r],f=o[r];if(l===f)continue;if(r==="ref"){oe(l,n);continue}if(r==="use"){pn(n,l);continue}if(r.startsWith("on:")){s.push(dn(n,r.slice(3),l));continue}if(r.startsWith("prop:")){(0,u.reportReactiveDirective)(n,"prop",r.slice(5),l),s.push(Oe(n,r.slice(5),l));continue}if(r.startsWith("attr:")){(0,u.reportReactiveDirective)(n,"attr",r.slice(5),l),s.push(Le(n,r.slice(5),l,c));continue}if(r.startsWith("bool:")){(0,u.reportReactiveDirective)(n,"bool",r.slice(5),l),s.push(yn(n,r.slice(5),l));continue}if(r==="class"||r==="className"){typeof l=="function"?s.push((0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(n,"attribute","class",l),O(n,l())})):O(n,l);continue}if(r==="classList"){ke(n,"class",l),typeof l=="function"?s.push((0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(n,"attribute","class",l),_e(n,l())})):_e(n,l,s);continue}if(r==="style"){ke(n,"style",l),typeof l=="function"?s.push((0,u.createRenderEffect)(()=>{(0,u.reportReactiveBinding)(n,"attribute","style",l),$(n,l())})):$(n,l);continue}if(r.startsWith("on")){let m=r.slice(2).toLowerCase();f&&Me(n,m),l&&cn(n,m,l);continue}let y=X.has(r)||!c&&r in n;typeof l=="function"?s.push(y?Oe(n,r,l):Le(n,r,l,c)):s.push((0,u.createRenderEffect)(()=>y?M(n,r,t[r]):w(n,r,t[r],c)))}for(let r in o)if(!(r in t))if(r.startsWith("on")){let l=r.slice(2).toLowerCase();Me(n,l)}else X.has(r)?M(n,r,null):n.removeAttribute(r);return()=>{s.forEach(r=>r())}}function oe(e,n){if(!e)return;let t=e[De]?.name;if((0,u.reportReactiveDirective)(n,"ref",t||typeof e=="function"&&e.name||"ref",e),_(e)){let o=n,i=e;if(!o)return;typeof o=="function"?o(i):typeof o=="object"&&"current"in o&&(o.current=i);return}typeof e=="function"?e(n):typeof e=="object"&&"current"in e&&(e.current=n)}function F(e){return e!=null&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"||e instanceof Promise}function I(e,n,t){if(!n)throw new Error("Container element is required");let o,i,a=[];return(0,u.createRoot)(c=>{(0,u.batch)(()=>{d.active||(n.textContent=""),Ee(n),we(),k(n,e)}),i=c}),()=>{i?.(),o?.(),a.forEach(c=>c()),n.textContent=""}}var L=require("@fluixi/reactive");var mn="__fx_dom_create_component__",Ie=globalThis[mn]??={fn:null};function He(e,n){if(Ie.fn)return Ie.fn(e,n);n&&(0,L.reportReactiveProps)(n);let t=typeof e=="function"?(0,L.untrack)(()=>e(n)):e,o=t!=null&&(typeof t=="function"||typeof t=="object");if(o)try{t.$name=e?.name}catch{}return o&&!(0,L.isSignal)(t)?Ne(t):t}var H=require("@fluixi/reactive/signal");var hn="__FX_DATA__";var re;function Ve(){let e=globalThis.__FX_DATA__;if(e)return e;if(re!==void 0)return re;let n=null;if(typeof document<"u"){let t=document.getElementById(hn)?.textContent;if(t)try{n=JSON.parse(t)}catch{n=null}}return re=n}function V(){for(;;){for(;d.cursor&&d.cursor.nodeType===3&&d.cursor.data==="";)d.cursor=d.cursor.nextSibling;if(d.cursor!=null||!d.parents.length)return;d.cursor=d.parents.pop().nextSibling}}var gn=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),U=typeof process<"u"&&process.env&&!1;function W(e,n){let t=n.nodeType===1?`<${n.tagName.toLowerCase()}>`:n.nodeType===3?`text ${JSON.stringify((n.nodeValue??"").slice(0,24))}`:n.nodeType===8?"comment":"node";console.warn(`[fluixi] hydration mismatch: expected ${e} but the server DOM has ${t}. 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 xn(e){V();let n=d.cursor;return n&&n.nodeType===1&&n.tagName.toLowerCase()===e.toLowerCase()?(gn.has(e.toLowerCase())?d.cursor=n.nextSibling:(d.parents.push(n),d.cursor=n.firstChild),n):(U&&n&&W(`<${e}>`,n),null)}function bn(e){V();let n=d.cursor;return n&&n.nodeType===1&&n.tagName.toLowerCase()===e.toLowerCase()?(d.cursor=n.nextSibling,n):(U&&n&&W(`<${e}> (static)`,n),null)}function Tn(e){if(e===""){let t=d.cursor;return t&&t.nodeType===3&&t.data!==""?(d.cursor=t.nextSibling,t.data="",t):null}V();let n=d.cursor;return n&&n.nodeType===3?(d.cursor=n.nextSibling,n.nodeValue!==e&&(n.nodeValue=e),n):(U&&n&&W(`text ${JSON.stringify(e.slice(0,24))}`,n),null)}function En(e){V();let n=d.cursor;return n&&n.nodeType===8&&n.data===e?(d.cursor=n.nextSibling,n):(U&&n&&W(`marker <!--${e.slice(0,24)}-->`,n),null)}var Ue=!1;function wn(){Ue||(Ue=!0,Pe({hydrateElement:xn,hydrateText:Tn,hydrateMarker:En,hydrateStatic:bn}))}function ie(e,n,t){wn(),d.active=!0,d.cursor=n.firstChild,d.parents=[];let o=Ve(),i=t?.resourceNamespace,a=0;(0,H.setResourceIdSource)(()=>i?`${i}:r${a++}`:`r${a++}`),(0,H.setServerDataGetter)(o?c=>c in o?{value:o[c]}:void 0:null);try{return I(e,n)}finally{d.active=!1,d.cursor=null,d.parents=[]}}var h=require("@fluixi/reactive/signal");function We(e){return typeof e=="function"?e:(()=>e)}function C(e){return()=>{let n=e();return typeof n=="function"?n():n}}function Ke(e){return e!=null&&e!==!1}function Be(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function se(e){let n=C(()=>e.when),t=(0,h.createMemo)(n,void 0,{name:"Show.when"}),o=(0,h.createMemo)(t,void 0,{name:"Show.cond"}),i=(0,h.getOwner)(),a=null,c=null,s=r=>{r!==c&&(a&&(0,h.disposeScope)(a),a=(0,h.createChildOwner)(i),c=r)};return(0,h.createMemo)(()=>{let r=o();return s(r?"when":"fallback"),(0,h.runWithOwner)(a,()=>{if(r){let l=e.children;return typeof l=="function"&&!Be(l)?typeof t=="function"?(0,h.untrack)(()=>(0,h.untrack)(t)?l(t()):e.fallback):l(t):l}return e.fallback});return e.fallback??null},void 0,{name:"Show.result"})}var K=require("@fluixi/reactive/signal");function ae(e){let n=C(()=>e.each),t=()=>e.fallback??null,o=(i,a)=>{let c=e.children,s=Array.isArray(c)?c.map(r=>typeof r=="function"?r(i,a):r):typeof c=="function"?c(i,a):c;return D(s),s};return e.by?(0,K.keyArray)(n,e.by,(i,a)=>o(i,a),{fallback:t}):(0,K.mapArray)(n,(i,a)=>o(i,a),{fallback:t})}var qe=require("@fluixi/reactive/signal");function ce(e){let n=C(()=>e.each);return(0,qe.indexArray)(n,(t,o)=>{let i=e.children(t,o);return D(i),i},{fallback:()=>e.fallback??null})}var A=require("@fluixi/reactive/signal");var T=require("@fluixi/reactive/signal");var le=Symbol("match");function fe(e){return{[le]:!0,when:C(()=>e.when),get children(){return e.children}}}function ue(e){let n=Array.isArray(e.children)?e.children:[e.children],t=(0,T.getOwner)(),o=null,i=-1,a=c=>{c!==i&&(o&&(0,T.disposeScope)(o),o=(0,T.createChildOwner)(t),i=c)};return(0,T.createMemo)(()=>{for(let c=0;c<n.length;c+=1){let r=n[c],l=0;for(;typeof r=="function"&&!r[le]&&l++<10;)r=r();if(!r||typeof r!="object"||r[le]!==!0)continue;let f=r.when();if(Ke(f))return a(c),(0,T.runWithOwner)(o,()=>typeof r.children=="function"?r.children(f):r.children)}return a(-2),(0,T.runWithOwner)(o,()=>e.fallback??null)},void 0,{name:"Switch"})}var E=require("@fluixi/reactive/signal");function de(e){let n=We(e.component),{component:t,...o}=e,i=(0,E.getOwner)(),a=null,c;return(0,E.createMemo)(()=>{let s=n();return s!==c&&(a&&(0,E.disposeScope)(a),a=(0,E.createChildOwner)(i),c=s),s==null?null:typeof s=="string"?{tag:s,props:o}:(0,E.runWithOwner)(a,()=>s(o))},void 0,{name:"Dynamic"})}var B=require("@fluixi/reactive/signal");function pe(e){let n=()=>e.mount?typeof e.mount=="function"?e.mount():e.mount:document.body,t,o;return(0,B.createRoot)(i=>{t=i,o=document.createElement("div"),o.style.display="contents",n().appendChild(o),k(o,e.children)&&oe(e.ref,o)}),(0,B.onCleanup)(()=>{t(),o.remove()}),null}var q=require("@fluixi/reactive/signal");function ye(e){let[n,t]=(0,q.createSignal)(null),o=()=>t(null);return(0,q.createMemo)(()=>{let i=n();if(i!==null)return typeof e.fallback=="function"?e.fallback(i,o):e.fallback;try{return typeof e.children=="function"?e.children():e.children}catch(a){return t(a),typeof e.fallback=="function"?e.fallback(a,o):e.fallback}},void 0,{name:"ErrorBoundary"})}var Ge=require("@fluixi/reactive/signal");function me(e){return(0,Ge.createMemo)(()=>{let n=typeof e=="function"?e():e,t=[];for(let[o,i]of Object.entries(n)){if(!o)continue;(typeof i=="function"?i():i)&&t.push(o)}return t.join(" ")},void 0,{name:"ClassMap"})}var ze=require("@fluixi/reactive/signal");function Nn(e){return e.startsWith("--")?e:e.replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}function he(e){return(0,ze.createMemo)(()=>{let n=typeof e=="function"?e():e,t=[];for(let[o,i]of Object.entries(n)){if(!o)continue;let a=typeof i=="function"?i():i;a!=null&&t.push(`${Nn(o)}: ${a}`)}return t.join("; ")},void 0,{name:"StyleMap"})}var p=require("@fluixi/reactive");
+"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-client.ts
+var dom_client_exports = {};
+__export(dom_client_exports, {
+  Dynamic: () => Dynamic,
+  ErrorBoundary: () => ErrorBoundary,
+  For: () => For,
+  Index: () => Index,
+  Match: () => Match,
+  Portal: () => Portal,
+  Show: () => Show,
+  Switch: () => Switch,
+  batch: () => import_reactive2.batch,
+  classMap: () => classMap,
+  createComponent: () => createComponent,
+  createComputed: () => import_reactive2.createComputed,
+  createContext: () => import_reactive2.createContext,
+  createEffect: () => import_reactive2.createEffect,
+  createElement: () => createElement,
+  createMemo: () => import_reactive2.createMemo,
+  createRenderEffect: () => import_reactive2.createRenderEffect,
+  createResource: () => import_reactive2.createResource,
+  createRoot: () => import_reactive2.createRoot,
+  createSignal: () => import_reactive2.createSignal,
+  delegateEvents: () => delegateEvents,
+  effect: () => import_reactive2.effect,
+  hydrate: () => hydrate,
+  indexArray: () => import_signal14.indexArray,
+  insert: () => insert,
+  keyArray: () => import_signal14.keyArray,
+  mapArray: () => import_signal14.mapArray,
+  memo: () => import_reactive2.memo,
+  onCleanup: () => import_reactive2.onCleanup,
+  render: () => render,
+  setAttribute: () => setAttribute,
+  setClassName: () => setClassName,
+  setProperty: () => setProperty,
+  setStyle: () => setStyle,
+  signal: () => import_reactive2.signal,
+  spread: () => spread,
+  store: () => import_reactive2.store,
+  styleMap: () => styleMap,
+  untrack: () => import_reactive2.untrack,
+  useContext: () => import_reactive2.useContext
+});
+module.exports = __toCommonJS(dom_client_exports);
+
+// src/lib/dom/utils.ts
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+var JSX_PROPERTIES = /* @__PURE__ */ new Set([
+  "className",
+  "value",
+  "checked",
+  "selected",
+  "innerHTML",
+  "innerText",
+  "textContent",
+  "indeterminate",
+  "htmlFor"
+]);
+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 setStyles(element, styles) {
+  Object.assign(element.style, styles);
+}
+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;
+}
+var REACT_ELEMENT_TYPE = typeof Symbol === "function" && Symbol.for ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
+
+// 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 asComponent(value) {
+  if (typeof value !== "function") return value;
+  Object.defineProperty(value, /* @__PURE__ */ Symbol.for("fluixi-component"), { value: true, enumerable: true });
+  return value;
+}
+function isComponent(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-component")] === true;
+}
+
+// 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 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 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
+var EMPTY_OBJ = {};
+var HOLE_TAG = "__fx_at";
+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 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);
+}
+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 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 isPromise(v) {
+  return v != null && (typeof v === "object" || typeof v === "function") && typeof v.then === "function" || v instanceof Promise;
+}
+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 = "";
+  };
+}
+
+// src/lib/dom/integration.ts
+var import_reactive = require("@fluixi/reactive");
+var _slotKey = "__fx_dom_create_component__";
+var _slot = globalThis[_slotKey] ??= { fn: null };
+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;
+}
+
+// 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__";
+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_ELEMENTS = /* @__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_ELEMENTS.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/flow/show.ts
+var import_signal5 = 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_signal5.createMemo)(when, void 0, { name: "Show.when" });
+  const cond = (0, import_signal5.createMemo)(value, void 0, { name: "Show.cond" });
+  const parentOwner = (0, import_signal5.getOwner)();
+  let branchScope = null;
+  let shown = null;
+  const enterBranch = (next) => {
+    if (next === shown) return;
+    if (branchScope) (0, import_signal5.disposeScope)(branchScope);
+    branchScope = (0, import_signal5.createChildOwner)(parentOwner);
+    shown = next;
+  };
+  return (0, import_signal5.createMemo)(
+    () => {
+      const evaluate = cond();
+      enterBranch(evaluate ? "when" : "fallback");
+      return (0, import_signal5.runWithOwner)(branchScope, () => {
+        if (evaluate) {
+          let children = props.children;
+          if (typeof children === "function" && !isLitResult(children)) {
+            if (typeof value === "function") {
+              return (0, import_signal5.untrack)(() => {
+                if (!(0, import_signal5.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_signal6 = 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_signal6.keyArray)(each, props.by, (item, index) => render2(item, index), { fallback }) : (0, import_signal6.mapArray)(each, (item, index) => render2(item, index), { fallback });
+}
+
+// src/lib/flow/index-flow.ts
+var import_signal7 = require("@fluixi/reactive/signal");
+function Index(props) {
+  const each = resolveReactiveProp(() => props.each);
+  return (0, import_signal7.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_signal14 = require("@fluixi/reactive/signal");
+
+// src/lib/flow/switch.ts
+var import_signal8 = 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_signal8.getOwner)();
+  let branchScope = null;
+  let shown = -1;
+  const enterBranch = (index) => {
+    if (index === shown) return;
+    if (branchScope) (0, import_signal8.disposeScope)(branchScope);
+    branchScope = (0, import_signal8.createChildOwner)(parentOwner);
+    shown = index;
+  };
+  return (0, import_signal8.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_signal8.runWithOwner)(
+          branchScope,
+          () => typeof branch.children === "function" ? branch.children(value) : branch.children
+        );
+      }
+    }
+    enterBranch(-2);
+    return (0, import_signal8.runWithOwner)(branchScope, () => props.fallback ?? null);
+  }, void 0, { name: "Switch" });
+}
+
+// src/lib/flow/dynamic.ts
+var import_signal9 = require("@fluixi/reactive/signal");
+function Dynamic(props) {
+  const getComponent = normalizeAccessor(props.component);
+  const { component: _c, ...rest } = props;
+  const parentOwner = (0, import_signal9.getOwner)();
+  let scope = null;
+  let current;
+  return (0, import_signal9.createMemo)(() => {
+    const C = getComponent();
+    if (C !== current) {
+      if (scope) (0, import_signal9.disposeScope)(scope);
+      scope = (0, import_signal9.createChildOwner)(parentOwner);
+      current = C;
+    }
+    if (C == null) return null;
+    if (typeof C === "string") {
+      return { tag: C, props: rest };
+    }
+    return (0, import_signal9.runWithOwner)(scope, () => C(rest));
+  }, void 0, { name: "Dynamic" });
+}
+
+// src/lib/flow/portal.ts
+var import_signal10 = 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_signal10.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_signal10.onCleanup)(() => {
+    dispose();
+    container.remove();
+  });
+  return null;
+}
+
+// src/lib/flow/error-boundary.ts
+var import_signal11 = require("@fluixi/reactive/signal");
+function ErrorBoundary(props) {
+  const [error, setError] = (0, import_signal11.createSignal)(null);
+  const reset = () => setError(null);
+  return (0, import_signal11.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_signal12 = require("@fluixi/reactive/signal");
+function classMap(input) {
+  return (0, import_signal12.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_signal13 = 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_signal13.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/cdn/dom-client.ts
+var import_reactive2 = require("@fluixi/reactive");