@tempots/dom 22.0.0 → 22.1.1

package/index.cjs

@@ -1 +1 @@
-"use strict";var ot=Object.defineProperty;var _e=t=>{throw TypeError(t)};var it=(t,e,r)=>e in t?ot(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var a=(t,e,r)=>it(t,typeof e!="symbol"?e+"":e,r),ve=(t,e,r)=>e.has(t)||_e("Cannot "+r);var O=(t,e,r)=>(ve(t,e,"read from private field"),r?r.call(t):e.get(t)),ye=(t,e,r)=>e.has(t)?_e("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),X=(t,e,r,s)=>(ve(t,e,"write to private field"),s?s.call(t,r):e.set(t,r),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const we=(t,e,r)=>t+(e-t)*r,Se=97,Pe=(t,e,r)=>{const s=Math.max(t.length,e.length);let n="";for(let o=0;o<s;o++){let i=t.charCodeAt(o);isNaN(i)&&(i=Se);let l=e.charCodeAt(o);isNaN(l)&&(l=Se),n+=String.fromCharCode(i+(l-i)*r)}return n},Ee=(t,e,r)=>new Date(t.getTime()+(e.getTime()-t.getTime())*r),De=(t,e)=>e,Te=t=>typeof t=="number"?we:typeof t=="string"?Pe:t instanceof Date?Ee:De;var y;class D{constructor(e,r){a(this,"counter");a(this,"isFirst");a(this,"isEven");a(this,"isOdd");ye(this,y);a(this,"dispose",()=>{O(this,y)!=null&&(O(this,y).dispose(),X(this,y,void 0))});this.index=e,this.total=r,this.counter=e+1,this.isFirst=e===0,this.isEven=e%2===1,this.isOdd=e%2===0}get isLast(){return O(this,y)==null&&X(this,y,this.total.map(e=>this.counter===e)),O(this,y)}}y=new WeakMap;const N=class N{constructor(e,r){a(this,"$__signal__",!0);a(this,"_value");a(this,"_derivatives",[]);a(this,"_onValueListeners",[]);a(this,"_onDisposeListeners",[]);a(this,"get",()=>this._value);a(this,"hasListeners",()=>this._onValueListeners.length>0);a(this,"on",e=>(e(this.get()),this._onValueListeners.push(e),()=>{this._onValueListeners.splice(this._onValueListeners.indexOf(e),1)}));a(this,"_setAndNotify",(e,r)=>{const s=this.equals(this._value,e);s||(this._value=e),(r||!s)&&this._onValueListeners.forEach(n=>n(e))});a(this,"_disposed",!1);a(this,"isDisposed",()=>this._disposed);a(this,"onDispose",e=>{this._onDisposeListeners.push(e)});a(this,"dispose",()=>{this._disposed||(this._disposed=!0,this._onDisposeListeners.forEach(e=>e()),this._onDisposeListeners.length=0,this._derivatives.length=0)});a(this,"map",(e,r=(s,n)=>s===n)=>{const s=new A(()=>{try{return e(this.get())}catch(n){throw console.error("Error in Signal.map:",n),n}},r);return this.setDerivative(s),s});a(this,"flatMap",(e,r=(s,n)=>s===n)=>{const s=new A(()=>{try{return e(this.get()).get()}catch(n){throw console.error("Error in Signal.flatMap:",n),n}},r);return this.setDerivative(s),s});a(this,"tap",e=>this.map(r=>(e(r),r)));a(this,"at",e=>this.map(r=>r[e]));a(this,"_$");a(this,"filter",(e,r)=>{let s=r??this.get();const n=new A(()=>{try{const o=this.get();return s=e(o)?o:s}catch(o){throw console.error("Error in Signal.filter:",o),o}},this.equals);return this.setDerivative(n),n});a(this,"filterMap",(e,r,s=(n,o)=>n===o)=>{let n=r;const o=new A(()=>{try{const i=this.get(),l=e(i);return n=l??n}catch(i){throw console.error("Error in Signal.filterMap:",i),i}},s);return this.setDerivative(o),o});a(this,"mapAsync",(e,r,s,n=(o,i)=>o===i)=>{const o=L(r,n);let i=0,l=new AbortController;return o.onDispose(this.on(async u=>{const f=++i;l.abort(),l=new AbortController;try{const _=await e(u,{abortSignal:l.signal});f===i&&o.set(_)}catch(_){if(f===i)if(s!=null)o.set(s(_));else throw _}})),o});a(this,"mapMaybe",(e,r)=>this.map(s=>e(s)??r));a(this,"feedProp",(e,r=!1)=>{const s=this.on(e.set);return e.onDispose(s),r?this.onDispose(e.dispose):this.onDispose(s),e});a(this,"deriveProp",(e=!0)=>this.feedProp(L(this.get()),e));a(this,"count",()=>{let e=0;return this.map(()=>++e)});a(this,"setDerivative",e=>{this._derivatives.push(e),e.onDispose(()=>{this._derivatives.splice(this._derivatives.indexOf(e),1)}),e.onDispose(this.on(e.setDirty)),this.onDispose(e.dispose)});this.equals=r,this._value=e}get value(){return this._value}get $(){return this._$!==void 0?this._$:this._$=new Proxy(this,{get:(e,r)=>this.at(r)})}};a(N,"ofPromise",(e,r,s,n=(o,i)=>o===i)=>{const o=new N(r,n);return e.then(i=>o._setAndNotify(i,!1)).catch(i=>{s!=null?o._setAndNotify(s(i),!1):console.error("Unhandled promise rejection in Signal.ofPromise:",i)}),o}),a(N,"is",e=>e!=null&&e.$__signal__===!0);let d=N;const lt=typeof queueMicrotask=="function"?queueMicrotask:t=>Promise.resolve().then(t);class A extends d{constructor(r,s){super(void 0,s);a(this,"$__computed__",!0);a(this,"_isDirty",!1);a(this,"setDirty",()=>{this._isDirty||this._disposed||(this._isDirty=!0,this._derivatives.forEach(r=>r.setDirty()),this._scheduleNotify())});a(this,"_scheduleCount",0);a(this,"_scheduleNotify",()=>{const r=++this._scheduleCount;lt(()=>{this._scheduleCount!==r||this._disposed!==!1||this._isDirty&&(this._isDirty=!1,this._setAndNotify(this._fn(),!1))})});a(this,"get",()=>(this._isDirty&&(this._isDirty=!1,this._value=this._fn(),this._setAndNotify(this._value,!0)),this._value));this._fn=r,this.setDirty()}static is(r){return r!=null&&r.$__computed__===!0}get value(){return this.get()}}const j=class j extends d{constructor(){super(...arguments);a(this,"$__prop__",!0);a(this,"set",r=>{this._setAndNotify(r,!1)});a(this,"update",r=>{this._setAndNotify(r(this.get()),!1)});a(this,"reducer",(r,...s)=>{const n=this;return function o(i){const l=n.value;n.update(u=>r(u,i)),!n.equals(l,n.value)&&s.forEach(u=>u({previousState:l,state:n.value,action:i,dispatch:o}))}});a(this,"iso",(r,s,n=(o,i)=>o===i)=>{const o=new j(r(this.get()),n);return o.onDispose(this.on(i=>o.set(r(i)))),o.on(i=>this._setAndNotify(s(i),!1)),o});a(this,"atProp",r=>this.iso(s=>s[r],s=>({...this.value,[r]:s})))}get value(){return this.get()}set value(r){this._setAndNotify(r,!1)}};a(j,"is",r=>r!=null&&r.$__prop__===!0);let C=j;const W=(t,e,r=(s,n)=>s===n)=>{const s=new A(t,r);return e.forEach(n=>n.setDerivative(s)),s},Oe=(t,e)=>W(t,e).dispose,L=(t,e=(r,s)=>r===s)=>new C(t,e),R=(t,e=(r,s)=>r===s)=>new d(t,e),h={map:(t,e)=>d.is(t)?t.map(e):e(t),toSignal:(t,e)=>d.is(t)?t:R(t,e),maybeToSignal:(t,e)=>{if(t!=null)return h.toSignal(t,e)},get:t=>d.is(t)?t.get():t,on:(t,e)=>d.is(t)?t.on(e):(e(t),()=>{}),dispose:t=>{d.is(t)&&t.dispose()}},at=(...t)=>(e,r)=>{const s=t.filter(n=>d.is(n));return W(()=>e(...t.map(n=>h.get(n))),s,r)},ut=(...t)=>e=>{const r=t.filter(s=>d.is(s));Oe(()=>e(...t.map(h.get)),r)};class Q{constructor(){a(this,"_store",new Map);a(this,"getItem",e=>this._store.get(e)??null);a(this,"setItem",(e,r)=>{this._store.set(e,r)})}}const Y=({key:t,defaultValue:e,store:r,serialize:s=JSON.stringify,deserialize:n=JSON.parse,equals:o=(l,u)=>l===u,onLoad:i=l=>l})=>{const l=r.getItem(t),u=new C(l!=null?i(n(l)):typeof e=="function"?e():e,o);return u.on(f=>{r.setItem(t,s(f))}),u},ct=t=>Y({...t,store:(window==null?void 0:window.localStorage)??new Q}),ft=t=>Y({...t,store:(window==null?void 0:window.sessionStorage)??new Q});function Ae(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):setTimeout(t,0)}const be=(t,e,r,s)=>{const n=(s==null?void 0:s.duration)??300,o=(s==null?void 0:s.easing)??(v=>v),i=(s==null?void 0:s.equals)??((v,I)=>v===I);let l=s==null?void 0:s.interpolate,u=t,f=e(),_=performance.now(),P=null,J=!0;const H=new A(e,i),E=L(t,i);E.onDispose(()=>{P!==null&&cancelAnimationFrame(P)}),E.onDispose(H.dispose),r.forEach(v=>{v.setDerivative(H),v.onDispose(E.dispose)});const st=v=>{f=v,_=performance.now(),u=E.value,J&&(J=!1,P=Ae(me))},me=()=>{const I=(performance.now()-_)/h.get(n),nt=o(I);l==null&&(l=Te(u));let ge=l(u,f,nt);I>=1?(J=!0,ge=f):P=Ae(me),E.set(ge)};return H.on(st),E},dt=(t,e)=>{const{initialValue:r,...s}=e??{};return be(r??t.get(),t.get,[t],s)},ht=(t,e)=>{const{signals:r,literals:s}=Object.entries(t).reduce(({signals:o,literals:i},[l,u])=>(d.is(u)?o.push([l,u]):i[l]=u,{signals:o,literals:i}),{signals:[],literals:{}}),n=r.map(([,o])=>o);return W(()=>(r.forEach(([o,i])=>s[o]=i.value),e(s)),n)},ke=new Set(["checked","disabled","hidden","selected"]),Ne=new Set(["rowSpan","colSpan","tabIndex","valueAsNumber"]),Ce=new Set(["valueAsDate"]),Le=new Set(["value","textContent","innerText","innerHTML","outerHTML","className","classList"]),z=new Map,b=(t,e)=>{if(z.has(t))return z.get(t);{const r=e(t);return z.set(t,r),r}},Re=t=>(e,r)=>{r==null?e[t]=null:e[t]=!!r},Me=t=>(e,r)=>{r==null?e[t]=null:e[t]=Number(r)},Ve=t=>(e,r)=>{r==null?e[t]=null:e[t]=r},Fe=t=>(e,r)=>{r==null?e[t]=null:e[t]=String(r)},$e=t=>(e,r)=>{r==null?e.removeAttribute(t):e.setAttribute(t,r)},Z=t=>ke.has(t)?b(t,Re):Ne.has(t)?b(t,Me):Ce.has(t)?b(t,Ve):Le.has(t)?b(t,Fe):b(t,$e),x=t=>e=>ke.has(t)?!!e[t]:Ne.has(t)?Number(e[t]):Ce.has(t)?e[t]:Le.has(t)?String(e[t]):e.getAttribute(t);class g{constructor(e,r,s,n,o){a(this,"createElement",(e,r)=>r!==void 0?this.document.createElementNS(r,e):this.document.createElement(e));a(this,"createText",e=>this.document.createTextNode(e));a(this,"makeRef",()=>{const e=this.createText("");return this.appendOrInsert(e),this.withReference(e)});a(this,"appendOrInsert",e=>{this.reference===void 0?this.element.appendChild(e):this.element.insertBefore(e,this.reference)});a(this,"withDocument",e=>new g(e,this.element,this.reference,this.providers,!0));a(this,"withElement",e=>new g(this.document,e,void 0,this.providers,!1));a(this,"withFirstLevel",()=>new g(this.document,this.element,this.reference,this.providers,!0));a(this,"withReference",e=>new g(this.document,this.element,e,this.providers,this.isFirstLevel));a(this,"withProvider",(e,r)=>new g(this.document,this.element,this.reference,{...this.providers,[e]:r},this.isFirstLevel));a(this,"withProviders",e=>new g(this.document,this.element,this.reference,{...this.providers,...e},this.isFirstLevel));a(this,"getProvider",e=>{if(this.providers[e]===void 0)throw new Ie(e);return this.providers[e]});this.document=e,this.element=r,this.reference=s,this.providers=n,this.isFirstLevel=o}static of(e,r){return new g(e.ownerDocument,e,r,{},!0)}}class Ie extends Error{constructor(e){super(`Provider not found: ${e.description}`)}}const m=t=>{const e=t;e&&e.onblur&&(e.onblur=null),!(!t||t.ownerDocument===void 0)&&t.parentElement&&t.parentElement.removeChild(t)},qe=t=>ee(t)?t:t.parentElement,ee=t=>t.nodeType===1,te=t=>e=>{ae(e);const r=e.createText(t);return e.appendOrInsert(r),s=>{s&&m(r)}},re=t=>e=>{ae(e);const r=e.createText(t.value);e.appendOrInsert(r);const s=t.on(n=>r.data=n);return n=>{s(),n&&m(r)}},pt=t=>d.is(t)?re(t):te(t),p=(...t)=>e=>{const r=t.map(s=>c(s)(e));return s=>{r.forEach(n=>n(s))}},S=()=>()=>{},mt=t=>e=>(ie(e),e.element.classList.add(...t),r=>{r&&e.element.classList.remove(...t)}),gt=t=>e=>{ie(e);const r=e.element;let s=[];const n=t.on(o=>{s.forEach(i=>r.classList.remove(i)),s=(o??"").split(" ").filter(i=>i.length>0),r.classList.add(...s)});return o=>{n(),o&&s.forEach(i=>r.classList.remove(i)),s.length=0}},M=(t,e)=>{const r=Z(t),s=x(t);return n=>{oe(n,t);const o=s(n.element);return r(n.element,e),i=>{i&&r(n.element,o)}}},V=(t,e)=>{const r=Z(t),s=x(t);return n=>{oe(n,t);const o=s(n.element),i=e.on(l=>r(n.element,l));return l=>{i(),l&&r(n.element,o)}}},w=new Proxy({},{get:(t,e)=>e==="class"?r=>d.is(r)?gt(r):mt((r??"").split(" ").filter(s=>s.length>0)):r=>d.is(r)?V(e,r):M(e,r)}),_t=new Proxy({},{get:(t,e)=>r=>d.is(r)?V(`data-${e}`,r):M(`data-${e}`,r)}),vt=new Proxy({},{get:(t,e)=>r=>d.is(r)?V(`aria-${e}`,r):M(`aria-${e}`,r)}),yt=new Proxy({},{get:(t,e)=>r=>d.is(r)?V(e,r):M(e,r)}),St=new Proxy({},{get:(t,e)=>r=>d.is(r)?V(e,r):M(e,r)}),c=t=>t==null?S:Array.isArray(t)?p(...t.map(c)):typeof t=="string"?te(t):d.is(t)?re(t):t,se=(t,...e)=>r=>{const s=r.createElement(t,void 0);r.isFirstLevel&&T()&&le(s),r.appendOrInsert(s),r=r.withElement(s);const n=e.map(o=>c(o)(r));return o=>{n.forEach(i=>i(!1)),o&&m(s)}},ne=(t,e,...r)=>s=>{const n=s.createElement(t,e);s.isFirstLevel&&T()&&le(n),s.appendOrInsert(n),s=s.withElement(n);const o=r.map(i=>c(i)(s));return i=>{o.forEach(l=>l(!1)),i&&m(n)}},At=new Proxy({},{get:(t,e)=>(...r)=>se(e,r.flatMap(c))}),wt=new Proxy({},{get:(t,e)=>(...r)=>se("input",w.type(e),...r)}),Pt="http://www.w3.org/2000/svg",Et=new Proxy({},{get:(t,e)=>(...r)=>ne(e,Pt,r.flatMap(c))}),Dt="http://www.w3.org/1998/Math/MathML",Tt=new Proxy({},{get:(t,e)=>(...r)=>ne(e,Dt,r.flatMap(c))}),k="data-tempo-attr",q="data-tempo-class",Be="data-tempo-node",B="data-tempo-text",Ot=(t,e)=>{const r=t.getAttribute(e);if(r!=null){const s=t.getAttribute(k)??"{}",n={...JSON.parse(s),name:r};t.setAttribute(k,JSON.stringify(n).replace(/"/g,"&quot;"))}},oe=(t,e)=>{T()&&t.isFirstLevel&&Ot(t.element,e)},bt=t=>{t.querySelectorAll(`[${k}]`).forEach(e=>{const r=JSON.parse((e.getAttribute(k)??"{}").replace(/&quot;/g,'"'));for(const[s,n]of Object.entries(r))e.setAttribute(s,n);e.removeAttribute(k)})};function kt(t){t.setAttribute(q,t.className)}const ie=t=>{T()&&t.isFirstLevel&&kt(t.element)},Nt=t=>{t.querySelectorAll(`[${q}]`).forEach(e=>{const r=e.getAttribute(q);r!==null&&(e.className=r,e.removeAttribute(q))})},le=t=>{t.setAttribute(Be,"")},Ct=t=>{t.querySelectorAll(`[${Be}]`).forEach(e=>{m(e)})},Lt=t=>{t.setAttribute(B,t.textContent??"")},ae=t=>{T()&&t.isFirstLevel&&Lt(t.element)},Ue=t=>{t.querySelectorAll(`[${B}]`).forEach(e=>{e.textContent=e.getAttribute(B),e.removeAttribute(B)})},je=t=>{Ct(t),Nt(t),bt(t),Ue(t)},We=()=>{const t=globalThis;return t.__tempoSSR__==null&&(t.__tempoSSR__={isSSR:!1,counter:0}),t.__tempoSSR__},ue=(t,e)=>{const r=We();r[t]=e},Ge=t=>We()[t],K=t=>{ue("isSSR",t)},ce=()=>Ge("counter"),Rt=()=>{ue("counter",(ce()??0)+1)},Mt=()=>{ue("counter",(ce()??0)-1)},Vt=(t=30)=>(K(!0),new Promise((e,r)=>{let s;const n=setInterval(()=>{ce()<=0&&(clearInterval(n),clearTimeout(s),K(!1),e())},30);s=setTimeout(()=>{clearInterval(n),K(!1),r(new Error("SSR Timeout"))},t*1e3)})),Ft=t=>(Rt(),c(t(Mt))),T=()=>Ge("isSSR"),fe=(t,e)=>{if(typeof e=="function")return fe(t,{then:e});const r=e.pending!=null?c(e.pending):S,s=e.then,n=e.error!=null?o=>c(e.error(o)):()=>S;return o=>{let i=!0;const l=t();o=o.makeRef();let u=c(r)(o);return l.then(f=>{i&&(u(!0),u=c(s(f))(o))},f=>{i&&(u(!0),u=c(n(f))(o))}),f=>{i=!1,u(f),f&&o.reference&&m(o.reference)}}},$t=(t,e)=>fe(()=>t,e),Je=(t,e)=>r=>(r.element.addEventListener(t,e),s=>{s&&r.element.removeEventListener(t,e)}),He=t=>Je("click",e=>{e.preventDefault();const r=e.target;setTimeout(()=>{const s=r.ownerDocument!=null?r==null?void 0:r.checked:void 0;s!=null&&t(!s)},0)}),F=new Proxy({},{get:(t,e)=>r=>Je(e,r)}),Xe=t=>e=>{const r=e.target;t(r.value)},ze=t=>e=>{const r=e.target;t(r.valueAsNumber)},Ke=t=>e=>{const r=e.target;if(r.value==="")return;const s=r.value.split("-"),n=new Date(Number(s[0]),Number(s[1])-1,Number(s[2].substring(0,2)));t(n)},Qe=t=>e=>{const r=e.target;if(r.value==="")return;const s=r.value.split("T"),n=s[0].split("-"),o=new Date(Number(n[0]),Number(n[1])-1,Number(n[2])),i=s[1].split(":");o.setHours(Number(i[0])),o.setMinutes(Number(i[1])),o.setSeconds(Number(i[2])),t(o)},It=t=>e=>{const r=e.target;t(r.checked)},qt=t=>e=>{e.preventDefault(),t()},Bt=t=>e=>{e.stopPropagation(),t()},Ut=t=>e=>{e.stopImmediatePropagation(),t()},jt=(t,e="input")=>p(w.valueAsDate(t),F[e](Ke(t.set))),Wt=(t,e="input")=>p(w.valueAsDate(t),F[e](Qe(t.set))),Gt=(t,e="input")=>p(w.valueAsNumber(t),F[e](ze(t.set))),Jt=(t,e="input")=>p(w.value(t),F[e](Xe(t.set))),Ht=t=>p(w.checked(t),He(t.set)),G=(t,e)=>{if(d.is(t))return s=>{s=s.makeRef();let n,o;const i=t.map(f=>Object.keys(f)[0]);let l;const u=i.on(f=>{if(f!==l){o==null||o.dispose(),n==null||n(!0),o=t.map(P=>P[f]);const _=e[f](o);n=c(_)(s),l=f}});return f=>{u(),f&&s.reference!=null&&m(s.reference),n==null||n(!0)}};const r=Object.keys(t)[0];return c(e[r](R(t[r])))},de=(t,e,r)=>G(h.map(t,s=>({[s[e]]:s})),r),Xt=(t,e)=>de(t,"kind",e),zt=(t,e)=>{const r=h.map(t,([s,n])=>({[s]:n}));return G(r,e)},Kt=(t,e)=>de(t,"type",e),Ye=(t,e)=>G(h.map(t,r=>({[r]:!0})),e),Qt=(t,e={})=>r=>{const s=(e==null?void 0:e.firstSeparator)??t,n=(e==null?void 0:e.lastSeparator)??t;return Ye(r.map(o=>o.isFirst?"first":o.isLast?"last":"other"),{first:()=>s,last:()=>n,other:()=>t})},Ze=(t,e)=>r=>{const s=Object.values(t).reduce((n,o)=>{const i=r.getProvider(o);if(i==null)throw new Error(`No provider found for mark: ${o.description}`);return n[o]=i,n},{});return c(e(s))(r)},Yt=(t,e)=>r=>{const s=[],n=Object.entries(t).reduce((o,[i,l])=>(s.push(l(u=>(Reflect.set(o,i,u),null))(r)),o),{});return s.push(e(n)(r)),o=>{s.forEach(i=>i(o))}},Zt=(t,e)=>Ze([t],r=>c(e(r[t]))),xt=(t,e)=>Ze(t,r=>c(e(r))),er=t=>e=>t(e),tr=t=>e=>(e.appendOrInsert(t),r=>{r&&m(t)}),xe=(t,e,r)=>{if(d.is(t)){const s=t;return n=>{n=n.makeRef();let o=null,i=!1;const l=L(null),u=s.on(f=>{f==null?(o==null||o(!0),o=c((r==null?void 0:r())??S)(n),i=!1):(l.value=f,i||(o==null||o(!0),o=c(e(l))(n),i=!0))});return f=>{u(),o==null||o(f),f&&n.reference&&m(n.reference)}}}else{const s=t;if(s==null){const n=r==null?void 0:r();return n!=null?c(n):S}return c(e(R(s)))}},U=t=>e=>r=>t(r,e),$=(t,e,r)=>xe(h.map(t,s=>s?!0:null),()=>e,r!=null?()=>r:void 0),rr=(t,e,r)=>$(h.map(t,s=>!s),e,r),he=(t,e,r)=>r!=null?he(t,s=>{const n=new D(s.index,s.total.map(o=>o-1));return p(U(n.dispose),c(e(s)),$(s.isLast,S,r(n)))}):d.is(t)?s=>{s=s.makeRef();const n=Array.from({length:t.value},(l,u)=>u).map(l=>new D(l,t)),o=n.map(l=>c(e(l))(s)),i=t.on(l=>{for(;l<o.length;)o.pop()(!0),n.pop().dispose();for(let u=0;u<l;u++)if(n[u]==null){n[u]=new D(u,t);const f=c(e(n[u]));o[u]=f(s)}});return l=>{i(),l&&s.reference&&m(s.reference)}}:p(...Array.from({length:t},(s,n)=>n).map(s=>c(e(new D(s,R(t)))))),et=(t,e,r)=>r!=null?et(t,(s,n)=>{const o=new D(n.index,n.total.map(i=>i-1));return p([U(o.dispose),c(e(s,n)),$(n.isLast,S,r(o))])}):s=>{const n=h.map(t,i=>i.length),o=h.toSignal(t);return he(n,i=>{const l=o.map(u=>u[i.index]);return p(U(l.dispose),c(e(l,i)))})(s)},sr=(t,e)=>{if(d.is(t)){const r=t;return s=>{s=s.makeRef();const n=r.map(l=>c(e(l)));let o=()=>{};const i=n.on(l=>{o(!0),o=l(s)});return l=>{i(),o(l)}}}return c(e(t))},nr=(t,e,r=S)=>$(h.map(t,s=>s.length>0),e,r),or=t=>e=>t(e.element)??(()=>{}),pe=(t,e)=>{const r=t(e);return()=>r(!0)},ir=(t,e,{doc:r,clear:s}={})=>{const n=typeof e=="string"?(r??document).querySelector(e):e;if(n===null)throw new tt(`Cannot find element by selector for render: ${e}`);s!==!1&&(r??n.ownerDocument)!=null&&je(r??n.ownerDocument);const o=qe(n),i=ee(n)?void 0:n,l=g.of(o,i);return pe(t,l)};class tt extends Error{constructor(e){super(e)}}const lr=(t,e)=>r=>{const s=r.document.querySelector(t);if(s===null)throw new Error(`Cannot find element by selector for portal: ${t}`);return pe(c(e),r.withElement(s).withFirstLevel())},ar=t=>Symbol(t),rt=(t,e)=>r=>c(e)(r.withProviders(t)),ur=(...t)=>t.length>0?t.reduceRight((e,r)=>s=>e(r(s))):c,cr=(t,e,r)=>rt({[t]:e},c(r)),fr=(t,e)=>rt(t,c(e)),dr=(t,e)=>r=>{const s=r.element,n=s.style.getPropertyValue(t);return s.style.setProperty(t,e),o=>{o&&s.style.setProperty(t,n)}},hr=(t,e)=>r=>{const s=r.element,n=s.style.getPropertyValue(t);return e.on(o=>s.style.setProperty(t,o)),o=>{o&&s.style.setProperty(t,n)}},pr=new Proxy({},{get:(t,e)=>r=>d.is(r)?hr(e,r):dr(e,r)});exports.Async=$t;exports.BindChecked=Ht;exports.BindDate=jt;exports.BindDateTime=Wt;exports.BindNumber=Gt;exports.BindText=Jt;exports.Computed=A;exports.Conjunction=Qt;exports.DOMContext=g;exports.DOMNode=tr;exports.El=se;exports.ElNS=ne;exports.ElementPosition=D;exports.Empty=S;exports.Ensure=xe;exports.ForEach=et;exports.Fragment=p;exports.MapSignal=sr;exports.MemoryStore=Q;exports.NotEmpty=nr;exports.OnChecked=He;exports.OnCtx=er;exports.OnMount=or;exports.OnUnmount=U;exports.OneOf=G;exports.OneOfField=de;exports.OneOfKind=Xt;exports.OneOfTuple=zt;exports.OneOfType=Kt;exports.OneOfValue=Ye;exports.Portal=lr;exports.Prop=C;exports.Provide=ur;exports.ProviderNotFoundError=Ie;exports.RenderingError=tt;exports.Repeat=he;exports.Signal=d;exports.Task=fe;exports.TextNode=pt;exports.Unless=rr;exports.Use=Yt;exports.UseProvider=Zt;exports.UseProviders=xt;exports.UseSSRDone=Ft;exports.Value=h;exports.When=$;exports.WithProvider=cr;exports.WithProviders=fr;exports._addNodeTracker=le;exports._clearSSR=je;exports._getSelfOrParentElement=qe;exports._isElement=ee;exports._makeGetter=x;exports._makeSetter=Z;exports._maybeAddAttributeTracker=oe;exports._maybeAddClassTracker=ie;exports._maybeAddTextTracker=ae;exports._removeDOMNode=m;exports._setAttribute=$e;exports._setBooleanProperty=Re;exports._setDateProperty=Ve;exports._setNumberProperty=Me;exports._setStringProperty=Fe;exports._signalText=re;exports._staticText=te;exports.animateSignal=dt;exports.animateSignals=be;exports.aria=vt;exports.attr=w;exports.dataAttr=_t;exports.emitChecked=It;exports.emitPreventDefault=qt;exports.emitStopImmediatePropagation=Ut;exports.emitStopPropagation=Bt;exports.emitValue=Xe;exports.emitValueAsDate=Ke;exports.emitValueAsDateTime=Qe;exports.emitValueAsNumber=ze;exports.endInterpolate=De;exports.guessInterpolate=Te;exports.html=At;exports.input=wt;exports.interpolateDate=Ee;exports.interpolateNumber=we;exports.interpolateString=Pe;exports.isSSR=T;exports.localStorageProp=ct;exports.makeComputed=W;exports.makeComputedOf=at;exports.makeComputedRecord=ht;exports.makeEffect=Oe;exports.makeEffectOf=ut;exports.makeProp=L;exports.makeProviderMark=ar;exports.makeSignal=R;exports.math=Tt;exports.mathAttr=St;exports.on=F;exports.prepareSSR=Vt;exports.removeTextTrackers=Ue;exports.render=ir;exports.renderWithContext=pe;exports.renderableOfTNode=c;exports.sessionStorageProp=ft;exports.storedProp=Y;exports.style=pr;exports.svg=Et;exports.svgAttr=yt;
+"use strict";var lt=Object.defineProperty;var ye=t=>{throw TypeError(t)};var at=(t,e,r)=>e in t?lt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var a=(t,e,r)=>at(t,typeof e!="symbol"?e+"":e,r),ve=(t,e,r)=>e.has(t)||ye("Cannot "+r);var O=(t,e,r)=>(ve(t,e,"read from private field"),r?r.call(t):e.get(t)),Se=(t,e,r)=>e.has(t)?ye("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),H=(t,e,r,s)=>(ve(t,e,"write to private field"),s?s.call(t,r):e.set(t,r),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Pe=(t,e,r)=>t+(e-t)*r,Ae=97,Ee=(t,e,r)=>{const s=Math.max(t.length,e.length);let n="";for(let o=0;o<s;o++){let i=t.charCodeAt(o);isNaN(i)&&(i=Ae);let l=e.charCodeAt(o);isNaN(l)&&(l=Ae),n+=String.fromCharCode(i+(l-i)*r)}return n},De=(t,e,r)=>new Date(t.getTime()+(e.getTime()-t.getTime())*r),Te=(t,e)=>e,Oe=t=>typeof t=="number"?Pe:typeof t=="string"?Ee:t instanceof Date?De:Te;var v;class D{constructor(e,r){a(this,"counter");a(this,"isFirst");a(this,"isEven");a(this,"isOdd");Se(this,v);a(this,"dispose",()=>{O(this,v)!=null&&(O(this,v).dispose(),H(this,v,void 0))});this.index=e,this.total=r,this.counter=e+1,this.isFirst=e===0,this.isEven=e%2===1,this.isOdd=e%2===0}get isLast(){return O(this,v)==null&&H(this,v,this.total.map(e=>this.counter===e)),O(this,v)}}v=new WeakMap;const N=class N{constructor(e,r){a(this,"$__signal__",!0);a(this,"_value");a(this,"_derivatives",[]);a(this,"_onValueListeners",[]);a(this,"_onDisposeListeners",[]);a(this,"get",()=>this._value);a(this,"hasListeners",()=>this._onValueListeners.length>0);a(this,"on",e=>(e(this.get()),this._onValueListeners.push(e),()=>{this._onValueListeners.splice(this._onValueListeners.indexOf(e),1)}));a(this,"_setAndNotify",(e,r)=>{const s=this.equals(this._value,e);s||(this._value=e),(r||!s)&&this._onValueListeners.forEach(n=>n(e))});a(this,"_disposed",!1);a(this,"isDisposed",()=>this._disposed);a(this,"onDispose",e=>{this._onDisposeListeners.push(e)});a(this,"dispose",()=>{this._disposed||(this._disposed=!0,this._onDisposeListeners.forEach(e=>e()),this._onDisposeListeners.length=0,this._derivatives.length=0)});a(this,"map",(e,r=(s,n)=>s===n)=>{const s=new A(()=>{try{return e(this.get())}catch(n){throw console.error("Error in Signal.map:",n),n}},r);return this.setDerivative(s),s});a(this,"flatMap",(e,r=(s,n)=>s===n)=>{const s=new A(()=>{try{return e(this.get()).get()}catch(n){throw console.error("Error in Signal.flatMap:",n),n}},r);return this.setDerivative(s),s});a(this,"tap",e=>this.map(r=>(e(r),r)));a(this,"at",e=>this.map(r=>r[e]));a(this,"_$");a(this,"filter",(e,r)=>{let s=r??this.get();const n=new A(()=>{try{const o=this.get();return s=e(o)?o:s}catch(o){throw console.error("Error in Signal.filter:",o),o}},this.equals);return this.setDerivative(n),n});a(this,"filterMap",(e,r,s=(n,o)=>n===o)=>{let n=r;const o=new A(()=>{try{const i=this.get(),l=e(i);return n=l??n}catch(i){throw console.error("Error in Signal.filterMap:",i),i}},s);return this.setDerivative(o),o});a(this,"mapAsync",(e,r,s,n=(o,i)=>o===i)=>{const o=L(r,n);let i=0,l=new AbortController;return o.onDispose(this.on(async u=>{const f=++i;l.abort(),l=new AbortController;try{const _=await e(u,{abortSignal:l.signal});f===i&&o.set(_)}catch(_){if(f===i)if(s!=null)o.set(s(_));else throw _}})),o});a(this,"mapMaybe",(e,r)=>this.map(s=>e(s)??r));a(this,"feedProp",(e,r=!1)=>{const s=this.on(e.set);return e.onDispose(s),r?this.onDispose(e.dispose):this.onDispose(s),e});a(this,"deriveProp",(e=!0)=>this.feedProp(L(this.get()),e));a(this,"count",()=>{let e=0;return this.map(()=>++e)});a(this,"setDerivative",e=>{this._derivatives.push(e),e.onDispose(()=>{this._derivatives.splice(this._derivatives.indexOf(e),1)}),e.onDispose(this.on(e.setDirty)),this.onDispose(e.dispose)});this.equals=r,this._value=e}get value(){return this._value}get $(){return this._$!==void 0?this._$:this._$=new Proxy(this,{get:(e,r)=>this.at(r)})}};a(N,"ofPromise",(e,r,s,n=(o,i)=>o===i)=>{const o=new N(r,n);return e.then(i=>o._setAndNotify(i,!1)).catch(i=>{s!=null?o._setAndNotify(s(i),!1):console.error("Unhandled promise rejection in Signal.ofPromise:",i)}),o}),a(N,"is",e=>e!=null&&e.$__signal__===!0);let d=N;const ut=typeof queueMicrotask=="function"?queueMicrotask:t=>Promise.resolve().then(t);class A extends d{constructor(r,s){super(void 0,s);a(this,"$__computed__",!0);a(this,"_isDirty",!1);a(this,"setDirty",()=>{this._isDirty||this._disposed||(this._isDirty=!0,this._derivatives.forEach(r=>r.setDirty()),this._scheduleNotify())});a(this,"_scheduleCount",0);a(this,"_scheduleNotify",()=>{const r=++this._scheduleCount;ut(()=>{this._scheduleCount!==r||this._disposed!==!1||this._isDirty&&(this._isDirty=!1,this._setAndNotify(this._fn(),!1))})});a(this,"get",()=>(this._isDirty&&(this._isDirty=!1,this._value=this._fn(),this._setAndNotify(this._value,!0)),this._value));this._fn=r,this.setDirty()}static is(r){return r!=null&&r.$__computed__===!0}get value(){return this.get()}}const U=class U extends d{constructor(){super(...arguments);a(this,"$__prop__",!0);a(this,"set",r=>{this._setAndNotify(r,!1)});a(this,"update",r=>{this._setAndNotify(r(this.get()),!1)});a(this,"reducer",(r,...s)=>{const n=this;return function o(i){const l=n.value;n.update(u=>r(u,i)),!n.equals(l,n.value)&&s.forEach(u=>u({previousState:l,state:n.value,action:i,dispatch:o}))}});a(this,"iso",(r,s,n=(o,i)=>o===i)=>{const o=new U(r(this.get()),n);return o.onDispose(this.on(i=>o.set(r(i)))),o.on(i=>this._setAndNotify(s(i),!1)),o});a(this,"atProp",r=>this.iso(s=>s[r],s=>({...this.value,[r]:s})))}get value(){return this.get()}set value(r){this._setAndNotify(r,!1)}};a(U,"is",r=>r!=null&&r.$__prop__===!0);let C=U;const j=(t,e,r=(s,n)=>s===n)=>{const s=new A(t,r);return e.forEach(n=>n.setDerivative(s)),s},be=(t,e)=>j(t,e).dispose,L=(t,e=(r,s)=>r===s)=>new C(t,e),R=(t,e=(r,s)=>r===s)=>new d(t,e),h={map:(t,e)=>d.is(t)?t.map(e):e(t),toSignal:(t,e)=>d.is(t)?t:R(t,e),maybeToSignal:(t,e)=>{if(t!=null)return h.toSignal(t,e)},get:t=>d.is(t)?t.get():t,on:(t,e)=>d.is(t)?t.on(e):(e(t),()=>{}),dispose:t=>{d.is(t)&&t.dispose()}},ct=(...t)=>(e,r)=>{const s=t.filter(n=>d.is(n));return j(()=>e(...t.map(n=>h.get(n))),s,r)},ft=(...t)=>e=>{const r=t.filter(s=>d.is(s));be(()=>e(...t.map(h.get)),r)};class Q{constructor(){a(this,"_store",new Map);a(this,"getItem",e=>this._store.get(e)??null);a(this,"setItem",(e,r)=>{this._store.set(e,r)})}}const Y=({key:t,defaultValue:e,store:r,serialize:s=JSON.stringify,deserialize:n=JSON.parse,equals:o=(l,u)=>l===u,onLoad:i=l=>l})=>{const l=r.getItem(t),u=new C(l!=null?i(n(l)):typeof e=="function"?e():e,o);return u.on(f=>{r.setItem(t,s(f))}),u},dt=t=>Y({...t,store:(window==null?void 0:window.localStorage)??new Q}),ht=t=>Y({...t,store:(window==null?void 0:window.sessionStorage)??new Q});function we(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):setTimeout(t,0)}const ke=(t,e,r,s)=>{const n=(s==null?void 0:s.duration)??300,o=(s==null?void 0:s.easing)??(y=>y),i=(s==null?void 0:s.equals)??((y,$)=>y===$);let l=s==null?void 0:s.interpolate,u=t,f=e(),_=performance.now(),P=null,J=!0;const z=new A(e,i),E=L(t,i);E.onDispose(()=>{P!==null&&cancelAnimationFrame(P)}),E.onDispose(z.dispose),r.forEach(y=>{y.setDerivative(z),y.onDispose(E.dispose)});const ot=y=>{f=y,_=performance.now(),u=E.value,J&&(J=!1,P=we(ge))},ge=()=>{const $=(performance.now()-_)/h.get(n),it=o($);l==null&&(l=Oe(u));let _e=l(u,f,it);$>=1?(J=!0,_e=f):P=we(ge),E.set(_e)};return z.on(ot),E},pt=(t,e)=>{const{initialValue:r,...s}=e??{};return ke(r??t.get(),t.get,[t],s)},mt=(t,e)=>{const{signals:r,literals:s}=Object.entries(t).reduce(({signals:o,literals:i},[l,u])=>(d.is(u)?o.push([l,u]):i[l]=u,{signals:o,literals:i}),{signals:[],literals:{}}),n=r.map(([,o])=>o);return j(()=>(r.forEach(([o,i])=>s[o]=i.value),e(s)),n)},Ne=new Set(["checked","disabled","hidden","selected"]),Ce=new Set(["rowSpan","colSpan","tabIndex","valueAsNumber"]),Le=new Set(["valueAsDate"]),Re=new Set(["value","textContent","innerText","innerHTML","outerHTML","className","classList"]),X=new Map,b=(t,e)=>{if(X.has(t))return X.get(t);{const r=e(t);return X.set(t,r),r}},Me=t=>(e,r)=>{r==null?e[t]=null:e[t]=!!r},Ve=t=>(e,r)=>{r==null?e[t]=null:e[t]=Number(r)},Fe=t=>(e,r)=>{r==null?e[t]=null:e[t]=r},$e=t=>(e,r)=>{r==null?e[t]=null:e[t]=String(r)},Ie=t=>(e,r)=>{r==null?e.removeAttribute(t):e.setAttribute(t,r)},Z=t=>Ne.has(t)?b(t,Me):Ce.has(t)?b(t,Ve):Le.has(t)?b(t,Fe):Re.has(t)?b(t,$e):b(t,Ie),x=t=>e=>Ne.has(t)?!!e[t]:Ce.has(t)?Number(e[t]):Le.has(t)?e[t]:Re.has(t)?String(e[t]):e.getAttribute(t);class g{constructor(e,r,s,n,o){a(this,"createElement",(e,r)=>r!==void 0?this.document.createElementNS(r,e):this.document.createElement(e));a(this,"createText",e=>this.document.createTextNode(e));a(this,"makeRef",()=>{const e=this.createText("");return this.appendOrInsert(e),this.withReference(e)});a(this,"appendOrInsert",e=>{this.reference===void 0?this.element.appendChild(e):this.element.insertBefore(e,this.reference)});a(this,"withDocument",e=>new g(e,this.element,this.reference,this.providers,!0));a(this,"withElement",e=>new g(this.document,e,void 0,this.providers,!1));a(this,"withFirstLevel",()=>new g(this.document,this.element,this.reference,this.providers,!0));a(this,"withReference",e=>new g(this.document,this.element,e,this.providers,this.isFirstLevel));a(this,"withProvider",(e,r)=>new g(this.document,this.element,this.reference,{...this.providers,[e]:r},this.isFirstLevel));a(this,"withProviders",e=>new g(this.document,this.element,this.reference,{...this.providers,...e},this.isFirstLevel));a(this,"getProvider",e=>{if(this.providers[e]===void 0)throw new qe(e);return this.providers[e]});this.document=e,this.element=r,this.reference=s,this.providers=n,this.isFirstLevel=o}static of(e,r){return new g(e.ownerDocument,e,r,{},!0)}}class qe extends Error{constructor(e){super(`Provider not found: ${e.description}`)}}const m=t=>{const e=t;e&&e.onblur&&(e.onblur=null),!(!t||t.ownerDocument===void 0)&&t.parentElement&&t.parentElement.removeChild(t)},Be=t=>ee(t)?t:t.parentElement,ee=t=>t.nodeType===1,te=t=>e=>{ae(e);const r=e.createText(t);return e.appendOrInsert(r),s=>{s&&m(r)}},re=t=>e=>{ae(e);const r=e.createText(t.value);e.appendOrInsert(r);const s=t.on(n=>r.data=n);return n=>{s(),n&&m(r)}},gt=t=>d.is(t)?re(t):te(t),p=(...t)=>e=>{const r=t.map(s=>c(s)(e));return s=>{r.forEach(n=>n(s))}},S=()=>()=>{},_t=t=>e=>(ie(e),e.element.classList.add(...t),r=>{r&&e.element.classList.remove(...t)}),yt=t=>e=>{ie(e);const r=e.element;let s=[];const n=t.on(o=>{s.forEach(i=>r.classList.remove(i)),s=(o??"").split(" ").filter(i=>i.length>0),r.classList.add(...s)});return o=>{n(),o&&s.forEach(i=>r.classList.remove(i)),s.length=0}},M=(t,e)=>{const r=Z(t),s=x(t);return n=>{oe(n,t);const o=s(n.element);return r(n.element,e),i=>{i&&r(n.element,o)}}},V=(t,e)=>{const r=Z(t),s=x(t);return n=>{oe(n,t);const o=s(n.element),i=e.on(l=>r(n.element,l));return l=>{i(),l&&r(n.element,o)}}},w=new Proxy({},{get:(t,e)=>e==="class"?r=>d.is(r)?yt(r):_t((r??"").split(" ").filter(s=>s.length>0)):r=>d.is(r)?V(e,r):M(e,r)}),vt=new Proxy({},{get:(t,e)=>r=>d.is(r)?V(`data-${e}`,r):M(`data-${e}`,r)}),St=new Proxy({},{get:(t,e)=>r=>d.is(r)?V(`aria-${e}`,r):M(`aria-${e}`,r)}),At=new Proxy({},{get:(t,e)=>r=>d.is(r)?V(e,r):M(e,r)}),wt=new Proxy({},{get:(t,e)=>r=>d.is(r)?V(e,r):M(e,r)}),c=t=>t==null?S:Array.isArray(t)?p(...t.map(c)):typeof t=="string"?te(t):d.is(t)?re(t):t,se=(t,...e)=>r=>{const s=r.createElement(t,void 0);r.isFirstLevel&&T()&&le(s),r.appendOrInsert(s),r=r.withElement(s);const n=e.map(o=>c(o)(r));return o=>{n.forEach(i=>i(!1)),o&&m(s)}},ne=(t,e,...r)=>s=>{const n=s.createElement(t,e);s.isFirstLevel&&T()&&le(n),s.appendOrInsert(n),s=s.withElement(n);const o=r.map(i=>c(i)(s));return i=>{o.forEach(l=>l(!1)),i&&m(n)}},Pt=new Proxy({},{get:(t,e)=>(...r)=>se(e,r.flatMap(c))}),Et=new Proxy({},{get:(t,e)=>(...r)=>se("input",w.type(e),...r)}),Dt="http://www.w3.org/2000/svg",Tt=new Proxy({},{get:(t,e)=>(...r)=>ne(e,Dt,r.flatMap(c))}),Ot="http://www.w3.org/1998/Math/MathML",bt=new Proxy({},{get:(t,e)=>(...r)=>ne(e,Ot,r.flatMap(c))}),k="data-tempo-attr",I="data-tempo-class",Ue="data-tempo-node",q="data-tempo-text",kt=(t,e)=>{const r=t.getAttribute(e);if(r!=null){const s=t.getAttribute(k)??"{}",n={...JSON.parse(s),name:r};t.setAttribute(k,JSON.stringify(n).replace(/"/g,"&quot;"))}},oe=(t,e)=>{T()&&t.isFirstLevel&&kt(t.element,e)},Nt=t=>{t.querySelectorAll(`[${k}]`).forEach(e=>{const r=JSON.parse((e.getAttribute(k)??"{}").replace(/&quot;/g,'"'));for(const[s,n]of Object.entries(r))e.setAttribute(s,n);e.removeAttribute(k)})};function Ct(t){t.setAttribute(I,t.className)}const ie=t=>{T()&&t.isFirstLevel&&Ct(t.element)},Lt=t=>{t.querySelectorAll(`[${I}]`).forEach(e=>{const r=e.getAttribute(I);r!==null&&(e.className=r,e.removeAttribute(I))})},le=t=>{t.setAttribute(Ue,"")},Rt=t=>{t.querySelectorAll(`[${Ue}]`).forEach(e=>{m(e)})},Mt=t=>{t.setAttribute(q,t.textContent??"")},ae=t=>{T()&&t.isFirstLevel&&Mt(t.element)},je=t=>{t.querySelectorAll(`[${q}]`).forEach(e=>{e.textContent=e.getAttribute(q),e.removeAttribute(q)})},We=t=>{Rt(t),Lt(t),Nt(t),je(t)},Ge=()=>{const t=globalThis;return t.__tempoSSR__==null&&(t.__tempoSSR__={isSSR:!1,counter:0}),t.__tempoSSR__},ue=(t,e)=>{const r=Ge();r[t]=e},Je=t=>Ge()[t],K=t=>{ue("isSSR",t)},ce=()=>Je("counter"),Vt=()=>{ue("counter",(ce()??0)+1)},Ft=()=>{ue("counter",(ce()??0)-1)},$t=(t=30)=>(K(!0),new Promise((e,r)=>{let s;const n=setInterval(()=>{ce()<=0&&(clearInterval(n),clearTimeout(s),K(!1),e())},30);s=setTimeout(()=>{clearInterval(n),K(!1),r(new Error("SSR Timeout"))},t*1e3)})),It=t=>(Vt(),c(t(Ft))),T=()=>Je("isSSR"),fe=(t,e)=>{if(typeof e=="function")return fe(t,{then:e});const r=e.pending!=null?c(e.pending):S,s=e.then,n=e.error!=null?o=>c(e.error(o)):()=>S;return o=>{let i=!0;const l=t();o=o.makeRef();let u=c(r)(o);return l.then(f=>{i&&(u(!0),u=c(s(f))(o))},f=>{i&&(u(!0),u=c(n(f))(o))}),f=>{i=!1,u(f),f&&o.reference&&m(o.reference)}}},qt=(t,e)=>fe(()=>t,e),ze=(t,e)=>r=>(r.element.addEventListener(t,e),s=>{s&&r.element.removeEventListener(t,e)}),He=t=>ze("click",e=>{e.preventDefault();const r=e.target;setTimeout(()=>{const s=r.ownerDocument!=null?r==null?void 0:r.checked:void 0;s!=null&&t(!s)},0)}),F=new Proxy({},{get:(t,e)=>r=>ze(e,r)}),Xe=t=>e=>{const r=e.target;t(r.value)},Ke=t=>e=>{const r=e.target;t(r.valueAsNumber)},Qe=t=>e=>{const r=e.target;if(r.value==="")return;const s=r.value.split("-"),n=new Date(Number(s[0]),Number(s[1])-1,Number(s[2].substring(0,2)));t(n)},Ye=t=>e=>{const r=e.target;if(r.value==="")return;const s=r.value.split("T"),n=s[0].split("-"),o=new Date(Number(n[0]),Number(n[1])-1,Number(n[2])),i=s[1].split(":");o.setHours(Number(i[0])),o.setMinutes(Number(i[1])),o.setSeconds(Number(i[2])),t(o)},Bt=t=>e=>{const r=e.target;t(r.checked)},Ut=t=>e=>{e.preventDefault(),t()},jt=t=>e=>{e.stopPropagation(),t()},Wt=t=>e=>{e.stopImmediatePropagation(),t()},Gt=(t,e="input")=>p(w.valueAsDate(t),F[e](Qe(t.set))),Jt=(t,e="input")=>p(w.valueAsDate(t),F[e](Ye(t.set))),zt=(t,e="input")=>p(w.valueAsNumber(t),F[e](Ke(t.set))),Ht=(t,e="input")=>p(w.value(t),F[e](Xe(t.set))),Xt=t=>p(w.checked(t),He(t.set)),W=(t,e)=>{if(d.is(t))return s=>{s=s.makeRef();let n,o;const i=t.map(f=>Object.keys(f)[0]);let l;const u=i.on(f=>{if(f!==l){o==null||o.dispose(),n==null||n(!0),o=t.map(P=>P[f]);const _=e[f](o);n=c(_)(s),l=f}});return f=>{u(),f&&s.reference!=null&&m(s.reference),n==null||n(!0)}};const r=Object.keys(t)[0];return c(e[r](R(t[r])))},de=(t,e,r)=>W(h.map(t,s=>({[s[e]]:s})),r),Kt=(t,e)=>de(t,"kind",e),Qt=(t,e)=>{const r=h.map(t,([s,n])=>({[s]:n}));return W(r,e)},Yt=(t,e)=>de(t,"type",e),Ze=(t,e)=>W(h.map(t,r=>({[r]:!0})),e),Zt=(t,e={})=>r=>{const s=(e==null?void 0:e.firstSeparator)??t,n=(e==null?void 0:e.lastSeparator)??t;return Ze(r.map(o=>o.isFirst?"first":o.isLast?"last":"other"),{first:()=>s,last:()=>n,other:()=>t})},xe=(t,e)=>r=>{const s=Object.values(t).reduce((n,o)=>{const i=r.getProvider(o);if(i==null)throw new Error(`No provider found for mark: ${o.description}`);return n[o]=i,n},{});return c(e(s))(r)},xt=(t,e)=>r=>{const s=[],n=Object.entries(t).reduce((o,[i,l])=>(s.push(l(u=>(Reflect.set(o,i,u),null))(r)),o),{});return s.push(e(n)(r)),o=>{s.forEach(i=>i(o))}},er=(t,e)=>xe([t],r=>c(e(r[t]))),tr=(t,e)=>xe(t,r=>c(e(r))),rr=t=>e=>t(e),sr=t=>e=>(e.appendOrInsert(t),r=>{r&&m(t)}),et=(t,e,r)=>{if(d.is(t)){const s=t;return n=>{n=n.makeRef();let o=null,i=!1;const l=L(null),u=s.on(f=>{f==null?(o==null||o(!0),o=c((r==null?void 0:r())??S)(n),i=!1):(l.value=f,i||(o==null||o(!0),o=c(e(l))(n),i=!0))});return f=>{u(),o==null||o(f),f&&n.reference&&m(n.reference)}}}else{const s=t;if(s==null){const n=r==null?void 0:r();return n!=null?c(n):S}return c(e(R(s)))}},B=t=>e=>r=>t(r,e),G=(t,e,r)=>he(t,()=>e,()=>r),he=(t,e,r)=>et(h.map(t,s=>s?!0:null),e,r??void 0),nr=(t,e,r)=>tt(t,()=>e,()=>r),tt=(t,e,r)=>he(h.map(t,s=>!s),e,r),pe=(t,e,r)=>r!=null?pe(t,s=>{const n=new D(s.index,s.total.map(o=>o-1));return p(B(n.dispose),c(e(s)),G(s.isLast,S,r(n)))}):d.is(t)?s=>{s=s.makeRef();const n=Array.from({length:t.value},(l,u)=>u).map(l=>new D(l,t)),o=n.map(l=>c(e(l))(s)),i=t.on(l=>{for(;l<o.length;)n.pop().dispose(),o.pop()(!0);for(let u=0;u<l;u++)if(n[u]==null){n[u]=new D(u,t);const f=c(e(n[u]));o[u]=f(s)}});return l=>{i(),l&&s.reference&&m(s.reference)}}:p(...Array.from({length:t},(s,n)=>n).map(s=>c(e(new D(s,R(t)))))),rt=(t,e,r)=>{if(r!=null)return rt(t,(s,n)=>{const o=new D(n.index,n.total.map(i=>i-1));return p([B(o.dispose),c(e(s,n)),G(n.isLast,S,r(o))])});{const s=h.map(t,o=>o.length),n=h.toSignal(t);return pe(s,o=>{const i=n.map(l=>l[o.index]);return p(B(i.dispose),c(e(i,o)))})}},or=(t,e)=>{if(d.is(t)){const r=t;return s=>{s=s.makeRef();const n=r.map(l=>c(e(l)));let o=()=>{};const i=n.on(l=>{o(!0),o=l(s)});return l=>{i(),o(l)}}}return c(e(t))},ir=(t,e,r=S)=>G(h.map(t,s=>s.length>0),e,r),lr=t=>e=>t(e.element)??(()=>{}),me=(t,e)=>{const r=t(e);return()=>r(!0)},ar=(t,e,{doc:r,clear:s}={})=>{const n=typeof e=="string"?(r??document).querySelector(e):e;if(n===null)throw new st(`Cannot find element by selector for render: ${e}`);s!==!1&&(r??n.ownerDocument)!=null&&We(r??n.ownerDocument);const o=Be(n),i=ee(n)?void 0:n,l=g.of(o,i);return me(t,l)};class st extends Error{constructor(e){super(e)}}const ur=(t,e)=>r=>{const s=r.document.querySelector(t);if(s===null)throw new Error(`Cannot find element by selector for portal: ${t}`);return me(c(e),r.withElement(s).withFirstLevel())},cr=t=>Symbol(t),nt=(t,e)=>r=>c(e)(r.withProviders(t)),fr=(...t)=>t.length>0?t.reduceRight((e,r)=>s=>e(r(s))):c,dr=(t,e,r)=>nt({[t]:e},c(r)),hr=(t,e)=>nt(t,c(e)),pr=(t,e)=>r=>{const s=r.element,n=s.style.getPropertyValue(t);return s.style.setProperty(t,e),o=>{o&&s.style.setProperty(t,n)}},mr=(t,e)=>r=>{const s=r.element,n=s.style.getPropertyValue(t);return e.on(o=>s.style.setProperty(t,o)),o=>{o&&s.style.setProperty(t,n)}},gr=new Proxy({},{get:(t,e)=>r=>d.is(r)?mr(e,r):pr(e,r)});exports.Async=qt;exports.BindChecked=Xt;exports.BindDate=Gt;exports.BindDateTime=Jt;exports.BindNumber=zt;exports.BindText=Ht;exports.Computed=A;exports.Conjunction=Zt;exports.DOMContext=g;exports.DOMNode=sr;exports.El=se;exports.ElNS=ne;exports.ElementPosition=D;exports.Empty=S;exports.Ensure=et;exports.ForEach=rt;exports.Fragment=p;exports.LazyUnless=tt;exports.LazyWhen=he;exports.MapSignal=or;exports.MemoryStore=Q;exports.NotEmpty=ir;exports.OnChecked=He;exports.OnCtx=rr;exports.OnMount=lr;exports.OnUnmount=B;exports.OneOf=W;exports.OneOfField=de;exports.OneOfKind=Kt;exports.OneOfTuple=Qt;exports.OneOfType=Yt;exports.OneOfValue=Ze;exports.Portal=ur;exports.Prop=C;exports.Provide=fr;exports.ProviderNotFoundError=qe;exports.RenderingError=st;exports.Repeat=pe;exports.Signal=d;exports.Task=fe;exports.TextNode=gt;exports.Unless=nr;exports.Use=xt;exports.UseProvider=er;exports.UseProviders=tr;exports.UseSSRDone=It;exports.Value=h;exports.When=G;exports.WithProvider=dr;exports.WithProviders=hr;exports._addNodeTracker=le;exports._clearSSR=We;exports._getSelfOrParentElement=Be;exports._isElement=ee;exports._makeGetter=x;exports._makeSetter=Z;exports._maybeAddAttributeTracker=oe;exports._maybeAddClassTracker=ie;exports._maybeAddTextTracker=ae;exports._removeDOMNode=m;exports._setAttribute=Ie;exports._setBooleanProperty=Me;exports._setDateProperty=Fe;exports._setNumberProperty=Ve;exports._setStringProperty=$e;exports._signalText=re;exports._staticText=te;exports.animateSignal=pt;exports.animateSignals=ke;exports.aria=St;exports.attr=w;exports.dataAttr=vt;exports.emitChecked=Bt;exports.emitPreventDefault=Ut;exports.emitStopImmediatePropagation=Wt;exports.emitStopPropagation=jt;exports.emitValue=Xe;exports.emitValueAsDate=Qe;exports.emitValueAsDateTime=Ye;exports.emitValueAsNumber=Ke;exports.endInterpolate=Te;exports.guessInterpolate=Oe;exports.html=Pt;exports.input=Et;exports.interpolateDate=De;exports.interpolateNumber=Pe;exports.interpolateString=Ee;exports.isSSR=T;exports.localStorageProp=dt;exports.makeComputed=j;exports.makeComputedOf=ct;exports.makeComputedRecord=mt;exports.makeEffect=be;exports.makeEffectOf=ft;exports.makeProp=L;exports.makeProviderMark=cr;exports.makeSignal=R;exports.math=bt;exports.mathAttr=wt;exports.on=F;exports.prepareSSR=$t;exports.removeTextTrackers=je;exports.render=ar;exports.renderWithContext=me;exports.renderableOfTNode=c;exports.sessionStorageProp=ht;exports.storedProp=Y;exports.style=gr;exports.svg=Tt;exports.svgAttr=At;

package/index.d.ts

@@ -29,7 +29,7 @@ export * from './renderable/empty';
 export * from './renderable/ensure';
 export * from './renderable/foreach';
 export * from './renderable/fragment';
-export * from './renderable/handler';
+export * from './renderable/on';
 export * from './renderable/map-signal';
 export * from './renderable/not-empty';
 export * from './renderable/onunmount';

package/index.js

@@ -1,12 +1,12 @@
-var Re = Object.defineProperty;
+var Me = Object.defineProperty;
 var ee = (t) => {
   throw TypeError(t);
 };
-var Me = (t, e, r) => e in t ? Re(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var u = (t, e, r) => Me(t, typeof e != "symbol" ? e + "" : e, r), te = (t, e, r) => e.has(t) || ee("Cannot " + r);
-var D = (t, e, r) => (te(t, e, "read from private field"), r ? r.call(t) : e.get(t)), re = (t, e, r) => e.has(t) ? ee("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), J = (t, e, r, s) => (te(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r);
-const $e = (t, e, r) => t + (e - t) * r;
-const Fe = (t, e, r) => {
+var $e = (t, e, r) => e in t ? Me(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var u = (t, e, r) => $e(t, typeof e != "symbol" ? e + "" : e, r), te = (t, e, r) => e.has(t) || ee("Cannot " + r);
+var D = (t, e, r) => (te(t, e, "read from private field"), r ? r.call(t) : e.get(t)), re = (t, e, r) => e.has(t) ? ee("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), G = (t, e, r, s) => (te(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r);
+const Fe = (t, e, r) => t + (e - t) * r;
+const Ve = (t, e, r) => {
   const s = Math.max(t.length, e.length);
   let n = "";
   for (let o = 0; o < s; o++) {
@@ -16,7 +16,7 @@ const Fe = (t, e, r) => {
     isNaN(l) && (l = 97), n += String.fromCharCode(i + (l - i) * r);
   }
   return n;
-}, Ve = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), qe = (t, e) => e, Ie = (t) => typeof t == "number" ? $e : typeof t == "string" ? Fe : t instanceof Date ? Ve : qe;
+}, qe = (t, e, r) => new Date(t.getTime() + (e.getTime() - t.getTime()) * r), Ie = (t, e) => e, Be = (t) => typeof t == "number" ? Fe : typeof t == "string" ? Ve : t instanceof Date ? qe : Ie;
 var y;
 class T {
   /**
@@ -46,7 +46,7 @@ class T {
     u(this, "isOdd");
     re(this, y);
     u(this, "dispose", () => {
-      D(this, y) != null && (D(this, y).dispose(), J(this, y, void 0));
+      D(this, y) != null && (D(this, y).dispose(), G(this, y, void 0));
     });
     this.index = e, this.total = r, this.counter = e + 1, this.isFirst = e === 0, this.isEven = e % 2 === 1, this.isOdd = e % 2 === 0;
   }
@@ -55,7 +55,7 @@ class T {
    * @returns `true` if the element is the last element, `false` otherwise.
    */
   get isLast() {
-    return D(this, y) == null && J(this, y, this.total.map((e) => this.counter === e)), D(this, y);
+    return D(this, y) == null && G(this, y, this.total.map((e) => this.counter === e)), D(this, y);
   }
 }
 y = new WeakMap();
@@ -359,7 +359,7 @@ u(C, "is", (e) => (
   e != null && e.$__signal__ === !0
 ));
 let h = C;
-const Be = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+const je = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
 class E extends h {
   /**
    * Represents a Signal object.
@@ -395,7 +395,7 @@ class E extends h {
      */
     u(this, "_scheduleNotify", () => {
       const r = ++this._scheduleCount;
-      Be(() => {
+      je(() => {
         this._scheduleCount !== r || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
       });
     });
@@ -508,7 +508,7 @@ let F = q;
 const z = (t, e, r = (s, n) => s === n) => {
   const s = new E(t, r);
   return e.forEach((n) => n.setDerivative(s)), s;
-}, je = (t, e) => z(t, e).dispose, V = (t, e = (r, s) => r === s) => new F(t, e), I = (t, e = (r, s) => r === s) => new h(t, e), d = {
+}, Ue = (t, e) => z(t, e).dispose, V = (t, e = (r, s) => r === s) => new F(t, e), I = (t, e = (r, s) => r === s) => new h(t, e), d = {
   /**
    * Maps a value or a Signal to a new value.
    * If the value is a Signal, it returns a new Signal with the mapped value.
@@ -565,16 +565,16 @@ const z = (t, e, r = (s, n) => s === n) => {
   dispose: (t) => {
     h.is(t) && t.dispose();
   }
-}, At = (...t) => (e, r) => {
+}, Pt = (...t) => (e, r) => {
   const s = t.filter((n) => h.is(n));
   return z(
     () => e(...t.map((n) => d.get(n))),
     s,
     r
   );
-}, Et = (...t) => (e) => {
+}, Dt = (...t) => (e) => {
   const r = t.filter((s) => h.is(s));
-  je(() => e(...t.map(d.get)), r);
+  Ue(() => e(...t.map(d.get)), r);
 };
 class ne {
   constructor() {
@@ -611,43 +611,43 @@ const oe = ({
   return a.on((f) => {
     r.setItem(t, s(f));
   }), a;
-}, Pt = (t) => oe({
+}, bt = (t) => oe({
   ...t,
   store: (window == null ? void 0 : window.localStorage) ?? new ne()
-}), Dt = (t) => oe({
+}), Tt = (t) => oe({
   ...t,
   store: (window == null ? void 0 : window.sessionStorage) ?? new ne()
 });
 function se(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
-const Ue = (t, e, r, s) => {
+const Ge = (t, e, r, s) => {
   const n = (s == null ? void 0 : s.duration) ?? 300, o = (s == null ? void 0 : s.easing) ?? ((_) => _), i = (s == null ? void 0 : s.equals) ?? ((_, R) => _ === R);
-  let l = s == null ? void 0 : s.interpolate, a = t, f = e(), g = performance.now(), w = null, U = !0;
-  const G = new E(e, i), A = V(t, i);
+  let l = s == null ? void 0 : s.interpolate, a = t, f = e(), g = performance.now(), w = null, j = !0;
+  const U = new E(e, i), A = V(t, i);
   A.onDispose(() => {
     w !== null && cancelAnimationFrame(w);
-  }), A.onDispose(G.dispose), r.forEach((_) => {
-    _.setDerivative(G), _.onDispose(A.dispose);
+  }), A.onDispose(U.dispose), r.forEach((_) => {
+    _.setDerivative(U), _.onDispose(A.dispose);
   });
-  const Le = (_) => {
-    f = _, g = performance.now(), a = A.value, U && (U = !1, w = se(K));
+  const Ne = (_) => {
+    f = _, g = performance.now(), a = A.value, j && (j = !1, w = se(K));
   }, K = () => {
-    const R = (performance.now() - g) / d.get(n), Ne = o(R);
-    l == null && (l = Ie(a));
-    let x = l(a, f, Ne);
-    R >= 1 ? (U = !0, x = f) : w = se(K), A.set(x);
+    const R = (performance.now() - g) / d.get(n), Re = o(R);
+    l == null && (l = Be(a));
+    let x = l(a, f, Re);
+    R >= 1 ? (j = !0, x = f) : w = se(K), A.set(x);
   };
-  return G.on(Le), A;
-}, bt = (t, e) => {
+  return U.on(Ne), A;
+}, Ot = (t, e) => {
   const { initialValue: r, ...s } = e ?? {};
-  return Ue(
+  return Ge(
     r ?? t.get(),
     t.get,
     [t],
     s
   );
-}, Tt = (t, e) => {
+}, Ct = (t, e) => {
   const { signals: r, literals: s } = Object.entries(t).reduce(
     ({ signals: o, literals: i }, [l, a]) => (h.is(a) ? o.push([l, a]) : i[l] = a, { signals: o, literals: i }),
     { signals: [], literals: {} }
@@ -666,24 +666,24 @@ const Ue = (t, e, r, s) => {
   "outerHTML",
   "className",
   "classList"
-]), H = /* @__PURE__ */ new Map(), b = (t, e) => {
-  if (H.has(t))
-    return H.get(t);
+]), J = /* @__PURE__ */ new Map(), b = (t, e) => {
+  if (J.has(t))
+    return J.get(t);
   {
     const r = e(t);
-    return H.set(t, r), r;
+    return J.set(t, r), r;
   }
-}, Ge = (t) => (e, r) => {
-  r == null ? e[t] = null : e[t] = !!r;
 }, Je = (t) => (e, r) => {
+  r == null ? e[t] = null : e[t] = !!r;
+}, We = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = Number(r);
 }, He = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = r;
-}, We = (t) => (e, r) => {
+}, ze = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = String(r);
 }, Xe = (t) => (e, r) => {
   r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
-}, ce = (t) => ie.has(t) ? b(t, Ge) : le.has(t) ? b(t, Je) : ue.has(t) ? b(t, He) : ae.has(t) ? b(t, We) : b(t, Xe), fe = (t) => (e) => ie.has(t) ? !!e[t] : le.has(t) ? Number(e[t]) : ue.has(t) ? e[t] : ae.has(t) ? String(e[t]) : e.getAttribute(t);
+}, ce = (t) => ie.has(t) ? b(t, Je) : le.has(t) ? b(t, We) : ue.has(t) ? b(t, He) : ae.has(t) ? b(t, ze) : b(t, Xe), fe = (t) => (e) => ie.has(t) ? !!e[t] : le.has(t) ? Number(e[t]) : ue.has(t) ? e[t] : ae.has(t) ? String(e[t]) : e.getAttribute(t);
 class v {
   /**
    * Constructs a new `DOMContext` instance.
@@ -805,7 +805,7 @@ class v {
      */
     u(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new ze(e);
+        throw new Qe(e);
       return this.providers[e];
     });
     this.document = e, this.element = r, this.reference = s, this.providers = n, this.isFirstLevel = o;
@@ -821,7 +821,7 @@ class v {
     return new v(e.ownerDocument, e, r, {}, !0);
   }
 }
-class ze extends Error {
+class Qe extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
@@ -829,7 +829,7 @@ class ze extends Error {
 const m = (t) => {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
-}, Qe = (t) => he(t) ? t : t.parentElement, he = (t) => t.nodeType === 1, de = (t) => (e) => {
+}, Ye = (t) => he(t) ? t : t.parentElement, he = (t) => t.nodeType === 1, de = (t) => (e) => {
   we(e);
   const r = e.createText(t);
   return e.appendOrInsert(r), (s) => {
@@ -843,15 +843,15 @@ const m = (t) => {
   return (n) => {
     s(), n && m(r);
   };
-}, Ot = (t) => h.is(t) ? pe(t) : de(t), p = (...t) => (e) => {
+}, Lt = (t) => h.is(t) ? pe(t) : de(t), p = (...t) => (e) => {
   const r = t.map((s) => c(s)(e));
   return (s) => {
     r.forEach((n) => n(s));
   };
 }, S = () => () => {
-}, Ye = (t) => (e) => (ye(e), e.element.classList.add(...t), (r) => {
+}, Ze = (t) => (e) => (ye(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
-}), Ze = (t) => (e) => {
+}), Ke = (t) => (e) => {
   ye(e);
   const r = e.element;
   let s = [];
@@ -861,7 +861,7 @@ const m = (t) => {
   return (o) => {
     n(), o && s.forEach((i) => r.classList.remove(i)), s.length = 0;
   };
-}, k = (t, e) => {
+}, L = (t, e) => {
   const r = ce(t), s = fe(t);
   return (n) => {
     ve(n, t);
@@ -870,7 +870,7 @@ const m = (t) => {
       i && r(n.element, o);
     };
   };
-}, L = (t, e) => {
+}, k = (t, e) => {
   const r = ce(t), s = fe(t);
   return (n) => {
     ve(n, t);
@@ -893,17 +893,17 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "class" ? (r) => h.is(r) ? Ze(r) : Ye(
+    get: (t, e) => e === "class" ? (r) => h.is(r) ? Ke(r) : Ze(
       (r ?? "").split(" ").filter((s) => s.length > 0)
-    ) : (r) => h.is(r) ? L(
+    ) : (r) => h.is(r) ? k(
       e,
       r
-    ) : k(
+    ) : L(
       e,
       r
     )
   }
-), Ct = new Proxy(
+), kt = new Proxy(
   {},
   {
     /**
@@ -914,12 +914,12 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? L(
+    get: (t, e) => (r) => h.is(r) ? k(
       `data-${e}`,
       r
-    ) : k(`data-${e}`, r)
+    ) : L(`data-${e}`, r)
   }
-), kt = new Proxy(
+), Nt = new Proxy(
   {},
   {
     /**
@@ -930,15 +930,15 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? L(
+    get: (t, e) => (r) => h.is(r) ? k(
       `aria-${e}`,
       r
-    ) : k(
+    ) : L(
       `aria-${e}`,
       r
     )
   }
-), Lt = new Proxy(
+), Rt = new Proxy(
   {},
   {
     /**
@@ -949,15 +949,15 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? L(
+    get: (t, e) => (r) => h.is(r) ? k(
       e,
       r
-    ) : k(
+    ) : L(
       e,
       r
     )
   }
-), Nt = new Proxy(
+), Mt = new Proxy(
   {},
   {
     /**
@@ -967,10 +967,10 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? L(
+    get: (t, e) => (r) => h.is(r) ? k(
       e,
       r
-    ) : k(
+    ) : L(
       e,
       r
     )
@@ -989,7 +989,7 @@ const m = (t) => {
   return (i) => {
     o.forEach((l) => l(!1)), i && m(n);
   };
-}, Rt = new Proxy(
+}, $t = new Proxy(
   {},
   {
     /**
@@ -999,7 +999,7 @@ const m = (t) => {
      */
     get: (t, e) => (...r) => me(e, r.flatMap(c))
   }
-), Mt = new Proxy(
+), Ft = new Proxy(
   {},
   {
     /**
@@ -1009,7 +1009,7 @@ const m = (t) => {
      */
     get: (t, e) => (...r) => me("input", P.type(e), ...r)
   }
-), Ke = "http://www.w3.org/2000/svg", $t = new Proxy(
+), xe = "http://www.w3.org/2000/svg", Vt = new Proxy(
   {},
   {
     /**
@@ -1017,9 +1017,9 @@ const m = (t) => {
      * @param tagName - The SVG tag name.
      * @returns A renderable function that creates and appends the SVG element to the DOM.
      */
-    get: (t, e) => (...r) => ge(e, Ke, r.flatMap(c))
+    get: (t, e) => (...r) => ge(e, xe, r.flatMap(c))
   }
-), xe = "http://www.w3.org/1998/Math/MathML", Ft = new Proxy(
+), et = "http://www.w3.org/1998/Math/MathML", qt = new Proxy(
   {},
   {
     /**
@@ -1027,9 +1027,9 @@ const m = (t) => {
      * @param tagName - The Math tag name.
      * @returns A renderable function that creates and appends the Math element to the DOM.
      */
-    get: (t, e) => (...r) => ge(e, xe, r.flatMap(c))
+    get: (t, e) => (...r) => ge(e, et, r.flatMap(c))
   }
-), O = "data-tempo-attr", M = "data-tempo-class", _e = "data-tempo-node", $ = "data-tempo-text", et = (t, e) => {
+), O = "data-tempo-attr", M = "data-tempo-class", _e = "data-tempo-node", $ = "data-tempo-text", tt = (t, e) => {
   const r = t.getAttribute(e);
   if (r != null) {
     const s = t.getAttribute(O) ?? "{}", n = { ...JSON.parse(s), name: r };
@@ -1039,8 +1039,8 @@ const m = (t) => {
     );
   }
 }, ve = (t, e) => {
-  N() && t.isFirstLevel && et(t.element, e);
-}, tt = (t) => {
+  N() && t.isFirstLevel && tt(t.element, e);
+}, rt = (t) => {
   t.querySelectorAll(`[${O}]`).forEach((e) => {
     const r = JSON.parse(
       (e.getAttribute(O) ?? "{}").replace(/&quot;/g, '"')
@@ -1050,56 +1050,56 @@ const m = (t) => {
     e.removeAttribute(O);
   });
 };
-function rt(t) {
+function st(t) {
   t.setAttribute(M, t.className);
 }
 const ye = (t) => {
-  N() && t.isFirstLevel && rt(t.element);
-}, st = (t) => {
+  N() && t.isFirstLevel && st(t.element);
+}, nt = (t) => {
   t.querySelectorAll(`[${M}]`).forEach((e) => {
     const r = e.getAttribute(M);
     r !== null && (e.className = r, e.removeAttribute(M));
   });
 }, Se = (t) => {
   t.setAttribute(_e, "");
-}, nt = (t) => {
+}, ot = (t) => {
   t.querySelectorAll(`[${_e}]`).forEach((e) => {
     m(e);
   });
-}, ot = (t) => {
+}, it = (t) => {
   t.setAttribute($, t.textContent ?? "");
 }, we = (t) => {
-  N() && t.isFirstLevel && ot(t.element);
-}, it = (t) => {
+  N() && t.isFirstLevel && it(t.element);
+}, lt = (t) => {
   t.querySelectorAll(`[${$}]`).forEach((e) => {
     e.textContent = e.getAttribute($), e.removeAttribute($);
   });
-}, lt = (t) => {
-  nt(t), st(t), tt(t), it(t);
+}, ut = (t) => {
+  ot(t), nt(t), rt(t), lt(t);
 }, Ae = () => {
   const t = globalThis;
   return t.__tempoSSR__ == null && (t.__tempoSSR__ = {
     isSSR: !1,
     counter: 0
   }), t.__tempoSSR__;
-}, Q = (t, e) => {
+}, X = (t, e) => {
   const r = Ae();
   r[t] = e;
 }, Ee = (t) => Ae()[t], W = (t) => {
-  Q("isSSR", t);
-}, Y = () => Ee("counter"), ut = () => {
-  Q("counter", (Y() ?? 0) + 1);
-}, at = () => {
-  Q("counter", (Y() ?? 0) - 1);
-}, Vt = (t = 30) => (W(!0), new Promise((e, r) => {
+  X("isSSR", t);
+}, Q = () => Ee("counter"), at = () => {
+  X("counter", (Q() ?? 0) + 1);
+}, ct = () => {
+  X("counter", (Q() ?? 0) - 1);
+}, It = (t = 30) => (W(!0), new Promise((e, r) => {
   let s;
   const n = setInterval(() => {
-    Y() <= 0 && (clearInterval(n), clearTimeout(s), W(!1), e());
+    Q() <= 0 && (clearInterval(n), clearTimeout(s), W(!1), e());
   }, 30);
   s = setTimeout(() => {
     clearInterval(n), W(!1), r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), qt = (t) => (ut(), c(t(at))), N = () => Ee("isSSR"), Pe = (t, e) => {
+})), Bt = (t) => (at(), c(t(ct))), N = () => Ee("isSSR"), Pe = (t, e) => {
   if (typeof e == "function")
     return Pe(t, { then: e });
   const r = e.pending != null ? c(e.pending) : S, s = e.then, n = e.error != null ? (o) => c(e.error(o)) : () => S;
@@ -1119,9 +1119,9 @@ const ye = (t) => {
       i = !1, a(f), f && o.reference && m(o.reference);
     };
   };
-}, It = (t, e) => Pe(() => t, e), De = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
+}, jt = (t, e) => Pe(() => t, e), De = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
   s && r.element.removeEventListener(t, e);
-}), ct = (t) => De("click", (e) => {
+}), ft = (t) => De("click", (e) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
@@ -1138,13 +1138,13 @@ const ye = (t) => {
      */
     get: (t, e) => (r) => De(e, r)
   }
-), ft = (t) => (e) => {
+), ht = (t) => (e) => {
   const r = e.target;
   t(r.value);
-}, ht = (t) => (e) => {
+}, dt = (t) => (e) => {
   const r = e.target;
   t(r.valueAsNumber);
-}, dt = (t) => (e) => {
+}, pt = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1154,7 +1154,7 @@ const ye = (t) => {
     Number(s[2].substring(0, 2))
   );
   t(n);
-}, pt = (t) => (e) => {
+}, mt = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1164,25 +1164,25 @@ const ye = (t) => {
     Number(n[2])
   ), i = s[1].split(":");
   o.setHours(Number(i[0])), o.setMinutes(Number(i[1])), o.setSeconds(Number(i[2])), t(o);
-}, Bt = (t) => (e) => {
+}, Ut = (t) => (e) => {
   const r = e.target;
   t(r.checked);
-}, jt = (t) => (e) => {
+}, Gt = (t) => (e) => {
   e.preventDefault(), t();
-}, Ut = (t) => (e) => {
+}, Jt = (t) => (e) => {
   e.stopPropagation(), t();
-}, Gt = (t) => (e) => {
+}, Wt = (t) => (e) => {
   e.stopImmediatePropagation(), t();
-}, Jt = (t, e = "input") => p(
-  P.valueAsDate(t),
-  B[e](dt(t.set))
-), Ht = (t, e = "input") => p(
+}, Ht = (t, e = "input") => p(
   P.valueAsDate(t),
   B[e](pt(t.set))
-), Wt = (t, e = "input") => p(
+), zt = (t, e = "input") => p(
+  P.valueAsDate(t),
+  B[e](mt(t.set))
+), Xt = (t, e = "input") => p(
   P.valueAsNumber(t),
-  B[e](ht(t.set))
-), Xt = (t, e = "input") => p(P.value(t), B[e](ft(t.set))), zt = (t) => p(P.checked(t), ct(t.set)), Z = (t, e) => {
+  B[e](dt(t.set))
+), Qt = (t, e = "input") => p(P.value(t), B[e](ht(t.set))), Yt = (t) => p(P.checked(t), ft(t.set)), Y = (t, e) => {
   if (h.is(t))
     return (s) => {
       s = s.makeRef();
@@ -1202,19 +1202,19 @@ const ye = (t) => {
     };
   const r = Object.keys(t)[0];
   return c(e[r](I(t[r])));
-}, be = (t, e, r) => Z(
+}, be = (t, e, r) => Y(
   d.map(t, (s) => ({ [s[e]]: s })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   r
-), Qt = (t, e) => be(t, "kind", e), Yt = (t, e) => {
+), Zt = (t, e) => be(t, "kind", e), Kt = (t, e) => {
   const r = d.map(t, ([s, n]) => ({ [s]: n }));
-  return Z(r, e);
-}, Zt = (t, e) => be(t, "type", e), mt = (t, e) => Z(
+  return Y(r, e);
+}, xt = (t, e) => be(t, "type", e), gt = (t, e) => Y(
   d.map(t, (r) => ({ [r]: !0 })),
   e
-), Kt = (t, e = {}) => (r) => {
+), er = (t, e = {}) => (r) => {
   const s = (e == null ? void 0 : e.firstSeparator) ?? t, n = (e == null ? void 0 : e.lastSeparator) ?? t;
-  return mt(
+  return gt(
     r.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
       first: () => s,
@@ -1230,7 +1230,7 @@ const ye = (t) => {
     return n[o] = i, n;
   }, {});
   return c(e(s))(r);
-}, xt = (t, e) => (r) => {
+}, tr = (t, e) => (r) => {
   const s = [], n = Object.entries(t).reduce(
     (o, [i, l]) => (s.push(
       l((a) => (Reflect.set(o, i, a), null))(r)
@@ -1240,9 +1240,9 @@ const ye = (t) => {
   return s.push(e(n)(r)), (o) => {
     s.forEach((i) => i(o));
   };
-}, er = (t, e) => Te([t], (r) => c(e(r[t]))), tr = (t, e) => Te(t, (r) => c(e(r))), rr = (t) => (e) => t(e), sr = (t) => (e) => (e.appendOrInsert(t), (r) => {
+}, rr = (t, e) => Te([t], (r) => c(e(r[t]))), sr = (t, e) => Te(t, (r) => c(e(r))), nr = (t) => (e) => t(e), or = (t) => (e) => (e.appendOrInsert(t), (r) => {
   r && m(t);
-}), gt = (t, e, r) => {
+}), _t = (t, e, r) => {
   if (h.is(t)) {
     const s = t;
     return (n) => {
@@ -1263,23 +1263,31 @@ const ye = (t) => {
     }
     return c(e(I(s)));
   }
-}, X = (t) => (e) => (r) => t(r, e), j = (t, e, r) => gt(
+}, H = (t) => (e) => (r) => t(r, e), Z = (t, e, r) => Oe(
+  t,
+  () => e,
+  () => r
+), Oe = (t, e, r) => _t(
   d.map(t, (s) => s ? !0 : null),
+  e,
+  r ?? void 0
+), ir = (t, e, r) => vt(
+  t,
   () => e,
-  r != null ? () => r : void 0
-), nr = (t, e, r) => j(
+  () => r
+), vt = (t, e, r) => Oe(
   d.map(t, (s) => !s),
   e,
   r
-), Oe = (t, e, r) => r != null ? Oe(t, (s) => {
+), Ce = (t, e, r) => r != null ? Ce(t, (s) => {
   const n = new T(
     s.index,
     s.total.map((o) => o - 1)
   );
   return p(
-    X(n.dispose),
+    H(n.dispose),
     c(e(s)),
-    j(s.isLast, S, r(n))
+    Z(s.isLast, S, r(n))
   );
 }) : h.is(t) ? (s) => {
   s = s.makeRef();
@@ -1290,7 +1298,7 @@ const ye = (t) => {
     (l) => c(e(l))(s)
   ), i = t.on((l) => {
     for (; l < o.length; )
-      o.pop()(!0), n.pop().dispose();
+      n.pop().dispose(), o.pop()(!0);
     for (let a = 0; a < l; a++)
       if (n[a] == null) {
         n[a] = new T(a, t);
@@ -1305,26 +1313,30 @@ const ye = (t) => {
   ...Array.from({ length: t }, (s, n) => n).map(
     (s) => c(e(new T(s, I(t))))
   )
-), _t = (t, e, r) => r != null ? _t(t, (s, n) => {
-  const o = new T(
-    n.index,
-    n.total.map((i) => i - 1)
-  );
-  return p([
-    X(o.dispose),
-    c(e(s, n)),
-    j(n.isLast, S, r(o))
-  ]);
-}) : (s) => {
-  const n = d.map(t, (i) => i.length), o = d.toSignal(t);
-  return Oe(n, (i) => {
-    const l = o.map((a) => a[i.index]);
-    return p(
-      X(l.dispose),
-      c(e(l, i))
-    );
-  })(s);
-}, or = (t, e) => {
+), yt = (t, e, r) => {
+  if (r != null)
+    return yt(t, (s, n) => {
+      const o = new T(
+        n.index,
+        n.total.map((i) => i - 1)
+      );
+      return p([
+        H(o.dispose),
+        c(e(s, n)),
+        Z(n.isLast, S, r(o))
+      ]);
+    });
+  {
+    const s = d.map(t, (o) => o.length), n = d.toSignal(t);
+    return Ce(s, (o) => {
+      const i = n.map((l) => l[o.index]);
+      return p(
+        H(i.dispose),
+        c(e(i, o))
+      );
+    });
+  }
+}, lr = (t, e) => {
   if (h.is(t)) {
     const r = t;
     return (s) => {
@@ -1341,48 +1353,48 @@ const ye = (t) => {
     };
   }
   return c(e(t));
-}, ir = (t, e, r = S) => j(
+}, ur = (t, e, r = S) => Z(
   d.map(t, (s) => s.length > 0),
   e,
   r
-), lr = (t) => (e) => t(e.element) ?? (() => {
-}), Ce = (t, e) => {
+), ar = (t) => (e) => t(e.element) ?? (() => {
+}), Le = (t, e) => {
   const r = t(e);
   return () => r(!0);
-}, ur = (t, e, { doc: r, clear: s } = {}) => {
+}, cr = (t, e, { doc: r, clear: s } = {}) => {
   const n = typeof e == "string" ? (r ?? document).querySelector(e) : e;
   if (n === null)
-    throw new vt(
+    throw new St(
       `Cannot find element by selector for render: ${e}`
     );
-  s !== !1 && (r ?? n.ownerDocument) != null && lt(r ?? n.ownerDocument);
-  const o = Qe(n), i = he(n) ? void 0 : n, l = v.of(o, i);
-  return Ce(t, l);
+  s !== !1 && (r ?? n.ownerDocument) != null && ut(r ?? n.ownerDocument);
+  const o = Ye(n), i = he(n) ? void 0 : n, l = v.of(o, i);
+  return Le(t, l);
 };
-class vt extends Error {
+class St extends Error {
   constructor(e) {
     super(e);
   }
 }
-const ar = (t, e) => (r) => {
+const fr = (t, e) => (r) => {
   const s = r.document.querySelector(t);
   if (s === null)
     throw new Error(`Cannot find element by selector for portal: ${t}`);
-  return Ce(
+  return Le(
     c(e),
     r.withElement(s).withFirstLevel()
   );
-}, cr = (t) => Symbol(t), ke = (t, e) => (r) => c(e)(r.withProviders(t)), fr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : c, hr = (t, e, r) => ke({ [t]: e }, c(r)), dr = (t, e) => ke(t, c(e)), yt = (t, e) => (r) => {
+}, hr = (t) => Symbol(t), ke = (t, e) => (r) => c(e)(r.withProviders(t)), dr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : c, pr = (t, e, r) => ke({ [t]: e }, c(r)), mr = (t, e) => ke(t, c(e)), wt = (t, e) => (r) => {
   const s = r.element, n = s.style.getPropertyValue(t);
   return s.style.setProperty(t, e), (o) => {
     o && s.style.setProperty(t, n);
   };
-}, St = (t, e) => (r) => {
+}, At = (t, e) => (r) => {
   const s = r.element, n = s.style.getPropertyValue(t);
   return e.on((o) => s.style.setProperty(t, o)), (o) => {
     o && s.style.setProperty(t, n);
   };
-}, pr = new Proxy(
+}, gr = new Proxy(
   {},
   {
     /**
@@ -1393,61 +1405,63 @@ const ar = (t, e) => (r) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? St(e, r) : yt(e, r)
+    get: (t, e) => (r) => h.is(r) ? At(e, r) : wt(e, r)
   }
 );
 export {
-  It as Async,
-  zt as BindChecked,
-  Jt as BindDate,
-  Ht as BindDateTime,
-  Wt as BindNumber,
-  Xt as BindText,
+  jt as Async,
+  Yt as BindChecked,
+  Ht as BindDate,
+  zt as BindDateTime,
+  Xt as BindNumber,
+  Qt as BindText,
   E as Computed,
-  Kt as Conjunction,
+  er as Conjunction,
   v as DOMContext,
-  sr as DOMNode,
+  or as DOMNode,
   me as El,
   ge as ElNS,
   T as ElementPosition,
   S as Empty,
-  gt as Ensure,
-  _t as ForEach,
+  _t as Ensure,
+  yt as ForEach,
   p as Fragment,
-  or as MapSignal,
+  vt as LazyUnless,
+  Oe as LazyWhen,
+  lr as MapSignal,
   ne as MemoryStore,
-  ir as NotEmpty,
-  ct as OnChecked,
-  rr as OnCtx,
-  lr as OnMount,
-  X as OnUnmount,
-  Z as OneOf,
+  ur as NotEmpty,
+  ft as OnChecked,
+  nr as OnCtx,
+  ar as OnMount,
+  H as OnUnmount,
+  Y as OneOf,
   be as OneOfField,
-  Qt as OneOfKind,
-  Yt as OneOfTuple,
-  Zt as OneOfType,
-  mt as OneOfValue,
-  ar as Portal,
+  Zt as OneOfKind,
+  Kt as OneOfTuple,
+  xt as OneOfType,
+  gt as OneOfValue,
+  fr as Portal,
   F as Prop,
-  fr as Provide,
-  ze as ProviderNotFoundError,
-  vt as RenderingError,
-  Oe as Repeat,
+  dr as Provide,
+  Qe as ProviderNotFoundError,
+  St as RenderingError,
+  Ce as Repeat,
   h as Signal,
   Pe as Task,
-  Ot as TextNode,
-  nr as Unless,
-  xt as Use,
-  er as UseProvider,
-  tr as UseProviders,
-  qt as UseSSRDone,
+  Lt as TextNode,
+  ir as Unless,
+  tr as Use,
+  rr as UseProvider,
+  sr as UseProviders,
+  Bt as UseSSRDone,
   d as Value,
-  j as When,
-  hr as WithProvider,
-  dr as WithProviders,
+  Z as When,
+  pr as WithProvider,
+  mr as WithProviders,
   Se as _addNodeTracker,
-  lt as _clearSSR,
-  Qe as _getSelfOrParentElement,
+  ut as _clearSSR,
+  Ye as _getSelfOrParentElement,
   he as _isElement,
   fe as _makeGetter,
   ce as _makeSetter,
@@ -1456,53 +1470,53 @@ export {
   we as _maybeAddTextTracker,
   m as _removeDOMNode,
   Xe as _setAttribute,
-  Ge as _setBooleanProperty,
+  Je as _setBooleanProperty,
   He as _setDateProperty,
-  Je as _setNumberProperty,
-  We as _setStringProperty,
+  We as _setNumberProperty,
+  ze as _setStringProperty,
   pe as _signalText,
   de as _staticText,
-  bt as animateSignal,
-  Ue as animateSignals,
-  kt as aria,
+  Ot as animateSignal,
+  Ge as animateSignals,
+  Nt as aria,
   P as attr,
-  Ct as dataAttr,
-  Bt as emitChecked,
-  jt as emitPreventDefault,
-  Gt as emitStopImmediatePropagation,
-  Ut as emitStopPropagation,
-  ft as emitValue,
-  dt as emitValueAsDate,
-  pt as emitValueAsDateTime,
-  ht as emitValueAsNumber,
-  qe as endInterpolate,
-  Ie as guessInterpolate,
-  Rt as html,
-  Mt as input,
-  Ve as interpolateDate,
-  $e as interpolateNumber,
-  Fe as interpolateString,
+  kt as dataAttr,
+  Ut as emitChecked,
+  Gt as emitPreventDefault,
+  Wt as emitStopImmediatePropagation,
+  Jt as emitStopPropagation,
+  ht as emitValue,
+  pt as emitValueAsDate,
+  mt as emitValueAsDateTime,
+  dt as emitValueAsNumber,
+  Ie as endInterpolate,
+  Be as guessInterpolate,
+  $t as html,
+  Ft as input,
+  qe as interpolateDate,
+  Fe as interpolateNumber,
+  Ve as interpolateString,
   N as isSSR,
-  Pt as localStorageProp,
+  bt as localStorageProp,
   z as makeComputed,
-  At as makeComputedOf,
-  Tt as makeComputedRecord,
-  je as makeEffect,
-  Et as makeEffectOf,
+  Pt as makeComputedOf,
+  Ct as makeComputedRecord,
+  Ue as makeEffect,
+  Dt as makeEffectOf,
   V as makeProp,
-  cr as makeProviderMark,
+  hr as makeProviderMark,
   I as makeSignal,
-  Ft as math,
-  Nt as mathAttr,
+  qt as math,
+  Mt as mathAttr,
   B as on,
-  Vt as prepareSSR,
-  it as removeTextTrackers,
-  ur as render,
-  Ce as renderWithContext,
+  It as prepareSSR,
+  lt as removeTextTrackers,
+  cr as render,
+  Le as renderWithContext,
   c as renderableOfTNode,
-  Dt as sessionStorageProp,
+  Tt as sessionStorageProp,
   oe as storedProp,
-  pr as style,
-  $t as svg,
-  Lt as svgAttr
+  gr as style,
+  Vt as svg,
+  Rt as svgAttr
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/dom",
-  "version": "22.0.0",
+  "version": "22.1.1",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",

package/renderable/bind.d.ts

@@ -1,6 +1,6 @@
 import { Prop } from '../std/signal';
 import { Renderable } from '../types/domain';
-import { on } from './handler';
+import { on } from './on';
 /**
  * Binds a `Date` property to an input element. The binding is two-way.
  * Changes to the input element will update the property but will only be

package/renderable/when.d.ts

@@ -1,22 +1,38 @@
 import { Renderable, TNode } from '../types/domain';
 import { Value } from '../std/value';
 /**
- * Renders the `then` node if the `condition` is true, otherwise renders the `otherwise` node.
- *
- * @param condition - The condition to evaluate.
- * @param then - The node to render if the condition is true.
- * @param otherwise - The node to render if the condition is false.
- * @returns The rendered node.
+ * Renders content conditionally based on a boolean value.
+ * @param condition - The condition to evaluate
+ * @param then - Content to render if condition is true
+ * @param otherwise - Optional content to render if condition is false
+ * @returns Renderable content
  * @public
  */
 export declare const When: (condition: Value<boolean>, then: TNode, otherwise?: TNode) => Renderable;
 /**
- * Executes the `then` TNode if the `condition` Signal evaluates to `false`, otherwise executes the `otherwise` TNode.
- *
- * @param condition - The Signal representing the condition to evaluate.
- * @param then - The TNode to execute if the condition is `false`.
- * @param otherwise - The optional TNode to execute if the condition is `true`.
- * @returns The result of executing the `then` or `otherwise` TNode based on the condition.
+ * Lazily renders content based on a boolean condition.
+ * @param condition - The condition to evaluate
+ * @param then - Function returning content to render if condition is true
+ * @param otherwise - Optional function returning content to render if condition is false
+ * @returns Renderable content
+ * @public
+ */
+export declare const LazyWhen: (condition: Value<boolean>, then: () => TNode, otherwise?: () => TNode) => Renderable;
+/**
+ * Renders content when a condition is false.
+ * @param condition - The condition to evaluate
+ * @param then - Content to render if condition is false
+ * @param otherwise - Optional content to render if condition is true
+ * @returns Renderable content
  * @public
  */
 export declare const Unless: (condition: Value<boolean>, then: TNode, otherwise?: TNode) => Renderable;
+/**
+ * Lazily renders content when a condition is false.
+ * @param condition - The condition to evaluate
+ * @param then - Function returning content to render if condition is false
+ * @param otherwise - Optional function returning content to render if condition is true
+ * @returns Renderable content
+ * @public
+ */
+export declare const LazyUnless: (condition: Value<boolean>, then: () => TNode, otherwise?: () => TNode) => Renderable;

package/types/domain.d.ts

@@ -1,5 +1,4 @@
 import { DOMContext } from '../dom/dom-context';
-import { Signal } from '../std/signal';
 import { Value } from '../std/value';
 /**
  * Represents a function that can be rendered in the DOM.
@@ -60,7 +59,7 @@ export type NValue<T> = Value<T> | Value<T | null> | Value<T | undefined> | Valu
  * Otherwise, it returns the type itself.
  * @public
  */
-export type GetValueType<T> = T extends Signal<infer V> ? V : T;
+export type GetValueType<T> = T extends Value<infer V> ? V : T;
 /**
  * Gets the value types of a given array of Value types.
  * @public