@tempots/dom 22.1.1 → 23.0.1

package/index.cjs

@@ -1 +1 @@
-"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;
+"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),J=(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,we=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=we);let l=e.charCodeAt(o);isNaN(l)&&(l=we),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(),J(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&&J(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 w(()=>{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 w(()=>{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 w(()=>{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 w(()=>{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 w 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 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 w(t,r);return e.forEach(n=>n.setDerivative(s)),s},be=(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()}},ct=(...t)=>(e,r)=>{const s=t.filter(n=>d.is(n));return W(()=>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 Z{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 K=({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=>K({...t,store:(window==null?void 0:window.localStorage)??new Z}),ht=t=>K({...t,store:(window==null?void 0:window.sessionStorage)??new Z});function Ae(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,I)=>y===I);let l=s==null?void 0:s.interpolate,u=t,f=e(),_=performance.now(),P=null,G=!0;const z=new w(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,G&&(G=!1,P=Ae(ge))},ge=()=>{const I=(performance.now()-_)/h.get(n),it=o(I);l==null&&(l=Oe(u));let _e=l(u,f,it);I>=1?(G=!0,_e=f):P=Ae(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 W(()=>(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"]),H=new Map,b=(t,e)=>{if(H.has(t))return H.get(t);{const r=e(t);return H.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)},Q=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),Y=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=>x(t)?t:t.parentElement,x=t=>t.nodeType===1,ee=t=>e=>{le(e);const r=e.createText(t);return e.appendOrInsert(r),s=>{s&&m(r)}},te=t=>e=>{le(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)?te(t):ee(t),p=(...t)=>e=>{const r=t.map(s=>c(s)(e));return s=>{r.forEach(n=>n(s))}},S=()=>()=>{},_t=t=>e=>(oe(e),e.element.classList.add(...t),r=>{r&&e.element.classList.remove(...t)}),yt=t=>e=>{oe(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=Q(t),s=Y(t);return n=>{ne(n,t);const o=s(n.element);return r(n.element,e),i=>{i&&r(n.element,o)}}},V=(t,e)=>{const r=Q(t),s=Y(t);return n=>{ne(n,t);const o=s(n.element),i=e.on(l=>r(n.element,l));return l=>{i(),l&&r(n.element,o)}}},A=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)}),wt=t=>t.replace(/([A-Z])/g,"-$1").toLowerCase(),At=new Proxy({},{get:(t,e)=>r=>{const s=wt(e);return d.is(r)?V(s,r):M(s,r)}}),Pt=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"?ee(t):d.is(t)?te(t):t,re=(t,...e)=>r=>{const s=r.createElement(t,void 0);r.isFirstLevel&&T()&&ie(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)}},se=(t,e,...r)=>s=>{const n=s.createElement(t,e);s.isFirstLevel&&T()&&ie(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)}},Et=new Proxy({},{get:(t,e)=>(...r)=>re(e,r.flatMap(c))}),Dt=new Proxy({},{get:(t,e)=>(...r)=>re("input",A.type(e),...r)}),Tt="http://www.w3.org/2000/svg",Ot=new Proxy({},{get:(t,e)=>(...r)=>se(e,Tt,r.flatMap(c))}),bt="http://www.w3.org/1998/Math/MathML",kt=new Proxy({},{get:(t,e)=>(...r)=>se(e,bt,r.flatMap(c))}),k="data-tempo-attr",q="data-tempo-class",Ue="data-tempo-node",B="data-tempo-text",Nt=(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;"))}},ne=(t,e)=>{T()&&t.isFirstLevel&&Nt(t.element,e)},Ct=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 Lt(t){t.setAttribute(q,t.className)}const oe=t=>{T()&&t.isFirstLevel&&Lt(t.element)},Rt=t=>{t.querySelectorAll(`[${q}]`).forEach(e=>{const r=e.getAttribute(q);r!==null&&(e.className=r,e.removeAttribute(q))})},ie=t=>{t.setAttribute(Ue,"")},Mt=t=>{t.querySelectorAll(`[${Ue}]`).forEach(e=>{m(e)})},Vt=t=>{t.setAttribute(B,t.textContent??"")},le=t=>{T()&&t.isFirstLevel&&Vt(t.element)},je=t=>{t.querySelectorAll(`[${B}]`).forEach(e=>{e.textContent=e.getAttribute(B),e.removeAttribute(B)})},We=t=>{Mt(t),Rt(t),Ct(t),je(t)},Ge=()=>{const t=globalThis;return t.__tempoSSR__==null&&(t.__tempoSSR__={isSSR:!1,counter:0}),t.__tempoSSR__},ae=(t,e)=>{const r=Ge();r[t]=e},ze=t=>Ge()[t],X=t=>{ae("isSSR",t)},ue=()=>ze("counter"),Ft=()=>{ae("counter",(ue()??0)+1)},$t=()=>{ae("counter",(ue()??0)-1)},It=(t=30)=>(X(!0),new Promise((e,r)=>{let s;const n=setInterval(()=>{ue()<=0&&(clearInterval(n),clearTimeout(s),X(!1),e())},30);s=setTimeout(()=>{clearInterval(n),X(!1),r(new Error("SSR Timeout"))},t*1e3)})),qt=t=>(Ft(),c(t($t))),T=()=>ze("isSSR"),ce=(t,e)=>{if(typeof e=="function")return ce(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)}}},Bt=(t,e)=>ce(()=>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)},Ut=t=>e=>{const r=e.target;t(r.checked)},jt=t=>e=>{e.preventDefault(),t()},Wt=t=>e=>{e.stopPropagation(),t()},Gt=t=>e=>{e.stopImmediatePropagation(),t()},zt=(t,e="input")=>p(A.valueAsDate(t),F[e](Ke(t.set))),Jt=(t,e="input")=>p(A.valueAsDate(t),F[e](Qe(t.set))),Ht=(t,e="input")=>p(A.valueAsNumber(t),F[e](Ze(t.set))),Xt=(t,e="input")=>p(A.value(t),F[e](Xe(t.set))),Zt=t=>p(A.checked(t),He(t.set)),$=(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])))},fe=(t,e,r)=>$(h.map(t,s=>({[s[e]]:s})),r),Kt=(t,e)=>fe(t,"kind",e),Qt=(t,e)=>{const r=h.map(t,([s,n])=>({[s]:n}));return $(r,e)},Yt=(t,e)=>fe(t,"type",e),Ye=(t,e)=>$(h.map(t,r=>({[r]:!0})),e),xt=(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})},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)},er=(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))}},tr=(t,e)=>xe([t],r=>c(e(r[t]))),rr=(t,e)=>xe(t,r=>c(e(r))),sr=t=>e=>t(e),nr=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)))}},U=t=>e=>r=>t(r,e),de=(t,e,r)=>he(t,()=>e,()=>r),he=(t,e,r)=>et(h.map(t,s=>s?!0:null),e,r??void 0),or=(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(U(n.dispose),c(e(s)),de(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([U(o.dispose),c(e(s,n)),de(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(U(i.dispose),c(e(i,o)))})}},ir=(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))},lr=(t,e,r=()=>S)=>$(h.map(t,s=>s.length>0?{notEmpty:s}:{whenEmpty:null}),{notEmpty:s=>e(s),whenEmpty:()=>r()}),ar=t=>e=>t(e.element)??(()=>{}),me=(t,e)=>{const r=t(e);return()=>r(!0)},ur=(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=x(n)?void 0:n,l=g.of(o,i);return me(t,l)};class st extends Error{constructor(e){super(e)}}const cr=(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())},fr=t=>Symbol(t),nt=(t,e)=>r=>c(e)(r.withProviders(t)),dr=(...t)=>t.length>0?t.reduceRight((e,r)=>s=>e(r(s))):c,hr=(t,e,r)=>nt({[t]:e},c(r)),pr=(t,e)=>nt(t,c(e)),mr=(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)}},gr=(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)}},_r=new Proxy({},{get:(t,e)=>r=>d.is(r)?gr(e,r):mr(e,r)});exports.Async=Bt;exports.BindChecked=Zt;exports.BindDate=zt;exports.BindDateTime=Jt;exports.BindNumber=Ht;exports.BindText=Xt;exports.Computed=w;exports.Conjunction=xt;exports.DOMContext=g;exports.DOMNode=nr;exports.El=re;exports.ElNS=se;exports.ElementPosition=D;exports.Empty=S;exports.Ensure=et;exports.ForEach=rt;exports.Fragment=p;exports.LazyUnless=tt;exports.LazyWhen=he;exports.MapSignal=ir;exports.MemoryStore=Z;exports.NotEmpty=lr;exports.OnChecked=He;exports.OnCtx=sr;exports.OnMount=ar;exports.OnUnmount=U;exports.OneOf=$;exports.OneOfField=fe;exports.OneOfKind=Kt;exports.OneOfTuple=Qt;exports.OneOfType=Yt;exports.OneOfValue=Ye;exports.Portal=cr;exports.Prop=C;exports.Provide=dr;exports.ProviderNotFoundError=qe;exports.RenderingError=st;exports.Repeat=pe;exports.Signal=d;exports.Task=ce;exports.TextNode=gt;exports.Unless=or;exports.Use=er;exports.UseProvider=tr;exports.UseProviders=rr;exports.UseSSRDone=qt;exports.Value=h;exports.When=de;exports.WithProvider=hr;exports.WithProviders=pr;exports._addNodeTracker=ie;exports._clearSSR=We;exports._getSelfOrParentElement=Be;exports._isElement=x;exports._makeGetter=Y;exports._makeSetter=Q;exports._maybeAddAttributeTracker=ne;exports._maybeAddClassTracker=oe;exports._maybeAddTextTracker=le;exports._removeDOMNode=m;exports._setAttribute=Ie;exports._setBooleanProperty=Me;exports._setDateProperty=Fe;exports._setNumberProperty=Ve;exports._setStringProperty=$e;exports._signalText=te;exports._staticText=ee;exports.animateSignal=pt;exports.animateSignals=ke;exports.aria=St;exports.attr=A;exports.dataAttr=vt;exports.emitChecked=Ut;exports.emitPreventDefault=jt;exports.emitStopImmediatePropagation=Gt;exports.emitStopPropagation=Wt;exports.emitValue=Xe;exports.emitValueAsDate=Ke;exports.emitValueAsDateTime=Qe;exports.emitValueAsNumber=Ze;exports.endInterpolate=Te;exports.guessInterpolate=Oe;exports.html=Et;exports.input=Dt;exports.interpolateDate=De;exports.interpolateNumber=Pe;exports.interpolateString=Ee;exports.isSSR=T;exports.localStorageProp=dt;exports.makeComputed=W;exports.makeComputedOf=ct;exports.makeComputedRecord=mt;exports.makeEffect=be;exports.makeEffectOf=ft;exports.makeProp=L;exports.makeProviderMark=fr;exports.makeSignal=R;exports.math=kt;exports.mathAttr=Pt;exports.on=F;exports.prepareSSR=It;exports.removeTextTrackers=je;exports.render=ur;exports.renderWithContext=me;exports.renderableOfTNode=c;exports.sessionStorageProp=ht;exports.storedProp=K;exports.style=_r;exports.svg=Ot;exports.svgAttr=At;

package/index.js

@@ -1,10 +1,10 @@
 var Me = Object.defineProperty;
-var ee = (t) => {
+var x = (t) => {
   throw TypeError(t);
 };
 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);
+var u = (t, e, r) => $e(t, typeof e != "symbol" ? e + "" : e, r), ee = (t, e, r) => e.has(t) || x("Cannot " + r);
+var D = (t, e, r) => (ee(t, e, "read from private field"), r ? r.call(t) : e.get(t)), te = (t, e, r) => e.has(t) ? x("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), J = (t, e, r, s) => (ee(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);
@@ -17,7 +17,7 @@ const Ve = (t, e, r) => {
   }
   return n;
 }, 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;
+var v;
 class T {
   /**
    * Creates a new instance of `ElementPosition`.
@@ -44,9 +44,9 @@ class T {
      * @returns `true` if the counter is odd, `false` otherwise.
      */
     u(this, "isOdd");
-    re(this, y);
+    te(this, v);
     u(this, "dispose", () => {
-      D(this, y) != null && (D(this, y).dispose(), G(this, y, void 0));
+      D(this, v) != null && (D(this, v).dispose(), J(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;
   }
@@ -55,11 +55,11 @@ class T {
    * @returns `true` if the element is the last element, `false` otherwise.
    */
   get isLast() {
-    return D(this, y) == null && G(this, y, this.total.map((e) => this.counter === e)), D(this, y);
+    return D(this, v) == null && J(this, v, this.total.map((e) => this.counter === e)), D(this, v);
   }
 }
-y = new WeakMap();
-const C = class C {
+v = new WeakMap();
+const L = class L {
   /**
    * Represents a signal with a value of type T.
    *
@@ -340,8 +340,8 @@ const C = class C {
  * @param equals - A function to compare two values of type O for equality. Defaults to strict equality (===).
  * @returns - A Signal that represents the result of the Promise.
  */
-u(C, "ofPromise", (e, r, s, n = (o, i) => o === i) => {
-  const o = new C(r, n);
+u(L, "ofPromise", (e, r, s, n = (o, i) => o === i) => {
+  const o = new L(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:",
@@ -354,11 +354,11 @@ u(C, "ofPromise", (e, r, s, n = (o, i) => o === i) => {
  * @param value - The value to check.
  * @returns `true` if the value is a Signal, `false` otherwise.
  */
-u(C, "is", (e) => (
+u(L, "is", (e) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   e != null && e.$__signal__ === !0
 ));
-let h = C;
+let h = L;
 const je = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
 class E extends h {
   /**
@@ -505,10 +505,10 @@ u(q, "is", (r) => (
   r != null && r.$__prop__ === !0
 ));
 let F = q;
-const z = (t, e, r = (s, n) => s === n) => {
+const X = (t, e, r = (s, n) => s === n) => {
   const s = new E(t, r);
   return e.forEach((n) => n.setDerivative(s)), s;
-}, 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 = {
+}, Ue = (t, e) => X(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,18 +565,18 @@ const z = (t, e, r = (s, n) => s === n) => {
   dispose: (t) => {
     h.is(t) && t.dispose();
   }
-}, Pt = (...t) => (e, r) => {
+}, Dt = (...t) => (e, r) => {
   const s = t.filter((n) => h.is(n));
-  return z(
+  return X(
     () => e(...t.map((n) => d.get(n))),
     s,
     r
   );
-}, Dt = (...t) => (e) => {
+}, bt = (...t) => (e) => {
   const r = t.filter((s) => h.is(s));
   Ue(() => e(...t.map(d.get)), r);
 };
-class ne {
+class se {
   constructor() {
     u(this, "_store", /* @__PURE__ */ new Map());
     /**
@@ -595,7 +595,7 @@ class ne {
     });
   }
 }
-const oe = ({
+const ne = ({
   key: t,
   defaultValue: e,
   store: r,
@@ -611,35 +611,35 @@ const oe = ({
   return a.on((f) => {
     r.setItem(t, s(f));
   }), a;
-}, bt = (t) => oe({
+}, Tt = (t) => ne({
   ...t,
-  store: (window == null ? void 0 : window.localStorage) ?? new ne()
-}), Tt = (t) => oe({
+  store: (window == null ? void 0 : window.localStorage) ?? new se()
+}), Ct = (t) => ne({
   ...t,
-  store: (window == null ? void 0 : window.sessionStorage) ?? new ne()
+  store: (window == null ? void 0 : window.sessionStorage) ?? new se()
 });
-function se(t) {
+function re(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
 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, j = !0;
-  const U = new E(e, i), A = V(t, i);
+  let l = s == null ? void 0 : s.interpolate, a = t, f = e(), g = performance.now(), S = null, U = !0;
+  const G = new E(e, i), A = V(t, i);
   A.onDispose(() => {
-    w !== null && cancelAnimationFrame(w);
-  }), A.onDispose(U.dispose), r.forEach((_) => {
-    _.setDerivative(U), _.onDispose(A.dispose);
+    S !== null && cancelAnimationFrame(S);
+  }), A.onDispose(G.dispose), r.forEach((_) => {
+    _.setDerivative(G), _.onDispose(A.dispose);
   });
-  const Ne = (_) => {
-    f = _, g = performance.now(), a = A.value, j && (j = !1, w = se(K));
-  }, K = () => {
+  const ke = (_) => {
+    f = _, g = performance.now(), a = A.value, U && (U = !1, S = re(Y));
+  }, Y = () => {
     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);
+    let K = l(a, f, Re);
+    R >= 1 ? (U = !0, K = f) : S = re(Y), A.set(K);
   };
-  return U.on(Ne), A;
-}, Ot = (t, e) => {
+  return G.on(ke), A;
+}, Lt = (t, e) => {
   const { initialValue: r, ...s } = e ?? {};
   return Ge(
     r ?? t.get(),
@@ -647,18 +647,18 @@ const Ge = (t, e, r, s) => {
     [t],
     s
   );
-}, Ct = (t, e) => {
+}, Ot = (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: {} }
   ), n = r.map(([, o]) => o);
-  return z(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
-}, ie = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), le = /* @__PURE__ */ new Set([
+  return X(() => (r.forEach(([o, i]) => s[o] = i.value), e(s)), n);
+}, oe = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), ie = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), ue = /* @__PURE__ */ new Set(["valueAsDate"]), ae = /* @__PURE__ */ new Set([
+]), le = /* @__PURE__ */ new Set(["valueAsDate"]), ue = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -666,12 +666,12 @@ const Ge = (t, e, r, s) => {
   "outerHTML",
   "className",
   "classList"
-]), J = /* @__PURE__ */ new Map(), b = (t, e) => {
-  if (J.has(t))
-    return J.get(t);
+]), W = /* @__PURE__ */ new Map(), b = (t, e) => {
+  if (W.has(t))
+    return W.get(t);
   {
     const r = e(t);
-    return J.set(t, r), r;
+    return W.set(t, r), r;
   }
 }, Je = (t) => (e, r) => {
   r == null ? e[t] = null : e[t] = !!r;
@@ -683,8 +683,8 @@ const Ge = (t, e, r, s) => {
   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, 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 {
+}, ae = (t) => oe.has(t) ? b(t, Je) : ie.has(t) ? b(t, We) : le.has(t) ? b(t, He) : ue.has(t) ? b(t, ze) : b(t, Xe), ce = (t) => (e) => oe.has(t) ? !!e[t] : ie.has(t) ? Number(e[t]) : le.has(t) ? e[t] : ue.has(t) ? String(e[t]) : e.getAttribute(t);
+class y {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -732,18 +732,18 @@ class v {
      * @param document - The `Document` to use for the `DOMContext`.
      * @returns A new `DOMContext` instance.
      */
-    u(this, "withDocument", (e) => new v(e, this.element, this.reference, this.providers, !0));
+    u(this, "withDocument", (e) => new y(e, this.element, this.reference, this.providers, !0));
     /**
      * Creates a new `DOMContext` instance with the provided `element`.
      * @param element - The DOM element to use in the new `DOMContext` instance.
      * @returns A new `DOMContext` instance with the provided `element`.
      */
-    u(this, "withElement", (e) => new v(this.document, e, void 0, this.providers, !1));
+    u(this, "withElement", (e) => new y(this.document, e, void 0, this.providers, !1));
     /**
      * Creates a new `DOMContext` instance with the `isFirstLevel` property set to `true`.
      * @returns A new `DOMContext` instance with the `isFirstLevel` property set to `true`.
      */
-    u(this, "withFirstLevel", () => new v(
+    u(this, "withFirstLevel", () => new y(
       this.document,
       this.element,
       this.reference,
@@ -756,7 +756,7 @@ class v {
      * @param reference - The optional `Text` node to use as the reference for the new `DOMContext`.
      * @returns A new `DOMContext` instance with the specified reference.
      */
-    u(this, "withReference", (e) => new v(
+    u(this, "withReference", (e) => new y(
       this.document,
       this.element,
       e,
@@ -769,7 +769,7 @@ class v {
      * @param value - The value to set for the provider.
      * @returns A new DOMContext with the updated providers.
      */
-    u(this, "withProvider", (e, r) => new v(
+    u(this, "withProvider", (e, r) => new y(
       this.document,
       this.element,
       this.reference,
@@ -786,7 +786,7 @@ class v {
      * @param providers - An object containing the providers to be merged into the existing providers.
      * @returns A new DOMContext instance with the merged providers.
      */
-    u(this, "withProviders", (e) => new v(
+    u(this, "withProviders", (e) => new y(
       this.document,
       this.element,
       this.reference,
@@ -805,7 +805,7 @@ class v {
      */
     u(this, "getProvider", (e) => {
       if (this.providers[e] === void 0)
-        throw new Qe(e);
+        throw new Ze(e);
       return this.providers[e];
     });
     this.document = e, this.element = r, this.reference = s, this.providers = n, this.isFirstLevel = o;
@@ -818,10 +818,10 @@ class v {
    * @returns A new `DOMContext` instance.
    */
   static of(e, r) {
-    return new v(e.ownerDocument, e, r, {}, !0);
+    return new y(e.ownerDocument, e, r, {}, !0);
   }
 }
-class Qe extends Error {
+class Ze extends Error {
   constructor(e) {
     super(`Provider not found: ${e.description}`);
   }
@@ -829,13 +829,13 @@ class Qe 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);
-}, Ye = (t) => he(t) ? t : t.parentElement, he = (t) => t.nodeType === 1, de = (t) => (e) => {
+}, Qe = (t) => fe(t) ? t : t.parentElement, fe = (t) => t.nodeType === 1, he = (t) => (e) => {
   we(e);
   const r = e.createText(t);
   return e.appendOrInsert(r), (s) => {
     s && m(r);
   };
-}, pe = (t) => (e) => {
+}, de = (t) => (e) => {
   we(e);
   const r = e.createText(t.value);
   e.appendOrInsert(r);
@@ -843,13 +843,13 @@ const m = (t) => {
   return (n) => {
     s(), n && m(r);
   };
-}, Lt = (t) => h.is(t) ? pe(t) : de(t), p = (...t) => (e) => {
+}, Nt = (t) => h.is(t) ? de(t) : he(t), p = (...t) => (e) => {
   const r = t.map((s) => c(s)(e));
   return (s) => {
     r.forEach((n) => n(s));
   };
-}, S = () => () => {
-}, Ze = (t) => (e) => (ye(e), e.element.classList.add(...t), (r) => {
+}, w = () => () => {
+}, Ye = (t) => (e) => (ye(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
 }), Ke = (t) => (e) => {
   ye(e);
@@ -861,19 +861,19 @@ const m = (t) => {
   return (o) => {
     n(), o && s.forEach((i) => r.classList.remove(i)), s.length = 0;
   };
-}, L = (t, e) => {
-  const r = ce(t), s = fe(t);
+}, O = (t, e) => {
+  const r = ae(t), s = ce(t);
   return (n) => {
-    ve(n, t);
+    _e(n, t);
     const o = s(n.element);
     return r(n.element, e), (i) => {
       i && r(n.element, o);
     };
   };
-}, k = (t, e) => {
-  const r = ce(t), s = fe(t);
+}, N = (t, e) => {
+  const r = ae(t), s = ce(t);
   return (n) => {
-    ve(n, t);
+    _e(n, t);
     const o = s(n.element), i = e.on((l) => r(n.element, l));
     return (l) => {
       i(), l && r(n.element, o);
@@ -893,12 +893,12 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => e === "class" ? (r) => h.is(r) ? Ke(r) : Ze(
+    get: (t, e) => e === "class" ? (r) => h.is(r) ? Ke(r) : Ye(
       (r ?? "").split(" ").filter((s) => s.length > 0)
-    ) : (r) => h.is(r) ? k(
+    ) : (r) => h.is(r) ? N(
       e,
       r
-    ) : L(
+    ) : O(
       e,
       r
     )
@@ -914,12 +914,12 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? k(
+    get: (t, e) => (r) => h.is(r) ? N(
       `data-${e}`,
       r
-    ) : L(`data-${e}`, r)
+    ) : O(`data-${e}`, r)
   }
-), Nt = new Proxy(
+), Rt = new Proxy(
   {},
   {
     /**
@@ -930,15 +930,15 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? k(
+    get: (t, e) => (r) => h.is(r) ? N(
       `aria-${e}`,
       r
-    ) : L(
+    ) : O(
       `aria-${e}`,
       r
     )
   }
-), Rt = new Proxy(
+), xe = (t) => t.replace(/([A-Z])/g, "-$1").toLowerCase(), Mt = new Proxy(
   {},
   {
     /**
@@ -949,15 +949,18 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? k(
-      e,
-      r
-    ) : L(
-      e,
-      r
-    )
+    get: (t, e) => (r) => {
+      const s = xe(e);
+      return h.is(r) ? N(
+        s,
+        r
+      ) : O(
+        s,
+        r
+      );
+    }
   }
-), Mt = new Proxy(
+), $t = new Proxy(
   {},
   {
     /**
@@ -967,29 +970,29 @@ const m = (t) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? k(
+    get: (t, e) => (r) => h.is(r) ? N(
       e,
       r
-    ) : L(
+    ) : O(
       e,
       r
     )
   }
-), c = (t) => t == null ? S : Array.isArray(t) ? p(...t.map(c)) : typeof t == "string" ? de(t) : h.is(t) ? pe(t) : t, me = (t, ...e) => (r) => {
+), c = (t) => t == null ? w : Array.isArray(t) ? p(...t.map(c)) : typeof t == "string" ? he(t) : h.is(t) ? de(t) : t, pe = (t, ...e) => (r) => {
   const s = r.createElement(t, void 0);
-  r.isFirstLevel && N() && Se(s), r.appendOrInsert(s), r = r.withElement(s);
+  r.isFirstLevel && k() && ve(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);
   };
-}, ge = (t, e, ...r) => (s) => {
+}, me = (t, e, ...r) => (s) => {
   const n = s.createElement(t, e);
-  s.isFirstLevel && N() && Se(n), s.appendOrInsert(n), s = s.withElement(n);
+  s.isFirstLevel && k() && ve(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);
   };
-}, $t = new Proxy(
+}, Ft = new Proxy(
   {},
   {
     /**
@@ -997,9 +1000,9 @@ const m = (t) => {
      * @param tagName - The HTML tag name.
      * @returns A renderable function that creates and appends the HTML element to the DOM.
      */
-    get: (t, e) => (...r) => me(e, r.flatMap(c))
+    get: (t, e) => (...r) => pe(e, r.flatMap(c))
   }
-), Ft = new Proxy(
+), Vt = new Proxy(
   {},
   {
     /**
@@ -1007,9 +1010,9 @@ const m = (t) => {
      * @param type - The input type name.
      * @returns A renderable function that creates and appends the HTMLInput element to the DOM.
      */
-    get: (t, e) => (...r) => me("input", P.type(e), ...r)
+    get: (t, e) => (...r) => pe("input", P.type(e), ...r)
   }
-), xe = "http://www.w3.org/2000/svg", Vt = new Proxy(
+), et = "http://www.w3.org/2000/svg", qt = new Proxy(
   {},
   {
     /**
@@ -1017,9 +1020,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, xe, r.flatMap(c))
+    get: (t, e) => (...r) => me(e, et, r.flatMap(c))
   }
-), et = "http://www.w3.org/1998/Math/MathML", qt = new Proxy(
+), tt = "http://www.w3.org/1998/Math/MathML", It = new Proxy(
   {},
   {
     /**
@@ -1027,82 +1030,82 @@ 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, et, r.flatMap(c))
+    get: (t, e) => (...r) => me(e, tt, r.flatMap(c))
   }
-), O = "data-tempo-attr", M = "data-tempo-class", _e = "data-tempo-node", $ = "data-tempo-text", tt = (t, e) => {
+), C = "data-tempo-attr", M = "data-tempo-class", ge = "data-tempo-node", $ = "data-tempo-text", rt = (t, e) => {
   const r = t.getAttribute(e);
   if (r != null) {
-    const s = t.getAttribute(O) ?? "{}", n = { ...JSON.parse(s), name: r };
+    const s = t.getAttribute(C) ?? "{}", n = { ...JSON.parse(s), name: r };
     t.setAttribute(
-      O,
+      C,
       JSON.stringify(n).replace(/"/g, """)
     );
   }
-}, ve = (t, e) => {
-  N() && t.isFirstLevel && tt(t.element, e);
-}, rt = (t) => {
-  t.querySelectorAll(`[${O}]`).forEach((e) => {
+}, _e = (t, e) => {
+  k() && t.isFirstLevel && rt(t.element, e);
+}, st = (t) => {
+  t.querySelectorAll(`[${C}]`).forEach((e) => {
     const r = JSON.parse(
-      (e.getAttribute(O) ?? "{}").replace(/"/g, '"')
+      (e.getAttribute(C) ?? "{}").replace(/"/g, '"')
     );
     for (const [s, n] of Object.entries(r))
       e.setAttribute(s, n);
-    e.removeAttribute(O);
+    e.removeAttribute(C);
   });
 };
-function st(t) {
+function nt(t) {
   t.setAttribute(M, t.className);
 }
 const ye = (t) => {
-  N() && t.isFirstLevel && st(t.element);
-}, nt = (t) => {
+  k() && t.isFirstLevel && nt(t.element);
+}, ot = (t) => {
   t.querySelectorAll(`[${M}]`).forEach((e) => {
     const r = e.getAttribute(M);
     r !== null && (e.className = r, e.removeAttribute(M));
   });
-}, Se = (t) => {
-  t.setAttribute(_e, "");
-}, ot = (t) => {
-  t.querySelectorAll(`[${_e}]`).forEach((e) => {
+}, ve = (t) => {
+  t.setAttribute(ge, "");
+}, it = (t) => {
+  t.querySelectorAll(`[${ge}]`).forEach((e) => {
     m(e);
   });
-}, it = (t) => {
+}, lt = (t) => {
   t.setAttribute($, t.textContent ?? "");
 }, we = (t) => {
-  N() && t.isFirstLevel && it(t.element);
-}, lt = (t) => {
+  k() && t.isFirstLevel && lt(t.element);
+}, ut = (t) => {
   t.querySelectorAll(`[${$}]`).forEach((e) => {
     e.textContent = e.getAttribute($), e.removeAttribute($);
   });
-}, ut = (t) => {
-  ot(t), nt(t), rt(t), lt(t);
-}, Ae = () => {
+}, at = (t) => {
+  it(t), ot(t), st(t), ut(t);
+}, Se = () => {
   const t = globalThis;
   return t.__tempoSSR__ == null && (t.__tempoSSR__ = {
     isSSR: !1,
     counter: 0
   }), t.__tempoSSR__;
-}, X = (t, e) => {
-  const r = Ae();
+}, Z = (t, e) => {
+  const r = Se();
   r[t] = e;
-}, Ee = (t) => Ae()[t], W = (t) => {
-  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) => {
+}, Ae = (t) => Se()[t], H = (t) => {
+  Z("isSSR", t);
+}, Q = () => Ae("counter"), ct = () => {
+  Z("counter", (Q() ?? 0) + 1);
+}, ft = () => {
+  Z("counter", (Q() ?? 0) - 1);
+}, Bt = (t = 30) => (H(!0), new Promise((e, r) => {
   let s;
   const n = setInterval(() => {
-    Q() <= 0 && (clearInterval(n), clearTimeout(s), W(!1), e());
+    Q() <= 0 && (clearInterval(n), clearTimeout(s), H(!1), e());
   }, 30);
   s = setTimeout(() => {
-    clearInterval(n), W(!1), r(new Error("SSR Timeout"));
+    clearInterval(n), H(!1), r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), Bt = (t) => (at(), c(t(ct))), N = () => Ee("isSSR"), Pe = (t, e) => {
+})), jt = (t) => (ct(), c(t(ft))), k = () => Ae("isSSR"), Ee = (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;
+    return Ee(t, { then: e });
+  const r = e.pending != null ? c(e.pending) : w, s = e.then, n = e.error != null ? (o) => c(e.error(o)) : () => w;
   return (o) => {
     let i = !0;
     const l = t();
@@ -1119,9 +1122,9 @@ const ye = (t) => {
       i = !1, a(f), f && o.reference && m(o.reference);
     };
   };
-}, jt = (t, e) => Pe(() => t, e), De = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
+}, Ut = (t, e) => Ee(() => t, e), Pe = (t, e) => (r) => (r.element.addEventListener(t, e), (s) => {
   s && r.element.removeEventListener(t, e);
-}), ft = (t) => De("click", (e) => {
+}), ht = (t) => Pe("click", (e) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
@@ -1136,15 +1139,15 @@ const ye = (t) => {
      * @param fn - The function to call when the event is triggered.
      * @returns A `Renderable` function that adds the event listener to the element.
      */
-    get: (t, e) => (r) => De(e, r)
+    get: (t, e) => (r) => Pe(e, r)
   }
-), ht = (t) => (e) => {
+), dt = (t) => (e) => {
   const r = e.target;
   t(r.value);
-}, dt = (t) => (e) => {
+}, pt = (t) => (e) => {
   const r = e.target;
   t(r.valueAsNumber);
-}, pt = (t) => (e) => {
+}, mt = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1154,7 +1157,7 @@ const ye = (t) => {
     Number(s[2].substring(0, 2))
   );
   t(n);
-}, mt = (t) => (e) => {
+}, gt = (t) => (e) => {
   const r = e.target;
   if (r.value === "")
     return;
@@ -1164,25 +1167,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);
-}, Ut = (t) => (e) => {
+}, Gt = (t) => (e) => {
   const r = e.target;
   t(r.checked);
-}, Gt = (t) => (e) => {
-  e.preventDefault(), t();
 }, Jt = (t) => (e) => {
-  e.stopPropagation(), t();
+  e.preventDefault(), t();
 }, Wt = (t) => (e) => {
+  e.stopPropagation(), t();
+}, Ht = (t) => (e) => {
   e.stopImmediatePropagation(), t();
-}, Ht = (t, e = "input") => p(
-  P.valueAsDate(t),
-  B[e](pt(t.set))
-), zt = (t, e = "input") => p(
+}, zt = (t, e = "input") => p(
   P.valueAsDate(t),
   B[e](mt(t.set))
 ), Xt = (t, e = "input") => p(
+  P.valueAsDate(t),
+  B[e](gt(t.set))
+), Zt = (t, e = "input") => p(
   P.valueAsNumber(t),
-  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) => {
+  B[e](pt(t.set))
+), Qt = (t, e = "input") => p(P.value(t), B[e](dt(t.set))), Yt = (t) => p(P.checked(t), ht(t.set)), j = (t, e) => {
   if (h.is(t))
     return (s) => {
       s = s.makeRef();
@@ -1191,7 +1194,7 @@ const ye = (t) => {
       let l;
       const a = i.on((f) => {
         if (f !== l) {
-          o == null || o.dispose(), n == null || n(!0), o = t.map((w) => w[f]);
+          o == null || o.dispose(), n == null || n(!0), o = t.map((S) => S[f]);
           const g = e[f](o);
           n = c(g)(s), l = f;
         }
@@ -1202,19 +1205,19 @@ const ye = (t) => {
     };
   const r = Object.keys(t)[0];
   return c(e[r](I(t[r])));
-}, be = (t, e, r) => Y(
+}, De = (t, e, r) => j(
   d.map(t, (s) => ({ [s[e]]: s })),
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   r
-), Zt = (t, e) => be(t, "kind", e), Kt = (t, e) => {
+), Kt = (t, e) => De(t, "kind", e), xt = (t, e) => {
   const r = d.map(t, ([s, n]) => ({ [s]: n }));
-  return Y(r, e);
-}, xt = (t, e) => be(t, "type", e), gt = (t, e) => Y(
+  return j(r, e);
+}, er = (t, e) => De(t, "type", e), _t = (t, e) => j(
   d.map(t, (r) => ({ [r]: !0 })),
   e
-), er = (t, e = {}) => (r) => {
+), tr = (t, e = {}) => (r) => {
   const s = (e == null ? void 0 : e.firstSeparator) ?? t, n = (e == null ? void 0 : e.lastSeparator) ?? t;
-  return gt(
+  return _t(
     r.map((o) => o.isFirst ? "first" : o.isLast ? "last" : "other"),
     {
       first: () => s,
@@ -1222,7 +1225,7 @@ const ye = (t) => {
       other: () => t
     }
   );
-}, Te = (t, e) => (r) => {
+}, be = (t, e) => (r) => {
   const s = Object.values(t).reduce((n, o) => {
     const i = r.getProvider(o);
     if (i == null)
@@ -1230,7 +1233,7 @@ const ye = (t) => {
     return n[o] = i, n;
   }, {});
   return c(e(s))(r);
-}, tr = (t, e) => (r) => {
+}, rr = (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,16 +1243,16 @@ const ye = (t) => {
   return s.push(e(n)(r)), (o) => {
     s.forEach((i) => i(o));
   };
-}, 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) => {
+}, sr = (t, e) => be([t], (r) => c(e(r[t]))), nr = (t, e) => be(t, (r) => c(e(r))), or = (t) => (e) => t(e), ir = (t) => (e) => (e.appendOrInsert(t), (r) => {
   r && m(t);
-}), _t = (t, e, r) => {
+}), yt = (t, e, r) => {
   if (h.is(t)) {
     const s = t;
     return (n) => {
       n = n.makeRef();
       let o = null, i = !1;
       const l = V(null), a = 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));
+        f == null ? (o == null || o(!0), o = c((r == null ? void 0 : r()) ?? w)(n), i = !1) : (l.value = f, i || (o == null || o(!0), o = c(e(l))(n), i = !0));
       });
       return (f) => {
         a(), o == null || o(f), f && n.reference && m(n.reference);
@@ -1259,35 +1262,35 @@ const ye = (t) => {
     const s = t;
     if (s == null) {
       const n = r == null ? void 0 : r();
-      return n != null ? c(n) : S;
+      return n != null ? c(n) : w;
     }
     return c(e(I(s)));
   }
-}, H = (t) => (e) => (r) => t(r, e), Z = (t, e, r) => Oe(
+}, z = (t) => (e) => (r) => t(r, e), Te = (t, e, r) => Ce(
   t,
   () => e,
   () => r
-), Oe = (t, e, r) => _t(
+), Ce = (t, e, r) => yt(
   d.map(t, (s) => s ? !0 : null),
   e,
   r ?? void 0
-), ir = (t, e, r) => vt(
+), lr = (t, e, r) => vt(
   t,
   () => e,
   () => r
-), vt = (t, e, r) => Oe(
+), vt = (t, e, r) => Ce(
   d.map(t, (s) => !s),
   e,
   r
-), Ce = (t, e, r) => r != null ? Ce(t, (s) => {
+), Le = (t, e, r) => r != null ? Le(t, (s) => {
   const n = new T(
     s.index,
     s.total.map((o) => o - 1)
   );
   return p(
-    H(n.dispose),
+    z(n.dispose),
     c(e(s)),
-    Z(s.isLast, S, r(n))
+    Te(s.isLast, w, r(n))
   );
 }) : h.is(t) ? (s) => {
   s = s.makeRef();
@@ -1313,30 +1316,30 @@ const ye = (t) => {
   ...Array.from({ length: t }, (s, n) => n).map(
     (s) => c(e(new T(s, I(t))))
   )
-), yt = (t, e, r) => {
+), wt = (t, e, r) => {
   if (r != null)
-    return yt(t, (s, n) => {
+    return wt(t, (s, n) => {
       const o = new T(
         n.index,
         n.total.map((i) => i - 1)
       );
       return p([
-        H(o.dispose),
+        z(o.dispose),
         c(e(s, n)),
-        Z(n.isLast, S, r(o))
+        Te(n.isLast, w, r(o))
       ]);
     });
   {
     const s = d.map(t, (o) => o.length), n = d.toSignal(t);
-    return Ce(s, (o) => {
+    return Le(s, (o) => {
       const i = n.map((l) => l[o.index]);
       return p(
-        H(i.dispose),
+        z(i.dispose),
         c(e(i, o))
       );
     });
   }
-}, lr = (t, e) => {
+}, ur = (t, e) => {
   if (h.is(t)) {
     const r = t;
     return (s) => {
@@ -1353,48 +1356,53 @@ const ye = (t) => {
     };
   }
   return c(e(t));
-}, ur = (t, e, r = S) => Z(
-  d.map(t, (s) => s.length > 0),
-  e,
-  r
-), ar = (t) => (e) => t(e.element) ?? (() => {
-}), Le = (t, e) => {
+}, ar = (t, e, r = () => w) => j(
+  d.map(
+    t,
+    (s) => s.length > 0 ? { notEmpty: s } : { whenEmpty: null }
+  ),
+  {
+    notEmpty: (s) => e(s),
+    whenEmpty: () => r()
+  }
+), cr = (t) => (e) => t(e.element) ?? (() => {
+}), Oe = (t, e) => {
   const r = t(e);
   return () => r(!0);
-}, cr = (t, e, { doc: r, clear: s } = {}) => {
+}, fr = (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 && ut(r ?? n.ownerDocument);
-  const o = Ye(n), i = he(n) ? void 0 : n, l = v.of(o, i);
-  return Le(t, l);
+  s !== !1 && (r ?? n.ownerDocument) != null && at(r ?? n.ownerDocument);
+  const o = Qe(n), i = fe(n) ? void 0 : n, l = y.of(o, i);
+  return Oe(t, l);
 };
 class St extends Error {
   constructor(e) {
     super(e);
   }
 }
-const fr = (t, e) => (r) => {
+const hr = (t, e) => (r) => {
   const s = r.document.querySelector(t);
   if (s === null)
     throw new Error(`Cannot find element by selector for portal: ${t}`);
-  return Le(
+  return Oe(
     c(e),
     r.withElement(s).withFirstLevel()
   );
-}, 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) => {
+}, dr = (t) => Symbol(t), Ne = (t, e) => (r) => c(e)(r.withProviders(t)), pr = (...t) => t.length > 0 ? t.reduceRight((e, r) => (s) => e(r(s))) : c, mr = (t, e, r) => Ne({ [t]: e }, c(r)), gr = (t, e) => Ne(t, c(e)), At = (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);
   };
-}, At = (t, e) => (r) => {
+}, Et = (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(
+}, _r = new Proxy(
   {},
   {
     /**
@@ -1405,67 +1413,67 @@ const fr = (t, e) => (r) => {
      * @returns The renderable component for the specified attribute.
      *
      */
-    get: (t, e) => (r) => h.is(r) ? At(e, r) : wt(e, r)
+    get: (t, e) => (r) => h.is(r) ? Et(e, r) : At(e, r)
   }
 );
 export {
-  jt as Async,
+  Ut as Async,
   Yt as BindChecked,
-  Ht as BindDate,
-  zt as BindDateTime,
-  Xt as BindNumber,
+  zt as BindDate,
+  Xt as BindDateTime,
+  Zt as BindNumber,
   Qt as BindText,
   E as Computed,
-  er as Conjunction,
-  v as DOMContext,
-  or as DOMNode,
-  me as El,
-  ge as ElNS,
+  tr as Conjunction,
+  y as DOMContext,
+  ir as DOMNode,
+  pe as El,
+  me as ElNS,
   T as ElementPosition,
-  S as Empty,
-  _t as Ensure,
-  yt as ForEach,
+  w as Empty,
+  yt as Ensure,
+  wt as ForEach,
   p as Fragment,
   vt as LazyUnless,
-  Oe as LazyWhen,
-  lr as MapSignal,
-  ne as MemoryStore,
-  ur as NotEmpty,
-  ft as OnChecked,
-  nr as OnCtx,
-  ar as OnMount,
-  H as OnUnmount,
-  Y as OneOf,
-  be as OneOfField,
-  Zt as OneOfKind,
-  Kt as OneOfTuple,
-  xt as OneOfType,
-  gt as OneOfValue,
-  fr as Portal,
+  Ce as LazyWhen,
+  ur as MapSignal,
+  se as MemoryStore,
+  ar as NotEmpty,
+  ht as OnChecked,
+  or as OnCtx,
+  cr as OnMount,
+  z as OnUnmount,
+  j as OneOf,
+  De as OneOfField,
+  Kt as OneOfKind,
+  xt as OneOfTuple,
+  er as OneOfType,
+  _t as OneOfValue,
+  hr as Portal,
   F as Prop,
-  dr as Provide,
-  Qe as ProviderNotFoundError,
+  pr as Provide,
+  Ze as ProviderNotFoundError,
   St as RenderingError,
-  Ce as Repeat,
+  Le as Repeat,
   h as Signal,
-  Pe as Task,
-  Lt as TextNode,
-  ir as Unless,
-  tr as Use,
-  rr as UseProvider,
-  sr as UseProviders,
-  Bt as UseSSRDone,
+  Ee as Task,
+  Nt as TextNode,
+  lr as Unless,
+  rr as Use,
+  sr as UseProvider,
+  nr as UseProviders,
+  jt as UseSSRDone,
   d as Value,
-  Z as When,
-  pr as WithProvider,
-  mr as WithProviders,
-  Se as _addNodeTracker,
-  ut as _clearSSR,
-  Ye as _getSelfOrParentElement,
-  he as _isElement,
-  fe as _makeGetter,
-  ce as _makeSetter,
-  ve as _maybeAddAttributeTracker,
+  Te as When,
+  mr as WithProvider,
+  gr as WithProviders,
+  ve as _addNodeTracker,
+  at as _clearSSR,
+  Qe as _getSelfOrParentElement,
+  fe as _isElement,
+  ce as _makeGetter,
+  ae as _makeSetter,
+  _e as _maybeAddAttributeTracker,
   ye as _maybeAddClassTracker,
   we as _maybeAddTextTracker,
   m as _removeDOMNode,
@@ -1474,49 +1482,49 @@ export {
   He as _setDateProperty,
   We as _setNumberProperty,
   ze as _setStringProperty,
-  pe as _signalText,
-  de as _staticText,
-  Ot as animateSignal,
+  de as _signalText,
+  he as _staticText,
+  Lt as animateSignal,
   Ge as animateSignals,
-  Nt as aria,
+  Rt as aria,
   P as attr,
   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,
+  Gt as emitChecked,
+  Jt as emitPreventDefault,
+  Ht as emitStopImmediatePropagation,
+  Wt as emitStopPropagation,
+  dt as emitValue,
+  mt as emitValueAsDate,
+  gt as emitValueAsDateTime,
+  pt as emitValueAsNumber,
   Ie as endInterpolate,
   Be as guessInterpolate,
-  $t as html,
-  Ft as input,
+  Ft as html,
+  Vt as input,
   qe as interpolateDate,
   Fe as interpolateNumber,
   Ve as interpolateString,
-  N as isSSR,
-  bt as localStorageProp,
-  z as makeComputed,
-  Pt as makeComputedOf,
-  Ct as makeComputedRecord,
+  k as isSSR,
+  Tt as localStorageProp,
+  X as makeComputed,
+  Dt as makeComputedOf,
+  Ot as makeComputedRecord,
   Ue as makeEffect,
-  Dt as makeEffectOf,
+  bt as makeEffectOf,
   V as makeProp,
-  hr as makeProviderMark,
+  dr as makeProviderMark,
   I as makeSignal,
-  qt as math,
-  Mt as mathAttr,
+  It as math,
+  $t as mathAttr,
   B as on,
-  It as prepareSSR,
-  lt as removeTextTrackers,
-  cr as render,
-  Le as renderWithContext,
+  Bt as prepareSSR,
+  ut as removeTextTrackers,
+  fr as render,
+  Oe as renderWithContext,
   c as renderableOfTNode,
-  Tt as sessionStorageProp,
-  oe as storedProp,
-  gr as style,
-  Vt as svg,
-  Rt as svgAttr
+  Ct as sessionStorageProp,
+  ne as storedProp,
+  _r as style,
+  qt as svg,
+  Mt as svgAttr
 };

package/package.json

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

package/renderable/not-empty.d.ts

@@ -1,3 +1,4 @@
+import { Signal } from '../std/signal';
 import { Value } from '../std/value';
 import { Renderable } from '../types/domain';
 /**
@@ -12,4 +13,4 @@ import { Renderable } from '../types/domain';
  * @returns - The renderable component.
  * @public
  */
-export declare const NotEmpty: <T>(value: Value<T[]>, display: Renderable, whenEmpty?: Renderable) => Renderable;
+export declare const NotEmpty: <T>(value: Value<T[]>, display: (value: Signal<T[]>) => Renderable, whenEmpty?: () => Renderable) => Renderable;