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

package/dist/lib/dom/index.mjs

@@ -1 +1,2020 @@
-function pt(e){return e.startsWith("aria-")||e.startsWith("data-")?e:/[A-Z]/.test(e)?e.replace(/([A-Z])/g,"-$1").toLowerCase():e}function yt(e){return e.startsWith("@")||e.startsWith("on")&&e.length>2}function mt(e){return e.startsWith("@")?e.slice(1):e.startsWith("on")?e.slice(2).toLowerCase():e}function gt(e,t){let n=new Set(["checked","value","selected","disabled","readonly","required","multiple","open","contenteditable","draggable","spellcheck"]),o={input:new Set(["value","checked","indeterminate"]),textarea:new Set(["value"]),select:new Set(["value"]),option:new Set(["selected","value"]),audio:new Set(["volume","currentTime","paused"]),video:new Set(["volume","currentTime","paused"]),img:new Set(["src","srcset"]),iframe:new Set(["src"]),a:new Set(["href"])};return n.has(t)||o[e]&&o[e].has(t)}var xt=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),ht=new Set(["svg","g","path","circle","rect","line","polyline","polygon","ellipse","text","tspan","use","defs","symbol","mask","clipPath","pattern","linearGradient","radialGradient","stop","filter","feGaussianBlur","feOffset","feMerge","feMergeNode","foreignObject"]),G="http://www.w3.org/2000/svg";function Re(e){return e.localName.includes("-")}function J(e,t,n,o=!1){if(n==null){e.removeAttribute(t);return}if(Re(e)){e[t]=n;return}x(e,t,n,o)}var X=new Set(["className","value","checked","selected","innerHTML","innerText","textContent","indeterminate","htmlFor"]);function ie(e,t=document){return t.querySelector(e)}function Et(e,t=document){return Array.from(t.querySelectorAll(e))}function bt(e,t){return e.closest(t)}function Nt(e,...t){e.classList.add(...t)}function Tt(e,...t){e.classList.remove(...t)}function wt(e,...t){t.forEach(n=>e.classList.toggle(n))}function St(e,t){return e.classList.contains(t)}function x(e,t,n,o=!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 vt(e,t){return e.getAttribute(t)}function Ct(e,t){e.removeAttribute(t)}function Le(e,t){Object.assign(e.style,t)}function At(e,t){return window.getComputedStyle(e).getPropertyValue(t)}function Rt(e,t={},...n){let o=document.createElement(e);return Object.entries(t).forEach(([r,f])=>{if(r==="class"||r==="className")o.className=f;else if(r==="style"&&typeof f=="object")Le(o,f);else if(r.startsWith("on")&&typeof f=="function"){let s=r.slice(2).toLowerCase();o.addEventListener(s,f)}else x(o,r,f)}),n.forEach(r=>{typeof r=="string"?o.appendChild(document.createTextNode(r)):o.appendChild(r)}),o}function Lt(e){for(;e.firstChild;)e.removeChild(e.firstChild)}function Pt(e,...t){t.forEach(n=>{typeof n=="string"?e.appendChild(document.createTextNode(n)):e.appendChild(n)})}function Mt(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=window.innerHeight&&t.right<=window.innerWidth}function _t(e,t={behavior:"smooth",block:"nearest"}){e.scrollIntoView(t)}function $t(e){let t=e.getBoundingClientRect();return{top:t.top+window.pageYOffset,left:t.left+window.pageXOffset}}function It(e,t,n,o){let r=f=>{let s=f.target.closest(n);s&&e.contains(s)&&o(f,s)};return e.addEventListener(t,r),()=>{e.removeEventListener(t,r)}}function Ot(e,t=5e3){return new Promise((n,o)=>{let r=ie(e);if(r){n(r);return}let f=new MutationObserver(()=>{let i=ie(e);i&&(f.disconnect(),clearTimeout(s),n(i))});f.observe(document.body,{childList:!0,subtree:!0});let s=setTimeout(()=>{f.disconnect(),o(new Error(`Element ${e} not found within ${t}ms`))},t)})}function kt(e,t,n={}){let o=new IntersectionObserver(r=>{r.forEach(f=>{t(f.isIntersecting)})},n);return o.observe(e),()=>{o.disconnect()}}function Dt(e,t){let n=new ResizeObserver(o=>{o.forEach(t)});return n.observe(e),()=>{n.disconnect()}}var Pe=typeof Symbol=="function"&&Symbol.for?Symbol.for("react.element"):60103;function Ft(e){return typeof e=="object"&&e!==null&&e.$$typeof===Pe}function Me(e){return e&&typeof e=="object"&&e.strings&&Array.isArray(e.strings)&&e.values&&Array.isArray(e.values)}function Ht(e){if(typeof e!="function")return!1;try{let t=e();return Me(t)}catch{return!1}}function jt(e){return typeof e=="object"&&e!==null&&(e.$$typeof==="template"||typeof e.type=="function")}function qt(e){return e instanceof Node}function Vt(e,t,n="Fluixi"){typeof globalThis<"u"&&(typeof globalThis[n]>"u"&&(globalThis[n]={}),typeof globalThis[n][e]>"u"&&(globalThis[n][e]=t))}function Wt(e,t,n="Fluixi"){return typeof globalThis<"u"&&typeof globalThis[n]<"u"&&typeof globalThis[n][e]<"u"?globalThis[n][e]:t}import{isSignal as g}from"@fluixi/reactive/signal";var se="1.0.0-alpha.82";import{VERSION as _e}from"@fluixi/reactive/version";var h={dom:se,reactive:_e};function ae(e){h.core&&e.setAttribute("fluixi",h.core),e.setAttribute("fx-dom",h.dom),e.setAttribute("fx-reactive",h.reactive),typeof globalThis<"u"&&(globalThis.Fluixi=h)}function fe(){let e=[h.core,h.dom,h.reactive].filter(t=>t!==void 0);new Set(e).size<=1||console.warn(`[fluixi] package versions disagree — core ${h.core??"(absent)"}, dom ${h.dom}, reactive ${h.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 ue(e){return typeof e!="function"||Object.defineProperty(e,Symbol.for("fluixi-component"),{value:!0,enumerable:!0}),e}function E(e){return typeof e=="function"&&e[Symbol.for("fluixi-component")]===!0}import{batch as me,createEffect as R,createRenderEffect as y,createRoot as De,onCleanup as v,readChildren as Fe}from"@fluixi/reactive/signal";var b=typeof document>"u";function $e(e){b=e}var z=Symbol.for("fluixi.server-node"),le=null;function P(){if(!le)throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");return le}function A(e){return e!=null&&e[z]===!0?!0:typeof Node<"u"&&e instanceof Node}function U(e){return e!=null&&e[z]===!0?e.nodeType===1:typeof Element<"u"&&e instanceof Element}function Y(e){return e!=null&&e[z]===!0?e.nodeType===3:typeof Text<"u"&&e instanceof Text}var l={active:!1,cursor:null,parents:[]},ce=null;function de(e){ce=e}function M(){return ce}function Z(e,t){return l.active&&t.parentNode===e}function Q(e){let t=l.parents.lastIndexOf(e);t!==-1&&(l.parents.length=t),l.cursor=e.nextSibling}function Ie(){return l.active?l.cursor:null}function _(e,t){if(!e||e.parentNode==null)return t();let n=l.active,o=l.cursor,r=l.parents;l.active=!0,l.cursor=e,l.parents=[];try{return t()}finally{l.active=n,l.cursor=o,l.parents=r}}function Oe(e){if(!l.active)return e();let t=l.cursor,n=l.parents;l.active=!1,l.parents=[];try{return e()}finally{l.active=!0,l.cursor=t,l.parents=n}}function ke(e){if(!l.active||e==null)return;let t=Array.isArray(e)?e[e.length-1]:e;t&&typeof t.nodeType=="number"&&Q(t)}function He(e){let t=[];for(;e&&e.nodeType===1;){let n=e.tagName.toLowerCase();if(e.id){n+=`#${e.id}`,t.unshift(n);break}e.getAttribute("data-id")&&(n+=`[data-id="${e.getAttribute("data-id")}"]`);let o=0,r=e;for(;r=r.previousElementSibling;)r.tagName===e.tagName&&o++;n+=`:nth-of-type(${o+1})`,t.unshift(n),e=e.parentElement}return t.join(">")}function je(e){let t=0;for(let n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t|=0;return`el_${Math.abs(t)}`}function an(e){return je(He(e))}var fn=()=>"xxyxxxxxxy-4xx8".replace(/[xy]/g,function(e){let t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)}),qe={};var pe=new Map,I=new Set,j=new Set(["scroll","focus","blur","load","error","resize","mouseenter","mouseleave","pointerenter","pointerleave","gotpointercapture","lostpointercapture"]);function ge(e){if(!b)for(let t of e)I.has(t)||j.has(t)||(I.add(t),document.addEventListener(t,Ve))}function Ve(e){let t=`$$${e.type}`,n=e.composedPath&&e.composedPath()[0]||e.target;for(;n;){let o=n[t];if(o&&!n.disabled&&(o(e),e.cancelBubble))return;n=n.host&&n.host!==n&&n.host instanceof Element?n.host:n.parentNode}}function We(e,t,n){if(e[`$$${t}`]=n,j.has(t)){let o=`__fx_${t}`;if(!e[o]){let r=f=>{e[`$$${t}`]?.(f)};e.addEventListener(t,r),e[o]=r}return}I.has(t)||ge([t])}function ye(e,t){delete e[`$$${t}`];let n=`__fx_${t}`,o=e[n];o&&(e.removeEventListener(t,o),delete e[n])}function un(e){return!j.has(e)}function ln(e){return typeof e=="function"}function w(e,t=!1){if(b)return P().createText(e);if(l.active&&!t){let n=M()?.hydrateText(e);if(n)return n}return document.createTextNode(e)}function xe(e,t=!1){if(b)return P().createElement(e,t);if(l.active){let n=M()?.hydrateElement(e);if(n)return n}return t?document.createElementNS(G,e):document.createElement(e)}function Ke(e,t=!1){let n=pe.get(e);if(n)return n;let o=document.createElement("template");return t?o.innerHTML=`<svg>${e}</svg>`:o.innerHTML=e,pe.set(e,o),o}function cn(e,t,n=!1,o=!1){if(b){let r=P();return n?r.parseTemplate(e,o):r.createRaw(e)}if(l.active){let r=M()?.hydrateStatic(t);if(r)return r}return Be(Ke(e,o),o).firstChild}function dn(e,t){if(!l.active)return t();let n=_(e.nextSibling,t);if(typeof n=="function"){let o=n;return((...r)=>l.active?_(e.nextSibling,()=>o(...r)):o(...r))}return n}function pn(e){for(let t=e.nextSibling;t;t=t.nextSibling)if(t.nodeType===8&&t.data==="fx/")return t;throw new Error("[fluixi] template hole is missing its closing marker")}function yn(e,t){let n=[];for(let o=e.nextSibling;o&&o!==t;o=o.nextSibling)n.push(o);return n}function Be(e,t=!1){let n=e.content.cloneNode(!0);return t?n.firstChild:n}function Ge(e){return Array.isArray(e)?e.length===2&&e[1]===" "?Array.isArray(e[0])?Ge(e[0]):(typeof e[0]=="function",e[0]):e.length===1&&typeof e[0]=="function"?e[0]:e:e}function mn(e){return typeof e!="function"?null:e._name||e.name||"anonymous"}function gn(e){if(g(e)||E(e)||typeof e!="function")return e;let t=e();for(;typeof t=="function"&&!g(t)&&!E(t);)t=t();return t}var T=0,Je=200;function Xe(e,t,n,o,r){let f=o,s=new Map;return y(()=>{let i;if(E(e)&&!g(e)){if(!s.has(e)){T++;try{let a=e();s.set(e,a)}finally{T--}}for(i=s.get(e);typeof i=="function"&&g(i);)i=i()}else for(i=e();typeof i=="function"&&g(i);)i=i();{let a=0;for(;typeof i=="function"&&a++<50;)if(E(i)){if(!s.has(i)){let u=i;T++;try{let c=u();s.set(u,c)}finally{T--}}i=s.get(i)}else if(g(i))i=i();else if(i=i(),typeof i!="function"||!g(i)&&!E(i))break}T++;try{f=O(t,i,n,f,s),r(f)}finally{T--}})}function L(e,t,n,o){if(T>Je)return console.error("[insert] Exceeded max call depth — possible infinite loop."),()=>null;n!==void 0&&!n&&(n=w("",!0),e.appendChild(n));let r=o??null,f=a=>Array.isArray(a)&&a.some(u=>typeof u=="function"),s=a=>typeof a=="function"?a:()=>a;if(typeof t!="function"&&!f(t)){T++;try{r=O(e,t,n,r)}finally{T--}return()=>r}let i=Xe(s(t),e,n,r,a=>{r=a});return()=>(i?.(),r)}function O(e,t,n,o,r){if(t==null||typeof t=="boolean")return S(e,o,n);if(typeof t=="function")for(;typeof t=="function";)t=t();if(t==null||typeof t=="boolean")return S(e,o,n);if($(t)){let s=w("",!0);return Array.isArray(o)?o.length>0?(e.replaceChild(s,o[0]),S(e,o.slice(1),n)):m(e,s,n):o?e.replaceChild(s,o):m(e,s,n),t.then(i=>{s.parentNode===e&&O(e,i,s.nextSibling,s)}).catch(i=>{console.error("Error resolving promise in insertExpression:",i)}),s}let f=typeof t;if(f==="string"||f==="number"){if(f==="number"&&(t=String(t)),Array.isArray(o)){if(o.length===0){let i=w(t);return m(e,i,n),i}if(o.length===1&&o[0].nodeType===3)return o[0].data=t,o;o=S(e,o,n)}if(o&&Y(o))return o.data=t,o;let s=w(t);return o&&o.parentNode===e?e.replaceChild(s,o):Z(e,s)||m(e,s,n),s}if(A(t))return Z(e,t)?(Q(t),t):Array.isArray(o)?(o.length===0?m(e,t,n):o[0].parentNode===e?(e.replaceChild(t,o[0]),S(e,o.slice(1),n)):m(e,t,n),t):(o?o!==t&&(o.parentNode===e?e.replaceChild(t,o):m(e,t,n)):m(e,t,n),t);if(Array.isArray(t)){let s=[],i=Array.isArray(o)?o:o?[o]:[],a=[];N(t,s,e,n,!0,r,a);let u=ze(e,i,s,n);for(let c of a){let d=L(e,c.sig,c.marker);v(()=>{S(e,d()),c.marker.parentNode===e&&e.removeChild(c.marker)})}return u}if(f==="object"&&t!==null&&typeof t=="object"){let s=t;if("type"in s&&"props"in s){let i=s;if(typeof i.type=="function"){let a=i.type(i.props||{});return O(e,a,n,o)}}}return S(e,o,n)}function N(e,t,n,o,r=!0,f,s){for(let i=0;i<e.length;i++){let a=e[i];if(!(a==null||typeof a=="boolean")){for(;typeof a=="function"&&!$(a)&&!g(a)&&!E(a)&&(a=a(),!(a==null||typeof a=="boolean")););if(!(a==null||typeof a=="boolean")){if(typeof a=="function"){let u;for(E(a)&&!g(a)?(f||(f=new Map),f.has(a)||f.set(a,a()),u=f.get(a)):u=a();typeof u=="function"&&!$(u)&&!g(u)&&!E(u);)f||(f=new Map),f.has(u)||f.set(u,u()),u=f.get(u);if(u==null||typeof u=="boolean")continue;if(typeof u=="function"){if(g(u)){if(s){let d=w("",!0);t.push(d),s.push({marker:d,sig:u});continue}let c=u();for(;typeof c=="function"&&g(c);)c=c();if(c==null||typeof c=="boolean")continue;Array.isArray(c)?N(c,t,n,o,r,f):N([c],t,n,o,r,f);continue}continue}Array.isArray(u)?N(u,t,n,o,r,f,s):N([u],t,n,o,r,f,s);continue}if($(a)){let u=w("",!0);t.push(u),a.then(c=>{if(u.parentNode){let d=[];if(N([c],d,u.parentNode,void 0,!1,f),d.length>0){u.parentNode.replaceChild(d[0],u);for(let p=1;p<d.length;p++)u.parentNode?.insertBefore(d[p],d[p-1].nextSibling)}}}).catch(c=>console.error("Error resolving promise in array:",c));continue}if(Array.isArray(a)){N(a,t,n,o,r,f,s);continue}if(A(a)){t.push(a);continue}if(typeof a=="object"&&a!==null&&"type"in a&&"props"in a){let u=a;if(typeof u.type=="function"){let c=u.type(u.props||{});Array.isArray(c)?N(c,t,n,o,!1,f):N([c],t,n,o,!1,f);continue}}if(typeof a=="string"||typeof a=="number"){let u=String(a);if(u.trim()===""&&u!==" ")continue;t.push(w(u));continue}t.push(w(String(a)))}}}}function ze(e,t,n,o){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 r=n.length,f=t.length,s=r,i=0,a=0,u=f>0?t[f-1].nextSibling??void 0:o,c=null;for(;i<f||a<s;){if(t[i]===n[a]){i++,a++;continue}for(;f>i&&s>a&&t[f-1]===n[s-1];)f--,s--;if(f===i){let d=s<r?a?n[a-1].nextSibling??void 0:n[s-a]:u;for(;a<s;)m(e,n[a++],d)}else if(s===a)for(;i<f;)(!c||!c.has(t[i]))&&t[i].parentNode===e&&e.removeChild(t[i]),i++;else if(t[i]===n[s-1]&&n[a]===t[f-1]){let d=t[--f].nextSibling;m(e,n[a++],t[i++].nextSibling),m(e,n[--s],d),t[f]=t[i-1]}else{if(!c){c=new Map;let p=a;for(;p<s;)c.set(n[p],p++)}let d=c.get(t[i]);if(d!=null)if(a<d&&d<s){let p=i,B=1;for(;++p<f&&p<s&&!(!c.has(t[p])||c.get(t[p])!==d+B);)B++;if(B>d-a){let Ae=t[i];for(;a<d;)m(e,n[a++],Ae)}else t[i].parentNode===e?e.replaceChild(n[a++],t[i++]):(m(e,n[a++],u),i++)}else i++;else t[i].parentNode===e&&e.removeChild(t[i]),i++}}return n}function S(e,t,n){if(t)if(Array.isArray(t))for(let o=0;o<t.length;o++)t[o].parentNode===e&&e.removeChild(t[o]);else t.parentNode===e&&e.removeChild(t);return null}function m(e,t,n){l.active&&t.parentNode===e||(n&&n.parentNode===e?e.insertBefore(t,n):e.appendChild(t))}function k(e,t,n){n==null?delete e[t]:e[t]=n}function he(e,t,n){let o=n,r;return Array.isArray(n)&&(o=n[0],r=n[1]),typeof o!="function"?()=>{}:(e.addEventListener(t,o,r),()=>e.removeEventListener(t,o,r))}function Ee(e,t){let n=(o,r)=>{typeof o=="function"&&o(e,r??(()=>{}))};if(typeof t=="function"){n(t);return}if(Array.isArray(t)){if(typeof t[0]=="function"){n(t[0],t[1]);return}for(let o of t)Array.isArray(o)?n(o[0],o[1]):n(o)}}function ee(e,t,n,o=!1){return typeof n!="function"?(x(e,t,n,o),()=>{}):y(()=>{let r=typeof n=="function"?n():n;x(e,t,r,o)})}function te(e,t,n){return typeof n!="function"?(k(e,t,n),()=>{}):y(()=>{let o=typeof n=="function"?n():n;k(e,t,o)})}function be(e,t,n){return typeof n!="function"?(x(e,t,!!n),()=>{}):y(()=>{let o=n();x(e,t,!!o)})}function D(e,t){if(t==null){e.removeAttribute("class");return}if(typeof t=="function"){y(()=>D(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(o=>{let r=t[o];return typeof r=="function"?r():!!r}).join(" ");e.setAttribute("class",n);return}e.setAttribute("class",String(t))}function F(e,t,n){if(!(!t||typeof t!="object"))for(let o in t){let r=t[o],f=o.split(/\s+/).filter(Boolean);if(typeof r=="function"&&n)n.push(y(()=>{let s=!!r();for(let i of f)e.classList.toggle(i,s)}));else{let s=!!(typeof r=="function"?r():r);for(let i of f)e.classList.toggle(i,s)}}}function H(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 o in n){let r=n[o];r==null?e.style[o]="":e.style[o]=r}}function xn(e){let{element:t,props:n,prevProps:o=qe,isSVG:r=!1,skipChildren:f=!1}=e;if(!t||!U(t))return console.error("[spread] Error: element is not a DOM Element!"),()=>{};if(!n)return console.warn("[spread] Warning: props is undefined!"),()=>{};let s=r||t.namespaceURI===G,i=[];for(let a in n){if(f&&a==="children")continue;let u=n[a],c=o[a];if(u===c)continue;if(a==="ref"){Ne(u,t);continue}if(a==="use"){Ee(t,u);continue}if(a.startsWith("on:")){i.push(he(t,a.slice(3),u));continue}if(a.startsWith("prop:")){i.push(te(t,a.slice(5),u));continue}if(a.startsWith("attr:")){i.push(ee(t,a.slice(5),u,s));continue}if(a.startsWith("bool:")){i.push(be(t,a.slice(5),u));continue}if(a==="class"||a==="className"){typeof u=="function"?i.push(y(()=>D(t,u()))):D(t,u);continue}if(a==="classList"){typeof u=="function"?i.push(y(()=>F(t,u()))):F(t,u,i);continue}if(a==="style"){typeof u=="function"?i.push(y(()=>H(t,u()))):H(t,u);continue}if(a.startsWith("on")){let p=a.slice(2).toLowerCase();c&&ye(t,p),u&&We(t,p,u);continue}let d=X.has(a)||!s&&a in t;typeof u=="function"?i.push(d?te(t,a,u):ee(t,a,u,s)):i.push(y(()=>d?k(t,a,n[a]):x(t,a,n[a],s)))}for(let a in o)if(!(a in n))if(a.startsWith("on")){let u=a.slice(2).toLowerCase();ye(t,u)}else X.has(a)?k(t,a,null):t.removeAttribute(a);return()=>{i.forEach(a=>a())}}function hn(e,t,n=!1){for(let o in t){let r=t[o];if(o==="ref"){Ne(r,e);continue}if(o!=="children"){if(o==="use"){Ee(e,r);continue}if(o.startsWith("on:")){he(e,o.slice(3),r);continue}if(o.startsWith("prop:")){te(e,o.slice(5),r);continue}if(o.startsWith("attr:")){ee(e,o.slice(5),r,n);continue}if(o.startsWith("bool:")){be(e,o.slice(5),r);continue}if(o.startsWith("on")&&o.length>2){let f=o.slice(2).toLowerCase();if(typeof r=="function")if(j.has(f)){e[`$$${f}`]=r;let s=`__fx_${f}`;if(!e[s]){let i=a=>{e[`$$${f}`]?.(a)};e.addEventListener(f,i),e[s]=i}}else e[`$$${f}`]=r,I.has(f)||ge([f]);continue}if(o==="class"||o==="className"){D(e,r);continue}if(o==="classList"){typeof r=="function"?y(()=>F(e,r())):F(e,r);continue}if(o==="style"){typeof r=="function"?y(()=>H(e,r())):H(e,r);continue}if(o==="innerHTML"){if(typeof r=="function"){let f=R(()=>{let s=r();for(;typeof s=="function";)s=s();e.innerHTML=s});v(()=>f())}else e.innerHTML=r;continue}if(o==="value"&&(e.tagName==="INPUT"||e.tagName==="TEXTAREA")){if(typeof r=="function"){let f=R(()=>{let s=r();for(;typeof s=="function"&&s.length===0;)s=s();document.activeElement!==e&&(e.value=s??"")});v(()=>{f()})}else y(()=>{document.activeElement!==e&&(e.value=t[o]??"")});continue}if(o==="checked"&&e.tagName==="INPUT"){if(typeof r=="function"){let f=R(()=>{let s=r();for(;typeof s=="function"&&s.length===0;)s=s();document.activeElement!==e&&(e.checked=s??"")});v(()=>{f()})}else y(()=>{document.activeElement!==e&&(e.checked=t[o]??"")});continue}if(o==="value"&&e.tagName==="SELECT"){if(typeof r=="function"){let f=!0,s=R(()=>{let i=r();for(;typeof i=="function"&&i.length===0;)i=i();f?(f=!1,queueMicrotask(()=>{e.value=i??""})):e.value=i??""});v(()=>{s()})}else{let f=!0;y(()=>{let s=t[o];f?(f=!1,queueMicrotask(()=>{e.value=s??""})):e.value=s??""})}continue}if(typeof r=="function"){let f=R(()=>{let s=r();for(;typeof s=="function"&&s.length===0;)s=s();J(e,o,s,n)});v(()=>{f()})}else y(()=>J(e,o,t[o],n))}}}function En(...e){let t=o=>{for(let r=e.length-1;r>=0;r--){let f=e[r];if(f&&o in f&&f[o]!==void 0)return f[o]}},n=o=>{for(let r of e)if(r&&o in r)return!0;return!1};return new Proxy({},{get:(o,r)=>t(r),has:(o,r)=>n(r),ownKeys:()=>{let o=new Set;for(let r of e)if(r)for(let f of Reflect.ownKeys(r))o.add(f);return[...o]},getOwnPropertyDescriptor:(o,r)=>n(r)?{enumerable:!0,configurable:!0,get:()=>t(r)}:void 0})}function bn(e,...t){let n=new Set;for(let s of t)for(let i of s)n.add(i);let o=s=>({enumerable:!0,configurable:!0,get:()=>e[s]}),r=t.map(s=>{let i=new Set(s);return new Proxy({},{get:(a,u)=>i.has(u)?e[u]:void 0,has:(a,u)=>i.has(u)&&u in e,ownKeys:()=>Array.from(i).filter(a=>a in e),getOwnPropertyDescriptor:(a,u)=>i.has(u)&&u in e?o(u):void 0})}),f=new Proxy({},{get:(s,i)=>n.has(i)?void 0:e[i],has:(s,i)=>!n.has(i)&&i in e,ownKeys:()=>Reflect.ownKeys(e).filter(s=>!n.has(s)),getOwnPropertyDescriptor:(s,i)=>!n.has(i)&&i in e?o(i):void 0});return[...r,f]}function Ne(e,t){if(e){if(A(e)){let n=t,o=e;if(!n)return;typeof n=="function"?n(o):typeof n=="object"&&"current"in n&&(n.current=o);return}typeof e=="function"?e(t):typeof e=="object"&&"current"in e&&(e.current=t)}}function Nn(e,t,n){let o=t||document.body,r=Fe(()=>e),f=[];return me(()=>{let s=y(()=>{let i=r();Array.isArray(i)?(i.forEach(a=>o.appendChild(a)),f.push(()=>{i.forEach(a=>{a.parentNode===o&&o.removeChild(a)})})):A(i)&&(o.appendChild(i),f.push(()=>{i.parentNode===o&&o.removeChild(i)}))});f.push(s),v(()=>{f.forEach(i=>i())})}),null}function Tn(e){return typeof e=="string"&&e.toLowerCase()===e}function wn(e){return e==="svg"||e==="path"||e==="circle"||e==="rect"||e==="line"||e==="polygon"||e==="polyline"||e==="ellipse"||e==="g"||e==="defs"||e==="clipPath"||e==="text"}function Sn(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function $(e){return e!=null&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"||e instanceof Promise}function vn(e){return typeof e=="function"&&e.length===0&&g(e)}function Te(e,t,n){if(!t)throw new Error("Container element is required");let o,r,f=[];return De(s=>{me(()=>{l.active||(t.textContent=""),ae(t),fe(),L(t,e)}),r=s}),()=>{r?.(),o?.(),f.forEach(s=>s()),t.textContent=""}}function Cn(e){if(Array.isArray(e))return e;if(typeof e=="function"&&typeof e.set=="function")return[e,e.set];throw new TypeError("[fluixi] bind: needs a signal — either `signal(…)` or the `[get, set]` pair from `createSignal(…)`.")}import{untrack as Ue,isSignal as Ye}from"@fluixi/reactive";var Ze="__fx_dom_create_component__",C=globalThis[Ze]??={fn:null};function Pn(e){C.fn=e}function Mn(e={}){let t=e.signalSystem?.createComponent;t&&(C.fn=t)}function _n(e,t){if(C.fn)return C.fn(e,t);let n=typeof e=="function"?Ue(()=>e(t)):e;if(n!=null&&(typeof n=="function"||typeof n=="object")&&!Ye(n)){try{n.$name=e?.name}catch{}return ue(n)}return n}var $n=()=>C.fn!==null,In=()=>C.fn!==null;function On(){C.fn=null}var q,Qe={getStore:()=>q,run(e,t){let n=q;q=e;try{return t()}finally{q=n}}},et=Qe;function we(){return et.getStore()}import{setResourceIdSource as nt,setServerDataGetter as ot}from"@fluixi/reactive/signal";var tt="__FX_DATA__";var ne;function Se(){let e=globalThis.__FX_DATA__;if(e)return e;if(ne!==void 0)return ne;let t=null;if(typeof document<"u"){let n=document.getElementById(tt)?.textContent;if(n)try{t=JSON.parse(n)}catch{t=null}}return ne=t}function V(){for(;;){for(;l.cursor&&l.cursor.nodeType===3&&l.cursor.data==="";)l.cursor=l.cursor.nextSibling;if(l.cursor!=null||!l.parents.length)return;l.cursor=l.parents.pop().nextSibling}}var rt=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),W=typeof process<"u"&&process.env&&!1;function K(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 it(e){V();let t=l.cursor;return t&&t.nodeType===1&&t.tagName.toLowerCase()===e.toLowerCase()?(rt.has(e.toLowerCase())?l.cursor=t.nextSibling:(l.parents.push(t),l.cursor=t.firstChild),t):(W&&t&&K(`<${e}>`,t),null)}function st(e){V();let t=l.cursor;return t&&t.nodeType===1&&t.tagName.toLowerCase()===e.toLowerCase()?(l.cursor=t.nextSibling,t):(W&&t&&K(`<${e}> (static)`,t),null)}function at(e){if(e===""){let n=l.cursor;return n&&n.nodeType===3&&n.data!==""?(l.cursor=n.nextSibling,n.data="",n):null}V();let t=l.cursor;return t&&t.nodeType===3?(l.cursor=t.nextSibling,t.nodeValue!==e&&(t.nodeValue=e),t):(W&&t&&K(`text ${JSON.stringify(e.slice(0,24))}`,t),null)}function ft(e){V();let t=l.cursor;return t&&t.nodeType===8&&t.data===e?(l.cursor=t.nextSibling,t):(W&&t&&K(`marker <!--${e.slice(0,24)}-->`,t),null)}var ve=!1;function ut(){ve||(ve=!0,de({hydrateElement:it,hydrateText:at,hydrateMarker:ft,hydrateStatic:st}))}function oe(e,t,n){ut(),l.active=!0,l.cursor=t.firstChild,l.parents=[];let o=Se(),r=n?.resourceNamespace,f=0;nt(()=>r?`${r}:r${f++}`:`r${f++}`),ot(o?s=>s in o?{value:o[s]}:void 0:null);try{return Te(e,t)}finally{l.active=!1,l.cursor=null,l.parents=[]}}var re="fluixi-island";function lt(e){let{component:t,props:n={},name:o}=e,r=xe(re),f=o??t.name??"Island";x(r,"name",f),x(r,"props",JSON.stringify(n??{}));let s=b?we():void 0;if(s){let i=s.nextIslandNamespace(f);L(r,()=>s.withResourceScope(i,()=>t(n)))}else L(r,()=>t(n));return r}var Ce=!1;function ct(){if(Ce||typeof document>"u")return;Ce=!0;let e=document.createElement("style");e.textContent=`${re}{display:contents}`,document.head.appendChild(e)}function dt(e){if(typeof document>"u")return;ct();let t=document.querySelectorAll(re),n=new Map;t.forEach(o=>{let r=o.getAttribute("name")??"",f=n.get(r)??0;n.set(r,f+1);let s=e[r];if(!s){typeof process>"u"&&console.warn(`[fluixi] island "${r}" has no component in the registry — left static.`);return}let i={};try{i=JSON.parse(o.getAttribute("props")||"{}")}catch{}oe(()=>s(i),o,{resourceNamespace:`${r}#${f}`})})}export{lt as Island,X as JSX_PROPERTIES,ht as SVG_ELEMENTS,G as SVG_NAMESPACE,xt as VOID_ELEMENTS,Nt as addClass,We as addDelegatedEventListener,he as addNativeEventListener,Pt as appendChildren,J as applyElementProp,hn as applyProps,Ee as applyUse,Cn as bindPair,Ie as captureHydrationCursor,S as cleanChildren,Be as cloneTemplate,bt as closest,_n as createComponent,Rt as createElement,xe as createNativeElement,Nn as createPortal,Ke as createTemplate,It as delegate,ge as delegateEvents,Sn as escapeHTML,mn as fnName,fn as generateID,vt as getAttribute,Wt as getGlobal,mt as getLitEventName,$t as getOffset,an as getStableElementId,At as getStyle,Ne as handleRef,St as hasClass,yn as holeContent,pn as holeEnd,dn as holeScope,oe as hydrate,ke as hydrateAdvancePast,dt as hydrateIslands,Mn as initializeIntegration,L as insert,O as insertExpression,$n as intergartionInitialized,vn as isAccessor,Re as isCustomElement,qt as isDOMNode,un as isDelegatedEvent,U as isDomElement,A as isDomNode,Y as isDomText,yt as isEventHandler,ln as isFunction,In as isIntegrationInitialized,jt as isJSXTemplate,Me as isLitTemplateResult,Tn as isNativeElement,$ as isPromise,Ft as isReactElement,wn as isSVGElement,b as isServer,Ht as isTemplateFactory,Mt as isVisible,gn as iterateFn,Ge as makeArrayFlat,En as mergeProps,kt as observeIntersection,Dt as observeResize,ie as query,Et as queryAll,Pn as registerCreateComponent,Vt as registerGlobal,Ct as removeAttribute,Lt as removeChildren,Tt as removeClass,ye as removeDelegatedEventListener,Te as render,On as resetIntegration,_ as runHydrationAt,Oe as runWithoutHydration,_t as scrollIntoView,x as setAttribute,F as setClassList,D as setClassName,ee as setDynamicAttribute,be as setDynamicBoolAttribute,te as setDynamicProperty,k as setProperty,$e as setServerMode,H as setStyle,Le as setStyles,gt as shouldSetAsProperty,bn as splitProps,xn as spread,cn as templateNode,pt as toAttributeName,wt as toggleClass,Ot as waitForElement};
+/*! @fluixi/dom v1.0.0-alpha.84 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+
+// src/lib/dom/utils.ts
+function toAttributeName(key) {
+  if (key.startsWith("aria-") || key.startsWith("data-")) {
+    return key;
+  }
+  if (/[A-Z]/.test(key)) {
+    return key.replace(/([A-Z])/g, "-$1").toLowerCase();
+  }
+  return key;
+}
+function isEventHandler(key) {
+  return key.startsWith("@") || key.startsWith("on") && key.length > 2;
+}
+function getLitEventName(key) {
+  if (key.startsWith("@")) {
+    return key.slice(1);
+  }
+  if (key.startsWith("on")) {
+    const eventName = key.slice(2);
+    return eventName.toLowerCase();
+  }
+  return key;
+}
+function shouldSetAsProperty(element, key) {
+  const propertyAttributes = /* @__PURE__ */ new Set([
+    "checked",
+    "value",
+    "selected",
+    "disabled",
+    "readonly",
+    "required",
+    "multiple",
+    "open",
+    "contenteditable",
+    "draggable",
+    "spellcheck"
+  ]);
+  const elementSpecificProps = {
+    input: /* @__PURE__ */ new Set(["value", "checked", "indeterminate"]),
+    textarea: /* @__PURE__ */ new Set(["value"]),
+    select: /* @__PURE__ */ new Set(["value"]),
+    option: /* @__PURE__ */ new Set(["selected", "value"]),
+    audio: /* @__PURE__ */ new Set(["volume", "currentTime", "paused"]),
+    video: /* @__PURE__ */ new Set(["volume", "currentTime", "paused"]),
+    img: /* @__PURE__ */ new Set(["src", "srcset"]),
+    iframe: /* @__PURE__ */ new Set(["src"]),
+    a: /* @__PURE__ */ new Set(["href"])
+  };
+  return propertyAttributes.has(key) || elementSpecificProps[element] && elementSpecificProps[element].has(key);
+}
+var VOID_ELEMENTS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var SVG_ELEMENTS = /* @__PURE__ */ new Set([
+  "svg",
+  "g",
+  "path",
+  "circle",
+  "rect",
+  "line",
+  "polyline",
+  "polygon",
+  "ellipse",
+  "text",
+  "tspan",
+  "use",
+  "defs",
+  "symbol",
+  "mask",
+  "clipPath",
+  "pattern",
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "filter",
+  "feGaussianBlur",
+  "feOffset",
+  "feMerge",
+  "feMergeNode",
+  "foreignObject"
+]);
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+function isCustomElement(element) {
+  return element.localName.includes("-");
+}
+function applyElementProp(element, name, value, isSVG = false) {
+  if (value == null) {
+    element.removeAttribute(name);
+    return;
+  }
+  if (isCustomElement(element)) {
+    element[name] = value;
+    return;
+  }
+  setAttribute(element, name, value, isSVG);
+}
+var JSX_PROPERTIES = /* @__PURE__ */ new Set([
+  "className",
+  "value",
+  "checked",
+  "selected",
+  "innerHTML",
+  "innerText",
+  "textContent",
+  "indeterminate",
+  "htmlFor"
+]);
+function query(selector, root = document) {
+  return root.querySelector(selector);
+}
+function queryAll(selector, root = document) {
+  return Array.from(root.querySelectorAll(selector));
+}
+function closest(element, selector) {
+  return element.closest(selector);
+}
+function addClass(element, ...classes) {
+  element.classList.add(...classes);
+}
+function removeClass(element, ...classes) {
+  element.classList.remove(...classes);
+}
+function toggleClass(element, ...classes) {
+  classes.forEach((cls) => element.classList.toggle(cls));
+}
+function hasClass(element, className) {
+  return element.classList.contains(className);
+}
+function setAttribute(element, name, value, isSVG = false) {
+  if (value == null || value === false) {
+    element.removeAttribute(name);
+    return;
+  }
+  if (value === true) {
+    element.setAttribute(name, "");
+    return;
+  }
+  if (typeof value === "object") {
+    element.setAttribute(name, JSON.stringify(value));
+    return;
+  }
+  element.setAttribute(name, String(value));
+}
+function getAttribute(element, name) {
+  return element.getAttribute(name);
+}
+function removeAttribute(element, name) {
+  element.removeAttribute(name);
+}
+function setStyles(element, styles) {
+  Object.assign(element.style, styles);
+}
+function getStyle(element, property) {
+  return window.getComputedStyle(element).getPropertyValue(property);
+}
+function createElement(tagName, attributes = {}, ...children) {
+  const element = document.createElement(tagName);
+  Object.entries(attributes).forEach(([key, value]) => {
+    if (key === "class" || key === "className") {
+      element.className = value;
+    } else if (key === "style" && typeof value === "object") {
+      setStyles(element, value);
+    } else if (key.startsWith("on") && typeof value === "function") {
+      const event = key.slice(2).toLowerCase();
+      element.addEventListener(event, value);
+    } else {
+      setAttribute(element, key, value);
+    }
+  });
+  children.forEach((child) => {
+    if (typeof child === "string") {
+      element.appendChild(document.createTextNode(child));
+    } else {
+      element.appendChild(child);
+    }
+  });
+  return element;
+}
+function removeChildren(element) {
+  while (element.firstChild) {
+    element.removeChild(element.firstChild);
+  }
+}
+function appendChildren(parent, ...children) {
+  children.forEach((child) => {
+    if (typeof child === "string") {
+      parent.appendChild(document.createTextNode(child));
+    } else {
+      parent.appendChild(child);
+    }
+  });
+}
+function isVisible(element) {
+  const rect = element.getBoundingClientRect();
+  return rect.top >= 0 && rect.left >= 0 && rect.bottom <= window.innerHeight && rect.right <= window.innerWidth;
+}
+function scrollIntoView(element, options = { behavior: "smooth", block: "nearest" }) {
+  element.scrollIntoView(options);
+}
+function getOffset(element) {
+  const rect = element.getBoundingClientRect();
+  return {
+    top: rect.top + window.pageYOffset,
+    left: rect.left + window.pageXOffset
+  };
+}
+function delegate(parent, eventName, selector, handler) {
+  const listener = (event) => {
+    const target = event.target.closest(selector);
+    if (target && parent.contains(target)) {
+      handler(event, target);
+    }
+  };
+  parent.addEventListener(eventName, listener);
+  return () => {
+    parent.removeEventListener(eventName, listener);
+  };
+}
+function waitForElement(selector, timeout = 5e3) {
+  return new Promise((resolve, reject) => {
+    const element = query(selector);
+    if (element) {
+      resolve(element);
+      return;
+    }
+    const observer = new MutationObserver(() => {
+      const element2 = query(selector);
+      if (element2) {
+        observer.disconnect();
+        clearTimeout(timeoutId);
+        resolve(element2);
+      }
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    const timeoutId = setTimeout(() => {
+      observer.disconnect();
+      reject(new Error(`Element ${selector} not found within ${timeout}ms`));
+    }, timeout);
+  });
+}
+function observeIntersection(element, callback, options = {}) {
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach((entry) => {
+      callback(entry.isIntersecting);
+    });
+  }, options);
+  observer.observe(element);
+  return () => {
+    observer.disconnect();
+  };
+}
+function observeResize(element, callback) {
+  const observer = new ResizeObserver((entries) => {
+    entries.forEach(callback);
+  });
+  observer.observe(element);
+  return () => {
+    observer.disconnect();
+  };
+}
+var REACT_ELEMENT_TYPE = typeof Symbol === "function" && Symbol.for ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
+function isReactElement(value) {
+  return typeof value === "object" && value !== null && value.$$typeof === REACT_ELEMENT_TYPE;
+}
+function isLitTemplateResult(value) {
+  return value && typeof value === "object" && value.strings && Array.isArray(value.strings) && value.values && Array.isArray(value.values);
+}
+function isTemplateFactory(value) {
+  if (typeof value !== "function") return false;
+  try {
+    const result = value();
+    return isLitTemplateResult(result);
+  } catch {
+    return false;
+  }
+}
+function isJSXTemplate(value) {
+  return typeof value === "object" && value !== null && (value.$$typeof === "template" || typeof value.type === "function");
+}
+function isDOMNode(value) {
+  return value instanceof Node;
+}
+function registerGlobal(key, value, _Key = "Fluixi") {
+  if (typeof globalThis !== "undefined") {
+    if (typeof globalThis[_Key] === "undefined") {
+      globalThis[_Key] = {};
+    }
+    if (typeof globalThis[_Key][key] === "undefined") {
+      globalThis[_Key][key] = value;
+    }
+  }
+}
+function getGlobal(key, value, _Key = "Fluixi") {
+  if (typeof globalThis !== "undefined") {
+    if (typeof globalThis[_Key] !== "undefined") {
+      if (typeof globalThis[_Key][key] !== "undefined") {
+        return globalThis[_Key][key];
+      }
+    }
+  }
+  return value;
+}
+
+// src/lib/dom/runtime.ts
+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 setServerMode(on) {
+  state.server = on;
+}
+function getServerNodes() {
+  if (!state.nodes) {
+    throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");
+  }
+  return state.nodes;
+}
+function isDomNode(x) {
+  if (x != null && x[SERVER_NODE] === true) return true;
+  return typeof Node !== "undefined" && x instanceof Node;
+}
+function isDomElement(x) {
+  if (x != null && x[SERVER_NODE] === true) return x.nodeType === 1;
+  return typeof Element !== "undefined" && x instanceof Element;
+}
+function isDomText(x) {
+  if (x != null && x[SERVER_NODE] === true) return x.nodeType === 3;
+  return typeof Text !== "undefined" && x instanceof Text;
+}
+
+// src/lib/dom/hydration-state.ts
+var hydration = {
+  active: false,
+  cursor: null,
+  parents: []
+};
+var _walker = null;
+function registerHydrationWalker(walker) {
+  _walker = walker;
+}
+function getHydrationWalker() {
+  return _walker;
+}
+function isAdopted(parent, node) {
+  return hydration.active && node.parentNode === parent;
+}
+function ascendPast(node) {
+  const idx = hydration.parents.lastIndexOf(node);
+  if (idx !== -1) hydration.parents.length = idx;
+  hydration.cursor = node.nextSibling;
+}
+function captureHydrationCursor() {
+  return hydration.active ? hydration.cursor : null;
+}
+function runHydrationAt(cursor, fn) {
+  if (!cursor || cursor.parentNode == null) return fn();
+  const prevActive = hydration.active;
+  const prevCursor = hydration.cursor;
+  const prevParents = hydration.parents;
+  hydration.active = true;
+  hydration.cursor = cursor;
+  hydration.parents = [];
+  try {
+    return fn();
+  } finally {
+    hydration.active = prevActive;
+    hydration.cursor = prevCursor;
+    hydration.parents = prevParents;
+  }
+}
+function runWithoutHydration(fn) {
+  if (!hydration.active) return fn();
+  const prevCursor = hydration.cursor;
+  const prevParents = hydration.parents;
+  hydration.active = false;
+  hydration.parents = [];
+  try {
+    return fn();
+  } finally {
+    hydration.active = true;
+    hydration.cursor = prevCursor;
+    hydration.parents = prevParents;
+  }
+}
+function hydrateAdvancePast(rendered) {
+  if (!hydration.active || rendered == null) return;
+  const last = Array.isArray(rendered) ? rendered[rendered.length - 1] : rendered;
+  if (last && typeof last.nodeType === "number") {
+    ascendPast(last);
+  }
+}
+
+// src/lib/dom/runtime.ts
+function getElementFingerprint(el) {
+  const parts = [];
+  while (el && el.nodeType === 1) {
+    let part = el.tagName.toLowerCase();
+    if (el.id) {
+      part += `#${el.id}`;
+      parts.unshift(part);
+      break;
+    }
+    if (el.getAttribute("data-id")) {
+      part += `[data-id="${el.getAttribute("data-id")}"]`;
+    }
+    let index = 0;
+    let sibling = el;
+    while (sibling = sibling.previousElementSibling) {
+      if (sibling.tagName === el.tagName) index++;
+    }
+    part += `:nth-of-type(${index + 1})`;
+    parts.unshift(part);
+    el = el.parentElement;
+  }
+  return parts.join(">");
+}
+function hashString(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = (hash << 5) - hash + str.charCodeAt(i);
+    hash |= 0;
+  }
+  return `el_${Math.abs(hash)}`;
+}
+function getStableElementId(el) {
+  return hashString(getElementFingerprint(el));
+}
+var generateID = () => {
+  return "xxyxxxxxxy-4xx8".replace(/[xy]/g, function(c) {
+    let r = Math.random() * 16 | 0;
+    let v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+};
+var EMPTY_OBJ = {};
+var HOLE_TAG = "__fx_at";
+var LOC_TAG = "__fx_loc";
+function located(element, at) {
+  if (at) element[LOC_TAG] = at;
+  return element;
+}
+var templateCache = /* @__PURE__ */ new Map();
+var delegatedSet = /* @__PURE__ */ new Set();
+var NON_DELEGATED = /* @__PURE__ */ new Set(["scroll", "focus", "blur", "load", "error", "resize", "mouseenter", "mouseleave", "pointerenter", "pointerleave", "gotpointercapture", "lostpointercapture"]);
+function delegateEvents(eventNames) {
+  if (isServer()) return;
+  for (const name of eventNames) {
+    if (delegatedSet.has(name) || NON_DELEGATED.has(name)) continue;
+    delegatedSet.add(name);
+    document.addEventListener(name, delegatedEventHandler);
+  }
+}
+function delegatedEventHandler(e) {
+  const key = `$$${e.type}`;
+  let node = e.composedPath && e.composedPath()[0] || e.target;
+  while (node) {
+    const handler = node[key];
+    if (handler && !node.disabled) {
+      handler(e);
+      if (e.cancelBubble) return;
+    }
+    node = node.host && node.host !== node && node.host instanceof Element ? node.host : node.parentNode;
+  }
+}
+function addDelegatedEventListener(element, name, handler) {
+  element[`$$${name}`] = handler;
+  if (NON_DELEGATED.has(name)) {
+    const key = `__fx_${name}`;
+    if (!element[key]) {
+      const forwarder = (e) => {
+        element[`$$${name}`]?.(e);
+      };
+      element.addEventListener(name, forwarder);
+      element[key] = forwarder;
+    }
+    return;
+  }
+  if (!delegatedSet.has(name)) {
+    delegateEvents([name]);
+  }
+}
+function removeDelegatedEventListener(element, name) {
+  delete element[`$$${name}`];
+  const key = `__fx_${name}`;
+  const forwarder = element[key];
+  if (forwarder) {
+    element.removeEventListener(name, forwarder);
+    delete element[key];
+  }
+}
+function isDelegatedEvent(name) {
+  return !NON_DELEGATED.has(name);
+}
+function isFunction(value) {
+  return typeof value === "function";
+}
+function createTextNode(value, anchor = false) {
+  if (isServer()) return getServerNodes().createText(value);
+  if (hydration.active && !anchor) {
+    const node = getHydrationWalker()?.hydrateText(value);
+    if (node) return node;
+  }
+  return document.createTextNode(value);
+}
+function createNativeElement(tag, isSVG = false, at) {
+  if (isServer()) return getServerNodes().createElement(tag, isSVG);
+  if (hydration.active) {
+    const node = getHydrationWalker()?.hydrateElement(tag);
+    if (node) return at ? located(node, at) : node;
+  }
+  return located(
+    isSVG ? document.createElementNS(SVG_NAMESPACE, tag) : document.createElement(tag),
+    at
+  );
+}
+function createTemplate(html, isSVG = false) {
+  const cached = templateCache.get(html);
+  if (cached) return cached;
+  const template = document.createElement("template");
+  if (isSVG) {
+    template.innerHTML = `<svg>${html}</svg>`;
+  } else {
+    template.innerHTML = html;
+  }
+  templateCache.set(html, template);
+  return template;
+}
+function templateNode(html, tag, holes = false, isSVG = false, at) {
+  if (isServer()) {
+    const nodes = getServerNodes();
+    return holes ? nodes.parseTemplate(html, isSVG) : nodes.createRaw(html);
+  }
+  if (hydration.active) {
+    const node = getHydrationWalker()?.hydrateStatic(tag);
+    if (node) return stampPositions(node, at);
+  }
+  return stampPositions(cloneTemplate(createTemplate(html, isSVG), isSVG).firstChild, at);
+}
+function stampPositions(node, at) {
+  const root = node;
+  if (!at || typeof root?.querySelectorAll !== "function") return node;
+  const all = [root, ...root.querySelectorAll("*")];
+  for (let i = 0; i < all.length && i * 2 + 1 < at.pos.length; i++) {
+    const line = at.pos[i * 2];
+    if (line) all[i][LOC_TAG] = { file: at.file, line, column: at.pos[i * 2 + 1] };
+  }
+  return node;
+}
+function holeScope(start, produce) {
+  if (!hydration.active) return produce();
+  const value = runHydrationAt(start.nextSibling, produce);
+  if (typeof value === "function") {
+    const accessor = value;
+    const wrapped = (...args) => hydration.active ? runHydrationAt(start.nextSibling, () => accessor(...args)) : accessor(...args);
+    return carryHoleTag(accessor, wrapped);
+  }
+  return value;
+}
+function carryHoleTag(from, to) {
+  const tag = from[HOLE_TAG];
+  if (tag !== void 0) to[HOLE_TAG] = tag;
+  return to;
+}
+function holeEnd(start) {
+  for (let n = start.nextSibling; n; n = n.nextSibling) {
+    if (n.nodeType === 8 && n.data === "fx/") return n;
+  }
+  throw new Error("[fluixi] template hole is missing its closing marker");
+}
+function holeContent(start, end) {
+  const nodes = [];
+  for (let n = start.nextSibling; n && n !== end; n = n.nextSibling) nodes.push(n);
+  return nodes;
+}
+function cloneTemplate(template, isSVG = false) {
+  const clone = template.content.cloneNode(true);
+  if (isSVG) return clone.firstChild;
+  return clone;
+}
+function makeArrayFlat(values) {
+  if (!Array.isArray(values)) return values;
+  if (values.length === 2 && values[1] === " ") {
+    if (Array.isArray(values[0])) return makeArrayFlat(values[0]);
+    if (typeof values[0] === "function") return values[0];
+    return values[0];
+  }
+  if (values.length === 1 && typeof values[0] === "function") return values[0];
+  return values;
+}
+function fnName(fn) {
+  if (typeof fn !== "function") return null;
+  return fn._name || fn.name || "anonymous";
+}
+function iterateFn(item) {
+  if (isSignal(item)) return item;
+  if (isComponent(item)) return item;
+  if (typeof item !== "function") return item;
+  let content = item();
+  while (typeof content === "function" && !isSignal(content) && !isComponent(content)) {
+    content = content();
+  }
+  return content;
+}
+var _insertDepth = 0;
+var MAX_INSERT_DEPTH = 200;
+function _createInsertEffect(getAccessor, parent, marker, initialCurrent, setCurrent) {
+  let current = initialCurrent;
+  const componentCache = /* @__PURE__ */ new Map();
+  return 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 normalizeAccessor = (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(
+    normalizeAccessor(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 applyProps(element, props, isSVG = false) {
+  for (const key in props) {
+    const val = props[key];
+    if (key === "ref") {
+      handleRef(val, element);
+      continue;
+    }
+    if (key === "children") continue;
+    if (key === "use") {
+      applyUse(element, val);
+      continue;
+    }
+    if (key.startsWith("on:")) {
+      addNativeEventListener(element, key.slice(3), val);
+      continue;
+    }
+    if (key.startsWith("prop:")) {
+      reportReactiveDirective(element, "prop", key.slice(5), val);
+      setDynamicProperty(element, key.slice(5), val);
+      continue;
+    }
+    if (key.startsWith("attr:")) {
+      reportReactiveDirective(element, "attr", key.slice(5), val);
+      setDynamicAttribute(element, key.slice(5), val, isSVG);
+      continue;
+    }
+    if (key.startsWith("bool:")) {
+      reportReactiveDirective(element, "bool", key.slice(5), val);
+      setDynamicBoolAttribute(element, key.slice(5), val);
+      continue;
+    }
+    if (key.startsWith("on") && key.length > 2) {
+      const name = key.slice(2).toLowerCase();
+      if (typeof val === "function") {
+        if (NON_DELEGATED.has(name)) {
+          element[`$$${name}`] = val;
+          const listenerKey = `__fx_${name}`;
+          if (!element[listenerKey]) {
+            const forwarder = (e) => {
+              element[`$$${name}`]?.(e);
+            };
+            element.addEventListener(name, forwarder);
+            element[listenerKey] = forwarder;
+          }
+        } else {
+          element[`$$${name}`] = val;
+          if (!delegatedSet.has(name)) delegateEvents([name]);
+        }
+      }
+      continue;
+    }
+    if (key === "class" || key === "className") {
+      setClassName(element, val);
+      continue;
+    }
+    if (key === "classList") {
+      reportKeys(element, "class", val);
+      if (typeof val === "function")
+        createRenderEffect(() => {
+          reportReactiveBinding(element, "attribute", "class", val);
+          setClassList(element, val());
+        });
+      else setClassList(element, val);
+      continue;
+    }
+    if (key === "style") {
+      reportKeys(element, "style", val);
+      if (typeof val === "function")
+        createRenderEffect(() => {
+          reportReactiveBinding(element, "attribute", "style", val);
+          setStyle(element, val());
+        });
+      else setStyle(element, val);
+      continue;
+    }
+    if (key === "innerHTML") {
+      if (typeof val === "function") {
+        const dispose = createEffect(() => {
+          let v = val();
+          while (typeof v === "function") v = v();
+          element.innerHTML = v;
+        });
+        onCleanup(() => dispose());
+      } else {
+        element.innerHTML = val;
+      }
+      continue;
+    }
+    if (key === "value" && (element.tagName === "INPUT" || element.tagName === "TEXTAREA")) {
+      if (typeof val === "function") {
+        const dispose = createEffect(() => {
+          let v = val();
+          while (typeof v === "function" && v.length === 0) v = v();
+          if (document.activeElement !== element) {
+            element.value = v ?? "";
+          }
+        });
+        onCleanup(() => {
+          dispose();
+        });
+      } else {
+        createRenderEffect(() => {
+          if (document.activeElement !== element) {
+            element.value = props[key] ?? "";
+          }
+        });
+      }
+      continue;
+    }
+    if (key === "checked" && element.tagName === "INPUT") {
+      if (typeof val === "function") {
+        const dispose = createEffect(() => {
+          let v = val();
+          while (typeof v === "function" && v.length === 0) v = v();
+          if (document.activeElement !== element) {
+            element.checked = v ?? "";
+          }
+        });
+        onCleanup(() => {
+          dispose();
+        });
+      } else {
+        createRenderEffect(() => {
+          if (document.activeElement !== element) {
+            element.checked = props[key] ?? "";
+          }
+        });
+      }
+      continue;
+    }
+    if (key === "value" && element.tagName === "SELECT") {
+      if (typeof val === "function") {
+        let firstRun = true;
+        const dispose = createEffect(() => {
+          let v = val();
+          while (typeof v === "function" && v.length === 0) v = v();
+          if (firstRun) {
+            firstRun = false;
+            queueMicrotask(() => {
+              element.value = v ?? "";
+            });
+          } else {
+            element.value = v ?? "";
+          }
+        });
+        onCleanup(() => {
+          dispose();
+        });
+      } else {
+        let firstRun = true;
+        createRenderEffect(() => {
+          const v = props[key];
+          if (firstRun) {
+            firstRun = false;
+            queueMicrotask(() => {
+              element.value = v ?? "";
+            });
+          } else {
+            element.value = v ?? "";
+          }
+        });
+      }
+      continue;
+    }
+    if (typeof val === "function") {
+      const dispose = createEffect(() => {
+        let v = val();
+        while (typeof v === "function" && v.length === 0) v = v();
+        applyElementProp(element, key, v, isSVG);
+      });
+      onCleanup(() => {
+        dispose();
+      });
+    } else {
+      createRenderEffect(() => applyElementProp(element, key, props[key], isSVG));
+    }
+  }
+}
+function mergeProps(...sources) {
+  const resolve = (key) => {
+    for (let i = sources.length - 1; i >= 0; i--) {
+      const s = sources[i];
+      if (s && key in s && s[key] !== void 0) return s[key];
+    }
+    return void 0;
+  };
+  const hasKey = (key) => {
+    for (const s of sources) if (s && key in s) return true;
+    return false;
+  };
+  return new Proxy({}, {
+    get: (_, key) => resolve(key),
+    has: (_, key) => hasKey(key),
+    ownKeys: () => {
+      const keys = /* @__PURE__ */ new Set();
+      for (const s of sources) if (s) for (const k of Reflect.ownKeys(s)) keys.add(k);
+      return [...keys];
+    },
+    getOwnPropertyDescriptor: (_, key) => hasKey(key) ? { enumerable: true, configurable: true, get: () => resolve(key) } : void 0
+  });
+}
+function splitProps(props, ...keys) {
+  const taken = /* @__PURE__ */ new Set();
+  for (const group of keys) for (const k of group) taken.add(k);
+  const descriptor = (p) => ({
+    enumerable: true,
+    configurable: true,
+    get: () => props[p]
+  });
+  const groups = keys.map((group) => {
+    const keySet = new Set(group);
+    return new Proxy({}, {
+      get: (_, p) => keySet.has(p) ? props[p] : void 0,
+      has: (_, p) => keySet.has(p) && p in props,
+      ownKeys: () => Array.from(keySet).filter((k) => k in props),
+      getOwnPropertyDescriptor: (_, p) => keySet.has(p) && p in props ? descriptor(p) : void 0
+    });
+  });
+  const rest = new Proxy({}, {
+    get: (_, p) => taken.has(p) ? void 0 : props[p],
+    has: (_, p) => !taken.has(p) && p in props,
+    ownKeys: () => Reflect.ownKeys(props).filter((k) => !taken.has(k)),
+    getOwnPropertyDescriptor: (_, p) => !taken.has(p) && p in props ? descriptor(p) : void 0
+  });
+  return [...groups, rest];
+}
+function handleRef(ref, element) {
+  if (!ref) return;
+  const held = ref[HOLE_TAG]?.name;
+  reportReactiveDirective(
+    element,
+    "ref",
+    held || (typeof ref === "function" ? ref.name || "ref" : "ref"),
+    ref
+  );
+  if (isDomNode(ref)) {
+    const actualRef = element;
+    const actualElement = ref;
+    if (!actualRef) return;
+    if (typeof actualRef === "function") actualRef(actualElement);
+    else if (typeof actualRef === "object" && "current" in actualRef) actualRef.current = actualElement;
+    return;
+  }
+  if (typeof ref === "function") ref(element);
+  else if (typeof ref === "object" && "current" in ref) ref.current = element;
+}
+function createPortal(children, element, props) {
+  const container = element || document.body;
+  const resolved = readChildren(() => children);
+  const cleanups = [];
+  batch(() => {
+    const dispose = createRenderEffect(() => {
+      const nodes = resolved();
+      if (Array.isArray(nodes)) {
+        nodes.forEach((node) => container.appendChild(node));
+        cleanups.push(() => {
+          nodes.forEach((node) => {
+            if (node.parentNode === container) {
+              container.removeChild(node);
+            }
+          });
+        });
+      } else if (isDomNode(nodes)) {
+        container.appendChild(nodes);
+        cleanups.push(() => {
+          if (nodes.parentNode === container) {
+            container.removeChild(nodes);
+          }
+        });
+      }
+    });
+    cleanups.push(dispose);
+    onCleanup(() => {
+      cleanups.forEach((fn) => fn());
+    });
+  });
+  return null;
+}
+function isNativeElement(tag) {
+  return typeof tag === "string" && tag.toLowerCase() === tag;
+}
+function isSVGElement(tag) {
+  return tag === "svg" || tag === "path" || tag === "circle" || tag === "rect" || tag === "line" || tag === "polygon" || tag === "polyline" || tag === "ellipse" || tag === "g" || tag === "defs" || tag === "clipPath" || tag === "text";
+}
+function escapeHTML(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function isPromise(v) {
+  return v != null && (typeof v === "object" || typeof v === "function") && typeof v.then === "function" || v instanceof Promise;
+}
+function isAccessor(value) {
+  return typeof value === "function" && value.length === 0 && isSignal(value);
+}
+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 = "";
+  };
+}
+function bindPair(source) {
+  if (Array.isArray(source)) return source;
+  if (typeof source === "function" && typeof source.set === "function") {
+    return [source, source.set];
+  }
+  throw new TypeError(
+    "[fluixi] bind: needs a signal, either `signal(...)` or the `[get, set]` pair from `createSignal(...)`."
+  );
+}
+
+// src/lib/dom/integration.ts
+import { untrack as untrack2, isSignal as isSignal2, reportReactiveProps } from "@fluixi/reactive";
+var _slotKey = "__fx_dom_create_component__";
+var _slot = globalThis[_slotKey] ??= { fn: null };
+function registerCreateComponent(createComponent2) {
+  _slot.fn = createComponent2;
+}
+function initializeIntegration(options = {}) {
+  const cc = options.signalSystem?.createComponent;
+  if (cc) _slot.fn = cc;
+}
+function createComponent(Comp, props) {
+  if (_slot.fn) return _slot.fn(Comp, props);
+  if (props) 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;
+}
+var intergartionInitialized = () => _slot.fn !== null;
+var isIntegrationInitialized = () => _slot.fn !== null;
+function resetIntegration() {
+  _slot.fn = null;
+}
+
+// src/lib/dom/server/request-context.ts
+var _current;
+var syncStore = {
+  getStore: () => _current,
+  run(ctx, fn) {
+    const prev = _current;
+    _current = ctx;
+    try {
+      return fn();
+    } finally {
+      _current = prev;
+    }
+  }
+};
+var _store = syncStore;
+function getRequestContext() {
+  return _store.getStore();
+}
+
+// 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_ELEMENTS2 = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var DEV = typeof process !== "undefined" && process.env && false;
+function warnMismatch(expected, found) {
+  const f = found.nodeType === 1 ? `<${found.tagName.toLowerCase()}>` : found.nodeType === 3 ? `text ${JSON.stringify((found.nodeValue ?? "").slice(0, 24))}` : found.nodeType === 8 ? "comment" : "node";
+  console.warn(
+    `[fluixi] hydration mismatch: expected ${expected} but the server DOM has ${f}. Server and client rendered different markup; recreating this node on the client. Check for non-deterministic render (Date.now(), Math.random(), browser-only branches, untransported data).`
+  );
+}
+function hydrateElement(tag) {
+  recoverCursor();
+  const c = hydration.cursor;
+  if (c && c.nodeType === 1 && c.tagName.toLowerCase() === tag.toLowerCase()) {
+    if (VOID_ELEMENTS2.has(tag.toLowerCase())) {
+      hydration.cursor = c.nextSibling;
+    } else {
+      hydration.parents.push(c);
+      hydration.cursor = c.firstChild;
+    }
+    return c;
+  }
+  if (DEV && c) warnMismatch(`<${tag}>`, c);
+  return null;
+}
+function hydrateStatic(tag) {
+  recoverCursor();
+  const c = hydration.cursor;
+  if (c && c.nodeType === 1 && c.tagName.toLowerCase() === tag.toLowerCase()) {
+    hydration.cursor = c.nextSibling;
+    return c;
+  }
+  if (DEV && c) warnMismatch(`<${tag}> (static)`, c);
+  return null;
+}
+function hydrateText(value) {
+  if (value === "") {
+    const c2 = hydration.cursor;
+    if (c2 && c2.nodeType === 3 && c2.data !== "") {
+      hydration.cursor = c2.nextSibling;
+      c2.data = "";
+      return c2;
+    }
+    return null;
+  }
+  recoverCursor();
+  const c = hydration.cursor;
+  if (c && c.nodeType === 3) {
+    hydration.cursor = c.nextSibling;
+    if (c.nodeValue !== value) c.nodeValue = value;
+    return c;
+  }
+  if (DEV && c) warnMismatch(`text ${JSON.stringify(value.slice(0, 24))}`, c);
+  return null;
+}
+function hydrateMarker(value) {
+  recoverCursor();
+  const c = hydration.cursor;
+  if (c && c.nodeType === 8 && c.data === value) {
+    hydration.cursor = c.nextSibling;
+    return c;
+  }
+  if (DEV && c) warnMismatch(`marker <!--${value.slice(0, 24)}-->`, c);
+  return null;
+}
+var _walkerRegistered = false;
+function ensureWalker() {
+  if (_walkerRegistered) return;
+  _walkerRegistered = true;
+  registerHydrationWalker({ hydrateElement, hydrateText, hydrateMarker, hydrateStatic });
+}
+function hydrate(element, container, options) {
+  ensureWalker();
+  hydration.active = true;
+  hydration.cursor = container.firstChild;
+  hydration.parents = [];
+  const data = getServerData();
+  const ns = options?.resourceNamespace;
+  let rid = 0;
+  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/dom/island.ts
+var TAG = "fluixi-island";
+function Island(props) {
+  const { component, props: cprops = {}, name } = props;
+  const el = createNativeElement(TAG);
+  const islandName = name ?? component.name ?? "Island";
+  setAttribute(el, "name", islandName);
+  setAttribute(el, "props", JSON.stringify(cprops ?? {}));
+  const ctx = isServer() ? getRequestContext() : void 0;
+  if (ctx) {
+    const ns = ctx.nextIslandNamespace(islandName);
+    insert(el, () => ctx.withResourceScope(ns, () => component(cprops)));
+  } else {
+    insert(el, () => component(cprops));
+  }
+  return el;
+}
+var _styleInjected = false;
+function ensureDisplayContents() {
+  if (_styleInjected || typeof document === "undefined") return;
+  _styleInjected = true;
+  const style = document.createElement("style");
+  style.textContent = `${TAG}{display:contents}`;
+  document.head.appendChild(style);
+}
+function hydrateIslands(registry) {
+  if (typeof document === "undefined") return;
+  ensureDisplayContents();
+  const els = document.querySelectorAll(TAG);
+  const counts = /* @__PURE__ */ new Map();
+  els.forEach((el) => {
+    const name = el.getAttribute("name") ?? "";
+    const occ = counts.get(name) ?? 0;
+    counts.set(name, occ + 1);
+    const Comp = registry[name];
+    if (!Comp) {
+      if (typeof process === "undefined" || false) {
+        console.warn(`[fluixi] island "${name}" has no component in the registry, left static.`);
+      }
+      return;
+    }
+    let props = {};
+    try {
+      props = JSON.parse(el.getAttribute("props") || "{}");
+    } catch {
+    }
+    hydrate(() => Comp(props), el, { resourceNamespace: `${name}#${occ}` });
+  });
+}
+export {
+  Island,
+  JSX_PROPERTIES,
+  SVG_ELEMENTS,
+  SVG_NAMESPACE,
+  VOID_ELEMENTS,
+  addClass,
+  addDelegatedEventListener,
+  addNativeEventListener,
+  appendChildren,
+  applyElementProp,
+  applyProps,
+  applyUse,
+  bindPair,
+  captureHydrationCursor,
+  cleanChildren,
+  cloneTemplate,
+  closest,
+  createComponent,
+  createElement,
+  createNativeElement,
+  createPortal,
+  createTemplate,
+  delegate,
+  delegateEvents,
+  escapeHTML,
+  fnName,
+  generateID,
+  getAttribute,
+  getGlobal,
+  getLitEventName,
+  getOffset,
+  getStableElementId,
+  getStyle,
+  handleRef,
+  hasClass,
+  holeContent,
+  holeEnd,
+  holeScope,
+  hydrate,
+  hydrateAdvancePast,
+  hydrateIslands,
+  initializeIntegration,
+  insert,
+  insertExpression,
+  intergartionInitialized,
+  isAccessor,
+  isCustomElement,
+  isDOMNode,
+  isDelegatedEvent,
+  isDomElement,
+  isDomNode,
+  isDomText,
+  isEventHandler,
+  isFunction,
+  isIntegrationInitialized,
+  isJSXTemplate,
+  isLitTemplateResult,
+  isNativeElement,
+  isPromise,
+  isReactElement,
+  isSVGElement,
+  isServer,
+  isTemplateFactory,
+  isVisible,
+  iterateFn,
+  makeArrayFlat,
+  mergeProps,
+  observeIntersection,
+  observeResize,
+  query,
+  queryAll,
+  registerCreateComponent,
+  registerGlobal,
+  removeAttribute,
+  removeChildren,
+  removeClass,
+  removeDelegatedEventListener,
+  render,
+  resetIntegration,
+  runHydrationAt,
+  runWithoutHydration,
+  scrollIntoView,
+  setAttribute,
+  setClassList,
+  setClassName,
+  setDynamicAttribute,
+  setDynamicBoolAttribute,
+  setDynamicProperty,
+  setProperty,
+  setServerMode,
+  setStyle,
+  setStyles,
+  shouldSetAsProperty,
+  splitProps,
+  spread,
+  templateNode,
+  toAttributeName,
+  toggleClass,
+  waitForElement
+};