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

package/dist/cdn/dom-client.mjs

@@ -1 +1,1430 @@
-var Y="http://www.w3.org/2000/svg";var $=new Set(["className","value","checked","selected","innerHTML","innerText","textContent","indeterminate","htmlFor"]);function T(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 je(e,n){Object.assign(e.style,n)}function $e(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")je(o,a);else if(i.startsWith("on")&&typeof a=="function"){let c=i.slice(2).toLowerCase();o.addEventListener(c,a)}else T(o,i,a)}),t.forEach(i=>{typeof i=="string"?o.appendChild(document.createTextNode(i)):o.appendChild(i)}),o}var Wn=typeof Symbol=="function"&&Symbol.for?Symbol.for("react.element"):60103;import{isSignal as h}from"@fluixi/reactive/signal";var Z="1.0.0-alpha.83";import{VERSION as Ie}from"@fluixi/reactive/version";var m={dom:Z,reactive:Ie};function Q(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 ee(){let e=[m.core,m.dom,m.reactive].filter(n=>n!==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 ne(e){return typeof e!="function"||Object.defineProperty(e,Symbol.for("fluixi-component"),{value:!0,enumerable:!0}),e}function S(e){return typeof e=="function"&&e[Symbol.for("fluixi-component")]===!0}import{batch as Ue,createEffect as it,createRenderEffect as g,createRoot as We,onCleanup as Ke,readChildren as st,reportReactiveBinding as w,reportReactiveDirective as v,untrack as Be}from"@fluixi/reactive/signal";var H=Symbol.for("fluixi.server-node"),He=Symbol.for("fluixi.dom.server-host"),Ve=globalThis,I=Ve[He]??={server:typeof document>"u",nodes:null};function V(){return I.server}function te(){if(!I.nodes)throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");return I.nodes}function R(e){return e!=null&&e[H]===!0?!0:typeof Node<"u"&&e instanceof Node}function oe(e){return e!=null&&e[H]===!0?e.nodeType===1:typeof Element<"u"&&e instanceof Element}function re(e){return e!=null&&e[H]===!0?e.nodeType===3:typeof Text<"u"&&e instanceof Text}var u={active:!1,cursor:null,parents:[]},ie=null;function se(e){ie=e}function ae(){return ie}function U(e,n){return u.active&&n.parentNode===e}function W(e){let n=u.parents.lastIndexOf(e);n!==-1&&(u.parents.length=n),u.cursor=e.nextSibling}function M(e){if(!u.active||e==null)return;let n=Array.isArray(e)?e[e.length-1]:e;n&&typeof n.nodeType=="number"&&W(n)}var qe={};var pe="__fx_at";var K=new Set,ye=new Set(["scroll","focus","blur","load","error","resize","mouseenter","mouseleave","pointerenter","pointerleave","gotpointercapture","lostpointercapture"]);function me(e){if(!V())for(let n of e)K.has(n)||ye.has(n)||(K.add(n),document.addEventListener(n,Ge))}function Ge(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 ze(e,n,t){if(e[`$$${n}`]=t,ye.has(n)){let o=`__fx_${n}`;if(!e[o]){let i=a=>{e[`$$${n}`]?.(a)};e.addEventListener(n,i),e[o]=i}return}K.has(n)||me([n])}function ce(e,n){delete e[`$$${n}`];let t=`__fx_${n}`,o=e[t];o&&(e.removeEventListener(n,o),delete e[t])}function E(e,n=!1){if(V())return te().createText(e);if(u.active&&!n){let t=ae()?.hydrateText(e);if(t)return t}return document.createTextNode(e)}var b=0,Xe=200;function Je(e,n,t,o,i){let a=o,c=new Map;return g(()=>{w(t??n,"content",void 0,e);let s;if(S(e)&&!h(e)){if(!c.has(e)){b++;try{let r=e();c.set(e,r)}finally{b--}}for(s=c.get(e);typeof s=="function"&&h(s);)s=s()}else for(s=e();typeof s=="function"&&h(s);)s=s();{let r=0;for(;typeof s=="function"&&r++<50;)if(S(s)){if(!c.has(s)){let l=s;b++;try{let f=l();c.set(l,f)}finally{b--}}s=c.get(s)}else if(h(s))s=s();else if(s=s(),typeof s!="function"||!h(s)&&!S(s))break}b++;try{a=L(n,s,t,a,c),i(a)}finally{b--}})}function P(e,n,t,o){if(b>Xe)return console.error("[insert] Exceeded max call depth — possible infinite loop."),()=>null;t!==void 0&&!t&&(t=E("",!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)){b++;try{i=L(e,n,t,i)}finally{b--}return()=>i}let s=Je(c(n),e,t,i,r=>{i=r});return()=>(s?.(),i)}function L(e,n,t,o,i){if(n==null||typeof n=="boolean")return A(e,o,t);if(typeof n=="function")for(;typeof n=="function";)n=n();if(n==null||typeof n=="boolean")return A(e,o,t);if(k(n)){let c=E("",!0);return Array.isArray(o)?o.length>0?(e.replaceChild(c,o[0]),A(e,o.slice(1),t)):y(e,c,t):o?e.replaceChild(c,o):y(e,c,t),n.then(s=>{c.parentNode===e&&L(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=E(n);return y(e,s,t),s}if(o.length===1&&o[0].nodeType===3)return o[0].data=n,o;o=A(e,o,t)}if(o&&re(o))return o.data=n,o;let c=E(n);return o&&o.parentNode===e?e.replaceChild(c,o):U(e,c)||y(e,c,t),c}if(R(n))return U(e,n)?(W(n),n):Array.isArray(o)?(o.length===0?y(e,n,t):o[0].parentNode===e?(e.replaceChild(n,o[0]),A(e,o.slice(1),t)):y(e,n,t),n):(o?o!==n&&(o.parentNode===e?e.replaceChild(n,o):y(e,n,t)):y(e,n,t),n);if(Array.isArray(n)){let c=[],s=Array.isArray(o)?o:o?[o]:[],r=[];x(n,c,e,t,!0,i,r);let l=Ye(e,s,c,t);for(let f of r){let d=P(e,f.sig,f.marker);Ke(()=>{A(e,d()),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 L(e,r,t,o)}}}return A(e,o,t)}function x(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"&&!k(r)&&!h(r)&&!S(r)&&(r=r(),!(r==null||typeof r=="boolean")););if(!(r==null||typeof r=="boolean")){if(typeof r=="function"){let l;for(S(r)&&!h(r)?(a||(a=new Map),a.has(r)||a.set(r,r()),l=a.get(r)):l=r();typeof l=="function"&&!k(l)&&!h(l)&&!S(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);n.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,n,t,o,i,a):x([f],n,t,o,i,a);continue}continue}Array.isArray(l)?x(l,n,t,o,i,a,c):x([l],n,t,o,i,a,c);continue}if(k(r)){let l=E("",!0);n.push(l),r.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(r)){x(r,n,t,o,i,a,c);continue}if(R(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)?x(f,n,t,o,!1,a):x([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(E(l));continue}n.push(E(String(r)))}}}}function Ye(e,n,t,o){for(let d=0;d<t.length;d++){let p=t[d].parentNode;p!==null&&p!==e&&p.nodeType!==11&&(t=t.slice(),t[d]=t[d].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 d=c<i?r?t[r-1].nextSibling??void 0:t[c-r]:l;for(;r<c;)y(e,t[r++],d)}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 d=n[--a].nextSibling;y(e,t[r++],n[s++].nextSibling),y(e,t[--c],d),n[a]=n[s-1]}else{if(!f){f=new Map;let p=r;for(;p<c;)f.set(t[p],p++)}let d=f.get(n[s]);if(d!=null)if(r<d&&d<c){let p=s,j=1;for(;++p<a&&p<c&&!(!f.has(n[p])||f.get(n[p])!==d+j);)j++;if(j>d-r){let Fe=n[s];for(;r<d;)y(e,t[r++],Fe)}else n[s].parentNode===e?e.replaceChild(t[r++],n[s++]):(y(e,t[r++],l),s++)}else s++;else n[s].parentNode===e&&e.removeChild(n[s]),s++}}return t}function A(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 y(e,n,t){u.active&&n.parentNode===e||(t&&t.parentNode===e?e.insertBefore(n,t):e.appendChild(n))}function C(e,n,t){t==null?delete e[n]:e[n]=t}function Ze(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 he(e,n){if(!n||typeof n!="function")return;let t=n[pe]?.name;if(!t)return;let o=t.indexOf(":");o!==-1&&v(e,t.slice(0,o),t.slice(o+1),n)}function le(e,n,t){let o=typeof t=="function"?Be(()=>t()):t;if(!(!o||typeof o!="object"))for(let i of Object.keys(o))v(e,n,i)}function Qe(e,n){let t=(o,i)=>{typeof o=="function"&&(v(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 fe(e,n,t,o=!1){return he(e,t),typeof t!="function"?(T(e,n,t,o),()=>{}):g(()=>{w(e,"attribute",n,t);let i=typeof t=="function"?t():t;T(e,n,i,o)})}function ue(e,n,t){return typeof t!="function"?(C(e,n,t),()=>{}):(he(e,t),g(()=>{w(e,"property",n,t);let o=typeof t=="function"?t():t;C(e,n,o)}))}function en(e,n,t){return typeof t!="function"?(T(e,n,!!t),()=>{}):g(()=>{w(e,"attribute",n,t);let o=t();T(e,n,!!o)})}function O(e,n){if(n==null){e.removeAttribute("class");return}if(typeof n=="function"){g(()=>{w(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 de(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(g(()=>{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 B(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 nn(e){let{element:n,props:t,prevProps:o=qe,isSVG:i=!1,skipChildren:a=!1}=e;if(!n||!oe(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===Y,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"){q(l,n);continue}if(r==="use"){Qe(n,l);continue}if(r.startsWith("on:")){s.push(Ze(n,r.slice(3),l));continue}if(r.startsWith("prop:")){v(n,"prop",r.slice(5),l),s.push(ue(n,r.slice(5),l));continue}if(r.startsWith("attr:")){v(n,"attr",r.slice(5),l),s.push(fe(n,r.slice(5),l,c));continue}if(r.startsWith("bool:")){v(n,"bool",r.slice(5),l),s.push(en(n,r.slice(5),l));continue}if(r==="class"||r==="className"){typeof l=="function"?s.push(g(()=>{w(n,"attribute","class",l),O(n,l())})):O(n,l);continue}if(r==="classList"){le(n,"class",l),typeof l=="function"?s.push(g(()=>{w(n,"attribute","class",l),de(n,l())})):de(n,l,s);continue}if(r==="style"){le(n,"style",l),typeof l=="function"?s.push(g(()=>{w(n,"attribute","style",l),B(n,l())})):B(n,l);continue}if(r.startsWith("on")){let p=r.slice(2).toLowerCase();f&&ce(n,p),l&&ze(n,p,l);continue}let d=$.has(r)||!c&&r in n;typeof l=="function"?s.push(d?ue(n,r,l):fe(n,r,l,c)):s.push(g(()=>d?C(n,r,t[r]):T(n,r,t[r],c)))}for(let r in o)if(!(r in t))if(r.startsWith("on")){let l=r.slice(2).toLowerCase();ce(n,l)}else $.has(r)?C(n,r,null):n.removeAttribute(r);return()=>{s.forEach(r=>r())}}function q(e,n){if(!e)return;let t=e[pe]?.name;if(v(n,"ref",t||typeof e=="function"&&e.name||"ref",e),R(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 k(e){return e!=null&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"||e instanceof Promise}function G(e,n,t){if(!n)throw new Error("Container element is required");let o,i,a=[];return We(c=>{Ue(()=>{u.active||(n.textContent=""),Q(n),ee(),P(n,e)}),i=c}),()=>{i?.(),o?.(),a.forEach(c=>c()),n.textContent=""}}import{untrack as tn,isSignal as on,reportReactiveProps as rn}from"@fluixi/reactive";var sn="__fx_dom_create_component__",ge=globalThis[sn]??={fn:null};function an(e,n){if(ge.fn)return ge.fn(e,n);n&&rn(n);let t=typeof e=="function"?tn(()=>e(n)):e,o=t!=null&&(typeof t=="function"||typeof t=="object");if(o)try{t.$name=e?.name}catch{}return o&&!on(t)?ne(t):t}import{setResourceIdSource as ln,setServerDataGetter as fn}from"@fluixi/reactive/signal";var cn="__FX_DATA__";var z;function xe(){let e=globalThis.__FX_DATA__;if(e)return e;if(z!==void 0)return z;let n=null;if(typeof document<"u"){let t=document.getElementById(cn)?.textContent;if(t)try{n=JSON.parse(t)}catch{n=null}}return z=n}function _(){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 un=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),D=typeof process<"u"&&process.env&&!1;function F(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 dn(e){_();let n=u.cursor;return n&&n.nodeType===1&&n.tagName.toLowerCase()===e.toLowerCase()?(un.has(e.toLowerCase())?u.cursor=n.nextSibling:(u.parents.push(n),u.cursor=n.firstChild),n):(D&&n&&F(`<${e}>`,n),null)}function pn(e){_();let n=u.cursor;return n&&n.nodeType===1&&n.tagName.toLowerCase()===e.toLowerCase()?(u.cursor=n.nextSibling,n):(D&&n&&F(`<${e}> (static)`,n),null)}function yn(e){if(e===""){let t=u.cursor;return t&&t.nodeType===3&&t.data!==""?(u.cursor=t.nextSibling,t.data="",t):null}_();let n=u.cursor;return n&&n.nodeType===3?(u.cursor=n.nextSibling,n.nodeValue!==e&&(n.nodeValue=e),n):(D&&n&&F(`text ${JSON.stringify(e.slice(0,24))}`,n),null)}function mn(e){_();let n=u.cursor;return n&&n.nodeType===8&&n.data===e?(u.cursor=n.nextSibling,n):(D&&n&&F(`marker <!--${e.slice(0,24)}-->`,n),null)}var be=!1;function hn(){be||(be=!0,se({hydrateElement:dn,hydrateText:yn,hydrateMarker:mn,hydrateStatic:pn}))}function Te(e,n,t){hn(),u.active=!0,u.cursor=n.firstChild,u.parents=[];let o=xe(),i=t?.resourceNamespace,a=0;ln(()=>i?`${i}:r${a++}`:`r${a++}`),fn(o?c=>c in o?{value:o[c]}:void 0:null);try{return G(e,n)}finally{u.active=!1,u.cursor=null,u.parents=[]}}import{createChildOwner as gn,createMemo as X,disposeScope as xn,getOwner as bn,runWithOwner as Tn,untrack as Se}from"@fluixi/reactive/signal";function Ee(e){return typeof e=="function"?e:(()=>e)}function N(e){return()=>{let n=e();return typeof n=="function"?n():n}}function we(e){return e!=null&&e!==!1}function Ne(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function Ae(e){let n=N(()=>e.when),t=X(n,void 0,{name:"Show.when"}),o=X(t,void 0,{name:"Show.cond"}),i=bn(),a=null,c=null,s=r=>{r!==c&&(a&&xn(a),a=gn(i),c=r)};return X(()=>{let r=o();return s(r?"when":"fallback"),Tn(a,()=>{if(r){let l=e.children;return typeof l=="function"&&!Ne(l)?typeof t=="function"?Se(()=>Se(t)?l(t()):e.fallback):l(t):l}return e.fallback});return e.fallback??null},void 0,{name:"Show.result"})}import{mapArray as En,keyArray as wn}from"@fluixi/reactive/signal";function ve(e){let n=N(()=>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 M(s),s};return e.by?wn(n,e.by,(i,a)=>o(i,a),{fallback:t}):En(n,(i,a)=>o(i,a),{fallback:t})}import{indexArray as Nn}from"@fluixi/reactive/signal";function Ce(e){let n=N(()=>e.each);return Nn(n,(t,o)=>{let i=e.children(t,o);return M(i),i},{fallback:()=>e.fallback??null})}import{mapArray as Hn,keyArray as Vn,indexArray as Un}from"@fluixi/reactive/signal";import{createMemo as Sn,createChildOwner as An,disposeScope as vn,getOwner as Cn,runWithOwner as Pe}from"@fluixi/reactive/signal";var J=Symbol("match");function Re(e){return{[J]:!0,when:N(()=>e.when),get children(){return e.children}}}function Me(e){let n=Array.isArray(e.children)?e.children:[e.children],t=Cn(),o=null,i=-1,a=c=>{c!==i&&(o&&vn(o),o=An(t),i=c)};return Sn(()=>{for(let c=0;c<n.length;c+=1){let r=n[c],l=0;for(;typeof r=="function"&&!r[J]&&l++<10;)r=r();if(!r||typeof r!="object"||r[J]!==!0)continue;let f=r.when();if(we(f))return a(c),Pe(o,()=>typeof r.children=="function"?r.children(f):r.children)}return a(-2),Pe(o,()=>e.fallback??null)},void 0,{name:"Switch"})}import{createMemo as Pn,createChildOwner as Rn,disposeScope as Mn,getOwner as kn,runWithOwner as Ln}from"@fluixi/reactive/signal";function ke(e){let n=Ee(e.component),{component:t,...o}=e,i=kn(),a=null,c;return Pn(()=>{let s=n();return s!==c&&(a&&Mn(a),a=Rn(i),c=s),s==null?null:typeof s=="string"?{tag:s,props:o}:Ln(a,()=>s(o))},void 0,{name:"Dynamic"})}import{createRoot as On,onCleanup as _n}from"@fluixi/reactive/signal";function Le(e){let n=()=>e.mount?typeof e.mount=="function"?e.mount():e.mount:document.body,t,o;return On(i=>{t=i,o=document.createElement("div"),o.style.display="contents",n().appendChild(o),P(o,e.children)&&q(e.ref,o)}),_n(()=>{t(),o.remove()}),null}import{createMemo as Dn,createSignal as Fn}from"@fluixi/reactive/signal";function Oe(e){let[n,t]=Fn(null),o=()=>t(null);return Dn(()=>{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"})}import{createMemo as jn}from"@fluixi/reactive/signal";function _e(e){return jn(()=>{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"})}import{createMemo as $n}from"@fluixi/reactive/signal";function In(e){return e.startsWith("--")?e:e.replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}function De(e){return $n(()=>{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(`${In(o)}: ${a}`)}return t.join("; ")},void 0,{name:"StyleMap"})}import{signal as So,memo as Ao,effect as vo,store as Co,createSignal as Po,createMemo as Ro,createEffect as Mo,createComputed as ko,createRenderEffect as Lo,createRoot as Oo,createResource as _o,createContext as Do,useContext as Fo,onCleanup as jo,batch as $o,untrack as Io}from"@fluixi/reactive";export{ke as Dynamic,Oe as ErrorBoundary,ve as For,Ce as Index,Re as Match,Le as Portal,Ae as Show,Me as Switch,$o as batch,_e as classMap,an as createComponent,ko as createComputed,Do as createContext,Mo as createEffect,$e as createElement,Ro as createMemo,Lo as createRenderEffect,_o as createResource,Oo as createRoot,Po as createSignal,me as delegateEvents,vo as effect,Te as hydrate,Un as indexArray,P as insert,Vn as keyArray,Hn as mapArray,Ao as memo,jo as onCleanup,G as render,T as setAttribute,O as setClassName,C as setProperty,B as setStyle,So as signal,nn as spread,Co as store,De as styleMap,Io as untrack,Fo 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
+};