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

package/dist/cdn/dom-client.mjs

@@ -1 +1,1430 @@
-var G="http://www.w3.org/2000/svg";var D=new Set(["className","value","checked","selected","innerHTML","innerText","textContent","indeterminate","htmlFor"]);function T(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 Le(e,t){Object.assign(e.style,t)}function Oe(e,t={},...n){let r=document.createElement(e);return Object.entries(t).forEach(([s,a])=>{if(s==="class"||s==="className")r.className=a;else if(s==="style"&&typeof a=="object")Le(r,a);else if(s.startsWith("on")&&typeof a=="function"){let c=s.slice(2).toLowerCase();r.addEventListener(c,a)}else T(r,s,a)}),n.forEach(s=>{typeof s=="string"?r.appendChild(document.createTextNode(s)):r.appendChild(s)}),r}var Ot=typeof Symbol=="function"&&Symbol.for?Symbol.for("react.element"):60103;import{isSignal as h}from"@fluixi/reactive/signal";var X="1.0.0-alpha.82";import{VERSION as _e}from"@fluixi/reactive/version";var m={dom:X,reactive:_e};function J(e){m.core&&e.setAttribute("fluixi",m.core),e.setAttribute("fx-dom",m.dom),e.setAttribute("fx-reactive",m.reactive),typeof globalThis<"u"&&(globalThis.Fluixi=m)}function Y(){let e=[m.core,m.dom,m.reactive].filter(t=>t!==void 0);new Set(e).size<=1||console.warn(`[fluixi] package versions disagree — core ${m.core??"(absent)"}, dom ${m.dom}, reactive ${m.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 Z(e){return typeof e!="function"||Object.defineProperty(e,Symbol.for("fluixi-component"),{value:!0,enumerable:!0}),e}function N(e){return typeof e=="function"&&e[Symbol.for("fluixi-component")]===!0}import{batch as Fe,createEffect as Xt,createRenderEffect as g,createRoot as De,onCleanup as $e,readChildren as Jt}from"@fluixi/reactive/signal";var $=typeof document>"u";var I=Symbol.for("fluixi.server-node"),Q=null;function ee(){if(!Q)throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");return Q}function C(e){return e!=null&&e[I]===!0?!0:typeof Node<"u"&&e instanceof Node}function te(e){return e!=null&&e[I]===!0?e.nodeType===1:typeof Element<"u"&&e instanceof Element}function ne(e){return e!=null&&e[I]===!0?e.nodeType===3:typeof Text<"u"&&e instanceof Text}var u={active:!1,cursor:null,parents:[]},re=null;function oe(e){re=e}function ie(){return re}function j(e,t){return u.active&&t.parentNode===e}function H(e){let t=u.parents.lastIndexOf(e);t!==-1&&(u.parents.length=t),u.cursor=e.nextSibling}function P(e){if(!u.active||e==null)return;let t=Array.isArray(e)?e[e.length-1]:e;t&&typeof t.nodeType=="number"&&H(t)}var Ie={};var V=new Set,fe=new Set(["scroll","focus","blur","load","error","resize","mouseenter","mouseleave","pointerenter","pointerleave","gotpointercapture","lostpointercapture"]);function ue(e){if(!$)for(let t of e)V.has(t)||fe.has(t)||(V.add(t),document.addEventListener(t,je))}function je(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 He(e,t,n){if(e[`$$${t}`]=n,fe.has(t)){let r=`__fx_${t}`;if(!e[r]){let s=a=>{e[`$$${t}`]?.(a)};e.addEventListener(t,s),e[r]=s}return}V.has(t)||ue([t])}function se(e,t){delete e[`$$${t}`];let n=`__fx_${t}`,r=e[n];r&&(e.removeEventListener(t,r),delete e[n])}function E(e,t=!1){if($)return ee().createText(e);if(u.active&&!t){let n=ie()?.hydrateText(e);if(n)return n}return document.createTextNode(e)}var b=0,Ve=200;function Ue(e,t,n,r,s){let a=r,c=new Map;return g(()=>{let i;if(N(e)&&!h(e)){if(!c.has(e)){b++;try{let o=e();c.set(e,o)}finally{b--}}for(i=c.get(e);typeof i=="function"&&h(i);)i=i()}else for(i=e();typeof i=="function"&&h(i);)i=i();{let o=0;for(;typeof i=="function"&&o++<50;)if(N(i)){if(!c.has(i)){let l=i;b++;try{let f=l();c.set(l,f)}finally{b--}}i=c.get(i)}else if(h(i))i=i();else if(i=i(),typeof i!="function"||!h(i)&&!N(i))break}b++;try{a=R(t,i,n,a,c),s(a)}finally{b--}})}function v(e,t,n,r){if(b>Ve)return console.error("[insert] Exceeded max call depth — possible infinite loop."),()=>null;n!==void 0&&!n&&(n=E("",!0),e.appendChild(n));let s=r??null,a=o=>Array.isArray(o)&&o.some(l=>typeof l=="function"),c=o=>typeof o=="function"?o:()=>o;if(typeof t!="function"&&!a(t)){b++;try{s=R(e,t,n,s)}finally{b--}return()=>s}let i=Ue(c(t),e,n,s,o=>{s=o});return()=>(i?.(),s)}function R(e,t,n,r,s){if(t==null||typeof t=="boolean")return A(e,r,n);if(typeof t=="function")for(;typeof t=="function";)t=t();if(t==null||typeof t=="boolean")return A(e,r,n);if(M(t)){let c=E("",!0);return Array.isArray(r)?r.length>0?(e.replaceChild(c,r[0]),A(e,r.slice(1),n)):y(e,c,n):r?e.replaceChild(c,r):y(e,c,n),t.then(i=>{c.parentNode===e&&R(e,i,c.nextSibling,c)}).catch(i=>{console.error("Error resolving promise in insertExpression:",i)}),c}let a=typeof t;if(a==="string"||a==="number"){if(a==="number"&&(t=String(t)),Array.isArray(r)){if(r.length===0){let i=E(t);return y(e,i,n),i}if(r.length===1&&r[0].nodeType===3)return r[0].data=t,r;r=A(e,r,n)}if(r&&ne(r))return r.data=t,r;let c=E(t);return r&&r.parentNode===e?e.replaceChild(c,r):j(e,c)||y(e,c,n),c}if(C(t))return j(e,t)?(H(t),t):Array.isArray(r)?(r.length===0?y(e,t,n):r[0].parentNode===e?(e.replaceChild(t,r[0]),A(e,r.slice(1),n)):y(e,t,n),t):(r?r!==t&&(r.parentNode===e?e.replaceChild(t,r):y(e,t,n)):y(e,t,n),t);if(Array.isArray(t)){let c=[],i=Array.isArray(r)?r:r?[r]:[],o=[];x(t,c,e,n,!0,s,o);let l=We(e,i,c,n);for(let f of o){let d=v(e,f.sig,f.marker);$e(()=>{A(e,d()),f.marker.parentNode===e&&e.removeChild(f.marker)})}return l}if(a==="object"&&t!==null&&typeof t=="object"){let c=t;if("type"in c&&"props"in c){let i=c;if(typeof i.type=="function"){let o=i.type(i.props||{});return R(e,o,n,r)}}}return A(e,r,n)}function x(e,t,n,r,s=!0,a,c){for(let i=0;i<e.length;i++){let o=e[i];if(!(o==null||typeof o=="boolean")){for(;typeof o=="function"&&!M(o)&&!h(o)&&!N(o)&&(o=o(),!(o==null||typeof o=="boolean")););if(!(o==null||typeof o=="boolean")){if(typeof o=="function"){let l;for(N(o)&&!h(o)?(a||(a=new Map),a.has(o)||a.set(o,o()),l=a.get(o)):l=o();typeof l=="function"&&!M(l)&&!h(l)&&!N(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(h(l)){if(c){let d=E("",!0);t.push(d),c.push({marker:d,sig:l});continue}let f=l();for(;typeof f=="function"&&h(f);)f=f();if(f==null||typeof f=="boolean")continue;Array.isArray(f)?x(f,t,n,r,s,a):x([f],t,n,r,s,a);continue}continue}Array.isArray(l)?x(l,t,n,r,s,a,c):x([l],t,n,r,s,a,c);continue}if(M(o)){let l=E("",!0);t.push(l),o.then(f=>{if(l.parentNode){let d=[];if(x([f],d,l.parentNode,void 0,!1,a),d.length>0){l.parentNode.replaceChild(d[0],l);for(let p=1;p<d.length;p++)l.parentNode?.insertBefore(d[p],d[p-1].nextSibling)}}}).catch(f=>console.error("Error resolving promise in array:",f));continue}if(Array.isArray(o)){x(o,t,n,r,s,a,c);continue}if(C(o)){t.push(o);continue}if(typeof o=="object"&&o!==null&&"type"in o&&"props"in o){let l=o;if(typeof l.type=="function"){let f=l.type(l.props||{});Array.isArray(f)?x(f,t,n,r,!1,a):x([f],t,n,r,!1,a);continue}}if(typeof o=="string"||typeof o=="number"){let l=String(o);if(l.trim()===""&&l!==" ")continue;t.push(E(l));continue}t.push(E(String(o)))}}}}function We(e,t,n,r){for(let d=0;d<n.length;d++){let p=n[d].parentNode;p!==null&&p!==e&&p.nodeType!==11&&(n=n.slice(),n[d]=n[d].cloneNode(!0))}let s=n.length,a=t.length,c=s,i=0,o=0,l=a>0?t[a-1].nextSibling??void 0:r,f=null;for(;i<a||o<c;){if(t[i]===n[o]){i++,o++;continue}for(;a>i&&c>o&&t[a-1]===n[c-1];)a--,c--;if(a===i){let d=c<s?o?n[o-1].nextSibling??void 0:n[c-o]:l;for(;o<c;)y(e,n[o++],d)}else if(c===o)for(;i<a;)(!f||!f.has(t[i]))&&t[i].parentNode===e&&e.removeChild(t[i]),i++;else if(t[i]===n[c-1]&&n[o]===t[a-1]){let d=t[--a].nextSibling;y(e,n[o++],t[i++].nextSibling),y(e,n[--c],d),t[a]=t[i-1]}else{if(!f){f=new Map;let p=o;for(;p<c;)f.set(n[p],p++)}let d=f.get(t[i]);if(d!=null)if(o<d&&d<c){let p=i,F=1;for(;++p<a&&p<c&&!(!f.has(t[p])||f.get(t[p])!==d+F);)F++;if(F>d-o){let ke=t[i];for(;o<d;)y(e,n[o++],ke)}else t[i].parentNode===e?e.replaceChild(n[o++],t[i++]):(y(e,n[o++],l),i++)}else i++;else t[i].parentNode===e&&e.removeChild(t[i]),i++}}return n}function A(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 y(e,t,n){u.active&&t.parentNode===e||(n&&n.parentNode===e?e.insertBefore(t,n):e.appendChild(t))}function S(e,t,n){n==null?delete e[t]:e[t]=n}function Ke(e,t,n){let r=n,s;return Array.isArray(n)&&(r=n[0],s=n[1]),typeof r!="function"?()=>{}:(e.addEventListener(t,r,s),()=>e.removeEventListener(t,r,s))}function Be(e,t){let n=(r,s)=>{typeof r=="function"&&r(e,s??(()=>{}))};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 ae(e,t,n,r=!1){return typeof n!="function"?(T(e,t,n,r),()=>{}):g(()=>{let s=typeof n=="function"?n():n;T(e,t,s,r)})}function ce(e,t,n){return typeof n!="function"?(S(e,t,n),()=>{}):g(()=>{let r=typeof n=="function"?n():n;S(e,t,r)})}function ze(e,t,n){return typeof n!="function"?(T(e,t,!!n),()=>{}):g(()=>{let r=n();T(e,t,!!r)})}function k(e,t){if(t==null){e.removeAttribute("class");return}if(typeof t=="function"){g(()=>k(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 s=t[r];return typeof s=="function"?s():!!s}).join(" ");e.setAttribute("class",n);return}e.setAttribute("class",String(t))}function le(e,t,n){if(!(!t||typeof t!="object"))for(let r in t){let s=t[r],a=r.split(/\s+/).filter(Boolean);if(typeof s=="function"&&n)n.push(g(()=>{let c=!!s();for(let i of a)e.classList.toggle(i,c)}));else{let c=!!(typeof s=="function"?s():s);for(let i of a)e.classList.toggle(i,c)}}}function U(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 s=n[r];s==null?e.style[r]="":e.style[r]=s}}function qe(e){let{element:t,props:n,prevProps:r=Ie,isSVG:s=!1,skipChildren:a=!1}=e;if(!t||!te(t))return console.error("[spread] Error: element is not a DOM Element!"),()=>{};if(!n)return console.warn("[spread] Warning: props is undefined!"),()=>{};let c=s||t.namespaceURI===G,i=[];for(let o in n){if(a&&o==="children")continue;let l=n[o],f=r[o];if(l===f)continue;if(o==="ref"){W(l,t);continue}if(o==="use"){Be(t,l);continue}if(o.startsWith("on:")){i.push(Ke(t,o.slice(3),l));continue}if(o.startsWith("prop:")){i.push(ce(t,o.slice(5),l));continue}if(o.startsWith("attr:")){i.push(ae(t,o.slice(5),l,c));continue}if(o.startsWith("bool:")){i.push(ze(t,o.slice(5),l));continue}if(o==="class"||o==="className"){typeof l=="function"?i.push(g(()=>k(t,l()))):k(t,l);continue}if(o==="classList"){typeof l=="function"?i.push(g(()=>le(t,l()))):le(t,l,i);continue}if(o==="style"){typeof l=="function"?i.push(g(()=>U(t,l()))):U(t,l);continue}if(o.startsWith("on")){let p=o.slice(2).toLowerCase();f&&se(t,p),l&&He(t,p,l);continue}let d=D.has(o)||!c&&o in t;typeof l=="function"?i.push(d?ce(t,o,l):ae(t,o,l,c)):i.push(g(()=>d?S(t,o,n[o]):T(t,o,n[o],c)))}for(let o in r)if(!(o in n))if(o.startsWith("on")){let l=o.slice(2).toLowerCase();se(t,l)}else D.has(o)?S(t,o,null):t.removeAttribute(o);return()=>{i.forEach(o=>o())}}function W(e,t){if(e){if(C(e)){let n=t,r=e;if(!n)return;typeof n=="function"?n(r):typeof n=="object"&&"current"in n&&(n.current=r);return}typeof e=="function"?e(t):typeof e=="object"&&"current"in e&&(e.current=t)}}function M(e){return e!=null&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"||e instanceof Promise}function K(e,t,n){if(!t)throw new Error("Container element is required");let r,s,a=[];return De(c=>{Fe(()=>{u.active||(t.textContent=""),J(t),Y(),v(t,e)}),s=c}),()=>{s?.(),r?.(),a.forEach(c=>c()),t.textContent=""}}import{untrack as Ge,isSignal as Xe}from"@fluixi/reactive";var Je="__fx_dom_create_component__",de=globalThis[Je]??={fn:null};function Ye(e,t){if(de.fn)return de.fn(e,t);let n=typeof e=="function"?Ge(()=>e(t)):e;if(n!=null&&(typeof n=="function"||typeof n=="object")&&!Xe(n)){try{n.$name=e?.name}catch{}return Z(n)}return n}import{setResourceIdSource as Qe,setServerDataGetter as et}from"@fluixi/reactive/signal";var Ze="__FX_DATA__";var B;function pe(){let e=globalThis.__FX_DATA__;if(e)return e;if(B!==void 0)return B;let t=null;if(typeof document<"u"){let n=document.getElementById(Ze)?.textContent;if(n)try{t=JSON.parse(n)}catch{t=null}}return B=t}function L(){for(;;){for(;u.cursor&&u.cursor.nodeType===3&&u.cursor.data==="";)u.cursor=u.cursor.nextSibling;if(u.cursor!=null||!u.parents.length)return;u.cursor=u.parents.pop().nextSibling}}var tt=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),O=typeof process<"u"&&process.env&&!1;function _(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 nt(e){L();let t=u.cursor;return t&&t.nodeType===1&&t.tagName.toLowerCase()===e.toLowerCase()?(tt.has(e.toLowerCase())?u.cursor=t.nextSibling:(u.parents.push(t),u.cursor=t.firstChild),t):(O&&t&&_(`<${e}>`,t),null)}function rt(e){L();let t=u.cursor;return t&&t.nodeType===1&&t.tagName.toLowerCase()===e.toLowerCase()?(u.cursor=t.nextSibling,t):(O&&t&&_(`<${e}> (static)`,t),null)}function ot(e){if(e===""){let n=u.cursor;return n&&n.nodeType===3&&n.data!==""?(u.cursor=n.nextSibling,n.data="",n):null}L();let t=u.cursor;return t&&t.nodeType===3?(u.cursor=t.nextSibling,t.nodeValue!==e&&(t.nodeValue=e),t):(O&&t&&_(`text ${JSON.stringify(e.slice(0,24))}`,t),null)}function it(e){L();let t=u.cursor;return t&&t.nodeType===8&&t.data===e?(u.cursor=t.nextSibling,t):(O&&t&&_(`marker <!--${e.slice(0,24)}-->`,t),null)}var ye=!1;function st(){ye||(ye=!0,oe({hydrateElement:nt,hydrateText:ot,hydrateMarker:it,hydrateStatic:rt}))}function me(e,t,n){st(),u.active=!0,u.cursor=t.firstChild,u.parents=[];let r=pe(),s=n?.resourceNamespace,a=0;Qe(()=>s?`${s}:r${a++}`:`r${a++}`),et(r?c=>c in r?{value:r[c]}:void 0:null);try{return K(e,t)}finally{u.active=!1,u.cursor=null,u.parents=[]}}import{createChildOwner as at,createMemo as z,disposeScope as ct,getOwner as lt,runWithOwner as ft,untrack as be}from"@fluixi/reactive/signal";function he(e){return typeof e=="function"?e:(()=>e)}function w(e){return()=>{let t=e();return typeof t=="function"?t():t}}function ge(e){return e!=null&&e!==!1}function xe(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function Te(e){let t=w(()=>e.when),n=z(t,void 0),r=z(n,void 0),s=lt(),a=null,c=null,i=o=>{o!==c&&(a&&ct(a),a=at(s),c=o)};return z(()=>{let o=r();return i(o?"when":"fallback"),ft(a,()=>{if(o){let l=e.children;return typeof l=="function"&&!xe(l)?typeof n=="function"?be(()=>be(n)?l(n()):e.fallback):l(n):l}return e.fallback});return e.fallback??null},void 0,{name:"show"})}import{mapArray as ut,keyArray as dt}from"@fluixi/reactive/signal";function Ee(e){let t=w(()=>e.each),n=()=>e.fallback??null,r=(s,a)=>{let c=e.children,i=Array.isArray(c)?c.map(o=>typeof o=="function"?o(s,a):o):typeof c=="function"?c(s,a):c;return P(i),i};return e.by?dt(t,e.by,(s,a)=>r(s,a),{fallback:n}):ut(t,(s,a)=>r(s,a),{fallback:n})}import{indexArray as pt}from"@fluixi/reactive/signal";function we(e){let t=w(()=>e.each);return pt(t,(n,r)=>{let s=e.children(n,r);return P(s),s},{fallback:()=>e.fallback??null})}import{mapArray as Rt,keyArray as kt,indexArray as Lt}from"@fluixi/reactive/signal";import{createMemo as yt,createChildOwner as mt,disposeScope as ht,getOwner as gt,runWithOwner as Ne}from"@fluixi/reactive/signal";var q=Symbol("match");function Ae(e){return{[q]:!0,when:w(()=>e.when),get children(){return e.children}}}function Se(e){let t=Array.isArray(e.children)?e.children:[e.children],n=gt(),r=null,s=-1,a=c=>{c!==s&&(r&&ht(r),r=mt(n),s=c)};return yt(()=>{for(let c=0;c<t.length;c+=1){let o=t[c],l=0;for(;typeof o=="function"&&!o[q]&&l++<10;)o=o();if(!o||typeof o!="object"||o[q]!==!0)continue;let f=o.when();if(ge(f))return a(c),Ne(r,()=>typeof o.children=="function"?o.children(f):o.children)}return a(-2),Ne(r,()=>e.fallback??null)})}import{createMemo as xt,createChildOwner as bt,disposeScope as Tt,getOwner as Et,runWithOwner as wt}from"@fluixi/reactive/signal";function ve(e){let t=he(e.component),{component:n,...r}=e,s=Et(),a=null,c;return xt(()=>{let i=t();return i!==c&&(a&&Tt(a),a=bt(s),c=i),i==null?null:typeof i=="string"?{tag:i,props:r}:wt(a,()=>i(r))})}import{createRoot as Nt,onCleanup as At}from"@fluixi/reactive/signal";function Ce(e){let t=()=>e.mount?typeof e.mount=="function"?e.mount():e.mount:document.body,n,r;return Nt(s=>{n=s,r=document.createElement("div"),r.style.display="contents",t().appendChild(r),v(r,e.children)&&W(e.ref,r)}),At(()=>{n(),r.remove()}),null}import{createMemo as St,createSignal as vt}from"@fluixi/reactive/signal";function Pe(e){let[t,n]=vt(null),r=()=>n(null);return St(()=>{let s=t();if(s!==null)return typeof e.fallback=="function"?e.fallback(s,r):e.fallback;try{return typeof e.children=="function"?e.children():e.children}catch(a){return n(a),typeof e.fallback=="function"?e.fallback(a,r):e.fallback}})}import{createMemo as Ct}from"@fluixi/reactive/signal";function Me(e){return Ct(()=>{let t=typeof e=="function"?e():e,n=[];for(let[r,s]of Object.entries(t)){if(!r)continue;(typeof s=="function"?s():s)&&n.push(r)}return n.join(" ")})}import{createMemo as Pt}from"@fluixi/reactive/signal";function Mt(e){return e.startsWith("--")?e:e.replace(/[A-Z]/g,t=>`-${t.toLowerCase()}`)}function Re(e){return Pt(()=>{let t=typeof e=="function"?e():e,n=[];for(let[r,s]of Object.entries(t)){if(!r)continue;let a=typeof s=="function"?s():s;a!=null&&n.push(`${Mt(r)}: ${a}`)}return n.join("; ")})}import{signal as mr,memo as hr,effect as gr,store as xr,createSignal as br,createMemo as Tr,createEffect as Er,createComputed as wr,createRenderEffect as Nr,createRoot as Ar,createResource as Sr,createContext as vr,useContext as Cr,onCleanup as Pr,batch as Mr,untrack as Rr}from"@fluixi/reactive";export{ve as Dynamic,Pe as ErrorBoundary,Ee as For,we as Index,Ae as Match,Ce as Portal,Te as Show,Se as Switch,Mr as batch,Me as classMap,Ye as createComponent,wr as createComputed,vr as createContext,Er as createEffect,Oe as createElement,Tr as createMemo,Nr as createRenderEffect,Sr as createResource,Ar as createRoot,br as createSignal,ue as delegateEvents,gr as effect,me as hydrate,Lt as indexArray,v as insert,kt as keyArray,Rt as mapArray,hr as memo,Pr as onCleanup,K as render,T as setAttribute,k as setClassName,S as setProperty,U as setStyle,mr as signal,qe as spread,xr as store,Re as styleMap,Rr as untrack,Cr as useContext};
+// 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
+import {
+  isSignal
+} from "@fluixi/reactive/signal";
+
+// src/version.generated.ts
+var VERSION = "1.0.0-alpha.84";
+
+// src/lib/dom/versions.ts
+import { VERSION as REACTIVE } from "@fluixi/reactive/version";
+import { joinedVersions } from "@fluixi/reactive/signal";
+var versions = { dom: VERSION, reactive: REACTIVE };
+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 = 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
+import { batch, createEffect, createRenderEffect, createRoot, onCleanup, readChildren, reportReactiveBinding, reportReactiveDirective, untrack } from "@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 createRenderEffect(() => {
+    reportReactiveBinding(marker ?? parent, "content", void 0, getAccessor);
+    let value;
+    if (isComponent(getAccessor) && !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" && isSignal(value)) value = value();
+    } else {
+      value = getAccessor();
+      while (typeof value === "function" && 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 (isSignal(value)) {
+          value = value();
+        } else {
+          value = value();
+          if (typeof value !== "function" || !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);
+      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) && !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) && !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) && !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 (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" && 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;
+  reportReactiveDirective(element, written.slice(0, colon), written.slice(colon + 1), accessor);
+}
+function reportKeys(element, kind, value) {
+  const from = typeof value === "function" ? untrack(() => value()) : value;
+  if (!from || typeof from !== "object") return;
+  for (const key of Object.keys(from)) reportReactiveDirective(element, kind, key);
+}
+function applyUse(element, value) {
+  const call = (dir, accessor) => {
+    if (typeof dir !== "function") return;
+    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 createRenderEffect(() => {
+    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 createRenderEffect(() => {
+    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 createRenderEffect(() => {
+    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") {
+    createRenderEffect(() => {
+      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(
+        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:")) {
+      reportReactiveDirective(element, "prop", key.slice(5), value);
+      disposers.push(setDynamicProperty(element, key.slice(5), value));
+      continue;
+    }
+    if (key.startsWith("attr:")) {
+      reportReactiveDirective(element, "attr", key.slice(5), value);
+      disposers.push(setDynamicAttribute(element, key.slice(5), value, elementIsSVG));
+      continue;
+    }
+    if (key.startsWith("bool:")) {
+      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(
+          createRenderEffect(() => {
+            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(
+          createRenderEffect(() => {
+            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(
+          createRenderEffect(() => {
+            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(
+        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;
+  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 = [];
+  createRoot((dispose) => {
+    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
+import { untrack as untrack2, isSignal as isSignal2, reportReactiveProps } from "@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) reportReactiveProps(props);
+  const component = typeof Comp === "function" ? untrack2(() => Comp(props)) : Comp;
+  const nameable = component != null && (typeof component === "function" || typeof component === "object");
+  if (nameable) {
+    try {
+      component["$name"] = Comp?.name;
+    } catch {
+    }
+  }
+  if (nameable && !isSignal2(component)) {
+    return asComponent(component);
+  }
+  return component;
+}
+
+// src/lib/dom/hydration.ts
+import { setResourceIdSource, setServerDataGetter } from "@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;
+  setResourceIdSource(() => ns ? `${ns}:r${rid++}` : `r${rid++}`);
+  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
+import {
+  createChildOwner,
+  createMemo,
+  disposeScope,
+  getOwner,
+  runWithOwner,
+  untrack as untrack3
+} from "@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 = createMemo(when, void 0, { name: "Show.when" });
+  const cond = createMemo(value, void 0, { name: "Show.cond" });
+  const parentOwner = getOwner();
+  let branchScope = null;
+  let shown = null;
+  const enterBranch = (next) => {
+    if (next === shown) return;
+    if (branchScope) disposeScope(branchScope);
+    branchScope = createChildOwner(parentOwner);
+    shown = next;
+  };
+  return createMemo(
+    () => {
+      const evaluate = cond();
+      enterBranch(evaluate ? "when" : "fallback");
+      return runWithOwner(branchScope, () => {
+        if (evaluate) {
+          let children = props.children;
+          if (typeof children === "function" && !isLitResult(children)) {
+            if (typeof value === "function") {
+              return untrack3(() => {
+                if (!untrack3(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
+import { mapArray, keyArray } from "@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 ? keyArray(each, props.by, (item, index) => render2(item, index), { fallback }) : mapArray(each, (item, index) => render2(item, index), { fallback });
+}
+
+// src/lib/flow/index-flow.ts
+import { indexArray } from "@fluixi/reactive/signal";
+function Index(props) {
+  const each = resolveReactiveProp(() => props.each);
+  return indexArray(
+    each,
+    (item, index) => {
+      const rendered = props.children(item, index);
+      hydrateAdvancePast(rendered);
+      return rendered;
+    },
+    { fallback: () => props.fallback ?? null }
+  );
+}
+
+// src/lib/flow/index.ts
+import { mapArray as mapArray2, keyArray as keyArray2, indexArray as indexArray2 } from "@fluixi/reactive/signal";
+
+// src/lib/flow/switch.ts
+import { createMemo as createMemo2, createChildOwner as createChildOwner2, disposeScope as disposeScope2, getOwner as getOwner2, runWithOwner as runWithOwner2 } from "@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 = getOwner2();
+  let branchScope = null;
+  let shown = -1;
+  const enterBranch = (index) => {
+    if (index === shown) return;
+    if (branchScope) disposeScope2(branchScope);
+    branchScope = createChildOwner2(parentOwner);
+    shown = index;
+  };
+  return createMemo2(() => {
+    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 runWithOwner2(
+          branchScope,
+          () => typeof branch.children === "function" ? branch.children(value) : branch.children
+        );
+      }
+    }
+    enterBranch(-2);
+    return runWithOwner2(branchScope, () => props.fallback ?? null);
+  }, void 0, { name: "Switch" });
+}
+
+// src/lib/flow/dynamic.ts
+import { createMemo as createMemo3, createChildOwner as createChildOwner3, disposeScope as disposeScope3, getOwner as getOwner3, runWithOwner as runWithOwner3 } from "@fluixi/reactive/signal";
+function Dynamic(props) {
+  const getComponent = normalizeAccessor(props.component);
+  const { component: _c, ...rest } = props;
+  const parentOwner = getOwner3();
+  let scope = null;
+  let current;
+  return createMemo3(() => {
+    const C = getComponent();
+    if (C !== current) {
+      if (scope) disposeScope3(scope);
+      scope = createChildOwner3(parentOwner);
+      current = C;
+    }
+    if (C == null) return null;
+    if (typeof C === "string") {
+      return { tag: C, props: rest };
+    }
+    return runWithOwner3(scope, () => C(rest));
+  }, void 0, { name: "Dynamic" });
+}
+
+// src/lib/flow/portal.ts
+import { createRoot as createRoot2, onCleanup as onCleanup2 } from "@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;
+  createRoot2((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);
+    }
+  });
+  onCleanup2(() => {
+    dispose();
+    container.remove();
+  });
+  return null;
+}
+
+// src/lib/flow/error-boundary.ts
+import { createMemo as createMemo4, createSignal } from "@fluixi/reactive/signal";
+function ErrorBoundary(props) {
+  const [error, setError] = createSignal(null);
+  const reset = () => setError(null);
+  return createMemo4(() => {
+    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
+import { createMemo as createMemo5 } from "@fluixi/reactive/signal";
+function classMap(input) {
+  return createMemo5(() => {
+    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
+import { createMemo as createMemo6 } from "@fluixi/reactive/signal";
+function toKebab(prop) {
+  return prop.startsWith("--") ? prop : prop.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+}
+function styleMap(input) {
+  return createMemo6(() => {
+    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
+import {
+  signal,
+  memo,
+  effect,
+  store,
+  createSignal as createSignal2,
+  createMemo as createMemo7,
+  createEffect as createEffect2,
+  createComputed,
+  createRenderEffect as createRenderEffect2,
+  createRoot as createRoot4,
+  createResource,
+  createContext,
+  useContext,
+  onCleanup as onCleanup4,
+  batch as batch2,
+  untrack as untrack4
+} from "@fluixi/reactive";
+export {
+  Dynamic,
+  ErrorBoundary,
+  For,
+  Index,
+  Match,
+  Portal,
+  Show,
+  Switch,
+  batch2 as batch,
+  classMap,
+  createComponent,
+  createComputed,
+  createContext,
+  createEffect2 as createEffect,
+  createElement,
+  createMemo7 as createMemo,
+  createRenderEffect2 as createRenderEffect,
+  createResource,
+  createRoot4 as createRoot,
+  createSignal2 as createSignal,
+  delegateEvents,
+  effect,
+  hydrate,
+  indexArray2 as indexArray,
+  insert,
+  keyArray2 as keyArray,
+  mapArray2 as mapArray,
+  memo,
+  onCleanup4 as onCleanup,
+  render,
+  setAttribute,
+  setClassName,
+  setProperty,
+  setStyle,
+  signal,
+  spread,
+  store,
+  styleMap,
+  untrack4 as untrack,
+  useContext
+};