ilha 0.9.0 → 0.9.2

package/dist/index.js

@@ -1,5 +1,2133 @@
-import{computed as e,effect as t,endBatch as n,setActiveSub as r,signal as i,startBatch as a}from"alien-signals";function o(e,t){if(t>32)return!0;if(typeof e!=`object`||!e)return!1;if(Array.isArray(e)){for(let n of e)if(o(n,t+1))return!0;return!1}for(let n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&o(e[n],t+1))return!0;return!1}const s=new Set([`__proto__`,`constructor`,`prototype`]);function c(e){if(!(typeof e!=`object`||!e)){if(Array.isArray(e)){for(let t of e)c(t);return}for(let t of Object.getOwnPropertyNames(e))s.has(t)?delete e[t]:c(e[t])}}function l(e,t){if(e.length>262144){`${t}`;return}let n;try{n=JSON.parse(e)}catch{`${t}`;return}if(o(n,1)){`${t}`;return}if(typeof n!=`object`||!n||Array.isArray(n)){`${t}`;return}return c(n),n}function u(e,t){if(Object.is(e,t))return!0;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return!1;let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let r of n)if(!Object.prototype.hasOwnProperty.call(t,r)||!Object.is(e[r],t[r]))return!1;return!0}function d(e){let t=document.createElement(`template`);return t.innerHTML=e,t.content}function f(e){let t=[];for(let n of e.querySelectorAll(`[data-ilha-slot]`)){if(!(n instanceof Element))continue;let r=n.parentElement??n.parentNode,i=!1;for(;r&&r!==e;){if(r instanceof Element&&r.hasAttribute(`data-ilha-slot`)){i=!0;break}r=r instanceof Element?r.parentElement??r.parentNode:r.parentNode}i||t.push(n.getAttribute(`data-ilha-slot`))}return t}function p(e,t){for(let n of e.querySelectorAll(`[${A}]`))if(n.getAttribute(A)===t)return n.getAttribute(j)??``;return null}const m=/^[a-z][a-z0-9-]*$/i;function h(e){let t=e.trim();if(t.length===0)throw Error(`island.as() requires a non-empty HTML tag name.`);if(!m.test(t))throw Error(`island.as() tag must be a valid HTML element name (got "${e}"). Use names like "span", "div", or "li".`);return t.toLowerCase()}function g(e){let t=e[k];return typeof t==`string`&&t.length>0?t:`div`}function _(e,t,n,r){return`<${e} ${A}="${w(t)}"${n}>${r}</${e}>`}function ee(e,t,n){if(typeof document>`u`)return!1;let r=d(e),i=d(t),a=f(r),o=f(i);if(a.length!==o.length||a.some((e,t)=>e!==o[t]))return!1;for(let e of n){let t=p(r,e),n=p(i,e);if(t===null||n===null||t!==n)return!1}return!0}function te(e){return e===void 0?``:JSON.stringify(e)}const v=new Set([`data-checked`,`data-unchecked`,`data-indeterminate`,`aria-checked`,`data-open`,`data-closed`,`data-state`,`aria-expanded`,`aria-hidden`,`data-selected`,`data-panel-open`]);function y(e,t){return e.matches(`[data-slot]`)&&v.has(t)}function b(e,t){for(let{name:n,value:r}of t.attributes)y(e,n)||e.getAttribute(n)!==r&&e.setAttribute(n,r);for(let{name:n}of Array.from(e.attributes))y(e,n)||t.hasAttribute(n)||e.removeAttribute(n)}function x(e,t){let n=Array.from(t.childNodes),r=null;for(let t of e.children){let e=t.getAttribute(`data-key`);e!==null&&!(r??=new Map).has(e)&&r.set(e,t)}let i=null;if(r!==null){i=new Set;for(let e of t.children){let t=e.getAttribute(`data-key`);t!==null&&i.add(t)}}for(let t=0;t<n.length;t++){let a=n[t],o=e.childNodes[t];if(r!==null&&a.nodeType===1){let t=a.getAttribute(`data-key`);if(t!==null){let n=r.get(t);if(n)n!==o&&(e.insertBefore(n,o??null),o=n);else if(o instanceof Element){let t=o.getAttribute(`data-key`);if(t!==null&&i.has(t)){e.insertBefore(a.cloneNode(!0),o);continue}}}}if(!o){e.appendChild(a.cloneNode(!0));continue}if(o.nodeType!==a.nodeType){e.replaceChild(a.cloneNode(!0),o);continue}if(o.nodeType===3||o.nodeType===8){o.nodeValue!==a.nodeValue&&(o.nodeValue=a.nodeValue);continue}if(o.nodeType===1){let t=o,n=a;if(t.localName!==n.localName||t.namespaceURI!==n.namespaceURI){e.replaceChild(n.cloneNode(!0),t);continue}if(t.localName===`input`&&t.type!==n.type){e.replaceChild(n.cloneNode(!0),t);continue}if(b(t,n),t.localName===`textarea`){let e=n.textContent??``;t.textContent!==e&&(t.textContent=e,t.value=e)}else x(t,n)}}for(;e.childNodes.length>n.length;)e.lastChild.remove()}function ne(e,t){if(e.localName!==t.localName||e.namespaceURI!==t.namespaceURI)throw Error(`[ilha] morph: elements must match`);x(e,t)}function S(e){if(typeof e!=`object`||!e)return!1;let t=e[`~standard`];return t!=null&&typeof t.validate==`function`&&t.version===1}function re(e,t){let n=e[`~standard`].validate(t);if(n instanceof Promise)throw Error(`[ilha] Async schemas are not supported.`);if(n.issues)throw Error(`[ilha] Validation failed:\n${n.issues.map(e=>`  - ${e.message}`).join(`
-`)}`);return n.value}const C={"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&#39;`};function w(e){return String(e).replace(/[&<>"']/g,e=>C[e])}function T(e){if(e.length===0||e[0]!==`
-`)return e;let t=e.split(`
-`);for(;t.length&&t[0].trim()===``;)t.shift();for(;t.length&&t[t.length-1].trim()===``;)t.pop();if(!t.length)return``;let n=Math.min(...t.filter(e=>e.trim()!==``).map(e=>e.match(/^(\s*)/)[1].length));return t.map(e=>e.slice(n)).join(`
-`)}const E=Symbol.for(`ilha.raw`),D=Symbol.for(`ilha.signalAccessor`),ie=Symbol.for(`ilha.island`),O=Symbol.for(`ilha.islandCall`),ae=Symbol.for(`ilha.islandMountInternal`),k=Symbol.for(`ilha.islandSlotTag`),A=`data-ilha-slot`,j=`data-ilha-props`,oe=`data-ilha-state`;function M(e){return`<style data-ilha-css>@scope (:scope) to ([data-ilha]){${e.replace(/<\/style/gi,`<\\/style`)}}</style>`}const N=[];function se(e,t){let n={slots:new Map,positional:0,liveHost:e,pending:t?new Map:void 0,binds:[]};return N.push(n),n}function P(){N.pop()}function F(){return N[N.length-1]}function I(e){return typeof e==`function`&&ie in e}function L(e){return e==null||typeof e!=`object`&&typeof e!=`function`?!1:O in e?!0:typeof e==`object`&&`island`in e&&I(e.island)}function R(e,t,n){let r=F(),i;i=n===void 0?r?`p:${r.positional++}`:`p:0`:`k:${n}`,r&&r.slots.set(i,{island:e,props:t});let a=g(e),o=t?` ${j}='${w(JSON.stringify(t))}'`:``;if(r?.liveHost)return _(a,i,o,``);if(r?.pending){P();try{let n=e(t);return n instanceof Promise?(r.pending.set(i,n.then(String)),_(a,i,o,z(i))):_(a,i,o,String(n))}finally{N.push(r)}}let s=e.toString(t);return _(a,i,o,s)}function z(e){return`<!--ilha-async:${w(e)}-->`}async function ce(e,t){for(let[n,r]of t){let t=await r;e=e.split(z(n)).join(t)}return e}function B(e){e[D]=!0;let t=e;return t.select=e=>K(t,e),t}function V(e){return typeof e==`function`&&D in e}function H(e,t){let n=e;for(let e of t){if(n==null)return;n=n[e]}return n}function U(e,t,n){if(t.length===0)return n;let[r,...i]=t;if(Array.isArray(e)){let t=r;if(t<0||t>=e.length)return e;let a=e[t],o=i.length===0?n:U(a,i,n);if(Object.is(a,o))return e;let s=e.slice();return s[t]=o,s}if(typeof e==`object`&&e){let t=e,a=String(r),o=t[a],s=i.length===0?n:U(o,i,n);if(i.length===0){if(Object.is(o,n))return e}else if(Object.is(o,s))return e;return{...t,[a]:s}}return i.length===0?n:U(void 0,i,n)}function W(e){return typeof e==`symbol`||e===`length`?null:/^\d+$/.test(e)?Number(e):e}function G(e,t){let n=[],r=e=>e===null||typeof e!=`object`&&typeof e!=`function`?e:new Proxy(e,{get(e,t,i){let a=W(t);a!=null&&n.push(a);let o=Reflect.get(e,t,i);return a!=null&&typeof o==`object`&&o?r(o):o}});return t(r(e)),n}function K(e,t){let n=G(e(),t),r=t(e()),i=n.length===0?e():H(e(),n);if(!Object.is(r,i))throw Error(`select(): selector must only traverse nested properties or array indexes — derived or transformed values are not supported.`);return B((...r)=>{if(r.length===0)return n.length===0?t(e()):H(e(),n);let i=n.length===0?r[0]:U(e(),n,r[0]);Object.is(e(),i)||e(i)})}function q(e){return{[E]:!0,value:e}}function J(e,...t){if(typeof e==`string`)return e;let n=``;for(let r=0;r<e.length;r++)n+=e[r],r<t.length&&(n+=String(t[r]));return n}function Y(e){if(e==null||e===!0||e===!1)return``;if(Array.isArray(e))return e.map(Y).join(``);if(me(e))return e.value;if(L(e)){let t=typeof e==`function`?e():e;return R(t.island,t.props,t.key)}return I(e)?R(e,void 0,void 0):V(e)||typeof e==`function`?w(e()):w(e)}const le=new Set([`value`,`checked`,`valueAsNumber`,`valueAsDate`,`files`,`open`,`group`,`this`]),X=/\bbind:([a-zA-Z]+)\s*=\s*("|')?$/;function ue(e,t){let n=t;for(let t=0;t<e.length;t++){let r=e[t];if(n!==null)r===n&&(n=null);else if(r===`"`||r===`'`)n=r;else if(r===`>`)return{index:t,quote:n}}return{index:-1,quote:n}}function de(e){if(e instanceof Date){if(isNaN(e.getTime()))return``;let t=e=>String(e).padStart(2,`0`);return`${e.getFullYear()}-${t(e.getMonth()+1)}-${t(e.getDate())}`}return``}function Z(e){let t=e.lastIndexOf(`<`);if(t===-1)return null;let n=e.slice(t);if(n.includes(`>`))return null;let r=n.match(/\bvalue\s*=\s*("([^"]*)"|'([^']*)'|([^\s>]+))/);return r?r[2]??r[3]??r[4]??null:null}function fe(e,t,n,r){let i=`${e}:${t}`,a;try{a=n()}catch{a=void 0}switch(e){case`value`:return[` value="${w(a??``)}"`,i];case`valueAsNumber`:return[` value="${w(a==null?``:String(a))}"`,i];case`valueAsDate`:return[` value="${w(de(a))}"`,i];case`checked`:return[a?` checked`:``,i];case`open`:return[a?` open`:``,i];case`files`:return[``,i];case`this`:return[``,i];case`group`:{let e=Z(r);return e==null?[``,i]:[(Array.isArray(a)?a.map(String).includes(e):a!=null&&String(a)===e)?` checked`:``,i]}}}function pe(e,...t){let n=``,r=null,i=``,a=null,o=F();for(let s=0;s<e.length;s++){let c=e[s];if(r!==null&&(c.startsWith(r)&&(c=c.slice(1)),r=null),i!==``){let{index:e,quote:t}=ue(c,a);e===-1?a=t:(c=c.slice(0,e).replace(/\s*\/\s*$/,``)+` data-ilha-bind="${i}">`+c.slice(e+1),i=``,a=null)}if(s>=t.length){n+=c;continue}let l=t[s],u=c.match(X);if(u&&V(l)){let e=u[1],t=u[2]??null;if(!le.has(e)){n+=c+Y(l);continue}if(!o){let i=c.slice(0,c.length-u[0].length),a=t??`"`;n+=i+e+`=`+a+Y(l)+a,t&&(r=t);continue}let a=c.length-u[0].length,s=c.slice(0,a).replace(/\s+$/,``),d=o.binds.length;o.binds.push({kind:e,accessor:l});let[f,p]=fe(e,d,l,s);n+=s+f,i+=(i?`,`:``)+p,t&&(r=t);continue}n+=c+Y(l)}return i!==``&&(n+=` data-ilha-bind="${i}"`),{[E]:!0,value:T(n)}}function me(e){return typeof e!=`object`||!e?!1:E in e&&typeof e.value==`string`}function he(e){return me(e)?e.value:e}const Q=new Map;function ge(e,t){if(Q.has(e))return Q.get(e);let n=i(t),r=(...e)=>{if(e.length===0)return n();n(e[0])};return Q.set(e,r),r}const _e=Object.assign(ge,{delete(e){return Q.delete(e)},clear(){Q.clear()}});function ve(e){let t=i(e);return B((...e)=>{if(e.length===0)return t();t(e[0])})}function ye(t){let n=e(t);return B((...e)=>{if(!(e.length>0))return n()})}function be(e){let r,i=()=>{if(typeof r==`function`){try{r()}catch(e){console.error(e)}r=void 0}},o=t(()=>{i(),a();try{r=e()}catch(e){console.error(e)}finally{n()}});return()=>{o(),i()}}function xe(e){let t=r(void 0);try{return e()}finally{r(t)}}function Se(e){a();try{return e()}finally{n()}}function Ce(e,t){let n=B((...n)=>{if(n.length>0){t&&t(n[0]);return}return e().value});return new Proxy(n,{get(t,n,r){return n===`loading`||n===`value`||n===`error`?e()[n]:Reflect.get(t,n,r)}})}function we(){return Ce(()=>({loading:!1,value:void 0,error:void 0}))}function Te(e){let t=new Map;for(let[n,r]of Object.entries(e))t.set(n,Ce(()=>r,e=>{r.loading=!1,r.value=e,r.error=void 0}));return new Proxy({},{get(e,n){if(typeof n==`string`)return t.get(n)??we()}})}function Ee(e,n,a,o){let s=new Map;for(let t of e){let e;if(o!=null&&t.key in o)e={...o[t.key]};else if(t.fn.constructor.name===`AsyncFunction`||t.fn.constructor.name===`AsyncGeneratorFunction`)e={loading:!0,value:void 0,error:void 0};else{let r=new AbortController;try{let i=t.fn({state:n,input:a,signal:r.signal});i instanceof Promise?(e={loading:!0,value:void 0,error:void 0},i.catch(()=>{})):e={loading:!1,value:i,error:void 0}}catch(t){e={loading:!1,value:void 0,error:t instanceof Error?t:Error(String(t))}}finally{r.abort()}}let r=i(e);s.set(t.key,r)}let c=new Map;for(let t of e){let e=s.get(t.key);c.set(t.key,Ce(()=>e(),t=>{let n=r(void 0);e({loading:!1,value:t,error:void 0}),r(n)}))}return{proxy:new Proxy({},{get(e,t){if(typeof t==`string`)return c.get(t)??we()}}),setup:()=>{let i=[];for(let c of e){let e=s.get(c.key),l=new AbortController,u=o!=null&&c.key in o,d=t(()=>{l.abort(),l=new AbortController;let t=l,i;try{i=c.fn({state:n,input:a,signal:t.signal})}catch(t){if(u){u=!1;return}let n=r(void 0);e({loading:!1,value:void 0,error:t instanceof Error?t:Error(String(t))}),r(n);return}if(u){u=!1,i instanceof Promise&&i.catch(()=>{});return}if(!(i instanceof Promise)){let t=r(void 0);e({loading:!1,value:i,error:void 0}),r(t);return}let o=r(void 0);e({loading:!0,value:e().value,error:void 0}),r(o),i.then(n=>{t.signal.aborted||e({loading:!1,value:n,error:void 0})}).catch(n=>{t.signal.aborted||e({loading:!1,value:void 0,error:n instanceof Error?n:Error(String(n))})})});i.push(()=>{d(),l.abort()})}return()=>i.forEach(e=>e())}}}const De=`data-ilha-bind`;function Oe(e){let t=[];for(let n of e.split(`,`)){let[e,r]=n.split(`:`);if(!e||!r)continue;let i=Number(r);!Number.isInteger(i)||i<0||t.push({kind:e,index:i})}return t}function ke(e,t){let n=e;switch(t){case`value`:return{event:e.tagName===`SELECT`?`change`:`input`,read:e=>e.value,write:(e,t)=>e.value=t==null?``:String(t)};case`valueAsNumber`:return{event:`input`,read:e=>{let t=e.valueAsNumber;return Number.isNaN(t)?null:t},write:(e,t)=>e.value=t==null||Number.isNaN(t)?``:String(t)};case`valueAsDate`:return{event:`input`,read:e=>e.valueAsDate,write:(e,t)=>{e.value=de(t)}};case`checked`:return{event:`change`,read:e=>e.checked,write:(e,t)=>e.checked=!!t};case`files`:return{event:`change`,read:e=>e.files,write:()=>{}};case`open`:return{event:`toggle`,read:e=>e.open,write:(e,t)=>e.open=!!t};case`this`:return{event:null,read:()=>void 0,write:()=>{}};case`group`:{let e=n.type===`checkbox`;return{event:`change`,read:t=>{let n=t;return e?{__ilhaGroup:!0,value:n.value,checked:n.checked}:n.checked?n.value:void 0},write:(t,n)=>{let r=t;e?r.checked=(Array.isArray(n)?n.map(String):[]).includes(r.value):r.checked=n!=null&&String(n)===r.value}}}}}function Ae(e,t){if(t.length===0)return()=>{};let n=[],r=[];e.hasAttribute(De)&&r.push(e);for(let t of e.querySelectorAll(`[${De}]`))r.push(t);for(let e of r){let r=Oe(e.getAttribute(De));for(let i of r){let r=t[i.index];if(!r||r.kind!==i.kind)continue;let{event:a,read:o,write:s}=ke(e,i.kind),c=r.accessor;if(i.kind===`this`){c(e),n.push(()=>c(null));continue}try{s(e,c())}catch{}if(a===null)continue;let l=()=>{let t=o(e);if(i.kind===`group`){let e=t;if(e===void 0)return;if(typeof e==`object`&&e.__ilhaGroup){let t=c(),n=Array.isArray(t)?[...t]:[],r=n.findIndex(t=>String(t)===e.value);if(e.checked&&r===-1){let r=e.value,i=Array.isArray(t)&&t.length>0?t[0]:void 0;if(i!==void 0)if(typeof i==`number`){let e=Number(r);r=Number.isNaN(e)?r:e}else typeof i==`boolean`&&(r=!!r);n.push(r)}else!e.checked&&r!==-1&&n.splice(r,1);c(n);return}let n=c(),r=e;if(typeof n==`number`&&typeof e==`string`){let t=Number(e);r=Number.isNaN(t)?0:t}else typeof n==`boolean`&&(r=!!e);c(r);return}let n=c(),r=t;if(typeof n==`number`&&typeof t==`string`){let e=Number(t);r=Number.isNaN(e)?0:e}else typeof n==`boolean`&&(r=!!t);c(r)};e.addEventListener(a,l),n.push(()=>e.removeEventListener(a,l))}}return()=>n.forEach(e=>e())}function je(e){let t=e.lastIndexOf(`@`),n=t===-1?``:e.slice(0,t),r=(t===-1?e:e.slice(t+1)).split(`:`),i=r[0],a=new Set(r.slice(1));return{selector:n,eventType:i,options:{once:a.has(`once`),capture:a.has(`capture`),passive:a.has(`passive`)},abortable:a.has(`abortable`)}}function Me(e){if(typeof AbortSignal.any==`function`)return AbortSignal.any(e);let t=new AbortController,n=[];for(let r of e){if(r.aborted)return t.abort(r.reason),n.forEach(e=>e()),t.signal;let e=()=>t.abort(r.reason);r.addEventListener(`abort`,e,{once:!0}),n.push(()=>r.removeEventListener(`abort`,e))}return t.signal.aborted||t.signal.addEventListener(`abort`,()=>{n.forEach(e=>e())}),t.signal}const $=new Set;function Ne(e,t){if($.size===0)return!1;for(let n of $)try{n(e,t)}catch(e){console.error(e)}return!0}function Pe(e){return $.add(e),()=>{$.delete(e)}}var Fe=class e{_cfg;constructor(e){this._cfg=e}input(t){let n=null,r=null;return t!==void 0&&(S(t)?n=t:r=t),new e({schema:n,defaultInput:r,states:[],deriveds:[],ons:[],effects:[],onMounts:[],onErrors:[],transition:null,css:null,as:null})}as(t){return new e({...this._cfg,as:h(t)})}state(t,n){let r=this._cfg;return new e({...r,states:[...r.states,{key:t,init:n}]})}derived(t,n){let r=this._cfg;return new e({...r,deriveds:[...r.deriveds,{key:t,fn:n}]})}on(t,n){let r=je(t);return new e({...this._cfg,ons:[...this._cfg.ons,{selector:r.selector,event:r.eventType,options:r.options,abortable:r.abortable,handler:n}]})}effect(t){return new e({...this._cfg,effects:[...this._cfg.effects,{fn:t}]})}onMount(t){return new e({...this._cfg,onMounts:[...this._cfg.onMounts,{fn:t}]})}onError(t){return new e({...this._cfg,onErrors:[...this._cfg.onErrors,{fn:t}]})}transition(t){return new e({...this._cfg,transition:t})}css(t,...n){let r;if(typeof t==`string`)r=t;else{let e=``;for(let r=0;r<t.length;r++)e+=t[r],r<n.length&&(e+=String(n[r]));r=e}return new e({...this._cfg,css:r})}render(e){let{schema:o,defaultInput:s,states:c,deriveds:d,ons:f,effects:p,onMounts:m,onErrors:g,transition:_,css:v,as:y}=this._cfg,b=v==null?``:M(v),x=y??`div`;function S(e){let t={...s??{},...e??{}};return o?re(o,t):t}function C(e,t,n){let r=se(t,n);try{let t=he(e()),n=r.slots,i=r.binds;if(r.pending&&r.pending.size>0){let e=r.pending;return(async()=>({html:await ce(t,e),slots:n,binds:i}))()}return{html:t,slots:n,binds:i}}finally{P()}}function T(e){let t={};for(let n of c){let r=typeof n.init==`function`?n.init(e):n.init,i=B((...e)=>{if(e.length===0)return r});t[n.key]=i}return t}function E(e,t){let n={};for(let r of c){let a=i(t&&r.key in t?t[r.key]:typeof r.init==`function`?r.init(e):r.init),o=B((...e)=>{if(e.length===0)return a();a(e[0])});n[r.key]=o}return n}function D(){if(typeof document<`u`)return document.createElement(`div`);let e={matches:()=>!1,querySelector:()=>null,querySelectorAll:()=>[],setAttribute:()=>{},getAttribute:()=>null,removeAttribute:()=>{},appendChild:()=>e};return e}function N(e,t,n){if(m.length===0||F())return;let i=D(),a=[];for(let o of m){let s=r(void 0),c;try{c=o.fn({state:t,derived:n,input:e,host:i,hydrated:!1})}catch(r){let a=r instanceof Error?r:Error(String(r));if(g.length===0)Ne(a,`mount`)||console.error(a);else for(let r of g)try{r.fn({error:a,source:`mount`,state:t,derived:n,input:e,host:i})}catch(e){console.error(e)}}finally{r(s)}typeof c==`function`&&a.push(c)}for(let e of a.reverse())try{e()}catch(e){let t=e instanceof Error?e:Error(String(e));g.length===0&&(Ne(t,`mount`)||console.error(t))}}function I(t,n=!1){let i=S(t),a=E(i),o=d.map(e=>{let t=r(void 0);try{return{key:e.key,result:e.fn({state:a,input:i,signal:new AbortController().signal})}}catch(t){return{key:e.key,result:Promise.reject(t)}}finally{r(t)}});if(!o.some(e=>e.result instanceof Promise)||n){let t={};for(let e of o)e.result instanceof Promise?t[e.key]={loading:!0,value:void 0,error:void 0}:t[e.key]={loading:!1,value:e.result,error:void 0};let n=Te(t);F()||N(i,a,n);let s=r(void 0);try{let{html:t}=C(()=>e({state:a,derived:n,input:i}));return b+t}finally{r(s)}}return Promise.all(o.map(async e=>{try{return{key:e.key,envelope:{loading:!1,value:await Promise.resolve(e.result),error:void 0}}}catch(t){return{key:e.key,envelope:{loading:!1,value:void 0,error:t instanceof Error?t:Error(String(t))}}}})).then(async t=>{let n={};for(let e of t)n[e.key]=e.envelope;let o=Te(n);F()||N(i,a,o);let s=r(void 0);try{let{html:t}=await C(()=>e({state:a,derived:o,input:i}),void 0,!0);return b+t}finally{r(s)}})}function L(e,t){return R(e,t).unmount}function R(o,s){if(s===void 0){let e=o.getAttribute(j);if(e){let t=l(e,j);t!==void 0&&(s=t)}}let c=i(S(s)),h=new Proxy({},{get(e,t){return c()[t]},has(e,t){return t in c()},ownKeys(){let e=r(void 0);try{return Reflect.ownKeys(c())}finally{r(e)}},getOwnPropertyDescriptor(e,t){let n=r(void 0);try{return Reflect.getOwnPropertyDescriptor(c(),t)}finally{r(n)}}}),v,y=o.getAttribute(oe);if(y){let e=l(y,oe);e!==void 0&&(v=e)}let x=v?Object.fromEntries(Object.entries(v).filter(([e])=>e!==`_derived`&&e!==`_skipOnMount`)):void 0,re=v?._derived,w;if(re){w={};for(let[e,t]of Object.entries(re))t.error&&!(t.error instanceof Error)?w[e]={...t,error:Error(String(t.error))}:w[e]=t}let T=v!=null,D=x!=null&&Object.keys(x).length>0,ie=T&&v?._skipOnMount===!0&&D,O=E(h,x),k=[],M=new AbortController;k.push(()=>M.abort());let{proxy:N,setup:se}=Ee(d,O,h,w),P=()=>{};function F(e,t){let n=e instanceof Error?e:Error(String(e));if(g.length===0){Ne(n,t)||console.error(n);return}for(let e of g)try{e.fn({error:n,source:t,state:O,derived:N,input:h,host:o})}catch(e){console.error(e)}}if(_?.enter)try{let e=_.enter(o);e instanceof Promise&&e.catch(e=>F(e,`transition`))}catch(e){F(e,`transition`)}let I=new Map,L=new Map;function R(e,t){I.delete(e);let n=Symbol(),r=t.unmount(),i=t=>{let r=L.get(e);!r||r.token!==n||(r.el.remove(),t?.remove(),L.delete(e))};if(r instanceof Promise)return L.set(e,{el:t.el,token:n}),r.finally(()=>i());t.el.remove()}function z(e){let t=e;for(;t&&t!==o;){if(t.hasAttribute(`data-ilha`))return!1;t=t.parentElement}return t===o}function ce(){let e=new Set([...L.values()].map(e=>e.el)),t=new Map;for(let n of o.querySelectorAll(`[${A}]`)){if(e.has(n))continue;let r=n.getAttribute(A);r===null||t.has(r)||z(n)&&t.set(r,n)}return t}function B(e){for(let[t,n]of I)e.has(t)||R(t,n);for(let[t,n]of I){let r=e.get(t);r&&r.island!==n.island&&R(t,n)}let t=null;for(let[n,{island:i,props:a}]of e){let e=I.get(n);if(e){e.updateProps(a);continue}t===null&&(t=ce());let o=t.get(n)??null;if(!o)continue;let s=a;if(s===void 0){let e=o.getAttribute(j)??o.getAttribute(`data-props`);if(e){let t=l(e,`props on [${A}="${n}"]`);t!==void 0&&(s=t)}}let c=r(void 0),u;try{let e=i[ae];u=e?e(o,s):{unmount:i.mount(o,s),updateProps:()=>{}}}finally{r(c)}I.set(n,{el:o,island:i,...u})}}let V=[],H=new Set,U=new WeakMap;function W(){for(let e of f)e.options.once&&H.has(e)||(e.selector===``?[o]:Array.from(o.querySelectorAll(e.selector))).forEach(t=>{let r=r=>{if(e.options.once){H.add(e);for(let t of V.filter(t=>t.entry===e))t.target.removeEventListener(t.type,t.fn,t.options);V.splice(0,V.length,...V.filter(t=>t.entry!==e))}let i=r.target instanceof Element?r.target:t,s=e.selector===``?i:t,c;if(e.abortable){let n=U.get(e);n||(n=new WeakMap,U.set(e,n));let r=n.get(t);r&&r.abort();let i=new AbortController;n.set(t,i),c=Me([M.signal,i.signal])}else c=M.signal;let l;a();try{l=e.handler({state:O,derived:N,input:h,host:o,target:s,event:r,signal:c})}catch(e){F(e,`on`),n();return}n(),l instanceof Promise&&l.catch(e=>{e&&e.name===`AbortError`||F(e,`on`)})},i={...e.options,once:!1};t.addEventListener(e.event,r,i),V.push({target:t,type:e.event,fn:r,options:i,entry:e})})}function G(){for(let e of V)e.target.removeEventListener(e.type,e.fn,e.options);V.length=0}function K(){for(let e of m){let t=r(void 0),n;try{n=e.fn({state:O,derived:N,input:h,host:o,hydrated:T})}catch(e){F(e,`mount`)}finally{r(t)}if(n){let e=n;k.push(()=>{try{e()}catch(e){F(e,`mount`)}})}}}let q=T&&o.childNodes.length>0;T&&m.length>0&&!ie&&K();let J=C(()=>e({state:O,derived:N,input:h}),q?o:void 0);q||(o.innerHTML=b+J.html);let Y=Ae(o,J.binds);k.push(()=>Y()),B(J.slots),k.push(()=>I.forEach(e=>e.unmount())),W(),!T&&m.length>0&&K();for(let e of p){let r,i=null,s=t(()=>{if(r){try{r()}catch(e){F(e,`effect`)}r=void 0}i&&i.abort(),i=new AbortController;let t=Me([M.signal,i.signal]);a();try{r=e.fn({state:O,derived:N,input:h,host:o,signal:t})}catch(e){F(e,`effect`)}finally{n()}});k.push(()=>{if(s(),r)try{r()}catch(e){F(e,`effect`)}i&&i.abort()})}P=se(),k.push(P);let le=!1,X=J.html,ue=0,de=t(()=>{let t=++ue,{html:n,slots:r,binds:i}=C(()=>e({state:O,derived:N,input:h}),o),a=b+n;if(!le){if(le=!0,q){for(let[e,t]of I){let n=r.get(e);n&&t.updateProps(n.props)}if(n===X)return}if(n===X||I.size>0&&I.size===r.size&&[...r.keys()].every(e=>I.has(e))&&ee(X,n,r.keys()))return}G(),Y();let s=I.size,c=[];for(let[e,t]of I)if(!r.has(e)){let n=R(e,t);n instanceof Promise&&c.push(n)}for(let[e,t]of I){let n=r.get(e);if(n&&n.island!==t.island){let n=R(e,t);n instanceof Promise&&c.push(n)}}let l=()=>{if(t!==ue)return;let e=new Map,n=r.size<s;for(let[t,i]of I){if(!r.has(t)||!i.el.isConnected)continue;if(n&&t.startsWith(`p:`)){R(t,i);continue}let a=i.el.tagName.toLowerCase(),o=document.createElement(a);o.setAttribute(A,t);let s=te(r.get(t)?.props);s!==``&&o.setAttribute(j,s),i.el.replaceWith(o),e.set(t,i.el)}let c=document.createElement(`template`),l=o.tagName.toLowerCase();if(c.innerHTML=`<${l}>${a}</${l}>`,ne(o,c.content.firstElementChild),e.size>0){let t=ce();for(let[n,r]of e){let e=t.get(n);e&&e.replaceWith(r)}}W(),Y=Ae(o,i),B(r)};c.length>0?Promise.allSettled(c).then(e=>{for(let t of e)t.status===`rejected`&&console.error(t.reason);l()}):l()}),Z=!1;return{unmount:()=>{if(Z)return;Z=!0,de(),G();let e=[];for(let[,t]of I){let n=t.unmount();n instanceof Promise&&e.push(n)}if(_?.leave)try{let t=_.leave(o);t instanceof Promise&&e.push(t)}catch(e){F(e,`transition`)}let t=()=>{for(let e of k)e()};if(e.length>0)return Promise.all(e).then(t).catch(e=>{F(e,`transition`),t()});t()},updateProps:e=>{if(Z)return;let t=S(e);u(c(),t)||c(t)}}}let z=function(e){return F()?{[O]:!0,island:z,props:e,key:void 0}:I(e)};return z.toString=e=>I(e,!0),z.mount=(e,t)=>L(e,t),z[ae]=(e,t)=>R(e,t),z[k]=x,z.key=e=>{if(typeof e!=`string`||e.trim().length===0)throw Error(`island.key() requires a non-empty string.`);if(e.includes(`:`))throw Error(`island.key() key cannot contain the slot separator ":" (got "${e}").`);let t=(t=>({[O]:!0,island:z,props:t,key:e}));return t[O]=!0,t},z[ie]=!0,z.define=(e,t)=>{if(typeof customElements>`u`||typeof HTMLElement>`u`){`${e}`;return}let n=new Set([`annotation-xml`,`color-profile`,`font-face`,`font-face-src`,`font-face-uri`,`font-face-format`,`font-face-name`,`missing-glyph`]);if(typeof e!=`string`||!/^[a-z][a-z0-9._-]*-[a-z0-9._-]*$/.test(e)||n.has(e)){`${e}`;return}if(customElements.get(e)){`${e}`;return}let r=t?.observe??[];class i extends HTMLElement{static observedAttributes=r;_handle=null;_props;_unmounting=!1;_reconnect=!1;get props(){return this._props}set props(e){this._props=e,this._handle&&!this._unmounting&&this._handle.updateProps(this._mergedProps())}_mergedProps(){let e={},t=!1;for(let n of r){let r=this.getAttribute(n);r!==null&&(e[n]=r,t=!0)}if(!(!t&&this._props===void 0))return{...e,...this._props??{}}}connectedCallback(){if(this._unmounting){this._reconnect=!0;return}this._handle||=R(this,this._mergedProps())}disconnectedCallback(){!this._handle||this._unmounting||(this._unmounting=!0,this._reconnect=!1,Promise.resolve(this._handle.unmount()).finally(()=>{this._handle=null,this._unmounting=!1,this._reconnect&&(this._reconnect=!1,this.isConnected&&(this._handle=R(this,this._mergedProps())))}))}attributeChangedCallback(){this._handle&&!this._unmounting&&this._handle.updateProps(this._mergedProps())}}customElements.define(e,i)},z.hydratable=async(e,t)=>{let{name:n,as:i=`div`,snapshot:a=!1,skipOnMount:o}=t,s=h(i),l=e??{},u=await I(l),f=w(JSON.stringify(l)),p=``;if(a!==!1){let e=a===!0||a.state!==!1,t=a===!0||a.derived!==!1,n=o??(e||t),i={},s=S(l),u=T(s);if(e)for(let e of c)i[e.key]=u[e.key]();if(t){let e={};for(let t of d){let n=r(void 0),i,a,o=!1;try{i=t.fn({state:u,input:s,signal:new AbortController().signal})}catch(e){o=!0,a=e}finally{r(n)}if(o){e[t.key]={loading:!1,value:void 0,error:a instanceof Error?a.message:String(a)};continue}try{let n=await Promise.resolve(i);e[t.key]={loading:!1,value:n,error:void 0}}catch(n){e[t.key]={loading:!1,value:void 0,error:n instanceof Error?n.message:String(n)}}}i._derived=e}n&&(i._skipOnMount=!0),p=` ${oe}='${w(JSON.stringify(i))}'`}return`<${s} data-ilha="${w(n)}" ${j}='${f}'${p}>${u}</${s}>`},z}};function Ie(e,t,n){let r=typeof e==`string`?document.querySelector(e):e;return r?t.mount(r,n):(console.warn(`[ilha] from(): element not found: ${e}`),null)}function Le(e,t={}){let n=t.root??document.body,r=t.lazy??!1,i=[];function a(t){let n=t.getAttribute(`data-ilha`);if(!n)return;let r=e[n];if(!r){`${n}${Object.keys(e).join(`, `)}`;return}let a={},o=t.getAttribute(j);if(o){let e=l(o,`${j} on [data-ilha="${n}"]`);e!==void 0&&(a=e)}i.push(r.mount(t,a))}let o=Array.from(n.querySelectorAll(`[data-ilha]`));if(r&&typeof IntersectionObserver<`u`){let e=!1,t=new IntersectionObserver(n=>{if(!e)for(let e of n)e.isIntersecting&&(a(e.target),t.unobserve(e.target))});o.forEach(e=>t.observe(e)),i.push(()=>{e=!0,t.disconnect()})}else o.forEach(a);return{unmount:()=>{let e=[];for(let t of i){let n=t();n instanceof Promise&&e.push(n)}if(e.length>0)return Promise.all(e).then(()=>{})}}}const Re=new Fe({schema:null,defaultInput:null,states:[],deriveds:[],ons:[],effects:[],onMounts:[],onErrors:[],transition:null,css:null,as:null}),ze=Object.assign(Re,{html:pe,raw:q,mount:Le,from:Ie,context:_e,signal:ve,computed:ye,batch:Se,untrack:xe,onUncaughtError:Pe});function Be(e,t,n){return q(R(e,t,n))}const Ve=pe,He=q,Ue=J,We=Le,Ge=Ie,Ke=_e;export{ae as ISLAND_MOUNT_INTERNAL,Be as __ilhaJsxSlot,Se as batch,ye as computed,Ke as context,Ue as css,ze as default,be as effect,Ge as from,Ve as html,ve as ilhaSignal,ve as signal,We as mount,Pe as onUncaughtError,He as raw,xe as untrack};
+import { computed, effect, endBatch, setActiveSub, signal, startBatch } from "alien-signals";
+
+//#region src/index.ts
+const MAX_SNAPSHOT_CHARS = 256 * 1024;
+const MAX_SNAPSHOT_DEPTH = 32;
+function exceedsMaxDepth(value, depth) {
+	if (depth > MAX_SNAPSHOT_DEPTH) return true;
+	if (value === null || typeof value !== "object") return false;
+	if (Array.isArray(value)) {
+		for (const item of value) if (exceedsMaxDepth(item, depth + 1)) return true;
+		return false;
+	}
+	for (const key in value) {
+		if (!Object.prototype.hasOwnProperty.call(value, key)) continue;
+		if (exceedsMaxDepth(value[key], depth + 1)) return true;
+	}
+	return false;
+}
+const UNSAFE_SNAPSHOT_KEYS = /* @__PURE__ */ new Set([
+	"__proto__",
+	"constructor",
+	"prototype"
+]);
+function stripUnsafeKeys(value) {
+	if (value === null || typeof value !== "object") return;
+	if (Array.isArray(value)) {
+		for (const item of value) stripUnsafeKeys(item);
+		return;
+	}
+	for (const key of Object.getOwnPropertyNames(value)) if (UNSAFE_SNAPSHOT_KEYS.has(key)) delete value[key];
+	else stripUnsafeKeys(value[key]);
+}
+function safeParseSnapshot(raw, label) {
+	if (raw.length > MAX_SNAPSHOT_CHARS) {
+		`${label}`;
+		return;
+	}
+	let parsed;
+	try {
+		parsed = JSON.parse(raw);
+	} catch {
+		`${label}`;
+		return;
+	}
+	if (exceedsMaxDepth(parsed, 1)) {
+		`${label}`;
+		return;
+	}
+	if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) {
+		`${label}`;
+		return;
+	}
+	stripUnsafeKeys(parsed);
+	return parsed;
+}
+function shallowEqualInput(a, b) {
+	if (Object.is(a, b)) return true;
+	if (typeof a !== "object" || a === null || typeof b !== "object" || b === null) return false;
+	const ak = Object.keys(a);
+	const bk = Object.keys(b);
+	if (ak.length !== bk.length) return false;
+	for (const k of ak) {
+		if (!Object.prototype.hasOwnProperty.call(b, k)) return false;
+		if (!Object.is(a[k], b[k])) return false;
+	}
+	return true;
+}
+function parseHtmlFragment(html) {
+	const tpl = document.createElement("template");
+	tpl.innerHTML = html;
+	return tpl.content;
+}
+function extractDirectChildSlotIdsInOrder(root) {
+	const ids = [];
+	for (const el of root.querySelectorAll("[data-ilha-slot]")) {
+		if (!(el instanceof Element)) continue;
+		let parent = el.parentElement ?? el.parentNode;
+		let nested = false;
+		while (parent && parent !== root) {
+			if (parent instanceof Element && parent.hasAttribute("data-ilha-slot")) {
+				nested = true;
+				break;
+			}
+			parent = parent instanceof Element ? parent.parentElement ?? parent.parentNode : parent.parentNode;
+		}
+		if (!nested) ids.push(el.getAttribute("data-ilha-slot"));
+	}
+	return ids;
+}
+function extractSlotPropsAttr(root, slotId) {
+	for (const el of root.querySelectorAll(`[${SLOT_ATTR}]`)) if (el.getAttribute(SLOT_ATTR) === slotId) return el.getAttribute(PROPS_ATTR) ?? "";
+	return null;
+}
+const SLOT_TAG_NAME_RE = /^[a-z][a-z0-9-]*$/i;
+function assertValidSlotTagName(tag) {
+	const trimmed = tag.trim();
+	if (trimmed.length === 0) throw new Error("island.as() requires a non-empty HTML tag name.");
+	if (!SLOT_TAG_NAME_RE.test(trimmed)) throw new Error(`island.as() tag must be a valid HTML element name (got "${tag}"). Use names like "span", "div", or "li".`);
+	return trimmed.toLowerCase();
+}
+function getIslandSlotTag(island) {
+	const tag = island[ISLAND_SLOT_TAG];
+	if (typeof tag === "string" && tag.length > 0) return tag;
+	return "div";
+}
+function wrapIslandSlotHtml(tag, id, propsAttr, inner) {
+	return `<${tag} ${SLOT_ATTR}="${escapeHtml(id)}"${propsAttr}>${inner}</${tag}>`;
+}
+function isStableInlineSlotMount(initialHtml, renderedHtml, slotIds) {
+	if (typeof document === "undefined") return false;
+	const initialRoot = parseHtmlFragment(initialHtml);
+	const renderedRoot = parseHtmlFragment(renderedHtml);
+	const initialOrder = extractDirectChildSlotIdsInOrder(initialRoot);
+	const renderedOrder = extractDirectChildSlotIdsInOrder(renderedRoot);
+	if (initialOrder.length !== renderedOrder.length || initialOrder.some((id, i) => id !== renderedOrder[i])) return false;
+	for (const id of slotIds) {
+		const initialProps = extractSlotPropsAttr(initialRoot, id);
+		const renderedProps = extractSlotPropsAttr(renderedRoot, id);
+		if (initialProps === null || renderedProps === null) return false;
+		if (initialProps !== renderedProps) return false;
+	}
+	return true;
+}
+function serializeSlotProps(props) {
+	return props === void 0 ? "" : JSON.stringify(props);
+}
+const MORPH_CONTROLLER_SLOT_SELECTOR = "[data-slot]";
+const MORPH_CONTROLLER_ATTRS = /* @__PURE__ */ new Set([
+	"data-checked",
+	"data-unchecked",
+	"data-indeterminate",
+	"aria-checked",
+	"data-open",
+	"data-closed",
+	"data-state",
+	"aria-expanded",
+	"aria-hidden",
+	"data-selected",
+	"data-panel-open"
+]);
+function shouldPreserveMorphAttr(el, name) {
+	return el.matches(MORPH_CONTROLLER_SLOT_SELECTOR) && MORPH_CONTROLLER_ATTRS.has(name);
+}
+function syncAttributes(from, to) {
+	for (const { name, value } of to.attributes) {
+		if (shouldPreserveMorphAttr(from, name)) continue;
+		if (from.getAttribute(name) !== value) from.setAttribute(name, value);
+	}
+	for (const { name } of Array.from(from.attributes)) {
+		if (shouldPreserveMorphAttr(from, name)) continue;
+		if (!to.hasAttribute(name)) from.removeAttribute(name);
+	}
+}
+function morphChildren(fromParent, toParent) {
+	const toNodes = Array.from(toParent.childNodes);
+	let fromKeyed = null;
+	for (const child of fromParent.children) {
+		const k = child.getAttribute("data-key");
+		if (k !== null && !(fromKeyed ??= /* @__PURE__ */ new Map()).has(k)) fromKeyed.set(k, child);
+	}
+	let toKeys = null;
+	if (fromKeyed !== null) {
+		toKeys = /* @__PURE__ */ new Set();
+		for (const child of toParent.children) {
+			const k = child.getAttribute("data-key");
+			if (k !== null) toKeys.add(k);
+		}
+	}
+	for (let i = 0; i < toNodes.length; i++) {
+		const toNode = toNodes[i];
+		let fromNode = fromParent.childNodes[i];
+		if (fromKeyed !== null) {
+			const toKey = toNode.nodeType === 1 ? toNode.getAttribute("data-key") : null;
+			if (toKey !== null) {
+				const match = fromKeyed.get(toKey);
+				if (match) {
+					fromKeyed.delete(toKey);
+					if (match !== fromNode) {
+						fromParent.insertBefore(match, fromNode ?? null);
+						fromNode = match;
+					}
+				}
+			}
+			if (fromNode instanceof Element) {
+				const fromKey = fromNode.getAttribute("data-key");
+				if (fromKey !== null && fromKey !== toKey && toKeys.has(fromKey)) {
+					fromParent.insertBefore(toNode.cloneNode(true), fromNode);
+					continue;
+				}
+			}
+		}
+		if (!fromNode) {
+			fromParent.appendChild(toNode.cloneNode(true));
+			continue;
+		}
+		if (fromNode.nodeType !== toNode.nodeType) {
+			fromParent.replaceChild(toNode.cloneNode(true), fromNode);
+			continue;
+		}
+		if (fromNode.nodeType === 3 || fromNode.nodeType === 8) {
+			if (fromNode.nodeValue !== toNode.nodeValue) fromNode.nodeValue = toNode.nodeValue;
+			continue;
+		}
+		if (fromNode.nodeType === 1) {
+			const fromEl = fromNode;
+			const toEl = toNode;
+			if (fromEl.localName !== toEl.localName || fromEl.namespaceURI !== toEl.namespaceURI) {
+				fromParent.replaceChild(toEl.cloneNode(true), fromEl);
+				continue;
+			}
+			if (fromEl.localName === "input" && fromEl.type !== toEl.type) {
+				fromParent.replaceChild(toEl.cloneNode(true), fromEl);
+				continue;
+			}
+			if (fromEl.localName === "input") {
+				const hadChecked = fromEl.hasAttribute("checked");
+				const hadValue = fromEl.getAttribute("value");
+				syncAttributes(fromEl, toEl);
+				const hasChecked = toEl.hasAttribute("checked");
+				if (hasChecked !== hadChecked) fromEl.checked = hasChecked;
+				const newValue = toEl.getAttribute("value");
+				if (newValue !== hadValue) fromEl.value = newValue ?? "";
+				continue;
+			}
+			syncAttributes(fromEl, toEl);
+			if (fromEl.localName === "textarea") {
+				const newText = toEl.textContent ?? "";
+				if (fromEl.textContent !== newText) {
+					fromEl.textContent = newText;
+					fromEl.value = newText;
+				}
+			} else morphChildren(fromEl, toEl);
+		}
+	}
+	while (fromParent.childNodes.length > toNodes.length) fromParent.lastChild.remove();
+}
+function morphInner(from, to) {
+	if (from.localName !== to.localName || from.namespaceURI !== to.namespaceURI) throw new Error("[ilha] morph: elements must match");
+	morphChildren(from, to);
+}
+function isStandardSchema(value) {
+	if (value == null || typeof value !== "object") return false;
+	const std = value["~standard"];
+	return std != null && typeof std.validate === "function" && std.version === 1;
+}
+function validateSchema(schema, value) {
+	const result = schema["~standard"].validate(value);
+	if (result instanceof Promise) throw new Error("[ilha] Async schemas are not supported.");
+	if (result.issues) throw new Error(`[ilha] Validation failed:\n${result.issues.map((i) => `  - ${i.message}`).join("\n")}`);
+	return result.value;
+}
+const ESC = {
+	"&": "&amp;",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+function escapeHtml(value) {
+	return String(value).replace(/[&<>"']/g, (c) => ESC[c]);
+}
+function dedentString(str) {
+	if (str.length === 0 || str[0] !== "\n") return str;
+	const lines = str.split("\n");
+	while (lines.length && lines[0].trim() === "") lines.shift();
+	while (lines.length && lines[lines.length - 1].trim() === "") lines.pop();
+	if (!lines.length) return "";
+	const indent = Math.min(...lines.filter((l) => l.trim() !== "").map((l) => l.match(/^(\s*)/)[1].length));
+	return lines.map((l) => l.slice(indent)).join("\n");
+}
+const RAW = Symbol.for("ilha.raw");
+const SIGNAL_ACCESSOR = Symbol.for("ilha.signalAccessor");
+const ISLAND = Symbol.for("ilha.island");
+const ISLAND_CALL = Symbol.for("ilha.islandCall");
+/** @internal Internal hook used by a parent's mountSlots to mount a child island and
+* retain a handle to push updated props into it on subsequent parent
+* re-renders. Not part of the public surface. */
+const ISLAND_MOUNT_INTERNAL = Symbol.for("ilha.islandMountInternal");
+const ISLAND_SLOT_TAG = Symbol.for("ilha.islandSlotTag");
+const SLOT_ATTR = "data-ilha-slot";
+const PROPS_ATTR = "data-ilha-props";
+const STATE_ATTR = "data-ilha-state";
+const CSS_ATTR = "data-ilha-css";
+function buildScopedStyle(css) {
+	return `<style ${CSS_ATTR}>@scope (:scope) to ([data-ilha]){${css.replace(/<\/style/gi, "<\\/style")}}</style>`;
+}
+const renderCtxStack = [];
+function pushRenderCtx(liveHost, asyncChildren) {
+	const ctx = {
+		slots: /* @__PURE__ */ new Map(),
+		positional: 0,
+		liveHost,
+		pending: asyncChildren ? /* @__PURE__ */ new Map() : void 0,
+		binds: []
+	};
+	renderCtxStack.push(ctx);
+	return ctx;
+}
+function popRenderCtx() {
+	renderCtxStack.pop();
+}
+function currentRenderCtx() {
+	return renderCtxStack[renderCtxStack.length - 1];
+}
+function isIsland(v) {
+	return typeof v === "function" && ISLAND in v;
+}
+function isIslandCall(v) {
+	if (v == null || typeof v !== "object" && typeof v !== "function") return false;
+	if (ISLAND_CALL in v) return true;
+	return typeof v === "object" && "island" in v && isIsland(v.island);
+}
+function emitIslandSlot(island, props, key) {
+	const ctx = currentRenderCtx();
+	let id;
+	if (key !== void 0) id = `k:${key}`;
+	else id = ctx ? `p:${ctx.positional++}` : "p:0";
+	if (ctx) ctx.slots.set(id, {
+		island,
+		props
+	});
+	const slotTag = getIslandSlotTag(island);
+	const propsAttr = props ? ` ${PROPS_ATTR}='${escapeHtml(JSON.stringify(props))}'` : "";
+	if (ctx?.liveHost) return wrapIslandSlotHtml(slotTag, id, propsAttr, "");
+	if (ctx?.pending) {
+		popRenderCtx();
+		try {
+			const result = island(props);
+			if (result instanceof Promise) {
+				ctx.pending.set(id, result.then(String));
+				return wrapIslandSlotHtml(slotTag, id, propsAttr, asyncSlotMarker(id));
+			}
+			return wrapIslandSlotHtml(slotTag, id, propsAttr, String(result));
+		} finally {
+			renderCtxStack.push(ctx);
+		}
+	}
+	const inner = island.toString(props);
+	return wrapIslandSlotHtml(slotTag, id, propsAttr, inner);
+}
+function asyncSlotMarker(id) {
+	return `<!--ilha-async:${escapeHtml(id)}-->`;
+}
+async function resolveAsyncChildren(html, pending) {
+	for (const [id, promise] of pending) {
+		const inner = await promise;
+		html = html.split(asyncSlotMarker(id)).join(inner);
+	}
+	return html;
+}
+function markSignalAccessor(fn) {
+	fn[SIGNAL_ACCESSOR] = true;
+	const accessor = fn;
+	accessor.select = (selector) => createSelectAccessor(accessor, selector);
+	return accessor;
+}
+function isSignalAccessor(v) {
+	return typeof v === "function" && SIGNAL_ACCESSOR in v;
+}
+function getAtPath(obj, path) {
+	let cur = obj;
+	for (const seg of path) {
+		if (cur == null) return void 0;
+		cur = cur[seg];
+	}
+	return cur;
+}
+function setAtPath(obj, path, value) {
+	if (path.length === 0) return value;
+	const [head, ...rest] = path;
+	if (Array.isArray(obj)) {
+		const idx = head;
+		if (idx < 0 || idx >= obj.length) return obj;
+		const next = obj[idx];
+		const updated = rest.length === 0 ? value : setAtPath(next, rest, value);
+		if (Object.is(next, updated)) return obj;
+		const copy = obj.slice();
+		copy[idx] = updated;
+		return copy;
+	}
+	if (obj !== null && typeof obj === "object") {
+		const record = obj;
+		const key = String(head);
+		const next = record[key];
+		const updated = rest.length === 0 ? value : setAtPath(next, rest, value);
+		if (rest.length === 0) {
+			if (Object.is(next, value)) return obj;
+		} else if (Object.is(next, updated)) return obj;
+		return {
+			...record,
+			[key]: updated
+		};
+	}
+	return rest.length === 0 ? value : setAtPath(void 0, rest, value);
+}
+function toPathSegment(prop) {
+	if (typeof prop === "symbol") return null;
+	if (prop === "length") return null;
+	if (/^\d+$/.test(prop)) return Number(prop);
+	return prop;
+}
+function trackSelectPath(rootState, selector) {
+	const path = [];
+	const track = (value) => {
+		if (value === null || typeof value !== "object" && typeof value !== "function") return value;
+		return new Proxy(value, { get(target, prop, receiver) {
+			const seg = toPathSegment(prop);
+			if (seg != null) path.push(seg);
+			const next = Reflect.get(target, prop, receiver);
+			return seg != null && next !== null && typeof next === "object" ? track(next) : next;
+		} });
+	};
+	selector(track(rootState));
+	return path;
+}
+function createSelectAccessor(root, selector) {
+	const path = trackSelectPath(root(), selector);
+	const selected = selector(root());
+	const resolved = path.length === 0 ? root() : getAtPath(root(), path);
+	if (!Object.is(selected, resolved)) throw new Error("select(): selector must only traverse nested properties or array indexes — derived or transformed values are not supported.");
+	return markSignalAccessor((...args) => {
+		if (args.length === 0) return path.length === 0 ? selector(root()) : getAtPath(root(), path);
+		const next = path.length === 0 ? args[0] : setAtPath(root(), path, args[0]);
+		if (!Object.is(root(), next)) root(next);
+	});
+}
+function ilhaRaw(value) {
+	return {
+		[RAW]: true,
+		value
+	};
+}
+function ilhaCss(strings, ...values) {
+	if (typeof strings === "string") return strings;
+	let result = "";
+	for (let i = 0; i < strings.length; i++) {
+		result += strings[i];
+		if (i < values.length) result += String(values[i]);
+	}
+	return result;
+}
+function interpolateValue(v) {
+	if (v == null || v === true || v === false) return "";
+	if (Array.isArray(v)) return v.map(interpolateValue).join("");
+	if (isRawHtml(v)) return v.value;
+	if (isIslandCall(v)) {
+		const call = typeof v === "function" ? v() : v;
+		return emitIslandSlot(call.island, call.props, call.key);
+	}
+	if (isIsland(v)) return emitIslandSlot(v, void 0, void 0);
+	if (isSignalAccessor(v)) return escapeHtml(v());
+	if (typeof v === "function") return escapeHtml(v());
+	return escapeHtml(v);
+}
+const BIND_VALID_KINDS = /* @__PURE__ */ new Set([
+	"value",
+	"checked",
+	"valueAsNumber",
+	"valueAsDate",
+	"files",
+	"open",
+	"group",
+	"this"
+]);
+const BIND_PREFIX_RE = /\bbind:([a-zA-Z]+)\s*=\s*("|')?$/;
+function findTagCloseIndex(chunk, initialQuote) {
+	let quote = initialQuote;
+	for (let i = 0; i < chunk.length; i++) {
+		const ch = chunk[i];
+		if (quote !== null) {
+			if (ch === quote) quote = null;
+		} else if (ch === "\"" || ch === "'") quote = ch;
+		else if (ch === ">") return {
+			index: i,
+			quote
+		};
+	}
+	return {
+		index: -1,
+		quote
+	};
+}
+function formatDateForInput(d) {
+	if (d instanceof Date) {
+		if (isNaN(d.getTime())) return "";
+		const pad = (n) => String(n).padStart(2, "0");
+		return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+	}
+	return "";
+}
+function extractElementStaticValue(prefix) {
+	const lastOpen = prefix.lastIndexOf("<");
+	if (lastOpen === -1) return null;
+	const tagPrefix = prefix.slice(lastOpen);
+	if (tagPrefix.includes(">")) return null;
+	const m = tagPrefix.match(/\bvalue\s*=\s*("([^"]*)"|'([^']*)'|([^\s>]+))/);
+	if (!m) return null;
+	return m[2] ?? m[3] ?? m[4] ?? null;
+}
+function emitBindSSR(kind, index, accessor, prefixForStaticPeek) {
+	const spec = `${kind}:${index}`;
+	let v;
+	try {
+		v = accessor();
+	} catch {
+		v = void 0;
+	}
+	switch (kind) {
+		case "value": return [` value="${escapeHtml(v ?? "")}"`, spec];
+		case "valueAsNumber": return [` value="${escapeHtml(v == null ? "" : String(v))}"`, spec];
+		case "valueAsDate": return [` value="${escapeHtml(formatDateForInput(v))}"`, spec];
+		case "checked": return [v ? ` checked` : ``, spec];
+		case "open": return [v ? ` open` : ``, spec];
+		case "files": return [``, spec];
+		case "this": return [``, spec];
+		case "group": {
+			const optionValue = extractElementStaticValue(prefixForStaticPeek);
+			if (optionValue == null) return [``, spec];
+			return [(Array.isArray(v) ? v.map(String).includes(optionValue) : v != null && String(v) === optionValue) ? ` checked` : ``, spec];
+		}
+	}
+}
+function ilhaHtml(strings, ...values) {
+	let result = "";
+	let stripLeadingQuote = null;
+	let pendingBindSpecs = "";
+	let pendingQuote = null;
+	const ctx = currentRenderCtx();
+	for (let i = 0; i < strings.length; i++) {
+		let chunk = strings[i];
+		if (stripLeadingQuote !== null) {
+			if (chunk.startsWith(stripLeadingQuote)) chunk = chunk.slice(1);
+			stripLeadingQuote = null;
+		}
+		if (pendingBindSpecs !== "") {
+			const { index: gtIdx, quote } = findTagCloseIndex(chunk, pendingQuote);
+			if (gtIdx !== -1) {
+				chunk = chunk.slice(0, gtIdx).replace(/\s*\/\s*$/, "") + ` data-ilha-bind="${pendingBindSpecs}">` + chunk.slice(gtIdx + 1);
+				pendingBindSpecs = "";
+				pendingQuote = null;
+			} else pendingQuote = quote;
+		}
+		if (i >= values.length) {
+			result += chunk;
+			continue;
+		}
+		const value = values[i];
+		const m = chunk.match(BIND_PREFIX_RE);
+		if (m && isSignalAccessor(value)) {
+			const name = m[1];
+			const openQuote = m[2] ?? null;
+			if (!BIND_VALID_KINDS.has(name)) {
+				result += chunk + interpolateValue(value);
+				continue;
+			}
+			if (!ctx) {
+				const stripped = chunk.slice(0, chunk.length - m[0].length);
+				const quote = openQuote ?? "\"";
+				result += stripped + name + "=" + quote + interpolateValue(value) + quote;
+				if (openQuote) stripLeadingQuote = openQuote;
+				continue;
+			}
+			const matchStart = chunk.length - m[0].length;
+			const cleanPrefix = chunk.slice(0, matchStart).replace(/\s+$/, "");
+			const index = ctx.binds.length;
+			ctx.binds.push({
+				kind: name,
+				accessor: value
+			});
+			const [valueAttrs, spec] = emitBindSSR(name, index, value, cleanPrefix);
+			result += cleanPrefix + valueAttrs;
+			pendingBindSpecs += (pendingBindSpecs ? "," : "") + spec;
+			if (openQuote) stripLeadingQuote = openQuote;
+			continue;
+		}
+		result += chunk + interpolateValue(value);
+	}
+	if (pendingBindSpecs !== "") result += ` data-ilha-bind="${pendingBindSpecs}"`;
+	return {
+		[RAW]: true,
+		value: dedentString(result)
+	};
+}
+function isRawHtml(v) {
+	if (typeof v !== "object" || v === null) return false;
+	return RAW in v && typeof v.value === "string";
+}
+function unwrapHtml(v) {
+	return isRawHtml(v) ? v.value : v;
+}
+const contextRegistry = /* @__PURE__ */ new Map();
+function ilhaContextFn(key, initial) {
+	if (contextRegistry.has(key)) return contextRegistry.get(key);
+	const s = signal(initial);
+	const accessor = (...args) => {
+		if (args.length === 0) return s();
+		s(args[0]);
+	};
+	contextRegistry.set(key, accessor);
+	return accessor;
+}
+const ilhaContext = Object.assign(ilhaContextFn, {
+	/** Remove a context signal from the registry. Returns true if it existed. */
+	delete(key) {
+		return contextRegistry.delete(key);
+	},
+	/** Remove all context signals from the registry (e.g. between tests). */
+	clear() {
+		contextRegistry.clear();
+	}
+});
+/**
+* Create a free-standing reactive signal that lives outside any island.
+* Useful for sharing state across islands without prop drilling, or for
+* binding form inputs to module-level state via the `bind:value=${signal}`
+* template syntax.
+*
+* The returned accessor is a getter when called with no arguments and a
+* setter when called with one. Reading it inside a `.derived()`, `.effect()`,
+* or `.render()` automatically subscribes the surrounding reactive scope —
+* so when the signal changes, dependents re-run as if it were local state.
+*/
+function ilhaSignal(initial) {
+	const s = signal(initial);
+	return markSignalAccessor((...args) => {
+		if (args.length === 0) return s();
+		s(args[0]);
+	});
+}
+/**
+* Create a free-standing read-only reactive value derived from other signals.
+* The computation is lazy and cached: `fn` re-runs only when a signal it read
+* changed and the computed is read again. Reading it inside a `.derived()`,
+* `.effect()`, `.render()`, or top-level `effect()` subscribes that scope —
+* dependents re-run when the computed's value changes.
+*
+* ```ts
+* const items = ilha.signal([1, 2, 3]);
+* const total = ilha.computed(() => items().reduce((a, b) => a + b, 0));
+* ```
+*/
+function ilhaComputed(fn) {
+	const c = computed(fn);
+	return markSignalAccessor((...args) => {
+		if (args.length > 0) return;
+		return c();
+	});
+}
+/**
+* Run a free-standing reactive effect outside any island. `fn` runs once
+* immediately and again whenever a signal it read changes. It may return a
+* cleanup function, invoked before each re-run and on stop. Signal writes
+* inside the effect are batched. Returns a stop function that disposes the
+* effect and runs the final cleanup.
+*
+* ```ts
+* const stop = effect(() => {
+*   document.title = `${cart.count()} items`;
+* });
+* ```
+*/
+function ilhaEffect(fn) {
+	let cleanup;
+	const runCleanup = () => {
+		if (typeof cleanup === "function") {
+			try {
+				cleanup();
+			} catch (err) {
+				console.error(err);
+			}
+			cleanup = void 0;
+		}
+	};
+	const stop = effect(() => {
+		runCleanup();
+		startBatch();
+		try {
+			cleanup = fn();
+		} catch (err) {
+			console.error(err);
+		} finally {
+			endBatch();
+		}
+	});
+	return () => {
+		stop();
+		runCleanup();
+	};
+}
+/**
+* Run `fn` with reactive tracking suspended. Reading signals inside `fn`
+* returns their current value without subscribing the surrounding scope.
+* Use this in effects/deriveds when you want to peek at state without
+* causing a re-run on its changes.
+*/
+function untrack(fn) {
+	const prev = setActiveSub(void 0);
+	try {
+		return fn();
+	} finally {
+		setActiveSub(prev);
+	}
+}
+/**
+* Run `fn` as an atomic batch — multiple signal writes inside the callback
+* produce a single propagation pass, so dependents (effects, deriveds,
+* island re-renders) see the final state and run once instead of once per
+* write. Returns whatever `fn` returns.
+*
+* Note: `.on()` handlers and `.effect()` runs are batched implicitly, so
+* you only need this when triggering multiple writes from outside an
+* island (e.g. from a top-level event listener or async callback).
+*/
+function batch(fn) {
+	startBatch();
+	try {
+		return fn();
+	} finally {
+		endBatch();
+	}
+}
+function createDerivedAccessor(read, write) {
+	const accessor = markSignalAccessor((...args) => {
+		if (args.length > 0) {
+			if (write) write(args[0]);
+			return;
+		}
+		return read().value;
+	});
+	return new Proxy(accessor, { get(target, prop, receiver) {
+		if (prop === "loading" || prop === "value" || prop === "error") return read()[prop];
+		return Reflect.get(target, prop, receiver);
+	} });
+}
+function defaultDerivedAccessor() {
+	return createDerivedAccessor(() => ({
+		loading: false,
+		value: void 0,
+		error: void 0
+	}));
+}
+function buildDerivedAccessors(envelopes) {
+	const accessors = /* @__PURE__ */ new Map();
+	for (const [key, envelope] of Object.entries(envelopes)) accessors.set(key, createDerivedAccessor(() => envelope, (value) => {
+		envelope.loading = false;
+		envelope.value = value;
+		envelope.error = void 0;
+	}));
+	return new Proxy({}, { get(_, key) {
+		if (typeof key !== "string") return void 0;
+		return accessors.get(key) ?? defaultDerivedAccessor();
+	} });
+}
+function createDerivedProxy(entries, state, input, derivedSnapshot) {
+	const envelopes = /* @__PURE__ */ new Map();
+	for (const entry of entries) {
+		let initialEnvelope;
+		if (derivedSnapshot != null && entry.key in derivedSnapshot) initialEnvelope = { ...derivedSnapshot[entry.key] };
+		else if (!(entry.fn.constructor.name === "AsyncFunction" || entry.fn.constructor.name === "AsyncGeneratorFunction")) {
+			const ac = new AbortController();
+			try {
+				const result = entry.fn({
+					state,
+					input,
+					signal: ac.signal
+				});
+				if (!(result instanceof Promise)) initialEnvelope = {
+					loading: false,
+					value: result,
+					error: void 0
+				};
+				else {
+					initialEnvelope = {
+						loading: true,
+						value: void 0,
+						error: void 0
+					};
+					result.catch(() => {});
+				}
+			} catch (err) {
+				initialEnvelope = {
+					loading: false,
+					value: void 0,
+					error: err instanceof Error ? err : new Error(String(err))
+				};
+			} finally {
+				ac.abort();
+			}
+		} else initialEnvelope = {
+			loading: true,
+			value: void 0,
+			error: void 0
+		};
+		const env = signal(initialEnvelope);
+		envelopes.set(entry.key, env);
+	}
+	const accessors = /* @__PURE__ */ new Map();
+	for (const entry of entries) {
+		const env = envelopes.get(entry.key);
+		accessors.set(entry.key, createDerivedAccessor(() => env(), (value) => {
+			const prevSub = setActiveSub(void 0);
+			env({
+				loading: false,
+				value,
+				error: void 0
+			});
+			setActiveSub(prevSub);
+		}));
+	}
+	const proxy = new Proxy({}, { get(_, key) {
+		if (typeof key !== "string") return void 0;
+		return accessors.get(key) ?? defaultDerivedAccessor();
+	} });
+	const setup = () => {
+		const stops = [];
+		for (const entry of entries) {
+			const env = envelopes.get(entry.key);
+			let ac = new AbortController();
+			let skipFirst = derivedSnapshot != null && entry.key in derivedSnapshot;
+			const stopEffect = effect(() => {
+				ac.abort();
+				ac = new AbortController();
+				const currentAc = ac;
+				let result;
+				try {
+					result = entry.fn({
+						state,
+						input,
+						signal: currentAc.signal
+					});
+				} catch (err) {
+					if (skipFirst) {
+						skipFirst = false;
+						return;
+					}
+					const prevSub = setActiveSub(void 0);
+					env({
+						loading: false,
+						value: void 0,
+						error: err instanceof Error ? err : new Error(String(err))
+					});
+					setActiveSub(prevSub);
+					return;
+				}
+				if (skipFirst) {
+					skipFirst = false;
+					if (result instanceof Promise) result.catch(() => {});
+					return;
+				}
+				if (!(result instanceof Promise)) {
+					const prevSub = setActiveSub(void 0);
+					env({
+						loading: false,
+						value: result,
+						error: void 0
+					});
+					setActiveSub(prevSub);
+					return;
+				}
+				const prevSub = setActiveSub(void 0);
+				env({
+					loading: true,
+					value: env().value,
+					error: void 0
+				});
+				setActiveSub(prevSub);
+				result.then((value) => {
+					if (currentAc.signal.aborted) return;
+					env({
+						loading: false,
+						value,
+						error: void 0
+					});
+				}).catch((err) => {
+					if (currentAc.signal.aborted) return;
+					env({
+						loading: false,
+						value: void 0,
+						error: err instanceof Error ? err : new Error(String(err))
+					});
+				});
+			});
+			stops.push(() => {
+				stopEffect();
+				ac.abort();
+			});
+		}
+		return () => stops.forEach((s) => s());
+	};
+	return {
+		proxy,
+		setup
+	};
+}
+const BIND_SENTINEL_ATTR = "data-ilha-bind";
+function parseBindSentinel(value) {
+	const out = [];
+	for (const part of value.split(",")) {
+		const [kind, idx] = part.split(":");
+		if (!kind || !idx) continue;
+		const i = Number(idx);
+		if (!Number.isInteger(i) || i < 0) continue;
+		out.push({
+			kind,
+			index: i
+		});
+	}
+	return out;
+}
+function resolveBindOps(el, kind) {
+	const input = el;
+	switch (kind) {
+		case "value": return {
+			event: el.tagName === "SELECT" ? "change" : "input",
+			read: (el) => el.value,
+			write: (el, v) => el.value = v == null ? "" : String(v)
+		};
+		case "valueAsNumber": return {
+			event: "input",
+			read: (el) => {
+				const n = el.valueAsNumber;
+				return Number.isNaN(n) ? null : n;
+			},
+			write: (el, v) => el.value = v == null || Number.isNaN(v) ? "" : String(v)
+		};
+		case "valueAsDate": return {
+			event: "input",
+			read: (el) => el.valueAsDate,
+			write: (el, v) => {
+				el.value = formatDateForInput(v);
+			}
+		};
+		case "checked": return {
+			event: "change",
+			read: (el) => el.checked,
+			write: (el, v) => el.checked = Boolean(v)
+		};
+		case "files": return {
+			event: "change",
+			read: (el) => el.files,
+			write: () => {}
+		};
+		case "open": return {
+			event: "toggle",
+			read: (el) => el.open,
+			write: (el, v) => el.open = Boolean(v)
+		};
+		case "this": return {
+			event: null,
+			read: () => void 0,
+			write: () => {}
+		};
+		case "group": {
+			const isCheckbox = input.type === "checkbox";
+			return {
+				event: "change",
+				read: (el) => {
+					const i = el;
+					if (isCheckbox) return {
+						__ilhaGroup: true,
+						value: i.value,
+						checked: i.checked
+					};
+					return i.checked ? i.value : void 0;
+				},
+				write: (el, v) => {
+					const i = el;
+					if (isCheckbox) i.checked = (Array.isArray(v) ? v.map(String) : []).includes(i.value);
+					else i.checked = v != null && String(v) === i.value;
+				}
+			};
+		}
+	}
+}
+function applyTemplateBindings(host, binds) {
+	if (binds.length === 0) return () => {};
+	const cleanups = [];
+	const elements = [];
+	if (host.hasAttribute(BIND_SENTINEL_ATTR)) elements.push(host);
+	for (const el of host.querySelectorAll(`[${BIND_SENTINEL_ATTR}]`)) elements.push(el);
+	for (const el of elements) {
+		const specs = parseBindSentinel(el.getAttribute(BIND_SENTINEL_ATTR));
+		for (const spec of specs) {
+			const record = binds[spec.index];
+			if (!record) continue;
+			if (record.kind !== spec.kind) continue;
+			const { event, read, write } = resolveBindOps(el, spec.kind);
+			const accessor = record.accessor;
+			if (spec.kind === "this") {
+				accessor(el);
+				cleanups.push(() => accessor(null));
+				continue;
+			}
+			try {
+				write(el, accessor());
+			} catch (err) {}
+			if (event === null) continue;
+			const listener = () => {
+				const raw = read(el);
+				if (spec.kind === "group") {
+					const groupRead = raw;
+					if (groupRead === void 0) return;
+					if (typeof groupRead === "object" && groupRead.__ilhaGroup) {
+						const currentArr = accessor();
+						const arr = Array.isArray(currentArr) ? [...currentArr] : [];
+						const idx = arr.findIndex((x) => String(x) === groupRead.value);
+						if (groupRead.checked && idx === -1) {
+							let coercedVal = groupRead.value;
+							const templateVal = Array.isArray(currentArr) && currentArr.length > 0 ? currentArr[0] : void 0;
+							if (templateVal !== void 0) {
+								if (typeof templateVal === "number") {
+									const n = Number(coercedVal);
+									coercedVal = Number.isNaN(n) ? coercedVal : n;
+								} else if (typeof templateVal === "boolean") coercedVal = Boolean(coercedVal);
+							}
+							arr.push(coercedVal);
+						} else if (!groupRead.checked && idx !== -1) arr.splice(idx, 1);
+						accessor(arr);
+						return;
+					}
+					const currentVal = accessor();
+					let coerced = groupRead;
+					if (typeof currentVal === "number" && typeof groupRead === "string") {
+						const n = Number(groupRead);
+						coerced = Number.isNaN(n) ? 0 : n;
+					} else if (typeof currentVal === "boolean") coerced = Boolean(groupRead);
+					accessor(coerced);
+					return;
+				}
+				const currentVal = accessor();
+				let value = raw;
+				if (typeof currentVal === "number" && typeof raw === "string") {
+					const n = Number(raw);
+					value = Number.isNaN(n) ? 0 : n;
+				} else if (typeof currentVal === "boolean") value = Boolean(raw);
+				accessor(value);
+			};
+			el.addEventListener(event, listener);
+			cleanups.push(() => el.removeEventListener(event, listener));
+		}
+	}
+	return () => cleanups.forEach((c) => c());
+}
+function parseOnArgs(selectorOrCombined) {
+	const atIdx = selectorOrCombined.lastIndexOf("@");
+	const selector = atIdx === -1 ? "" : selectorOrCombined.slice(0, atIdx);
+	const parts = (atIdx === -1 ? selectorOrCombined : selectorOrCombined.slice(atIdx + 1)).split(":");
+	const eventType = parts[0];
+	const modifiers = new Set(parts.slice(1));
+	return {
+		selector,
+		eventType,
+		options: {
+			once: modifiers.has("once"),
+			capture: modifiers.has("capture"),
+			passive: modifiers.has("passive")
+		},
+		abortable: modifiers.has("abortable")
+	};
+}
+/**
+* Combine multiple AbortSignals into one that aborts when any input aborts.
+* Uses native AbortSignal.any when available, falls back to a manual chain
+* otherwise (for older runtimes).
+*/
+function anySignal(signals) {
+	if (typeof AbortSignal.any === "function") return AbortSignal.any(signals);
+	const controller = new AbortController();
+	const cleanups = [];
+	for (const s of signals) {
+		if (s.aborted) {
+			controller.abort(s.reason);
+			cleanups.forEach((c) => c());
+			return controller.signal;
+		}
+		const handler = () => controller.abort(s.reason);
+		s.addEventListener("abort", handler, { once: true });
+		cleanups.push(() => s.removeEventListener("abort", handler));
+	}
+	if (!controller.signal.aborted) controller.signal.addEventListener("abort", () => {
+		cleanups.forEach((c) => c());
+	});
+	return controller.signal;
+}
+const globalErrorHandlers = /* @__PURE__ */ new Set();
+function reportToGlobal(error, source) {
+	if (globalErrorHandlers.size === 0) return false;
+	for (const handler of globalErrorHandlers) try {
+		handler(error, source);
+	} catch (handlerErr) {
+		console.error(handlerErr);
+	}
+	return true;
+}
+/**
+* Register a global error handler invoked when any island reports an error
+* (from .on, .effect, .onMount, or transitions) and has no local .onError()
+* handler. Returns an unsubscribe function. Islands with their own .onError()
+* are handled locally and do not reach the global sink.
+*/
+function onUncaughtError(fn) {
+	globalErrorHandlers.add(fn);
+	return () => {
+		globalErrorHandlers.delete(fn);
+	};
+}
+var IlhaBuilder = class IlhaBuilder {
+	_cfg;
+	constructor(cfg) {
+		this._cfg = cfg;
+	}
+	input(initialOrSchema) {
+		let schema = null;
+		let defaultInput = null;
+		if (initialOrSchema !== void 0) if (isStandardSchema(initialOrSchema)) schema = initialOrSchema;
+		else defaultInput = initialOrSchema;
+		return new IlhaBuilder({
+			schema,
+			defaultInput,
+			states: [],
+			deriveds: [],
+			ons: [],
+			effects: [],
+			onMounts: [],
+			onErrors: [],
+			transition: null,
+			css: null,
+			as: null
+		});
+	}
+	as(tag) {
+		return new IlhaBuilder({
+			...this._cfg,
+			as: assertValidSlotTagName(tag)
+		});
+	}
+	state(key, init) {
+		const cfg = this._cfg;
+		return new IlhaBuilder({
+			...cfg,
+			states: [...cfg.states, {
+				key,
+				init
+			}]
+		});
+	}
+	derived(key, fn) {
+		const cfg = this._cfg;
+		return new IlhaBuilder({
+			...cfg,
+			deriveds: [...cfg.deriveds, {
+				key,
+				fn
+			}]
+		});
+	}
+	on(selectorOrCombined, handler) {
+		const parsed = parseOnArgs(selectorOrCombined);
+		return new IlhaBuilder({
+			...this._cfg,
+			ons: [...this._cfg.ons, {
+				selector: parsed.selector,
+				event: parsed.eventType,
+				options: parsed.options,
+				abortable: parsed.abortable,
+				handler
+			}]
+		});
+	}
+	effect(fn) {
+		return new IlhaBuilder({
+			...this._cfg,
+			effects: [...this._cfg.effects, { fn }]
+		});
+	}
+	onMount(fn) {
+		return new IlhaBuilder({
+			...this._cfg,
+			onMounts: [...this._cfg.onMounts, { fn }]
+		});
+	}
+	onError(fn) {
+		return new IlhaBuilder({
+			...this._cfg,
+			onErrors: [...this._cfg.onErrors, { fn }]
+		});
+	}
+	transition(opts) {
+		return new IlhaBuilder({
+			...this._cfg,
+			transition: opts
+		});
+	}
+	css(strings, ...values) {
+		let source;
+		if (typeof strings === "string") source = strings;
+		else {
+			let result = "";
+			for (let i = 0; i < strings.length; i++) {
+				result += strings[i];
+				if (i < values.length) result += String(values[i]);
+			}
+			source = result;
+		}
+		return new IlhaBuilder({
+			...this._cfg,
+			css: source
+		});
+	}
+	render(fn) {
+		const { schema, defaultInput, states, deriveds, ons, effects, onMounts, onErrors, transition, css: cssSource, as: slotAs } = this._cfg;
+		const stylePrefix = cssSource != null ? buildScopedStyle(cssSource) : "";
+		const configuredSlotTag = slotAs ?? "div";
+		function resolveInput(props) {
+			const merged = {
+				...defaultInput ?? {},
+				...props ?? {}
+			};
+			if (!schema) return merged;
+			return validateSchema(schema, merged);
+		}
+		function renderWithCtx(fn, liveHost, asyncChildren) {
+			const ctx = pushRenderCtx(liveHost, asyncChildren);
+			try {
+				const html = unwrapHtml(fn());
+				const slots = ctx.slots;
+				const binds = ctx.binds;
+				if (ctx.pending && ctx.pending.size > 0) {
+					const pending = ctx.pending;
+					return (async () => {
+						return {
+							html: await resolveAsyncChildren(html, pending),
+							slots,
+							binds
+						};
+					})();
+				}
+				return {
+					html,
+					slots,
+					binds
+				};
+			} finally {
+				popRenderCtx();
+			}
+		}
+		function buildPlainState(input) {
+			const state = {};
+			for (const entry of states) {
+				const value = typeof entry.init === "function" ? entry.init(input) : entry.init;
+				const accessor = markSignalAccessor((...args) => {
+					if (args.length === 0) return value;
+				});
+				state[entry.key] = accessor;
+			}
+			return state;
+		}
+		function buildSignalState(input, snapshot) {
+			const state = {};
+			for (const entry of states) {
+				const s = signal(snapshot && entry.key in snapshot ? snapshot[entry.key] : typeof entry.init === "function" ? entry.init(input) : entry.init);
+				const accessor = markSignalAccessor((...args) => {
+					if (args.length === 0) return s();
+					s(args[0]);
+				});
+				state[entry.key] = accessor;
+			}
+			return state;
+		}
+		/** Detached host for SSR setup hooks; must not be `{}` (Areia/components call host.matches). */
+		function createSsrOnMountHost() {
+			if (typeof document !== "undefined") return document.createElement("div");
+			const stub = {
+				matches: () => false,
+				querySelector: () => null,
+				querySelectorAll: () => [],
+				setAttribute: () => {},
+				getAttribute: () => null,
+				removeAttribute: () => {},
+				appendChild: () => stub
+			};
+			return stub;
+		}
+		/** Run .onMount() before top-level SSR only (seed module/external state from `input`). */
+		function runOnMountForRender(input, state, derived) {
+			if (onMounts.length === 0) return;
+			if (currentRenderCtx()) return;
+			const host = createSsrOnMountHost();
+			const ssrCleanups = [];
+			for (const entry of onMounts) {
+				const prevSub = setActiveSub(void 0);
+				let userCleanup = void 0;
+				try {
+					userCleanup = entry.fn({
+						state,
+						derived,
+						input,
+						host,
+						hydrated: false
+					});
+				} catch (err) {
+					const error = err instanceof Error ? err : new Error(String(err));
+					if (onErrors.length === 0) {
+						if (!reportToGlobal(error, "mount")) console.error(error);
+					} else for (const oe of onErrors) try {
+						oe.fn({
+							error,
+							source: "mount",
+							state,
+							derived,
+							input,
+							host
+						});
+					} catch (handlerErr) {
+						console.error(handlerErr);
+					}
+				} finally {
+					setActiveSub(prevSub);
+				}
+				if (typeof userCleanup === "function") ssrCleanups.push(userCleanup);
+			}
+			for (const teardown of ssrCleanups.reverse()) try {
+				teardown();
+			} catch (err) {
+				const error = err instanceof Error ? err : new Error(String(err));
+				if (onErrors.length === 0) {
+					if (!reportToGlobal(error, "mount")) console.error(error);
+				}
+			}
+		}
+		function renderToString(props, sync = false) {
+			const input = resolveInput(props);
+			const state = buildSignalState(input);
+			const results = deriveds.map((entry) => {
+				const prevSub = setActiveSub(void 0);
+				try {
+					return {
+						key: entry.key,
+						result: entry.fn({
+							state,
+							input,
+							signal: new AbortController().signal
+						})
+					};
+				} catch (err) {
+					return {
+						key: entry.key,
+						result: Promise.reject(err)
+					};
+				} finally {
+					setActiveSub(prevSub);
+				}
+			});
+			if (!results.some((r) => r.result instanceof Promise) || sync) {
+				const envelopes = {};
+				for (const r of results) if (r.result instanceof Promise) envelopes[r.key] = {
+					loading: true,
+					value: void 0,
+					error: void 0
+				};
+				else envelopes[r.key] = {
+					loading: false,
+					value: r.result,
+					error: void 0
+				};
+				const derived = buildDerivedAccessors(envelopes);
+				if (!currentRenderCtx()) runOnMountForRender(input, state, derived);
+				const prevSub = setActiveSub(void 0);
+				try {
+					const { html } = renderWithCtx(() => fn({
+						state,
+						derived,
+						input
+					}));
+					return stylePrefix + html;
+				} finally {
+					setActiveSub(prevSub);
+				}
+			}
+			return Promise.all(results.map(async (r) => {
+				try {
+					return {
+						key: r.key,
+						envelope: {
+							loading: false,
+							value: await Promise.resolve(r.result),
+							error: void 0
+						}
+					};
+				} catch (err) {
+					return {
+						key: r.key,
+						envelope: {
+							loading: false,
+							value: void 0,
+							error: err instanceof Error ? err : new Error(String(err))
+						}
+					};
+				}
+			})).then(async (resolved) => {
+				const envelopes = {};
+				for (const r of resolved) envelopes[r.key] = r.envelope;
+				const derived = buildDerivedAccessors(envelopes);
+				if (!currentRenderCtx()) runOnMountForRender(input, state, derived);
+				const prevSub = setActiveSub(void 0);
+				try {
+					const { html } = await renderWithCtx(() => fn({
+						state,
+						derived,
+						input
+					}), void 0, true);
+					return stylePrefix + html;
+				} finally {
+					setActiveSub(prevSub);
+				}
+			});
+		}
+		function mountIsland(host, props) {
+			return mountIslandInternal(host, props).unmount;
+		}
+		function mountIslandInternal(host, props) {
+			if (props === void 0) {
+				const rawProps = host.getAttribute(PROPS_ATTR);
+				if (rawProps) {
+					const parsed = safeParseSnapshot(rawProps, PROPS_ATTR);
+					if (parsed !== void 0) props = parsed;
+				}
+			}
+			const inputSignal = signal(resolveInput(props));
+			const input = new Proxy({}, {
+				get(_t, key) {
+					return inputSignal()[key];
+				},
+				has(_t, key) {
+					return key in inputSignal();
+				},
+				ownKeys() {
+					const prevSub = setActiveSub(void 0);
+					try {
+						return Reflect.ownKeys(inputSignal());
+					} finally {
+						setActiveSub(prevSub);
+					}
+				},
+				getOwnPropertyDescriptor(_t, key) {
+					const prevSub = setActiveSub(void 0);
+					try {
+						return Reflect.getOwnPropertyDescriptor(inputSignal(), key);
+					} finally {
+						setActiveSub(prevSub);
+					}
+				}
+			});
+			let snapshotRaw;
+			const rawState = host.getAttribute(STATE_ATTR);
+			if (rawState) {
+				const parsed = safeParseSnapshot(rawState, STATE_ATTR);
+				if (parsed !== void 0) snapshotRaw = parsed;
+			}
+			const stateSnapshot = snapshotRaw ? Object.fromEntries(Object.entries(snapshotRaw).filter(([k]) => k !== "_derived" && k !== "_skipOnMount")) : void 0;
+			const derivedSnapshotRaw = snapshotRaw?._derived;
+			let derivedSnapshot;
+			if (derivedSnapshotRaw) {
+				derivedSnapshot = {};
+				for (const [k, v] of Object.entries(derivedSnapshotRaw)) if (v.error && !(v.error instanceof Error)) derivedSnapshot[k] = {
+					...v,
+					error: new Error(String(v.error))
+				};
+				else derivedSnapshot[k] = v;
+			}
+			const hydrated = snapshotRaw != null;
+			const snapshotHasIslandState = stateSnapshot != null && Object.keys(stateSnapshot).length > 0;
+			const shouldSkipOnMount = hydrated && snapshotRaw?.["_skipOnMount"] === true && snapshotHasIslandState;
+			const state = buildSignalState(input, stateSnapshot);
+			const cleanups = [];
+			const unmountController = new AbortController();
+			cleanups.push(() => unmountController.abort());
+			const { proxy: derived, setup: setupDerived } = createDerivedProxy(deriveds, state, input, derivedSnapshot);
+			let stopDerived = () => {};
+			function reportError(err, source) {
+				const error = err instanceof Error ? err : new Error(String(err));
+				if (onErrors.length === 0) {
+					if (!reportToGlobal(error, source)) console.error(error);
+					return;
+				}
+				for (const entry of onErrors) try {
+					entry.fn({
+						error,
+						source,
+						state,
+						derived,
+						input,
+						host
+					});
+				} catch (handlerErr) {
+					console.error(handlerErr);
+				}
+			}
+			if (transition?.enter) try {
+				const result = transition.enter(host);
+				if (result instanceof Promise) result.catch((err) => reportError(err, "transition"));
+			} catch (err) {
+				reportError(err, "transition");
+			}
+			const mountedSlots = /* @__PURE__ */ new Map();
+			const leavingSlots = /* @__PURE__ */ new Map();
+			function teardownMountedSlot(id, entry) {
+				mountedSlots.delete(id);
+				const token = Symbol();
+				const result = entry.unmount();
+				const remove = (stub) => {
+					const leaving = leavingSlots.get(id);
+					if (!leaving || leaving.token !== token) return;
+					leaving.el.remove();
+					stub?.remove();
+					leavingSlots.delete(id);
+				};
+				if (result instanceof Promise) {
+					leavingSlots.set(id, {
+						el: entry.el,
+						token
+					});
+					return result.finally(() => remove());
+				}
+				entry.el.remove();
+			}
+			function slotBelongsToHost(candidate) {
+				let el = candidate;
+				while (el && el !== host) {
+					if (el.hasAttribute("data-ilha")) return false;
+					el = el.parentElement;
+				}
+				return el === host;
+			}
+			function buildSlotIndex() {
+				const leavingEls = new Set([...leavingSlots.values()].map((l) => l.el));
+				const index = /* @__PURE__ */ new Map();
+				for (const candidate of host.querySelectorAll(`[${SLOT_ATTR}]`)) {
+					if (leavingEls.has(candidate)) continue;
+					const id = candidate.getAttribute(SLOT_ATTR);
+					if (id === null || index.has(id)) continue;
+					if (slotBelongsToHost(candidate)) index.set(id, candidate);
+				}
+				return index;
+			}
+			function mountSlots(slotMap) {
+				for (const [id, entry] of mountedSlots) if (!slotMap.has(id)) teardownMountedSlot(id, entry);
+				for (const [id, entry] of mountedSlots) {
+					const next = slotMap.get(id);
+					if (next && next.island !== entry.island) teardownMountedSlot(id, entry);
+				}
+				let slotIndex = null;
+				for (const [id, { island: childIsland, props }] of slotMap) {
+					const existing = mountedSlots.get(id);
+					if (existing) {
+						existing.updateProps(props);
+						continue;
+					}
+					if (slotIndex === null) slotIndex = buildSlotIndex();
+					const slotEl = slotIndex.get(id) ?? null;
+					if (!slotEl) continue;
+					let slotProps = props;
+					if (slotProps === void 0) {
+						const rawProps = slotEl.getAttribute(PROPS_ATTR) ?? slotEl.getAttribute("data-props");
+						if (rawProps) {
+							const parsed = safeParseSnapshot(rawProps, `props on [${SLOT_ATTR}="${id}"]`);
+							if (parsed !== void 0) slotProps = parsed;
+						}
+					}
+					const prevSub = setActiveSub(void 0);
+					let handle;
+					try {
+						const internal = childIsland[ISLAND_MOUNT_INTERNAL];
+						handle = internal ? internal(slotEl, slotProps) : {
+							unmount: childIsland.mount(slotEl, slotProps),
+							updateProps: () => {}
+						};
+					} finally {
+						setActiveSub(prevSub);
+					}
+					mountedSlots.set(id, {
+						el: slotEl,
+						island: childIsland,
+						...handle
+					});
+				}
+			}
+			const listeners = [];
+			const firedOnce = /* @__PURE__ */ new Set();
+			const invocationControllers = /* @__PURE__ */ new WeakMap();
+			function attachListeners() {
+				for (const entry of ons) {
+					if (entry.options.once && firedOnce.has(entry)) continue;
+					(entry.selector === "" ? [host] : Array.from(host.querySelectorAll(entry.selector))).forEach((listenerTarget) => {
+						const listener = (event) => {
+							if (entry.options.once) {
+								firedOnce.add(entry);
+								for (const l of listeners.filter((l) => l.entry === entry)) l.target.removeEventListener(l.type, l.fn, l.options);
+								listeners.splice(0, listeners.length, ...listeners.filter((l) => l.entry !== entry));
+							}
+							const eventTarget = event.target instanceof Element ? event.target : listenerTarget;
+							const handlerTarget = entry.selector === "" ? eventTarget : listenerTarget;
+							let handlerSignal;
+							if (entry.abortable) {
+								let entryMap = invocationControllers.get(entry);
+								if (!entryMap) {
+									entryMap = /* @__PURE__ */ new WeakMap();
+									invocationControllers.set(entry, entryMap);
+								}
+								const prev = entryMap.get(listenerTarget);
+								if (prev) prev.abort();
+								const invocationController = new AbortController();
+								entryMap.set(listenerTarget, invocationController);
+								handlerSignal = anySignal([unmountController.signal, invocationController.signal]);
+							} else handlerSignal = unmountController.signal;
+							let result;
+							startBatch();
+							try {
+								result = entry.handler({
+									state,
+									derived,
+									input,
+									host,
+									target: handlerTarget,
+									event,
+									signal: handlerSignal
+								});
+							} catch (err) {
+								reportError(err, "on");
+								endBatch();
+								return;
+							}
+							endBatch();
+							if (result instanceof Promise) result.catch((err) => {
+								if (err && err.name === "AbortError") return;
+								reportError(err, "on");
+							});
+						};
+						const opts = {
+							...entry.options,
+							once: false
+						};
+						listenerTarget.addEventListener(entry.event, listener, opts);
+						listeners.push({
+							target: listenerTarget,
+							type: entry.event,
+							fn: listener,
+							options: opts,
+							entry
+						});
+					});
+				}
+			}
+			function detachListeners() {
+				for (const l of listeners) l.target.removeEventListener(l.type, l.fn, l.options);
+				listeners.length = 0;
+			}
+			function invokeOnMounts() {
+				for (const entry of onMounts) {
+					const prevSub = setActiveSub(void 0);
+					let userCleanup = void 0;
+					try {
+						userCleanup = entry.fn({
+							state,
+							derived,
+							input,
+							host,
+							hydrated
+						});
+					} catch (err) {
+						reportError(err, "mount");
+					} finally {
+						setActiveSub(prevSub);
+					}
+					if (userCleanup) {
+						const teardown = userCleanup;
+						cleanups.push(() => {
+							try {
+								teardown();
+							} catch (err) {
+								reportError(err, "mount");
+							}
+						});
+					}
+				}
+			}
+			const preserveSSRDom = hydrated && host.childNodes.length > 0;
+			if (hydrated && onMounts.length > 0 && !shouldSkipOnMount) invokeOnMounts();
+			const initial = renderWithCtx(() => fn({
+				state,
+				derived,
+				input
+			}), preserveSSRDom ? host : void 0);
+			if (!preserveSSRDom) host.innerHTML = stylePrefix + initial.html;
+			let stopBindings = applyTemplateBindings(host, initial.binds);
+			cleanups.push(() => stopBindings());
+			mountSlots(initial.slots);
+			cleanups.push(() => mountedSlots.forEach((entry) => entry.unmount()));
+			attachListeners();
+			if (!hydrated && onMounts.length > 0) invokeOnMounts();
+			for (const entry of effects) {
+				let userCleanup;
+				let runController = null;
+				const stopEffect = effect(() => {
+					if (userCleanup) {
+						try {
+							userCleanup();
+						} catch (err) {
+							reportError(err, "effect");
+						}
+						userCleanup = void 0;
+					}
+					if (runController) runController.abort();
+					runController = new AbortController();
+					const runSignal = anySignal([unmountController.signal, runController.signal]);
+					startBatch();
+					try {
+						userCleanup = entry.fn({
+							state,
+							derived,
+							input,
+							host,
+							signal: runSignal
+						});
+					} catch (err) {
+						reportError(err, "effect");
+					} finally {
+						endBatch();
+					}
+				});
+				cleanups.push(() => {
+					stopEffect();
+					if (userCleanup) try {
+						userCleanup();
+					} catch (err) {
+						reportError(err, "effect");
+					}
+					if (runController) runController.abort();
+				});
+			}
+			stopDerived = setupDerived();
+			cleanups.push(stopDerived);
+			let initialized = false;
+			const initialRenderedHtml = initial.html;
+			let renderEpoch = 0;
+			const stopRender = effect(() => {
+				const epoch = ++renderEpoch;
+				const { html: rendered, slots: newSlotMap, binds: newBinds } = renderWithCtx(() => fn({
+					state,
+					derived,
+					input
+				}), host);
+				const html = stylePrefix + rendered;
+				if (!initialized) {
+					initialized = true;
+					if (preserveSSRDom) {
+						for (const [id, entry] of mountedSlots) {
+							const next = newSlotMap.get(id);
+							if (next) entry.updateProps(next.props);
+						}
+						if (rendered === initialRenderedHtml) return;
+					}
+					if (rendered === initialRenderedHtml) return;
+					if (mountedSlots.size > 0 && mountedSlots.size === newSlotMap.size && [...newSlotMap.keys()].every((id) => mountedSlots.has(id)) && isStableInlineSlotMount(initialRenderedHtml, rendered, newSlotMap.keys())) return;
+				}
+				detachListeners();
+				stopBindings();
+				const prevMountedCount = mountedSlots.size;
+				const leavingPromises = [];
+				for (const [id, entry] of mountedSlots) if (!newSlotMap.has(id)) {
+					const r = teardownMountedSlot(id, entry);
+					if (r instanceof Promise) leavingPromises.push(r);
+				}
+				for (const [id, entry] of mountedSlots) {
+					const next = newSlotMap.get(id);
+					if (next && next.island !== entry.island) {
+						const r = teardownMountedSlot(id, entry);
+						if (r instanceof Promise) leavingPromises.push(r);
+					}
+				}
+				const applyMorph = () => {
+					if (epoch !== renderEpoch) return;
+					const preserved = /* @__PURE__ */ new Map();
+					const listShrunk = newSlotMap.size < prevMountedCount;
+					for (const [id, entry] of mountedSlots) {
+						if (!newSlotMap.has(id)) continue;
+						if (!entry.el.isConnected) continue;
+						if (listShrunk && id.startsWith("p:")) {
+							teardownMountedSlot(id, entry);
+							continue;
+						}
+						const stubTag = entry.el.tagName.toLowerCase();
+						const stub = document.createElement(stubTag);
+						stub.setAttribute(SLOT_ATTR, id);
+						const incomingProps = serializeSlotProps(newSlotMap.get(id)?.props);
+						if (incomingProps !== "") stub.setAttribute(PROPS_ATTR, incomingProps);
+						entry.el.replaceWith(stub);
+						preserved.set(id, entry.el);
+					}
+					const tpl = document.createElement("template");
+					const morphRootTag = host.tagName.toLowerCase();
+					tpl.innerHTML = `<${morphRootTag}>${html}</${morphRootTag}>`;
+					morphInner(host, tpl.content.firstElementChild);
+					if (preserved.size > 0) {
+						const rehomeIndex = buildSlotIndex();
+						for (const [id, liveEl] of preserved) {
+							const stub = rehomeIndex.get(id);
+							if (!stub) continue;
+							stub.replaceWith(liveEl);
+						}
+					}
+					attachListeners();
+					stopBindings = applyTemplateBindings(host, newBinds);
+					mountSlots(newSlotMap);
+				};
+				if (leavingPromises.length > 0) Promise.allSettled(leavingPromises).then((results) => {
+					for (const r of results) if (r.status === "rejected") console.error(r.reason);
+					applyMorph();
+				});
+				else applyMorph();
+			});
+			let tornDown = false;
+			const unmount = () => {
+				if (tornDown) return;
+				tornDown = true;
+				stopRender();
+				detachListeners();
+				const pending = [];
+				for (const [, entry] of mountedSlots) {
+					const result = entry.unmount();
+					if (result instanceof Promise) pending.push(result);
+				}
+				if (transition?.leave) try {
+					const result = transition.leave(host);
+					if (result instanceof Promise) pending.push(result);
+				} catch (err) {
+					reportError(err, "transition");
+				}
+				const finish = () => {
+					for (const c of cleanups) c();
+				};
+				if (pending.length > 0) return Promise.all(pending).then(finish).catch((err) => {
+					reportError(err, "transition");
+					finish();
+				});
+				finish();
+			};
+			const updateProps = (nextProps) => {
+				if (tornDown) return;
+				const next = resolveInput(nextProps);
+				if (shallowEqualInput(inputSignal(), next)) return;
+				inputSignal(next);
+			};
+			return {
+				unmount,
+				updateProps
+			};
+		}
+		/**
+		* Dual-mode island invocation:
+		* - When called inside an `html` interpolation (i.e. {@link currentRenderCtx}
+		*   is active), returns an {@link IslandCall} carrying props to be emitted
+		*   as a child slot marker; {@link interpolateValue} consumes this marker.
+		* - When called at the top level with no active render context, returns
+		*   SSR HTML via {@link renderToString} (backward-compatible public API).
+		*
+		* The declared return type omits {@link IslandCall} because TypeScript
+		* cannot narrow based on runtime stack state.
+		*/
+		const island = function(props) {
+			if (currentRenderCtx()) return {
+				[ISLAND_CALL]: true,
+				island,
+				props,
+				key: void 0
+			};
+			return renderToString(props);
+		};
+		island.toString = (props) => renderToString(props, true);
+		island.mount = (host, props) => mountIsland(host, props);
+		island[ISLAND_MOUNT_INTERNAL] = (host, props) => mountIslandInternal(host, props);
+		island[ISLAND_SLOT_TAG] = configuredSlotTag;
+		island.key = (key) => {
+			if (typeof key !== "string" || key.trim().length === 0) throw new Error("island.key() requires a non-empty string.");
+			if (key.includes(":")) throw new Error(`island.key() key cannot contain the slot separator ":" (got "${key}").`);
+			const keyed = ((props) => ({
+				[ISLAND_CALL]: true,
+				island,
+				props,
+				key
+			}));
+			keyed[ISLAND_CALL] = true;
+			return keyed;
+		};
+		island[ISLAND] = true;
+		island.define = (tagName, options) => {
+			if (typeof customElements === "undefined" || typeof HTMLElement === "undefined") {
+				`${tagName}`;
+				return;
+			}
+			const CE_RESERVED = /* @__PURE__ */ new Set([
+				"annotation-xml",
+				"color-profile",
+				"font-face",
+				"font-face-src",
+				"font-face-uri",
+				"font-face-format",
+				"font-face-name",
+				"missing-glyph"
+			]);
+			if (typeof tagName !== "string" || !/^[a-z][a-z0-9._-]*-[a-z0-9._-]*$/.test(tagName) || CE_RESERVED.has(tagName)) {
+				`${tagName}`;
+				return;
+			}
+			if (customElements.get(tagName)) {
+				`${tagName}`;
+				return;
+			}
+			const observe = options?.observe ?? [];
+			class IlhaIslandElement extends HTMLElement {
+				static observedAttributes = observe;
+				_handle = null;
+				_props;
+				_unmounting = false;
+				_reconnect = false;
+				get props() {
+					return this._props;
+				}
+				set props(p) {
+					this._props = p;
+					if (this._handle && !this._unmounting) this._handle.updateProps(this._mergedProps());
+				}
+				_mergedProps() {
+					const attrProps = {};
+					let hasAttrs = false;
+					for (const name of observe) {
+						const v = this.getAttribute(name);
+						if (v !== null) {
+							attrProps[name] = v;
+							hasAttrs = true;
+						}
+					}
+					if (!hasAttrs && this._props === void 0) return void 0;
+					return {
+						...attrProps,
+						...this._props ?? {}
+					};
+				}
+				connectedCallback() {
+					if (this._unmounting) {
+						this._reconnect = true;
+						return;
+					}
+					if (this._handle) return;
+					this._handle = mountIslandInternal(this, this._mergedProps());
+				}
+				disconnectedCallback() {
+					if (!this._handle || this._unmounting) return;
+					this._unmounting = true;
+					this._reconnect = false;
+					Promise.resolve(this._handle.unmount()).finally(() => {
+						this._handle = null;
+						this._unmounting = false;
+						if (this._reconnect) {
+							this._reconnect = false;
+							if (this.isConnected) this._handle = mountIslandInternal(this, this._mergedProps());
+						}
+					});
+				}
+				attributeChangedCallback() {
+					if (this._handle && !this._unmounting) this._handle.updateProps(this._mergedProps());
+				}
+			}
+			customElements.define(tagName, IlhaIslandElement);
+		};
+		island.hydratable = async (props, opts) => {
+			const { name, as: rawTag = "div", snapshot = false, skipOnMount: explicitSkipOnMount } = opts;
+			const tag = assertValidSlotTagName(rawTag);
+			const resolvedProps = props ?? {};
+			const inner = await renderToString(resolvedProps);
+			const encodedProps = escapeHtml(JSON.stringify(resolvedProps));
+			let stateAttr = "";
+			if (snapshot !== false) {
+				const doState = snapshot === true || snapshot.state !== false;
+				const doDerived = snapshot === true || snapshot.derived !== false;
+				const doSkipOnMount = explicitSkipOnMount ?? (doState || doDerived);
+				const snapshotData = {};
+				const input = resolveInput(resolvedProps);
+				const plainState = buildPlainState(input);
+				if (doState) for (const entry of states) snapshotData[entry.key] = plainState[entry.key]();
+				if (doDerived) {
+					const derivedResults = {};
+					for (const entry of deriveds) {
+						const prevSub = setActiveSub(void 0);
+						let resultPromise;
+						let syncError;
+						let threw = false;
+						try {
+							resultPromise = entry.fn({
+								state: plainState,
+								input,
+								signal: new AbortController().signal
+							});
+						} catch (err) {
+							threw = true;
+							syncError = err;
+						} finally {
+							setActiveSub(prevSub);
+						}
+						if (threw) {
+							derivedResults[entry.key] = {
+								loading: false,
+								value: void 0,
+								error: syncError instanceof Error ? syncError.message : String(syncError)
+							};
+							continue;
+						}
+						try {
+							const result = await Promise.resolve(resultPromise);
+							derivedResults[entry.key] = {
+								loading: false,
+								value: result,
+								error: void 0
+							};
+						} catch (err) {
+							derivedResults[entry.key] = {
+								loading: false,
+								value: void 0,
+								error: err instanceof Error ? err.message : String(err)
+							};
+						}
+					}
+					snapshotData["_derived"] = derivedResults;
+				}
+				if (doSkipOnMount) snapshotData["_skipOnMount"] = true;
+				stateAttr = ` ${STATE_ATTR}='${escapeHtml(JSON.stringify(snapshotData))}'`;
+			}
+			return `<${tag} data-ilha="${escapeHtml(name)}" ${PROPS_ATTR}='${encodedProps}'${stateAttr}>${inner}</${tag}>`;
+		};
+		return island;
+	}
+};
+function ilhaFrom(selector, island, props) {
+	const host = typeof selector === "string" ? document.querySelector(selector) : selector;
+	if (!host) {
+		console.warn(`[ilha] from(): element not found: ${selector}`);
+		return null;
+	}
+	return island.mount(host, props);
+}
+function mountAll(registry, options = {}) {
+	const root = options.root ?? document.body;
+	const lazy = options.lazy ?? false;
+	const unmounts = [];
+	function activateEl(host) {
+		const name = host.getAttribute("data-ilha");
+		if (!name) return;
+		const island = registry[name];
+		if (!island) {
+			`${name}${Object.keys(registry).join(", ")}`;
+			return;
+		}
+		let props = {};
+		const rawProps = host.getAttribute(PROPS_ATTR);
+		if (rawProps) {
+			const parsed = safeParseSnapshot(rawProps, `${PROPS_ATTR} on [data-ilha="${name}"]`);
+			if (parsed !== void 0) props = parsed;
+		}
+		unmounts.push(island.mount(host, props));
+	}
+	const els = Array.from(root.querySelectorAll("[data-ilha]"));
+	if (lazy && typeof IntersectionObserver !== "undefined") {
+		let disposed = false;
+		const io = new IntersectionObserver((entries) => {
+			if (disposed) return;
+			for (const entry of entries) if (entry.isIntersecting) {
+				activateEl(entry.target);
+				io.unobserve(entry.target);
+			}
+		});
+		els.forEach((el) => io.observe(el));
+		unmounts.push(() => {
+			disposed = true;
+			io.disconnect();
+		});
+	} else els.forEach(activateEl);
+	return { unmount: () => {
+		const pending = [];
+		for (const u of unmounts) {
+			const result = u();
+			if (result instanceof Promise) pending.push(result);
+		}
+		if (pending.length > 0) return Promise.all(pending).then(() => {});
+	} };
+}
+const rootBuilder = new IlhaBuilder({
+	schema: null,
+	defaultInput: null,
+	states: [],
+	deriveds: [],
+	ons: [],
+	effects: [],
+	onMounts: [],
+	onErrors: [],
+	transition: null,
+	css: null,
+	as: null
+});
+const ilha = Object.assign(rootBuilder, {
+	html: ilhaHtml,
+	raw: ilhaRaw,
+	mount: mountAll,
+	from: ilhaFrom,
+	context: ilhaContext,
+	signal: ilhaSignal,
+	computed: ilhaComputed,
+	batch,
+	untrack,
+	onUncaughtError
+});
+/** @internal Used by the separate JSX runtime entry to preserve island slot composition. */
+function __ilhaJsxSlot(island, props, key) {
+	return ilhaRaw(emitIslandSlot(island, props, key));
+}
+const html = ilhaHtml;
+const raw = ilhaRaw;
+const css = ilhaCss;
+const mount = mountAll;
+const from = ilhaFrom;
+const context = ilhaContext;
+
+//#endregion
+export { ISLAND_MOUNT_INTERNAL, __ilhaJsxSlot, batch, ilhaComputed as computed, context, css, ilha as default, ilhaEffect as effect, from, html, ilhaSignal, ilhaSignal as signal, mount, onUncaughtError, raw, untrack };