@tempots/dom 10.0.5 → 10.0.7

package/dom/ssr-tracker.d.ts

@@ -1,13 +1,10 @@
 import { DOMContext } from './dom-context';
 
-export declare function addAttributeTracker(element: Element, name: string): void;
 export declare function maybeAddAttributeTracker(ctx: DOMContext, name: string): void;
 export declare function removeAttributeTrackers(doc: Document): void;
-export declare function addClassTracker(element: Element): void;
 export declare function maybeAddClassTracker(ctx: DOMContext): void;
 export declare function removeClassTrackers(doc: Document): void;
 export declare function addNodeTracker(element: Element): void;
 export declare function removeNodeTrackers(doc: Document): void;
-export declare function addTextTracker(element: Element): void;
 export declare function maybeAddTextTracker(ctx: DOMContext): void;
 export declare function removeTextTrackers(doc: Document): void;

package/index.cjs

@@ -1 +1 @@
-"use strict";var dt=Object.defineProperty;var ht=(t,e,r)=>e in t?dt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var l=(t,e,r)=>ht(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function Ee(t,e,r){return t+(e-t)*r}const he=97;function Te(t,e,r){const n=Math.max(t.length,e.length);let s="";for(let i=0;i<n;i++){let o=t.charCodeAt(i);isNaN(o)&&(o=he);let u=e.charCodeAt(i);isNaN(u)&&(u=he),s+=String.fromCharCode(o+(u-o)*r)}return s}function Ce(t,e,r){return new Date(t.getTime()+(e.getTime()-t.getTime())*r)}function De(t,e,r){return e}function _e(t){return typeof t=="number"?Ee:typeof t=="string"?Te:t instanceof Date?Ce:De}class Me{constructor(e,r){this.index=e,this.total=r}get isFirst(){return this.index===0}get isLast(){return this.index===this.total-1}get isEven(){return this.index%2===0}get isOdd(){return this.index%2===1}}const pe=Symbol("isSignal"),me=Symbol("isProp"),ge=Symbol("isComputed");var be;be=pe;const P=class P{constructor(e,r){l(this,be,!0);l(this,"_value");l(this,"_derivatives",[]);l(this,"_onValueListeners",[]);l(this,"_onDisposeListeners",[]);l(this,"get",()=>this._value);l(this,"hasListeners",()=>this._onValueListeners.length>0);l(this,"on",e=>(e(this.get()),this._onValueListeners.push(e),()=>{this._onValueListeners.splice(this._onValueListeners.indexOf(e),1)}));l(this,"_setAndNotify",(e,r)=>{const n=this.equals(this._value,e);n||(this._value=e),(r||!n)&&this._onValueListeners.forEach(s=>s(e))});l(this,"_disposed",!1);l(this,"isDisposed",()=>this._disposed);l(this,"onDispose",e=>{this._onDisposeListeners.push(e)});l(this,"dispose",()=>{this._disposed||(this._disposed=!0,this._onDisposeListeners.forEach(e=>e()),this._onDisposeListeners.length=0,this._derivatives.length=0)});l(this,"map",(e,r=(n,s)=>n===s)=>{const n=new C(()=>{try{return e(this.get())}catch(s){throw console.error("Error in Signal.map:",s),s}},r);return this.setDerivative(n),n});l(this,"flatMap",(e,r=(n,s)=>n===s)=>{const n=new C(()=>{try{return e(this.get()).get()}catch(s){throw console.error("Error in Signal.flatMap:",s),s}},r);return this.setDerivative(n),n});l(this,"tap",e=>this.map(r=>(e(r),r)));l(this,"at",e=>this.map(r=>r[e]));l(this,"filter",(e,r)=>{let n=r??this.get();const s=new C(()=>{try{const i=this.get();return n=e(i)?i:n}catch(i){throw console.error("Error in Signal.filter:",i),i}},this.equals);return this.setDerivative(s),s});l(this,"filterMap",(e,r,n=(s,i)=>s===i)=>{let s=r;const i=new C(()=>{try{const o=this.get(),u=e(o);return s=u??s}catch(o){throw console.error("Error in Signal.filterMap:",o),o}},n);return this.setDerivative(i),i});l(this,"mapAsync",(e,r,n,s=(i,o)=>i===o)=>{const i=v(r,s);let o=0;return i.onDispose(this.on(u=>{const a=++o;try{e(u).then(c=>{a===o&&i.set(c)}).catch(c=>{a===o&&(n!=null?i.set(n(c)):console.error("Unhandled promise rejection in Signal.mapAsync:",c))})}catch(c){throw console.error("Error in Signal.mapAsync:",c),c}})),i});l(this,"mapMaybe",(e,r)=>this.map(n=>e(n)??r));l(this,"feedProp",(e,r=!1)=>{const n=this.on(e.set);return e.onDispose(n),r?this.onDispose(e.dispose):this.onDispose(n),e});l(this,"deriveProp",(e=!0)=>this.feedProp(v(this.get()),e));l(this,"count",()=>{let e=0;return this.map(()=>++e)});l(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}static ofPromise(e,r,n,s=(i,o)=>i===o){const i=new P(r,s);return e.then(o=>i._setAndNotify(o,!1)).catch(o=>{n!=null?i._setAndNotify(n(o),!1):console.error("Unhandled promise rejection in Signal.ofPromise:",o)}),i}static is(e){return e!=null&&e[pe]===!0}static wrap(e,r=(n,s)=>n===s){return P.is(e)?e:new P(e,r)}static maybeWrap(e){return e==null?e:P.wrap(e)}static unwrap(e){return P.is(e)?e.get():e}static map(e,r){return P.is(e)?e.map(r):r(e)}get value(){return this._value}};let d=P;const pt=typeof queueMicrotask=="function"?queueMicrotask:t=>Promise.resolve().then(t);var ve,ye;class C extends(ye=d,ve=ge,ye){constructor(r,n){super(void 0,n);l(this,ve,!0);l(this,"_isDirty",!1);l(this,"setDirty",()=>{this._isDirty||this._disposed||(this._isDirty=!0,this._derivatives.forEach(r=>r.setDirty()),this.scheduleNotify())});l(this,"_scheduleCount",0);l(this,"scheduleNotify",()=>{const r=++this._scheduleCount;pt(()=>{this._scheduleCount!==r||this._disposed!==!1||this._isDirty&&(this._isDirty=!1,this._setAndNotify(this._fn(),!1))})});l(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[ge]===!0}get value(){return this.get()}}var Ae,Pe;class R extends(Pe=d,Ae=me,Pe){constructor(){super(...arguments);l(this,Ae,!0);l(this,"set",r=>{this._setAndNotify(r,!1)});l(this,"update",r=>{this._setAndNotify(r(this.get()),!1)});l(this,"reducer",r=>n=>this.update(s=>r(s,n)));l(this,"iso",(r,n,s=(i,o)=>i===o)=>{const i=new R(r(this.get()),s);return i.onDispose(this.on(o=>i.set(r(o)))),i.on(o=>this._setAndNotify(n(o),!1)),i});l(this,"atProp",r=>this.iso(n=>n[r],n=>({...this.value,[r]:n})))}static is(r){return r!=null&&r[me]===!0}get value(){return this.get()}set value(r){this._setAndNotify(r,!1)}}function Z(t,e,r=(n,s)=>n===s){const n=new C(t,r);return e.forEach(s=>s.setDerivative(n)),n}function mt(t,e){return Z(t,e).dispose}function v(t,e=(r,n)=>r===n){return new R(t,e)}function gt(t,e=(r,n)=>r===n){return new d(t,e)}class Q{constructor(){l(this,"_store",new Map);l(this,"getItem",e=>this._store.get(e)??null);l(this,"setItem",(e,r)=>{this._store.set(e,r)})}}function ee({key:t,defaultValue:e,store:r,serialize:n=JSON.stringify,deserialize:s=JSON.parse,equals:i=(u,a)=>u===a,onLoad:o=u=>u}){const u=r.getItem(t),a=new R(u!=null?o(s(u)):typeof e=="function"?e():e,i);return a.on(c=>{r.setItem(t,n(c))}),a}function wt(t){return ee({...t,store:(window==null?void 0:window.localStorage)??new Q})}function St(t){return ee({...t,store:(window==null?void 0:window.sessionStorage)??new Q})}function we(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):setTimeout(t,0)}function Ne(t,e,r,n){const s=(n==null?void 0:n.duration)??300,i=(n==null?void 0:n.easing)??(y=>y),o=(n==null?void 0:n.equals)??((y,F)=>y===F);let u=n==null?void 0:n.interpolate,a=t,c=e(),p=performance.now(),m=null,h=!0;const T=new C(e,o),A=v(t,o);A.onDispose(()=>{m!==null&&cancelAnimationFrame(m)}),A.onDispose(T.dispose),r.forEach(y=>{y.setDerivative(T),y.onDispose(A.dispose)});const X=y=>{c=y,p=performance.now(),a=A.value,h&&(h=!1,m=we(fe))},fe=()=>{const F=(performance.now()-p)/d.unwrap(s),ft=i(F);u==null&&(u=_e(a));let de=u(a,c,ft);F>=1?(h=!0,de=c):m=we(fe),A.set(de)};return T.on(X),A}function bt(t,e){const{initialValue:r,...n}=e??{};return Ne(r??t.get(),t.get,[t],n)}function vt(t,e){const{signals:r,literals:n}=Object.entries(t).reduce(({signals:i,literals:o},[u,a])=>(d.is(a)?i.push([u,a]):o[u]=a,{signals:i,literals:o}),{signals:[],literals:{}}),s=r.map(([,i])=>i);return Z(()=>(r.forEach(([i,o])=>n[i]=o.value),e(n)),s)}function B(t){let e=t.match(/rgba?\((\d+), (\d+), (\d+)(, (\d+))?\)/);return e!=null?[Number(e[1]),Number(e[2]),Number(e[3]),e[4]!=null?Number(e[5]):1,"rgba"]:(e=t.match(/#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})/),e!=null?[parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16),1,"hex"]:(e=t.match(/hsla?\((\d+), (\d+)%?, (\d+)%?(, (\d+))?\)/),e!=null?[Number(e[1]),Number(e[2]),Number(e[3]),e[4]!=null?Number(e[5]):1,"hsla"]:[0,0,0,1,"rgba"]))}function Se(t){const e=/^(inset\s)?(-?\d+)([a-zA-Z]*)(\s+)(-?\d+)([a-zA-Z]*)(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+)([a-zA-Z0-9(),.]+)$/i,r=t.match(e);if(r==null)return{inset:!1,x:0,y:0,blur:0,spread:0,color:"rgba(0, 0, 0, 0)"};const[,n,s,,,i,,o,,u,,a]=r,c=o!=null?parseInt(o,10):0,p=u!=null?parseInt(u,10):0;return{inset:!!n,x:parseInt(s,10),y:parseInt(i,10),blur:c,spread:p,color:a}}function yt(t){const{inset:e,x:r,y:n,blur:s,spread:i,color:o}=t;return`${e?"inset ":""}${r}px ${n}px ${s}px ${i}px ${o}`}function $e(t){return t[4]==="rgba"?`rgba(${t[0]}, ${t[1]}, ${t[2]}, ${t[3]})`:t[4]==="hex"?`#${t[0].toString(16).padStart(2,"0")}${t[1].toString(16).padStart(2,"0")}${t[2].toString(16).padStart(2,"0")}`:t[4]==="hsla"?`hsla(${t[0]}, ${t[1]}%, ${t[2]}%, ${t[3]})`:""}function Ie(t,e){const[r,n,s,i,o]=B(t),[u,a,c,p]=B(e);return m=>{const h=r+(u-r)*m,T=n+(a-n)*m,A=s+(c-s)*m,X=i+(p-i)*m;return $e([h,T,A,X,o])}}function At(t,e){const r=Se(t),n=Se(e);return s=>{const i=r.x+(n.x-r.x)*s,o=r.y+(n.y-r.y)*s,u=r.blur+(n.blur-r.blur)*s,a=r.spread+(n.spread-r.spread)*s,c=Re(r.color,n.color)(s);return yt({inset:r.inset,x:i,y:o,blur:u,spread:a,color:c})}}function Le(t,e){var r,n,s,i,o,u,a,c;return e==="translateX"?new WebKitCSSMatrix(t.transform).m41:e==="translateY"?new WebKitCSSMatrix(t.transform).m42:e==="translateZ"?new WebKitCSSMatrix(t.transform).m43:e==="rotateX"?new WebKitCSSMatrix(t.transform).m12:e==="rotateY"?new WebKitCSSMatrix(t.transform).m21:e==="rotateZ"?new WebKitCSSMatrix(t.transform).m31:e==="scaleX"?new WebKitCSSMatrix(t.transform).m11:e==="scaleY"?new WebKitCSSMatrix(t.transform).m22:e==="scaleZ"?new WebKitCSSMatrix(t.transform).m33:e==="skewX"?new WebKitCSSMatrix(t.transform).m13:e==="skewY"?new WebKitCSSMatrix(t.transform).m23:Number(e==="grayScale"?(r=t.filter.match(/grayscale\((\d+)%\)/))==null?void 0:r[1]:e==="sepia"?(n=t.filter.match(/sepia\((\d+)%\)/))==null?void 0:n[1]:e==="saturate"?(s=t.filter.match(/saturate\((\d+)%\)/))==null?void 0:s[1]:e==="hueRotate"?(i=t.filter.match(/hue-rotate\((\d+)deg\)/))==null?void 0:i[1]:e==="invert"?(o=t.filter.match(/invert\((\d+)%\)/))==null?void 0:o[1]:e==="brightness"?(u=t.filter.match(/brightness\((\d+)%\)/))==null?void 0:u[1]:e==="contrast"?(a=t.filter.match(/contrast\((\d+)%\)/))==null?void 0:a[1]:e==="blur"?(c=t.filter.match(/blur\((\d+)px\)/))==null?void 0:c[1]:t.getPropertyValue(e))}function Pt(t,e){const r={},n=getComputedStyle(t);for(const[s,i]of Object.entries(e)){const o=s;i!=null&&(r[o]=Le(n,o))}return r}function $(t,e,r){r!=null&&(e==="translateX"?t.style.transform+=` translateX(${r}px)`:e==="translateY"?t.style.transform+=` translateY(${r}px)`:e==="translateZ"?t.style.transform+=` translateZ(${r}px)`:e==="rotateX"?t.style.transform+=` rotateX(${r}deg)`:e==="rotateY"?t.style.transform+=` rotateY(${r}deg)`:e==="rotateZ"?t.style.transform+=` rotateZ(${r}deg)`:e==="scaleX"?t.style.transform+=` scaleX(${r})`:e==="scaleY"?t.style.transform+=` scaleY(${r})`:e==="scaleZ"?t.style.transform+=` scaleZ(${r})`:e==="skewX"?t.style.transform+=` skewX(${r}deg)`:e==="skewY"?t.style.transform+=` skewY(${r}deg)`:e==="grayScale"?t.style.filter+=` grayscale(${r}%)`:e==="sepia"?t.style.filter+=` sepia(${r}%)`:e==="saturate"?t.style.filter+=` saturate(${r}%)`:e==="hueRotate"?t.style.filter+=` hue-rotate(${r}deg)`:e==="invert"?t.style.filter+=` invert(${r}%)`:e==="brightness"?t.style.filter+=` brightness(${r}%)`:e==="contrast"?t.style.filter+=` contrast(${r}%)`:e==="blur"&&(t.style.filter+=` blur(${r}px)`),t.style.setProperty(e,String(r)))}const Y=new Map;function Oe(t,e,r){if(Y.has(r+":"+t+e))return Y.get(t+e);const n=Ie(t,e);return Y.set(r+":"+t+e,n),n}function Re(t,e){return Oe(t,e,"c")}function Et(t,e){return Oe(t,e,"s")}function xe(t,e,r,n,s){if(r!=null&&n!=null){if(typeof r=="number"&&typeof n=="number"){const i=r+(n-r)*s;$(t,e,i)}else if(e==="boxShadow"||e==="textShadow"){const i=Et(r,n)(s);$(t,e,i)}else if(e==="color"||e==="backgroundColor"||e==="borderColor"||e==="outlineColor"){const i=Re(r,n)(s);$(t,e,i)}}}function Tt(t,e,r,n){t.style.transform="",t.style.filter="";for(const[s,i]of Object.entries(r)){const o=s;xe(t,o,e[o],i,n)}}function Ct(t,e){t.style.transform="",t.style.filter="";for(const[r,n]of Object.entries(e))n!=null&&$(t,r,n)}const We=new Set(["checked","disabled","hidden","selected"]),Fe=new Set(["rowSpan","colSpan","tabIndex","valueAsNumber"]),ze=new Set(["valueAsDate"]),Ve=new Set(["value","textContent","innerText","innerHTML","outerHTML","className","classList"]),K=new Map;function N(t,e){if(K.has(t))return K.get(t);{const r=e(t);return K.set(t,r),r}}function ke(t){return(e,r)=>{r==null?e[t]=null:e[t]=!!r}}function qe(t){return(e,r)=>{r==null?e[t]=null:e[t]=Number(r)}}function Ze(t){return(e,r)=>{r==null?e[t]=null:e[t]=r}}function je(t){return(e,r)=>{r==null?e[t]=null:e[t]=String(r)}}function He(t){return(e,r)=>{r==null?e.removeAttribute(t):e.setAttribute(t,r)}}function te(t){return We.has(t)?N(t,ke):Fe.has(t)?N(t,qe):ze.has(t)?N(t,Ze):Ve.has(t)?N(t,je):N(t,He)}function re(t){return e=>We.has(t)?!!e[t]:Fe.has(t)?Number(e[t]):ze.has(t)?e[t]:Ve.has(t)?String(e[t]):e.getAttribute(t)}class b{constructor(e,r,n,s,i){l(this,"createElement",(e,r)=>r!==void 0?this.document.createElementNS(r,e):this.document.createElement(e));l(this,"createText",e=>this.document.createTextNode(e));l(this,"makeRef",()=>{const e=this.createText("");return this.appendOrInsert(e),this.withReference(e)});l(this,"appendOrInsert",e=>{this.reference===void 0?this.element.appendChild(e):this.element.insertBefore(e,this.reference)});l(this,"withDocument",e=>new b(e,this.element,this.reference,this.providers,!0));l(this,"withElement",e=>new b(this.document,e,void 0,this.providers,!1));l(this,"withFirstLevel",()=>new b(this.document,this.element,this.reference,this.providers,!0));l(this,"withReference",e=>new b(this.document,this.element,e,this.providers,this.isFirstLevel));l(this,"withProvider",(e,r)=>new b(this.document,this.element,this.reference,{...this.providers,[e]:r},this.isFirstLevel));l(this,"withProviders",e=>new b(this.document,this.element,this.reference,{...this.providers,...e},this.isFirstLevel));l(this,"getProvider",e=>{if(this.providers[e]===void 0)throw new Error(`Provider not found: ${e.description}`);return this.providers[e]});this.document=e,this.element=r,this.reference=n,this.providers=s,this.isFirstLevel=i}static of(e,r){return new b(e.ownerDocument,e,r,{},!0)}}function S(t){const e=t;e&&e.onblur&&(e.onblur=null),!(!t||t.ownerDocument===void 0)&&t.parentElement&&t.parentElement.removeChild(t)}function Ue(t){return ne(t)?t:t.parentElement}function ne(t){return t.nodeType===1}function Dt(t,e,r){let n=t.target;for(;n!=null&&!(n instanceof HTMLAnchorElement);)n=n.parentElement;if(n==null)return!0;const s=n;if(t.button!==0||t.ctrlKey||t.metaKey||s.target!=="_self"&&s.target!==""||s.getAttribute("download")!=null)return!0;if(r){const{pathname:i,search:o,hash:u}=s,a=i+o+u;if(s.getAttribute("href")!==a||e&&!/\/[^/.]*$/.test(i))return!0}return!1}const _t=(t,e={checkExtension:!0,checkExternalUrl:!0})=>r=>{const{checkExtension:n,checkExternalUrl:s}=e;Dt(r,n===!0,s===!0)||t()&&r.preventDefault()},I="data-tempo-attr",L="data-tempo-class",Xe="data-tempo-node",V="data-tempo-text";function Mt(t,e){const r=t.getAttribute(e);if(r!=null){const n=t.getAttribute(I)??"{}",s={...JSON.parse(n),name:r};t.setAttribute(I,JSON.stringify(s))}}function Ye(t,e){D.isSSR&&t.isFirstLevel&&Mt(t.element,e)}function Nt(t){t.querySelectorAll(`[${I}]`).forEach(e=>{const r=JSON.parse(e.getAttribute(I)??"{}");for(const[n,s]of Object.entries(r))e.setAttribute(n,s);e.removeAttribute(I)})}function $t(t){console.log("addClassTracker",L,t.className),t.setAttribute(L,t.className)}function Ke(t){D.isSSR&&t.isFirstLevel&&$t(t.element)}function It(t){t.querySelectorAll(`[${L}]`).forEach(e=>{const r=e.getAttribute(L);r!==null&&(e.className=r,e.removeAttribute(L))})}function Be(t){t.setAttribute(Xe,"")}function Lt(t){t.querySelectorAll(`[${Xe}]`).forEach(e=>{S(e)})}function Ot(t){t.setAttribute(V,t.textContent??"")}function Ge(t){D.isSSR&&t.isFirstLevel&&Ot(t.element)}function Rt(t){t.querySelectorAll(`[${V}]`).forEach(e=>{e.textContent=e.getAttribute(V),e.removeAttribute(V)})}const se=t=>e=>{Ge(e);const r=e.createText(t);return e.appendOrInsert(r),n=>{n&&S(r)}},ie=t=>e=>{Ge(e);const r=e.createText(t.value);e.appendOrInsert(r);const n=t.on(s=>r.data=s);return s=>{n(),s&&S(r)}};function xt(t){return d.is(t)?ie(t):se(t)}const g=(...t)=>e=>{const r=t.map(n=>f(n)(e));return n=>{r.forEach(s=>s(n))}},w=()=>()=>{},Wt=t=>e=>(Ke(e),e.element.classList.add(...t),r=>{r&&e.element.classList.remove(...t)}),Ft=t=>e=>{Ke(e);const r=e.element;let n=[];const s=t.on(i=>{n.forEach(o=>r.classList.remove(o)),n=(i??"").split(" ").filter(o=>o.length>0),r.classList.add(...n)});return i=>{s(),i&&n.forEach(o=>r.classList.remove(o)),n.length=0}},j=(t,e)=>{const r=te(t),n=re(t);return s=>{Ye(s,t);const i=n(s.element);return r(s.element,e),o=>{o&&r(s.element,i)}}},H=(t,e)=>{const r=te(t),n=re(t);return s=>{Ye(s,t);const i=n(s.element);return e.on(o=>r(s.element,o)),o=>{o&&r(s.element,i)}}},E=new Proxy({},{get:(t,e)=>e==="class"?r=>d.is(r)?Ft(r):Wt((r??"").split(" ").filter(n=>n.length>0)):r=>d.is(r)?H(e,r):j(e,r)}),zt=new Proxy({},{get:(t,e)=>r=>d.is(r)?H(`aria-${e}`,r):j(`aria-${e}`,r)}),Vt=new Proxy({},{get:(t,e)=>r=>d.is(r)?H(e,r):j(e,r)}),kt=new Proxy({},{get:(t,e)=>r=>d.is(r)?H(e,r):j(e,r)});function f(t){return t==null?w:Array.isArray(t)?g(...t.map(f)):typeof t=="string"?se(t):d.is(t)?ie(t):t}function oe(t,...e){return r=>{const n=r.createElement(t,void 0);r.isFirstLevel&&D.isSSR&&Be(n),r.appendOrInsert(n),r=r.withElement(n);const s=e.map(i=>f(i)(r));return i=>{s.forEach(o=>o(!1)),i&&S(n)}}}function ae(t,e,...r){return n=>{const s=n.createElement(t,e);n.isFirstLevel&&D.isSSR&&Be(s),n.appendOrInsert(s),n=n.withElement(s);const i=r.map(o=>f(o)(n));return o=>{i.forEach(u=>u(!1)),o&&S(s)}}}const qt=new Proxy({},{get:(t,e)=>(...r)=>oe(e,r.flatMap(f))}),Zt=new Proxy({},{get:(t,e)=>(...r)=>oe("input",E.type(e),...r)}),jt="http://www.w3.org/2000/svg",Ht=new Proxy({},{get:(t,e)=>(...r)=>ae(e,jt,r.flatMap(f))}),Ut="http://www.w3.org/1998/Math/MathML",Xt=new Proxy({},{get:(t,e)=>(...r)=>ae(e,Ut,r.flatMap(f))});let k=!1;function Je(t){Lt(t),It(t),Nt(t),Rt(t)}let G=0;const Yt=(t=30)=>(k=!0,new Promise((e,r)=>{let n;const s=setInterval(()=>{G<=0&&(clearInterval(s),clearTimeout(n),k=!1,e())},300);n=setTimeout(()=>{clearInterval(s),k=!1,r(new Error("SSR Timeout"))},t*1e3)})),D={useDone(t){return G++,f(t(()=>G--))},get isSSR(){return k}},Qe=(t,e)=>r=>{const n=Object.values(t).reduce((s,i)=>{const o=r.getProvider(i);if(o==null)throw new Error(`No provider found for mark: ${i.description}`);return s[i]=o,s},{});return f(e(n))(r)},Kt=(t,e)=>r=>{const n=[],s=Object.entries(t).reduce((i,[o,u])=>(n.push(u(a=>(Reflect.set(i,o,a),null))(r)),i),{});return n.push(e(s)(r)),i=>{n.forEach(o=>o(i))}},et=(t,e)=>Qe([t],r=>f(e(r[t]))),Bt=(t,e)=>Qe(t,r=>f(e(r))),_=t=>e=>r=>t(r,e);function tt(t){return Symbol(t)}const rt=(t,e)=>r=>f(e)(r.withProviders(t)),Gt=(...t)=>t.length>0?t.reduceRight((e,r)=>n=>e(r(n))):f,nt=(t,e,r)=>rt({[t]:e},f(r)),Jt=(t,e)=>rt(t,f(e)),J=tt("Appearance"),Qt={provide:t=>{const e=window.matchMedia!=null&&window.matchMedia("(prefers-color-scheme: dark)").matches,r=v(e?"dark":"light"),n=i=>{r.set(i.matches?"dark":"light")},s=window.matchMedia!=null?window.matchMedia("(prefers-color-scheme: dark)"):void 0;return s==null||s.addEventListener("change",n),g(nt(J,r,t),_(()=>s==null?void 0:s.removeEventListener("change",n)))},consume:t=>et(J,t)},le=(t,e)=>{if(typeof e=="function")return le(t,{then:e});const r=e.pending!=null?f(e.pending):w,n=e.then,s=e.error!=null?i=>f(e.error(i)):()=>w;return i=>{let o=!0;const u=t();i=i.makeRef();let a=f(r)(i);return u.then(c=>{o&&(a(!0),a=f(n(c))(i))},c=>{o&&(a(!0),a=f(s(c))(i))}),c=>{o=!1,a(c),c&&i.reference&&S(i.reference)}}},er=(t,e)=>le(()=>t,e),tr=(t=10)=>e=>{const r=setTimeout(()=>{var n;(n=e.element)==null||n.focus()},t);return n=>clearTimeout(r)},rr=(t=10)=>e=>{const r=setTimeout(()=>{var n;(n=e.element)==null||n.select()},t);return n=>{clearTimeout(r)}},st=(t,e)=>r=>(r.element.addEventListener(t,e),n=>{n&&r.element.removeEventListener(t,e)}),it=t=>st("click",e=>{e.preventDefault();const r=e.target;setTimeout(()=>{const n=r.ownerDocument!=null?r==null?void 0:r.checked:void 0;n!=null&&t(!n)},0)}),x=new Proxy({},{get:(t,e)=>r=>st(e,r)}),W={value:t=>e=>{const r=e.target;t(r.value)},valueAsNumber:t=>e=>{const r=e.target;t(r.valueAsNumber)},valueAsDate:t=>e=>{const r=e.target;if(r.value==="")return;const n=r.value.split("-"),s=new Date(Number(n[0]),Number(n[1])-1,Number(n[2].substring(0,2)));t(s)},valueAsDateTime:t=>e=>{const r=e.target;if(r.value==="")return;const n=r.value.split("T"),s=n[0].split("-"),i=new Date(Number(s[0]),Number(s[1])-1,Number(s[2])),o=n[1].split(":");i.setHours(Number(o[0])),i.setMinutes(Number(o[1])),i.setSeconds(Number(o[2])),t(i)},checked:t=>e=>{const r=e.target;t(r.checked)},preventDefault:t=>e=>{e.preventDefault(),t()},stopPropagation:t=>e=>{e.stopPropagation(),t()},stopImmediatePropagation:t=>e=>{e.stopImmediatePropagation(),t()}};function nr(t,e="input"){return g(E.valueAsDate(t),x[e](W.valueAsDate(t.set)))}function sr(t,e="input"){return g(E.valueAsDate(t),x[e](W.valueAsDateTime(t.set)))}function ir(t,e="input"){return g(E.valueAsNumber(t),x[e](W.valueAsNumber(t.set)))}function or(t,e="input"){return g(E.value(t),x[e](W.value(t.set)))}function ar(t){return g(E.checked(t),it(t.set))}const lr={date:nr,dateTime:sr,number:ir,text:or,checked:ar},z=(t,e)=>r=>{r=r.makeRef();let n,s;const i=t.map(a=>Object.keys(a)[0]);let o;const u=i.on(a=>{if(a!==o){s==null||s.dispose(),n==null||n(!0),s=t.map(p=>p[a]);const c=e[a](s);n=f(c)(r),o=a}});return a=>{u(),a&&r.reference!=null&&S(r.reference),n==null||n(!0)}},M={bool:(t,e)=>z(t.map(r=>r?{true:!0}:{false:!0}),e),field:(t,e,r)=>z(t.map(n=>({[n[e]]:n})),r),kind:(t,e)=>M.field(t,"kind",e),tuple:(t,e)=>{const r=t.map(([n,s])=>({[n]:s}));return z(r,e)},type:(t,e)=>M.field(t,"type",e),value:(t,e)=>z(t.map(r=>({[r]:!0})),e)},ur=(t,e)=>r=>{const n=(e==null?void 0:e.firstSeparator)??w,s=(e==null?void 0:e.lastSeparator)??w;return M.value(r.map(i=>i.isFirst?"first":i.isLast?"last":"other"),{first:()=>n,last:()=>s,other:()=>t})},cr=t=>e=>t(e)(e),fr=t=>e=>(e.appendOrInsert(t),r=>{r&&S(t)}),ot=(t,e,r)=>n=>{n=n.makeRef();let s=null,i=!1;const o=v(null),u=t.on(a=>{a==null?(s==null||s(!0),s=f((r==null?void 0:r())??w)(n),i=!1):(o.value=a,i||(s==null||s(!0),s=f(e(o))(n),i=!0))});return a=>{u(),s==null||s(a),a&&n.reference&&S(n.reference)}},ue=(t,e,r)=>r!=null?ue(t,n=>{const s=n.map(i=>i.isLast?"last":"other");return g(_(()=>s.dispose()),f(e(n)),M.value(s,{last:()=>w,other:()=>r(n)}))}):n=>{n=n.makeRef();const s=t.map(a=>Array.from({length:a},(c,p)=>p).map(c=>new Me(c,a))),i=[],o=[],u=s.on(a=>{var p,m;const c=a.length;for(;c<i.length;)(p=i.pop())==null||p(!0),(m=o.pop())==null||m.dispose();for(let h=0;h<c;h++)if(o[h]==null){o[h]=v(a[h]);const T=f(e(o[h]));i[h]=T(n)}else o[h].value=a[h]});return a=>{u(),a&&n.reference&&S(n.reference)}},at=(t,e,r)=>r!=null?at(t,(n,s)=>{const i=s.map(o=>o.isLast?"last":"other");return g([_(()=>i.dispose()),f(e(n,s)),M.value(i,{last:()=>w,other:()=>r(s)})])}):n=>{const s=t.map(i=>i.length);return ue(s,i=>{const o=Z(()=>t.value[i.value.index],[i,t]);return g(_(()=>o.dispose()),f(e(o,i)))})(n)},dr=t=>{const e=t.element,r=e.style.getPropertyValue(":empty");return e.style.setProperty(":empty","display:none"),n=>{n&&e.style.setProperty(":empty",r)}};function ce(t,e){const r=t(e);return()=>r(!0)}function hr(t,e,{doc:r,clear:n}={}){const s=typeof e=="string"?(r??document).querySelector(e):e;if(s===null)throw new Error(`Cannot find element by selector for render: ${e}`);n&&(r??s.ownerDocument)!=null&&Je(r??s.ownerDocument);const i=Ue(s),o=ne(s)?void 0:s,u=b.of(i,o);return ce(t,u)}const lt=(t,e)=>r=>{const n=r.document.querySelector(t);if(n===null)throw new Error(`Cannot find element by selector for portal: ${t}`);return ce(f(e),r.withElement(n).withFirstLevel())},pr=t=>lt("head title",E.innerText(t)),ut=t=>e=>t(e.element)??(()=>{}),U=(t,e,r)=>ot(t.map(n=>n?!0:null),()=>e,r!=null?()=>r:void 0),mr=(t,e,r)=>U(t.map(n=>!n),e,r),gr={partial:{root:null,rootMargin:"0px",threshold:0},full:{root:null,rootMargin:"0px",threshold:1}},q={partial:new Map,full:new Map},O={partial:null,full:null};function wr(t){return O[t]==null&&(O[t]=new IntersectionObserver(e=>{e.forEach(r=>{const n=q[t].get(r.target);n==null||n.set(r.isIntersecting)})},gr[t])),O[t]}function ct(t,e){const r=v(D.isSSR);return g(ut(n=>{const s=typeof IntersectionObserver<"u"?wr(t):null;return q[t].set(n,r),s==null||s.observe(n),()=>{var i;s==null||s.unobserve(n),q[t].delete(n),q[t].size===0&&((i=O[t])==null||i.disconnect(),O[t]=null)}}),_(r.dispose),f(e(r)))}const Sr=(t,e,r)=>ct(t,n=>U(n,e,r??w)),br=(t,e)=>r=>{r=r.makeRef();const n=t.map(o=>f(e(o)));let s=()=>{};const i=n.on(o=>{s(!0),s=o(r)});return o=>{i(),s(o)}};function vr(t,e,r=w){return U(t.map(n=>n.length>0),e,r)}const yr=t=>e=>{const r=e.element,n=v({width:r.clientWidth,height:r.clientHeight}),s=f(t(n))(e),i=()=>{n.set({width:r.clientWidth,height:r.clientHeight})};let o;return typeof ResizeObserver=="function"&&(o=new ResizeObserver(i),o.observe(r)),u=>{o==null||o.disconnect(),s(u)}},Ar=t=>e=>{const r=v({width:(window==null?void 0:window.innerWidth)??0,height:(window==null?void 0:window.innerHeight)??0}),n=f(t(r))(e),s=()=>{r.set({width:(window==null?void 0:window.innerWidth)??0,height:(window==null?void 0:window.innerHeight)??0})};return window==null||window.addEventListener("resize",s),i=>{window==null||window.removeEventListener("resize",s),n(i)}},Pr={element:yr,window:Ar},Er=(t,e)=>r=>{const n=r.element,s=n.style.getPropertyValue(t);return n.style.setProperty(t,e),i=>{i&&n.style.setProperty(t,s)}},Tr=(t,e)=>r=>{const n=r.element,s=n.style.getPropertyValue(t);return e.on(i=>n.style.setProperty(t,i)),i=>{i&&n.style.setProperty(t,s)}},Cr=new Proxy({},{get:(t,e)=>r=>d.is(r)?Tr(e,r):Er(e,r)});exports.Async=er;exports.AutoFocus=tr;exports.AutoSelect=rr;exports.Computed=C;exports.Conjunction=ur;exports.Ctx=cr;exports.DOMContext=b;exports.DOMEl=fr;exports.El=oe;exports.ElNS=ae;exports.Empty=w;exports.Ensure=ot;exports.ForEach=at;exports.Fragment=g;exports.HTMLTitle=pr;exports.HiddenWhenEmpty=dr;exports.InViewport=ct;exports.MapSignal=br;exports.MemoryStore=Q;exports.NotEmpty=vr;exports.OnChecked=it;exports.OnDispose=_;exports.OnMount=ut;exports.Portal=lt;exports.Position=Me;exports.Prop=R;exports.Provide=Gt;exports.Repeat=ue;exports.Signal=d;exports.Task=le;exports.Text=xt;exports.Unless=mr;exports.Use=Kt;exports.UseProvider=et;exports.UseProviders=Bt;exports.When=U;exports.WhenInViewport=Sr;exports.WithProvider=nt;exports.WithProviders=Jt;exports.animate=Ne;exports.animateOne=bt;exports.appearance=Qt;exports.appearanceMarker=J;exports.applyAnimatable=Ct;exports.applyAnimatableProp=$;exports.applyInterpolatedAnimatable=Tt;exports.applyInterpolatedAnimatableProp=xe;exports.aria=zt;exports.attr=E;exports.bind=lr;exports.childToMountable=f;exports.clearSSR=Je;exports.colorChannelsToString=$e;exports.computed=Z;exports.computedRecord=vt;exports.dateInterpolate=Ce;exports.effect=mt;exports.emit=W;exports.endInterpolate=De;exports.getComputedAnimatable=Pt;exports.getComputedAnimatableProp=Le;exports.getSelfOrParentElement=Ue;exports.guessInterpolate=_e;exports.handleAnchorClick=_t;exports.html=qt;exports.input=Zt;exports.interpolateColor=Ie;exports.interpolateShadow=At;exports.isElement=ne;exports.makeGetter=re;exports.makeProviderMark=tt;exports.makeSetter=te;exports.math=Xt;exports.mathAttr=kt;exports.numberInterpolate=Ee;exports.on=x;exports.oneof=M;exports.parseColorChannels=B;exports.prop=v;exports.propOfLocalStorage=wt;exports.propOfSessionStorage=St;exports.propOfStorage=ee;exports.removeDOMNode=S;exports.render=hr;exports.renderWithContext=ce;exports.setAttribute=He;exports.setBooleanProperty=ke;exports.setDateProperty=Ze;exports.setNumberProperty=qe;exports.setStringProperty=je;exports.signal=gt;exports.signalText=ie;exports.size=Pr;exports.ssr=D;exports.startSSR=Yt;exports.staticText=se;exports.stringInterpolate=Te;exports.style=Cr;exports.svg=Ht;exports.svgAttr=Vt;
+"use strict";var dt=Object.defineProperty;var ht=(t,e,r)=>e in t?dt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var l=(t,e,r)=>ht(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function Ee(t,e,r){return t+(e-t)*r}const he=97;function Te(t,e,r){const n=Math.max(t.length,e.length);let s="";for(let i=0;i<n;i++){let o=t.charCodeAt(i);isNaN(o)&&(o=he);let u=e.charCodeAt(i);isNaN(u)&&(u=he),s+=String.fromCharCode(o+(u-o)*r)}return s}function Ce(t,e,r){return new Date(t.getTime()+(e.getTime()-t.getTime())*r)}function De(t,e,r){return e}function _e(t){return typeof t=="number"?Ee:typeof t=="string"?Te:t instanceof Date?Ce:De}class Me{constructor(e,r){this.index=e,this.total=r}get isFirst(){return this.index===0}get isLast(){return this.index===this.total-1}get isEven(){return this.index%2===0}get isOdd(){return this.index%2===1}}const pe=Symbol("isSignal"),me=Symbol("isProp"),ge=Symbol("isComputed");var be;be=pe;const E=class E{constructor(e,r){l(this,be,!0);l(this,"_value");l(this,"_derivatives",[]);l(this,"_onValueListeners",[]);l(this,"_onDisposeListeners",[]);l(this,"get",()=>this._value);l(this,"hasListeners",()=>this._onValueListeners.length>0);l(this,"on",e=>(e(this.get()),this._onValueListeners.push(e),()=>{this._onValueListeners.splice(this._onValueListeners.indexOf(e),1)}));l(this,"_setAndNotify",(e,r)=>{const n=this.equals(this._value,e);n||(this._value=e),(r||!n)&&this._onValueListeners.forEach(s=>s(e))});l(this,"_disposed",!1);l(this,"isDisposed",()=>this._disposed);l(this,"onDispose",e=>{this._onDisposeListeners.push(e)});l(this,"dispose",()=>{this._disposed||(this._disposed=!0,this._onDisposeListeners.forEach(e=>e()),this._onDisposeListeners.length=0,this._derivatives.length=0)});l(this,"map",(e,r=(n,s)=>n===s)=>{const n=new D(()=>{try{return e(this.get())}catch(s){throw console.error("Error in Signal.map:",s),s}},r);return this.setDerivative(n),n});l(this,"flatMap",(e,r=(n,s)=>n===s)=>{const n=new D(()=>{try{return e(this.get()).get()}catch(s){throw console.error("Error in Signal.flatMap:",s),s}},r);return this.setDerivative(n),n});l(this,"tap",e=>this.map(r=>(e(r),r)));l(this,"at",e=>this.map(r=>r[e]));l(this,"filter",(e,r)=>{let n=r??this.get();const s=new D(()=>{try{const i=this.get();return n=e(i)?i:n}catch(i){throw console.error("Error in Signal.filter:",i),i}},this.equals);return this.setDerivative(s),s});l(this,"filterMap",(e,r,n=(s,i)=>s===i)=>{let s=r;const i=new D(()=>{try{const o=this.get(),u=e(o);return s=u??s}catch(o){throw console.error("Error in Signal.filterMap:",o),o}},n);return this.setDerivative(i),i});l(this,"mapAsync",(e,r,n,s=(i,o)=>i===o)=>{const i=v(r,s);let o=0;return i.onDispose(this.on(u=>{const a=++o;try{e(u).then(c=>{a===o&&i.set(c)}).catch(c=>{a===o&&(n!=null?i.set(n(c)):console.error("Unhandled promise rejection in Signal.mapAsync:",c))})}catch(c){throw console.error("Error in Signal.mapAsync:",c),c}})),i});l(this,"mapMaybe",(e,r)=>this.map(n=>e(n)??r));l(this,"feedProp",(e,r=!1)=>{const n=this.on(e.set);return e.onDispose(n),r?this.onDispose(e.dispose):this.onDispose(n),e});l(this,"deriveProp",(e=!0)=>this.feedProp(v(this.get()),e));l(this,"count",()=>{let e=0;return this.map(()=>++e)});l(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}static ofPromise(e,r,n,s=(i,o)=>i===o){const i=new E(r,s);return e.then(o=>i._setAndNotify(o,!1)).catch(o=>{n!=null?i._setAndNotify(n(o),!1):console.error("Unhandled promise rejection in Signal.ofPromise:",o)}),i}static is(e){return e!=null&&e[pe]===!0}static wrap(e,r=(n,s)=>n===s){return E.is(e)?e:new E(e,r)}static maybeWrap(e){return e==null?e:E.wrap(e)}static unwrap(e){return E.is(e)?e.get():e}static map(e,r){return E.is(e)?e.map(r):r(e)}get value(){return this._value}};let d=E;const pt=typeof queueMicrotask=="function"?queueMicrotask:t=>Promise.resolve().then(t);var ve,ye;class D extends(ye=d,ve=ge,ye){constructor(r,n){super(void 0,n);l(this,ve,!0);l(this,"_isDirty",!1);l(this,"setDirty",()=>{this._isDirty||this._disposed||(this._isDirty=!0,this._derivatives.forEach(r=>r.setDirty()),this.scheduleNotify())});l(this,"_scheduleCount",0);l(this,"scheduleNotify",()=>{const r=++this._scheduleCount;pt(()=>{this._scheduleCount!==r||this._disposed!==!1||this._isDirty&&(this._isDirty=!1,this._setAndNotify(this._fn(),!1))})});l(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[ge]===!0}get value(){return this.get()}}var Ae,Pe;class O extends(Pe=d,Ae=me,Pe){constructor(){super(...arguments);l(this,Ae,!0);l(this,"set",r=>{this._setAndNotify(r,!1)});l(this,"update",r=>{this._setAndNotify(r(this.get()),!1)});l(this,"reducer",r=>n=>this.update(s=>r(s,n)));l(this,"iso",(r,n,s=(i,o)=>i===o)=>{const i=new O(r(this.get()),s);return i.onDispose(this.on(o=>i.set(r(o)))),i.on(o=>this._setAndNotify(n(o),!1)),i});l(this,"atProp",r=>this.iso(n=>n[r],n=>({...this.value,[r]:n})))}static is(r){return r!=null&&r[me]===!0}get value(){return this.get()}set value(r){this._setAndNotify(r,!1)}}function Z(t,e,r=(n,s)=>n===s){const n=new D(t,r);return e.forEach(s=>s.setDerivative(n)),n}function mt(t,e){return Z(t,e).dispose}function v(t,e=(r,n)=>r===n){return new O(t,e)}function gt(t,e=(r,n)=>r===n){return new d(t,e)}class Q{constructor(){l(this,"_store",new Map);l(this,"getItem",e=>this._store.get(e)??null);l(this,"setItem",(e,r)=>{this._store.set(e,r)})}}function ee({key:t,defaultValue:e,store:r,serialize:n=JSON.stringify,deserialize:s=JSON.parse,equals:i=(u,a)=>u===a,onLoad:o=u=>u}){const u=r.getItem(t),a=new O(u!=null?o(s(u)):typeof e=="function"?e():e,i);return a.on(c=>{r.setItem(t,n(c))}),a}function St(t){return ee({...t,store:(window==null?void 0:window.localStorage)??new Q})}function wt(t){return ee({...t,store:(window==null?void 0:window.sessionStorage)??new Q})}function Se(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):setTimeout(t,0)}function Ne(t,e,r,n){const s=(n==null?void 0:n.duration)??300,i=(n==null?void 0:n.easing)??(A=>A),o=(n==null?void 0:n.equals)??((A,W)=>A===W);let u=n==null?void 0:n.interpolate,a=t,c=e(),p=performance.now(),m=null,h=!0;const C=new D(e,o),P=v(t,o);P.onDispose(()=>{m!==null&&cancelAnimationFrame(m)}),P.onDispose(C.dispose),r.forEach(A=>{A.setDerivative(C),A.onDispose(P.dispose)});const X=A=>{c=A,p=performance.now(),a=P.value,h&&(h=!1,m=Se(fe))},fe=()=>{const W=(performance.now()-p)/d.unwrap(s),ft=i(W);u==null&&(u=_e(a));let de=u(a,c,ft);W>=1?(h=!0,de=c):m=Se(fe),P.set(de)};return C.on(X),P}function bt(t,e){const{initialValue:r,...n}=e??{};return Ne(r??t.get(),t.get,[t],n)}function vt(t,e){const{signals:r,literals:n}=Object.entries(t).reduce(({signals:i,literals:o},[u,a])=>(d.is(a)?i.push([u,a]):o[u]=a,{signals:i,literals:o}),{signals:[],literals:{}}),s=r.map(([,i])=>i);return Z(()=>(r.forEach(([i,o])=>n[i]=o.value),e(n)),s)}function B(t){let e=t.match(/rgba?\((\d+), (\d+), (\d+)(, (\d+))?\)/);return e!=null?[Number(e[1]),Number(e[2]),Number(e[3]),e[4]!=null?Number(e[5]):1,"rgba"]:(e=t.match(/#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})/),e!=null?[parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16),1,"hex"]:(e=t.match(/hsla?\((\d+), (\d+)%?, (\d+)%?(, (\d+))?\)/),e!=null?[Number(e[1]),Number(e[2]),Number(e[3]),e[4]!=null?Number(e[5]):1,"hsla"]:[0,0,0,1,"rgba"]))}function we(t){const e=/^(inset\s)?(-?\d+)([a-zA-Z]*)(\s+)(-?\d+)([a-zA-Z]*)(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+(-?\d+)([a-zA-Z]*))?(?:\s+)([a-zA-Z0-9(),.]+)$/i,r=t.match(e);if(r==null)return{inset:!1,x:0,y:0,blur:0,spread:0,color:"rgba(0, 0, 0, 0)"};const[,n,s,,,i,,o,,u,,a]=r,c=o!=null?parseInt(o,10):0,p=u!=null?parseInt(u,10):0;return{inset:!!n,x:parseInt(s,10),y:parseInt(i,10),blur:c,spread:p,color:a}}function yt(t){const{inset:e,x:r,y:n,blur:s,spread:i,color:o}=t;return`${e?"inset ":""}${r}px ${n}px ${s}px ${i}px ${o}`}function Le(t){return t[4]==="rgba"?`rgba(${t[0]}, ${t[1]}, ${t[2]}, ${t[3]})`:t[4]==="hex"?`#${t[0].toString(16).padStart(2,"0")}${t[1].toString(16).padStart(2,"0")}${t[2].toString(16).padStart(2,"0")}`:t[4]==="hsla"?`hsla(${t[0]}, ${t[1]}%, ${t[2]}%, ${t[3]})`:""}function $e(t,e){const[r,n,s,i,o]=B(t),[u,a,c,p]=B(e);return m=>{const h=r+(u-r)*m,C=n+(a-n)*m,P=s+(c-s)*m,X=i+(p-i)*m;return Le([h,C,P,X,o])}}function At(t,e){const r=we(t),n=we(e);return s=>{const i=r.x+(n.x-r.x)*s,o=r.y+(n.y-r.y)*s,u=r.blur+(n.blur-r.blur)*s,a=r.spread+(n.spread-r.spread)*s,c=Re(r.color,n.color)(s);return yt({inset:r.inset,x:i,y:o,blur:u,spread:a,color:c})}}function Ie(t,e){var r,n,s,i,o,u,a,c;return e==="translateX"?new WebKitCSSMatrix(t.transform).m41:e==="translateY"?new WebKitCSSMatrix(t.transform).m42:e==="translateZ"?new WebKitCSSMatrix(t.transform).m43:e==="rotateX"?new WebKitCSSMatrix(t.transform).m12:e==="rotateY"?new WebKitCSSMatrix(t.transform).m21:e==="rotateZ"?new WebKitCSSMatrix(t.transform).m31:e==="scaleX"?new WebKitCSSMatrix(t.transform).m11:e==="scaleY"?new WebKitCSSMatrix(t.transform).m22:e==="scaleZ"?new WebKitCSSMatrix(t.transform).m33:e==="skewX"?new WebKitCSSMatrix(t.transform).m13:e==="skewY"?new WebKitCSSMatrix(t.transform).m23:Number(e==="grayScale"?(r=t.filter.match(/grayscale\((\d+)%\)/))==null?void 0:r[1]:e==="sepia"?(n=t.filter.match(/sepia\((\d+)%\)/))==null?void 0:n[1]:e==="saturate"?(s=t.filter.match(/saturate\((\d+)%\)/))==null?void 0:s[1]:e==="hueRotate"?(i=t.filter.match(/hue-rotate\((\d+)deg\)/))==null?void 0:i[1]:e==="invert"?(o=t.filter.match(/invert\((\d+)%\)/))==null?void 0:o[1]:e==="brightness"?(u=t.filter.match(/brightness\((\d+)%\)/))==null?void 0:u[1]:e==="contrast"?(a=t.filter.match(/contrast\((\d+)%\)/))==null?void 0:a[1]:e==="blur"?(c=t.filter.match(/blur\((\d+)px\)/))==null?void 0:c[1]:t.getPropertyValue(e))}function Pt(t,e){const r={},n=getComputedStyle(t);for(const[s,i]of Object.entries(e)){const o=s;i!=null&&(r[o]=Ie(n,o))}return r}function L(t,e,r){r!=null&&(e==="translateX"?t.style.transform+=` translateX(${r}px)`:e==="translateY"?t.style.transform+=` translateY(${r}px)`:e==="translateZ"?t.style.transform+=` translateZ(${r}px)`:e==="rotateX"?t.style.transform+=` rotateX(${r}deg)`:e==="rotateY"?t.style.transform+=` rotateY(${r}deg)`:e==="rotateZ"?t.style.transform+=` rotateZ(${r}deg)`:e==="scaleX"?t.style.transform+=` scaleX(${r})`:e==="scaleY"?t.style.transform+=` scaleY(${r})`:e==="scaleZ"?t.style.transform+=` scaleZ(${r})`:e==="skewX"?t.style.transform+=` skewX(${r}deg)`:e==="skewY"?t.style.transform+=` skewY(${r}deg)`:e==="grayScale"?t.style.filter+=` grayscale(${r}%)`:e==="sepia"?t.style.filter+=` sepia(${r}%)`:e==="saturate"?t.style.filter+=` saturate(${r}%)`:e==="hueRotate"?t.style.filter+=` hue-rotate(${r}deg)`:e==="invert"?t.style.filter+=` invert(${r}%)`:e==="brightness"?t.style.filter+=` brightness(${r}%)`:e==="contrast"?t.style.filter+=` contrast(${r}%)`:e==="blur"&&(t.style.filter+=` blur(${r}px)`),t.style.setProperty(e,String(r)))}const Y=new Map;function Oe(t,e,r){if(Y.has(r+":"+t+e))return Y.get(t+e);const n=$e(t,e);return Y.set(r+":"+t+e,n),n}function Re(t,e){return Oe(t,e,"c")}function Et(t,e){return Oe(t,e,"s")}function xe(t,e,r,n,s){if(r!=null&&n!=null){if(typeof r=="number"&&typeof n=="number"){const i=r+(n-r)*s;L(t,e,i)}else if(e==="boxShadow"||e==="textShadow"){const i=Et(r,n)(s);L(t,e,i)}else if(e==="color"||e==="backgroundColor"||e==="borderColor"||e==="outlineColor"){const i=Re(r,n)(s);L(t,e,i)}}}function Tt(t,e,r,n){t.style.transform="",t.style.filter="";for(const[s,i]of Object.entries(r)){const o=s;xe(t,o,e[o],i,n)}}function Ct(t,e){t.style.transform="",t.style.filter="";for(const[r,n]of Object.entries(e))n!=null&&L(t,r,n)}const We=new Set(["checked","disabled","hidden","selected"]),Fe=new Set(["rowSpan","colSpan","tabIndex","valueAsNumber"]),ke=new Set(["valueAsDate"]),ze=new Set(["value","textContent","innerText","innerHTML","outerHTML","className","classList"]),K=new Map;function N(t,e){if(K.has(t))return K.get(t);{const r=e(t);return K.set(t,r),r}}function Ve(t){return(e,r)=>{r==null?e[t]=null:e[t]=!!r}}function qe(t){return(e,r)=>{r==null?e[t]=null:e[t]=Number(r)}}function Ze(t){return(e,r)=>{r==null?e[t]=null:e[t]=r}}function je(t){return(e,r)=>{r==null?e[t]=null:e[t]=String(r)}}function He(t){return(e,r)=>{r==null?e.removeAttribute(t):e.setAttribute(t,r)}}function te(t){return We.has(t)?N(t,Ve):Fe.has(t)?N(t,qe):ke.has(t)?N(t,Ze):ze.has(t)?N(t,je):N(t,He)}function re(t){return e=>We.has(t)?!!e[t]:Fe.has(t)?Number(e[t]):ke.has(t)?e[t]:ze.has(t)?String(e[t]):e.getAttribute(t)}class b{constructor(e,r,n,s,i){l(this,"createElement",(e,r)=>r!==void 0?this.document.createElementNS(r,e):this.document.createElement(e));l(this,"createText",e=>this.document.createTextNode(e));l(this,"makeRef",()=>{const e=this.createText("");return this.appendOrInsert(e),this.withReference(e)});l(this,"appendOrInsert",e=>{this.reference===void 0?this.element.appendChild(e):this.element.insertBefore(e,this.reference)});l(this,"withDocument",e=>new b(e,this.element,this.reference,this.providers,!0));l(this,"withElement",e=>new b(this.document,e,void 0,this.providers,!1));l(this,"withFirstLevel",()=>new b(this.document,this.element,this.reference,this.providers,!0));l(this,"withReference",e=>new b(this.document,this.element,e,this.providers,this.isFirstLevel));l(this,"withProvider",(e,r)=>new b(this.document,this.element,this.reference,{...this.providers,[e]:r},this.isFirstLevel));l(this,"withProviders",e=>new b(this.document,this.element,this.reference,{...this.providers,...e},this.isFirstLevel));l(this,"getProvider",e=>{if(this.providers[e]===void 0)throw new Error(`Provider not found: ${e.description}`);return this.providers[e]});this.document=e,this.element=r,this.reference=n,this.providers=s,this.isFirstLevel=i}static of(e,r){return new b(e.ownerDocument,e,r,{},!0)}}function w(t){const e=t;e&&e.onblur&&(e.onblur=null),!(!t||t.ownerDocument===void 0)&&t.parentElement&&t.parentElement.removeChild(t)}function Ue(t){return ne(t)?t:t.parentElement}function ne(t){return t.nodeType===1}function Dt(t,e,r){let n=t.target;for(;n!=null&&!(n instanceof HTMLAnchorElement);)n=n.parentElement;if(n==null)return!0;const s=n;if(t.button!==0||t.ctrlKey||t.metaKey||s.target!=="_self"&&s.target!==""||s.getAttribute("download")!=null)return!0;if(r){const{pathname:i,search:o,hash:u}=s,a=i+o+u;if(s.getAttribute("href")!==a||e&&!/\/[^/.]*$/.test(i))return!0}return!1}const _t=(t,e={checkExtension:!0,checkExternalUrl:!0})=>r=>{const{checkExtension:n,checkExternalUrl:s}=e;Dt(r,n===!0,s===!0)||t()&&r.preventDefault()},$="data-tempo-attr",k="data-tempo-class",Xe="data-tempo-node",z="data-tempo-text";function Mt(t,e){const r=t.getAttribute(e);if(r!=null){const n=t.getAttribute($)??"{}",s={...JSON.parse(n),name:r};t.setAttribute($,JSON.stringify(s))}}function Ye(t,e){console.log("maybeAddAttributeTracker",e,y.isSSR,t.isFirstLevel),y.isSSR&&t.isFirstLevel&&Mt(t.element,e)}function Nt(t){t.querySelectorAll(`[${$}]`).forEach(e=>{const r=JSON.parse(e.getAttribute($)??"{}");for(const[n,s]of Object.entries(r))e.setAttribute(n,s);e.removeAttribute($)})}function Lt(t){t.setAttribute(k,t.className)}function Ke(t){console.log("maybeAddClassTracker",y.isSSR,t.isFirstLevel),y.isSSR&&t.isFirstLevel&&Lt(t.element)}function $t(t){t.querySelectorAll(`[${k}]`).forEach(e=>{const r=e.getAttribute(k);r!==null&&(e.className=r,e.removeAttribute(k))})}function Be(t){t.setAttribute(Xe,"")}function It(t){t.querySelectorAll(`[${Xe}]`).forEach(e=>{w(e)})}function Ot(t){t.setAttribute(z,t.textContent??"")}function Ge(t){console.log("maybeAddTextTracker",y.isSSR,t.isFirstLevel),y.isSSR&&t.isFirstLevel&&Ot(t.element)}function Rt(t){t.querySelectorAll(`[${z}]`).forEach(e=>{e.textContent=e.getAttribute(z),e.removeAttribute(z)})}const se=t=>e=>{Ge(e);const r=e.createText(t);return e.appendOrInsert(r),n=>{n&&w(r)}},ie=t=>e=>{Ge(e);const r=e.createText(t.value);e.appendOrInsert(r);const n=t.on(s=>r.data=s);return s=>{n(),s&&w(r)}};function xt(t){return d.is(t)?ie(t):se(t)}const g=(...t)=>e=>{const r=t.map(n=>f(n)(e));return n=>{r.forEach(s=>s(n))}},S=()=>()=>{},Wt=t=>e=>(Ke(e),e.element.classList.add(...t),r=>{r&&e.element.classList.remove(...t)}),Ft=t=>e=>{Ke(e);const r=e.element;let n=[];const s=t.on(i=>{n.forEach(o=>r.classList.remove(o)),n=(i??"").split(" ").filter(o=>o.length>0),r.classList.add(...n)});return i=>{s(),i&&n.forEach(o=>r.classList.remove(o)),n.length=0}},j=(t,e)=>{const r=te(t),n=re(t);return s=>{Ye(s,t);const i=n(s.element);return r(s.element,e),o=>{o&&r(s.element,i)}}},H=(t,e)=>{const r=te(t),n=re(t);return s=>{Ye(s,t);const i=n(s.element);return e.on(o=>r(s.element,o)),o=>{o&&r(s.element,i)}}},T=new Proxy({},{get:(t,e)=>e==="class"?r=>d.is(r)?Ft(r):Wt((r??"").split(" ").filter(n=>n.length>0)):r=>d.is(r)?H(e,r):j(e,r)}),kt=new Proxy({},{get:(t,e)=>r=>d.is(r)?H(`aria-${e}`,r):j(`aria-${e}`,r)}),zt=new Proxy({},{get:(t,e)=>r=>d.is(r)?H(e,r):j(e,r)}),Vt=new Proxy({},{get:(t,e)=>r=>d.is(r)?H(e,r):j(e,r)});function f(t){return t==null?S:Array.isArray(t)?g(...t.map(f)):typeof t=="string"?se(t):d.is(t)?ie(t):t}function oe(t,...e){return r=>{const n=r.createElement(t,void 0);r.isFirstLevel&&y.isSSR&&Be(n),r.appendOrInsert(n),r=r.withElement(n);const s=e.map(i=>f(i)(r));return i=>{s.forEach(o=>o(!1)),i&&w(n)}}}function ae(t,e,...r){return n=>{const s=n.createElement(t,e);n.isFirstLevel&&y.isSSR&&Be(s),n.appendOrInsert(s),n=n.withElement(s);const i=r.map(o=>f(o)(n));return o=>{i.forEach(u=>u(!1)),o&&w(s)}}}const qt=new Proxy({},{get:(t,e)=>(...r)=>oe(e,r.flatMap(f))}),Zt=new Proxy({},{get:(t,e)=>(...r)=>oe("input",T.type(e),...r)}),jt="http://www.w3.org/2000/svg",Ht=new Proxy({},{get:(t,e)=>(...r)=>ae(e,jt,r.flatMap(f))}),Ut="http://www.w3.org/1998/Math/MathML",Xt=new Proxy({},{get:(t,e)=>(...r)=>ae(e,Ut,r.flatMap(f))});let V=!1;function Je(t){It(t),$t(t),Nt(t),Rt(t)}let G=0;const Yt=(t=30)=>(V=!0,new Promise((e,r)=>{let n;const s=setInterval(()=>{G<=0&&(clearInterval(s),clearTimeout(n),V=!1,e())},300);n=setTimeout(()=>{clearInterval(s),V=!1,r(new Error("SSR Timeout"))},t*1e3)})),y={useDone(t){return G++,f(t(()=>G--))},get isSSR(){return V}},Qe=(t,e)=>r=>{const n=Object.values(t).reduce((s,i)=>{const o=r.getProvider(i);if(o==null)throw new Error(`No provider found for mark: ${i.description}`);return s[i]=o,s},{});return f(e(n))(r)},Kt=(t,e)=>r=>{const n=[],s=Object.entries(t).reduce((i,[o,u])=>(n.push(u(a=>(Reflect.set(i,o,a),null))(r)),i),{});return n.push(e(s)(r)),i=>{n.forEach(o=>o(i))}},et=(t,e)=>Qe([t],r=>f(e(r[t]))),Bt=(t,e)=>Qe(t,r=>f(e(r))),_=t=>e=>r=>t(r,e);function tt(t){return Symbol(t)}const rt=(t,e)=>r=>f(e)(r.withProviders(t)),Gt=(...t)=>t.length>0?t.reduceRight((e,r)=>n=>e(r(n))):f,nt=(t,e,r)=>rt({[t]:e},f(r)),Jt=(t,e)=>rt(t,f(e)),J=tt("Appearance"),Qt={provide:t=>{const e=window.matchMedia!=null&&window.matchMedia("(prefers-color-scheme: dark)").matches,r=v(e?"dark":"light"),n=i=>{r.set(i.matches?"dark":"light")},s=window.matchMedia!=null?window.matchMedia("(prefers-color-scheme: dark)"):void 0;return s==null||s.addEventListener("change",n),g(nt(J,r,t),_(()=>s==null?void 0:s.removeEventListener("change",n)))},consume:t=>et(J,t)},le=(t,e)=>{if(typeof e=="function")return le(t,{then:e});const r=e.pending!=null?f(e.pending):S,n=e.then,s=e.error!=null?i=>f(e.error(i)):()=>S;return i=>{let o=!0;const u=t();i=i.makeRef();let a=f(r)(i);return u.then(c=>{o&&(a(!0),a=f(n(c))(i))},c=>{o&&(a(!0),a=f(s(c))(i))}),c=>{o=!1,a(c),c&&i.reference&&w(i.reference)}}},er=(t,e)=>le(()=>t,e),tr=(t=10)=>e=>{const r=setTimeout(()=>{var n;(n=e.element)==null||n.focus()},t);return n=>clearTimeout(r)},rr=(t=10)=>e=>{const r=setTimeout(()=>{var n;(n=e.element)==null||n.select()},t);return n=>{clearTimeout(r)}},st=(t,e)=>r=>(r.element.addEventListener(t,e),n=>{n&&r.element.removeEventListener(t,e)}),it=t=>st("click",e=>{e.preventDefault();const r=e.target;setTimeout(()=>{const n=r.ownerDocument!=null?r==null?void 0:r.checked:void 0;n!=null&&t(!n)},0)}),R=new Proxy({},{get:(t,e)=>r=>st(e,r)}),x={value:t=>e=>{const r=e.target;t(r.value)},valueAsNumber:t=>e=>{const r=e.target;t(r.valueAsNumber)},valueAsDate:t=>e=>{const r=e.target;if(r.value==="")return;const n=r.value.split("-"),s=new Date(Number(n[0]),Number(n[1])-1,Number(n[2].substring(0,2)));t(s)},valueAsDateTime:t=>e=>{const r=e.target;if(r.value==="")return;const n=r.value.split("T"),s=n[0].split("-"),i=new Date(Number(s[0]),Number(s[1])-1,Number(s[2])),o=n[1].split(":");i.setHours(Number(o[0])),i.setMinutes(Number(o[1])),i.setSeconds(Number(o[2])),t(i)},checked:t=>e=>{const r=e.target;t(r.checked)},preventDefault:t=>e=>{e.preventDefault(),t()},stopPropagation:t=>e=>{e.stopPropagation(),t()},stopImmediatePropagation:t=>e=>{e.stopImmediatePropagation(),t()}};function nr(t,e="input"){return g(T.valueAsDate(t),R[e](x.valueAsDate(t.set)))}function sr(t,e="input"){return g(T.valueAsDate(t),R[e](x.valueAsDateTime(t.set)))}function ir(t,e="input"){return g(T.valueAsNumber(t),R[e](x.valueAsNumber(t.set)))}function or(t,e="input"){return g(T.value(t),R[e](x.value(t.set)))}function ar(t){return g(T.checked(t),it(t.set))}const lr={date:nr,dateTime:sr,number:ir,text:or,checked:ar},F=(t,e)=>r=>{r=r.makeRef();let n,s;const i=t.map(a=>Object.keys(a)[0]);let o;const u=i.on(a=>{if(a!==o){s==null||s.dispose(),n==null||n(!0),s=t.map(p=>p[a]);const c=e[a](s);n=f(c)(r),o=a}});return a=>{u(),a&&r.reference!=null&&w(r.reference),n==null||n(!0)}},M={bool:(t,e)=>F(t.map(r=>r?{true:!0}:{false:!0}),e),field:(t,e,r)=>F(t.map(n=>({[n[e]]:n})),r),kind:(t,e)=>M.field(t,"kind",e),tuple:(t,e)=>{const r=t.map(([n,s])=>({[n]:s}));return F(r,e)},type:(t,e)=>M.field(t,"type",e),value:(t,e)=>F(t.map(r=>({[r]:!0})),e)},ur=(t,e)=>r=>{const n=(e==null?void 0:e.firstSeparator)??S,s=(e==null?void 0:e.lastSeparator)??S;return M.value(r.map(i=>i.isFirst?"first":i.isLast?"last":"other"),{first:()=>n,last:()=>s,other:()=>t})},cr=t=>e=>t(e)(e),fr=t=>e=>(e.appendOrInsert(t),r=>{r&&w(t)}),ot=(t,e,r)=>n=>{n=n.makeRef();let s=null,i=!1;const o=v(null),u=t.on(a=>{a==null?(s==null||s(!0),s=f((r==null?void 0:r())??S)(n),i=!1):(o.value=a,i||(s==null||s(!0),s=f(e(o))(n),i=!0))});return a=>{u(),s==null||s(a),a&&n.reference&&w(n.reference)}},ue=(t,e,r)=>r!=null?ue(t,n=>{const s=n.map(i=>i.isLast?"last":"other");return g(_(()=>s.dispose()),f(e(n)),M.value(s,{last:()=>S,other:()=>r(n)}))}):n=>{n=n.makeRef();const s=t.map(a=>Array.from({length:a},(c,p)=>p).map(c=>new Me(c,a))),i=[],o=[],u=s.on(a=>{var p,m;const c=a.length;for(;c<i.length;)(p=i.pop())==null||p(!0),(m=o.pop())==null||m.dispose();for(let h=0;h<c;h++)if(o[h]==null){o[h]=v(a[h]);const C=f(e(o[h]));i[h]=C(n)}else o[h].value=a[h]});return a=>{u(),a&&n.reference&&w(n.reference)}},at=(t,e,r)=>r!=null?at(t,(n,s)=>{const i=s.map(o=>o.isLast?"last":"other");return g([_(()=>i.dispose()),f(e(n,s)),M.value(i,{last:()=>S,other:()=>r(s)})])}):n=>{const s=t.map(i=>i.length);return ue(s,i=>{const o=Z(()=>t.value[i.value.index],[i,t]);return g(_(()=>o.dispose()),f(e(o,i)))})(n)},dr=t=>{const e=t.element,r=e.style.getPropertyValue(":empty");return e.style.setProperty(":empty","display:none"),n=>{n&&e.style.setProperty(":empty",r)}};function ce(t,e){const r=t(e);return()=>r(!0)}function hr(t,e,{doc:r,clear:n}={}){const s=typeof e=="string"?(r??document).querySelector(e):e;if(s===null)throw new Error(`Cannot find element by selector for render: ${e}`);n&&(r??s.ownerDocument)!=null&&Je(r??s.ownerDocument);const i=Ue(s),o=ne(s)?void 0:s,u=b.of(i,o);return ce(t,u)}const lt=(t,e)=>r=>{const n=r.document.querySelector(t);if(n===null)throw new Error(`Cannot find element by selector for portal: ${t}`);return ce(f(e),r.withElement(n).withFirstLevel())},pr=t=>lt("head title",T.innerText(t)),ut=t=>e=>t(e.element)??(()=>{}),U=(t,e,r)=>ot(t.map(n=>n?!0:null),()=>e,r!=null?()=>r:void 0),mr=(t,e,r)=>U(t.map(n=>!n),e,r),gr={partial:{root:null,rootMargin:"0px",threshold:0},full:{root:null,rootMargin:"0px",threshold:1}},q={partial:new Map,full:new Map},I={partial:null,full:null};function Sr(t){return I[t]==null&&(I[t]=new IntersectionObserver(e=>{e.forEach(r=>{const n=q[t].get(r.target);n==null||n.set(r.isIntersecting)})},gr[t])),I[t]}function ct(t,e){const r=v(y.isSSR);return g(ut(n=>{const s=typeof IntersectionObserver<"u"?Sr(t):null;return q[t].set(n,r),s==null||s.observe(n),()=>{var i;s==null||s.unobserve(n),q[t].delete(n),q[t].size===0&&((i=I[t])==null||i.disconnect(),I[t]=null)}}),_(r.dispose),f(e(r)))}const wr=(t,e,r)=>ct(t,n=>U(n,e,r??S)),br=(t,e)=>r=>{r=r.makeRef();const n=t.map(o=>f(e(o)));let s=()=>{};const i=n.on(o=>{s(!0),s=o(r)});return o=>{i(),s(o)}};function vr(t,e,r=S){return U(t.map(n=>n.length>0),e,r)}const yr=t=>e=>{const r=e.element,n=v({width:r.clientWidth,height:r.clientHeight}),s=f(t(n))(e),i=()=>{n.set({width:r.clientWidth,height:r.clientHeight})};let o;return typeof ResizeObserver=="function"&&(o=new ResizeObserver(i),o.observe(r)),u=>{o==null||o.disconnect(),s(u)}},Ar=t=>e=>{const r=v({width:(window==null?void 0:window.innerWidth)??0,height:(window==null?void 0:window.innerHeight)??0}),n=f(t(r))(e),s=()=>{r.set({width:(window==null?void 0:window.innerWidth)??0,height:(window==null?void 0:window.innerHeight)??0})};return window==null||window.addEventListener("resize",s),i=>{window==null||window.removeEventListener("resize",s),n(i)}},Pr={element:yr,window:Ar},Er=(t,e)=>r=>{const n=r.element,s=n.style.getPropertyValue(t);return n.style.setProperty(t,e),i=>{i&&n.style.setProperty(t,s)}},Tr=(t,e)=>r=>{const n=r.element,s=n.style.getPropertyValue(t);return e.on(i=>n.style.setProperty(t,i)),i=>{i&&n.style.setProperty(t,s)}},Cr=new Proxy({},{get:(t,e)=>r=>d.is(r)?Tr(e,r):Er(e,r)});exports.Async=er;exports.AutoFocus=tr;exports.AutoSelect=rr;exports.Computed=D;exports.Conjunction=ur;exports.Ctx=cr;exports.DOMContext=b;exports.DOMEl=fr;exports.El=oe;exports.ElNS=ae;exports.Empty=S;exports.Ensure=ot;exports.ForEach=at;exports.Fragment=g;exports.HTMLTitle=pr;exports.HiddenWhenEmpty=dr;exports.InViewport=ct;exports.MapSignal=br;exports.MemoryStore=Q;exports.NotEmpty=vr;exports.OnChecked=it;exports.OnDispose=_;exports.OnMount=ut;exports.Portal=lt;exports.Position=Me;exports.Prop=O;exports.Provide=Gt;exports.Repeat=ue;exports.Signal=d;exports.Task=le;exports.Text=xt;exports.Unless=mr;exports.Use=Kt;exports.UseProvider=et;exports.UseProviders=Bt;exports.When=U;exports.WhenInViewport=wr;exports.WithProvider=nt;exports.WithProviders=Jt;exports.animate=Ne;exports.animateOne=bt;exports.appearance=Qt;exports.appearanceMarker=J;exports.applyAnimatable=Ct;exports.applyAnimatableProp=L;exports.applyInterpolatedAnimatable=Tt;exports.applyInterpolatedAnimatableProp=xe;exports.aria=kt;exports.attr=T;exports.bind=lr;exports.childToMountable=f;exports.clearSSR=Je;exports.colorChannelsToString=Le;exports.computed=Z;exports.computedRecord=vt;exports.dateInterpolate=Ce;exports.effect=mt;exports.emit=x;exports.endInterpolate=De;exports.getComputedAnimatable=Pt;exports.getComputedAnimatableProp=Ie;exports.getSelfOrParentElement=Ue;exports.guessInterpolate=_e;exports.handleAnchorClick=_t;exports.html=qt;exports.input=Zt;exports.interpolateColor=$e;exports.interpolateShadow=At;exports.isElement=ne;exports.makeGetter=re;exports.makeProviderMark=tt;exports.makeSetter=te;exports.math=Xt;exports.mathAttr=Vt;exports.numberInterpolate=Ee;exports.on=R;exports.oneof=M;exports.parseColorChannels=B;exports.prop=v;exports.propOfLocalStorage=St;exports.propOfSessionStorage=wt;exports.propOfStorage=ee;exports.removeDOMNode=w;exports.render=hr;exports.renderWithContext=ce;exports.setAttribute=He;exports.setBooleanProperty=Ve;exports.setDateProperty=Ze;exports.setNumberProperty=qe;exports.setStringProperty=je;exports.signal=gt;exports.signalText=ie;exports.size=Pr;exports.ssr=y;exports.startSSR=Yt;exports.staticText=se;exports.stringInterpolate=Te;exports.style=Cr;exports.svg=Ht;exports.svgAttr=zt;

package/index.js

@@ -25,7 +25,7 @@ function Ye(t, e, r) {
 function je(t) {
   return typeof t == "number" ? qe : typeof t == "string" ? Ze : t instanceof Date ? Xe : Ye;
 }
-class He {
+class ke {
   constructor(e, r) {
     this.index = e, this.total = r;
   }
@@ -45,7 +45,7 @@ class He {
 const ee = Symbol("isSignal"), te = Symbol("isProp"), re = Symbol("isComputed");
 var ae;
 ae = ee;
-const E = class E {
+const _ = class _ {
   constructor(e, r) {
     u(this, ae, !0);
     u(this, "_value");
@@ -70,7 +70,7 @@ const E = class E {
       this._disposed || (this._disposed = !0, this._onDisposeListeners.forEach((e) => e()), this._onDisposeListeners.length = 0, this._derivatives.length = 0);
     });
     u(this, "map", (e, r = (n, s) => n === s) => {
-      const n = new T(() => {
+      const n = new D(() => {
         try {
           return e(this.get());
         } catch (s) {
@@ -80,7 +80,7 @@ const E = class E {
       return this.setDerivative(n), n;
     });
     u(this, "flatMap", (e, r = (n, s) => n === s) => {
-      const n = new T(() => {
+      const n = new D(() => {
         try {
           return e(this.get()).get();
         } catch (s) {
@@ -93,7 +93,7 @@ const E = class E {
     u(this, "at", (e) => this.map((r) => r[e]));
     u(this, "filter", (e, r) => {
       let n = r ?? this.get();
-      const s = new T(() => {
+      const s = new D(() => {
         try {
           const i = this.get();
           return n = e(i) ? i : n;
@@ -105,7 +105,7 @@ const E = class E {
     });
     u(this, "filterMap", (e, r, n = (s, i) => s === i) => {
       let s = r;
-      const i = new T(() => {
+      const i = new D(() => {
         try {
           const o = this.get(), l = e(o);
           return s = l ?? s;
@@ -157,7 +157,7 @@ const E = class E {
     this.equals = r, this._value = e;
   }
   static ofPromise(e, r, n, s = (i, o) => i === o) {
-    const i = new E(r, s);
+    const i = new _(r, s);
     return e.then((o) => i._setAndNotify(o, !1)).catch((o) => {
       n != null ? i._setAndNotify(n(o), !1) : console.error(
         "Unhandled promise rejection in Signal.ofPromise:",
@@ -169,25 +169,25 @@ const E = class E {
     return e != null && e[ee] === !0;
   }
   static wrap(e, r = (n, s) => n === s) {
-    return E.is(e) ? e : new E(e, r);
+    return _.is(e) ? e : new _(e, r);
   }
   static maybeWrap(e) {
-    return e == null ? e : E.wrap(e);
+    return e == null ? e : _.wrap(e);
   }
   static unwrap(e) {
-    return E.is(e) ? e.get() : e;
+    return _.is(e) ? e.get() : e;
   }
   static map(e, r) {
-    return E.is(e) ? e.map(r) : r(e);
+    return _.is(e) ? e.map(r) : r(e);
   }
   get value() {
     return this._value;
   }
 };
-let d = E;
-const Ke = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
+let h = _;
+const He = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
 var ue, le;
-class T extends (le = d, ue = re, le) {
+class D extends (le = h, ue = re, le) {
   constructor(r, n) {
     super(void 0, n);
     u(this, ue, !0);
@@ -198,7 +198,7 @@ class T extends (le = d, ue = re, le) {
     u(this, "_scheduleCount", 0);
     u(this, "scheduleNotify", () => {
       const r = ++this._scheduleCount;
-      Ke(() => {
+      He(() => {
         this._scheduleCount !== r || this._disposed !== !1 || this._isDirty && (this._isDirty = !1, this._setAndNotify(this._fn(), !1));
       });
     });
@@ -213,7 +213,7 @@ class T extends (le = d, ue = re, le) {
   }
 }
 var ce, fe;
-class V extends (fe = d, ce = te, fe) {
+class V extends (fe = h, ce = te, fe) {
   constructor() {
     super(...arguments);
     u(this, ce, !0);
@@ -244,7 +244,7 @@ class V extends (fe = d, ce = te, fe) {
   }
 }
 function U(t, e, r = (n, s) => n === s) {
-  const n = new T(t, r);
+  const n = new D(t, r);
   return e.forEach((s) => s.setDerivative(n)), n;
 }
 function qt(t, e) {
@@ -254,9 +254,9 @@ function A(t, e = (r, n) => r === n) {
   return new V(t, e);
 }
 function Zt(t, e = (r, n) => r === n) {
-  return new d(t, e);
+  return new h(t, e);
 }
-class he {
+class de {
   constructor() {
     u(this, "_store", /* @__PURE__ */ new Map());
     u(this, "getItem", (e) => this._store.get(e) ?? null);
@@ -265,7 +265,7 @@ class he {
     });
   }
 }
-function de({
+function he({
   key: t,
   defaultValue: e,
   store: r,
@@ -283,46 +283,46 @@ function de({
   }), a;
 }
 function Xt(t) {
-  return de({
+  return he({
     ...t,
-    store: (window == null ? void 0 : window.localStorage) ?? new he()
+    store: (window == null ? void 0 : window.localStorage) ?? new de()
   });
 }
 function Yt(t) {
-  return de({
+  return he({
     ...t,
-    store: (window == null ? void 0 : window.sessionStorage) ?? new he()
+    store: (window == null ? void 0 : window.sessionStorage) ?? new de()
   });
 }
 function ne(t) {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
 }
-function ke(t, e, r, n) {
-  const s = (n == null ? void 0 : n.duration) ?? 300, i = (n == null ? void 0 : n.easing) ?? ((S) => S), o = (n == null ? void 0 : n.equals) ?? ((S, O) => S === O);
-  let l = n == null ? void 0 : n.interpolate, a = t, c = e(), p = performance.now(), m = null, h = !0;
-  const _ = new T(e, o), y = A(t, o);
-  y.onDispose(() => {
+function Ke(t, e, r, n) {
+  const s = (n == null ? void 0 : n.duration) ?? 300, i = (n == null ? void 0 : n.easing) ?? ((b) => b), o = (n == null ? void 0 : n.equals) ?? ((b, I) => b === I);
+  let l = n == null ? void 0 : n.interpolate, a = t, c = e(), p = performance.now(), m = null, d = !0;
+  const T = new D(e, o), E = A(t, o);
+  E.onDispose(() => {
     m !== null && cancelAnimationFrame(m);
-  }), y.onDispose(_.dispose), r.forEach((S) => {
-    S.setDerivative(_), S.onDispose(y.dispose);
+  }), E.onDispose(T.dispose), r.forEach((b) => {
+    b.setDerivative(T), b.onDispose(E.dispose);
   });
-  const j = (S) => {
-    c = S, p = performance.now(), a = y.value, h && (h = !1, m = ne(J));
+  const j = (b) => {
+    c = b, p = performance.now(), a = E.value, d && (d = !1, m = ne(J));
   }, J = () => {
-    const O = (performance.now() - p) / d.unwrap(s), Fe = i(O);
+    const I = (performance.now() - p) / h.unwrap(s), We = i(I);
     l == null && (l = je(a));
-    let G = l(a, c, Fe);
-    O >= 1 ? (h = !0, G = c) : m = ne(J), y.set(G);
+    let G = l(a, c, We);
+    I >= 1 ? (d = !0, G = c) : m = ne(J), E.set(G);
   };
-  return _.on(j), y;
+  return T.on(j), E;
 }
 function jt(t, e) {
   const { initialValue: r, ...n } = e ?? {};
-  return ke(r ?? t.get(), t.get, [t], n);
+  return Ke(r ?? t.get(), t.get, [t], n);
 }
-function Ht(t, e) {
+function kt(t, e) {
   const { signals: r, literals: n } = Object.entries(t).reduce(
-    ({ signals: i, literals: o }, [l, a]) => (d.is(a) ? i.push([l, a]) : o[l] = a, { signals: i, literals: o }),
+    ({ signals: i, literals: o }, [l, a]) => (h.is(a) ? i.push([l, a]) : o[l] = a, { signals: i, literals: o }),
     { signals: [], literals: {} }
   ), s = r.map(([, i]) => i);
   return U(() => (r.forEach(([i, o]) => n[i] = o.value), e(n)), s);
@@ -380,11 +380,11 @@ function Be(t) {
 function Je(t, e) {
   const [r, n, s, i, o] = se(t), [l, a, c, p] = se(e);
   return (m) => {
-    const h = r + (l - r) * m, _ = n + (a - n) * m, y = s + (c - s) * m, j = i + (p - i) * m;
-    return Be([h, _, y, j, o]);
+    const d = r + (l - r) * m, T = n + (a - n) * m, E = s + (c - s) * m, j = i + (p - i) * m;
+    return Be([d, T, E, j, o]);
   };
 }
-function Kt(t, e) {
+function Ht(t, e) {
   const r = ie(t), n = ie(e);
   return (s) => {
     const i = r.x + (n.x - r.x) * s, o = r.y + (n.y - r.y) * s, l = r.blur + (n.blur - r.blur) * s, a = r.spread + (n.spread - r.spread) * s, c = me(r.color, n.color)(s);
@@ -395,7 +395,7 @@ function Ge(t, e) {
   var r, n, s, i, o, l, a, c;
   return e === "translateX" ? new WebKitCSSMatrix(t.transform).m41 : e === "translateY" ? new WebKitCSSMatrix(t.transform).m42 : e === "translateZ" ? new WebKitCSSMatrix(t.transform).m43 : e === "rotateX" ? new WebKitCSSMatrix(t.transform).m12 : e === "rotateY" ? new WebKitCSSMatrix(t.transform).m21 : e === "rotateZ" ? new WebKitCSSMatrix(t.transform).m31 : e === "scaleX" ? new WebKitCSSMatrix(t.transform).m11 : e === "scaleY" ? new WebKitCSSMatrix(t.transform).m22 : e === "scaleZ" ? new WebKitCSSMatrix(t.transform).m33 : e === "skewX" ? new WebKitCSSMatrix(t.transform).m13 : e === "skewY" ? new WebKitCSSMatrix(t.transform).m23 : Number(e === "grayScale" ? (r = t.filter.match(/grayscale\((\d+)%\)/)) == null ? void 0 : r[1] : e === "sepia" ? (n = t.filter.match(/sepia\((\d+)%\)/)) == null ? void 0 : n[1] : e === "saturate" ? (s = t.filter.match(/saturate\((\d+)%\)/)) == null ? void 0 : s[1] : e === "hueRotate" ? (i = t.filter.match(/hue-rotate\((\d+)deg\)/)) == null ? void 0 : i[1] : e === "invert" ? (o = t.filter.match(/invert\((\d+)%\)/)) == null ? void 0 : o[1] : e === "brightness" ? (l = t.filter.match(/brightness\((\d+)%\)/)) == null ? void 0 : l[1] : e === "contrast" ? (a = t.filter.match(/contrast\((\d+)%\)/)) == null ? void 0 : a[1] : e === "blur" ? (c = t.filter.match(/blur\((\d+)px\)/)) == null ? void 0 : c[1] : t.getPropertyValue(e));
 }
-function kt(t, e) {
+function Kt(t, e) {
   const r = {}, n = getComputedStyle(t);
   for (const [s, i] of Object.entries(e)) {
     const o = s;
@@ -403,15 +403,15 @@ function kt(t, e) {
   }
   return r;
 }
-function x(t, e, r) {
+function O(t, e, r) {
   r != null && (e === "translateX" ? t.style.transform += ` translateX(${r}px)` : e === "translateY" ? t.style.transform += ` translateY(${r}px)` : e === "translateZ" ? t.style.transform += ` translateZ(${r}px)` : e === "rotateX" ? t.style.transform += ` rotateX(${r}deg)` : e === "rotateY" ? t.style.transform += ` rotateY(${r}deg)` : e === "rotateZ" ? t.style.transform += ` rotateZ(${r}deg)` : e === "scaleX" ? t.style.transform += ` scaleX(${r})` : e === "scaleY" ? t.style.transform += ` scaleY(${r})` : e === "scaleZ" ? t.style.transform += ` scaleZ(${r})` : e === "skewX" ? t.style.transform += ` skewX(${r}deg)` : e === "skewY" ? t.style.transform += ` skewY(${r}deg)` : e === "grayScale" ? t.style.filter += ` grayscale(${r}%)` : e === "sepia" ? t.style.filter += ` sepia(${r}%)` : e === "saturate" ? t.style.filter += ` saturate(${r}%)` : e === "hueRotate" ? t.style.filter += ` hue-rotate(${r}deg)` : e === "invert" ? t.style.filter += ` invert(${r}%)` : e === "brightness" ? t.style.filter += ` brightness(${r}%)` : e === "contrast" ? t.style.filter += ` contrast(${r}%)` : e === "blur" && (t.style.filter += ` blur(${r}px)`), t.style.setProperty(e, String(r)));
 }
-const H = /* @__PURE__ */ new Map();
+const k = /* @__PURE__ */ new Map();
 function pe(t, e, r) {
-  if (H.has(r + ":" + t + e))
-    return H.get(t + e);
+  if (k.has(r + ":" + t + e))
+    return k.get(t + e);
   const n = Je(t, e);
-  return H.set(r + ":" + t + e, n), n;
+  return k.set(r + ":" + t + e, n), n;
 }
 function me(t, e) {
   return pe(t, e, "c");
@@ -423,19 +423,19 @@ function et(t, e, r, n, s) {
   if (r != null && n != null) {
     if (typeof r == "number" && typeof n == "number") {
       const i = r + (n - r) * s;
-      x(t, e, i);
+      O(t, e, i);
     } else if (e === "boxShadow" || e === "textShadow") {
       const i = Qe(
         r,
         n
       )(s);
-      x(t, e, i);
+      O(t, e, i);
     } else if (e === "color" || e === "backgroundColor" || e === "borderColor" || e === "outlineColor") {
       const i = me(
         r,
         n
       )(s);
-      x(t, e, i);
+      O(t, e, i);
     }
   }
 }
@@ -449,14 +449,14 @@ function Ut(t, e, r, n) {
 function Bt(t, e) {
   t.style.transform = "", t.style.filter = "";
   for (const [r, n] of Object.entries(e))
-    n != null && x(t, r, n);
+    n != null && O(t, r, n);
 }
 const ge = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), we = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), be = /* @__PURE__ */ new Set(["valueAsDate"]), Se = /* @__PURE__ */ new Set([
+]), Se = /* @__PURE__ */ new Set(["valueAsDate"]), be = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -464,13 +464,13 @@ const ge = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]
   "outerHTML",
   "className",
   "classList"
-]), K = /* @__PURE__ */ new Map();
+]), H = /* @__PURE__ */ new Map();
 function C(t, e) {
-  if (K.has(t))
-    return K.get(t);
+  if (H.has(t))
+    return H.get(t);
   {
     const r = e(t);
-    return K.set(t, r), r;
+    return H.set(t, r), r;
   }
 }
 function tt(t) {
@@ -499,10 +499,10 @@ function it(t) {
   };
 }
 function ve(t) {
-  return ge.has(t) ? C(t, tt) : we.has(t) ? C(t, rt) : be.has(t) ? C(t, nt) : Se.has(t) ? C(t, st) : C(t, it);
+  return ge.has(t) ? C(t, tt) : we.has(t) ? C(t, rt) : Se.has(t) ? C(t, nt) : be.has(t) ? C(t, st) : C(t, it);
 }
 function Ae(t) {
-  return (e) => ge.has(t) ? !!e[t] : we.has(t) ? Number(e[t]) : be.has(t) ? e[t] : Se.has(t) ? String(e[t]) : e.getAttribute(t);
+  return (e) => ge.has(t) ? !!e[t] : we.has(t) ? Number(e[t]) : Se.has(t) ? e[t] : be.has(t) ? String(e[t]) : e.getAttribute(t);
 }
 class v {
   /**
@@ -641,7 +641,7 @@ class v {
     return new v(e.ownerDocument, e, r, {}, !0);
   }
 }
-function b(t) {
+function S(t) {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
 }
@@ -676,7 +676,7 @@ const Jt = (t, e = {
     n === !0,
     s === !0
   ) || t() && r.preventDefault();
-}, M = "data-tempo-attr", N = "data-tempo-class", Ee = "data-tempo-node", W = "data-tempo-text";
+}, M = "data-tempo-attr", x = "data-tempo-class", Ee = "data-tempo-node", F = "data-tempo-text";
 function ut(t, e) {
   const r = t.getAttribute(e);
   if (r != null) {
@@ -685,7 +685,7 @@ function ut(t, e) {
   }
 }
 function _e(t, e) {
-  D.isSSR && t.isFirstLevel && ut(t.element, e);
+  console.log("maybeAddAttributeTracker", e, y.isSSR, t.isFirstLevel), y.isSSR && t.isFirstLevel && ut(t.element, e);
 }
 function lt(t) {
   t.querySelectorAll(`[${M}]`).forEach((e) => {
@@ -696,41 +696,41 @@ function lt(t) {
   });
 }
 function ct(t) {
-  console.log("addClassTracker", N, t.className), t.setAttribute(N, t.className);
+  t.setAttribute(x, t.className);
 }
-function Pe(t) {
-  D.isSSR && t.isFirstLevel && ct(t.element);
+function Te(t) {
+  console.log("maybeAddClassTracker", y.isSSR, t.isFirstLevel), y.isSSR && t.isFirstLevel && ct(t.element);
 }
 function ft(t) {
-  t.querySelectorAll(`[${N}]`).forEach((e) => {
-    const r = e.getAttribute(N);
-    r !== null && (e.className = r, e.removeAttribute(N));
+  t.querySelectorAll(`[${x}]`).forEach((e) => {
+    const r = e.getAttribute(x);
+    r !== null && (e.className = r, e.removeAttribute(x));
   });
 }
-function Te(t) {
+function Pe(t) {
   t.setAttribute(Ee, "");
 }
-function ht(t) {
+function dt(t) {
   t.querySelectorAll(`[${Ee}]`).forEach((e) => {
-    b(e);
+    S(e);
   });
 }
-function dt(t) {
-  t.setAttribute(W, t.textContent ?? "");
+function ht(t) {
+  t.setAttribute(F, t.textContent ?? "");
 }
 function De(t) {
-  D.isSSR && t.isFirstLevel && dt(t.element);
+  console.log("maybeAddTextTracker", y.isSSR, t.isFirstLevel), y.isSSR && t.isFirstLevel && ht(t.element);
 }
 function pt(t) {
-  t.querySelectorAll(`[${W}]`).forEach((e) => {
-    e.textContent = e.getAttribute(W), e.removeAttribute(W);
+  t.querySelectorAll(`[${F}]`).forEach((e) => {
+    e.textContent = e.getAttribute(F), e.removeAttribute(F);
   });
 }
 const Ce = (t) => (e) => {
   De(e);
   const r = e.createText(t);
   return e.appendOrInsert(r), (n) => {
-    n && b(r);
+    n && S(r);
   };
 }, Me = (t) => (e) => {
   De(e);
@@ -738,11 +738,11 @@ const Ce = (t) => (e) => {
   e.appendOrInsert(r);
   const n = t.on((s) => r.data = s);
   return (s) => {
-    n(), s && b(r);
+    n(), s && S(r);
   };
 };
 function Gt(t) {
-  return d.is(t) ? Me(t) : Ce(t);
+  return h.is(t) ? Me(t) : Ce(t);
 }
 const g = (...t) => (e) => {
   const r = t.map((n) => f(n)(e));
@@ -750,10 +750,10 @@ const g = (...t) => (e) => {
     r.forEach((s) => s(n));
   };
 }, w = () => () => {
-}, mt = (t) => (e) => (Pe(e), e.element.classList.add(...t), (r) => {
+}, mt = (t) => (e) => (Te(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
 }), gt = (t) => (e) => {
-  Pe(e);
+  Te(e);
   const r = e.element;
   let n = [];
   const s = t.on((i) => {
@@ -783,9 +783,9 @@ const g = (...t) => (e) => {
 }, P = new Proxy(
   {},
   {
-    get: (t, e) => e === "class" ? (r) => d.is(r) ? gt(r) : mt(
+    get: (t, e) => e === "class" ? (r) => h.is(r) ? gt(r) : mt(
       (r ?? "").split(" ").filter((n) => n.length > 0)
-    ) : (r) => d.is(r) ? Z(
+    ) : (r) => h.is(r) ? Z(
       e,
       r
     ) : q(
@@ -796,7 +796,7 @@ const g = (...t) => (e) => {
 ), Qt = new Proxy(
   {},
   {
-    get: (t, e) => (r) => d.is(r) ? Z(
+    get: (t, e) => (r) => h.is(r) ? Z(
       `aria-${e}`,
       r
     ) : q(
@@ -807,7 +807,7 @@ const g = (...t) => (e) => {
 ), er = new Proxy(
   {},
   {
-    get: (t, e) => (r) => d.is(r) ? Z(
+    get: (t, e) => (r) => h.is(r) ? Z(
       e,
       r
     ) : q(
@@ -818,7 +818,7 @@ const g = (...t) => (e) => {
 ), tr = new Proxy(
   {},
   {
-    get: (t, e) => (r) => d.is(r) ? Z(
+    get: (t, e) => (r) => h.is(r) ? Z(
       e,
       r
     ) : q(
@@ -828,25 +828,25 @@ const g = (...t) => (e) => {
   }
 );
 function f(t) {
-  return t == null ? w : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? Ce(t) : d.is(t) ? Me(t) : t;
+  return t == null ? w : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? Ce(t) : h.is(t) ? Me(t) : t;
 }
 function Ne(t, ...e) {
   return (r) => {
     const n = r.createElement(t, void 0);
-    r.isFirstLevel && D.isSSR && Te(n), r.appendOrInsert(n), r = r.withElement(n);
+    r.isFirstLevel && y.isSSR && Pe(n), r.appendOrInsert(n), r = r.withElement(n);
     const s = e.map((i) => f(i)(r));
     return (i) => {
-      s.forEach((o) => o(!1)), i && b(n);
+      s.forEach((o) => o(!1)), i && S(n);
     };
   };
 }
 function $e(t, e, ...r) {
   return (n) => {
     const s = n.createElement(t, e);
-    n.isFirstLevel && D.isSSR && Te(s), n.appendOrInsert(s), n = n.withElement(s);
+    n.isFirstLevel && y.isSSR && Pe(s), n.appendOrInsert(s), n = n.withElement(s);
     const i = r.map((o) => f(o)(n));
     return (o) => {
-      i.forEach((l) => l(!1)), o && b(s);
+      i.forEach((l) => l(!1)), o && S(s);
     };
   };
 }
@@ -865,31 +865,31 @@ const rr = new Proxy(
   {
     get: (t, e) => (...r) => $e(e, wt, r.flatMap(f))
   }
-), bt = "http://www.w3.org/1998/Math/MathML", ir = new Proxy(
+), St = "http://www.w3.org/1998/Math/MathML", ir = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => $e(e, bt, r.flatMap(f))
+    get: (t, e) => (...r) => $e(e, St, r.flatMap(f))
   }
 );
-let F = !1;
-function St(t) {
-  ht(t), ft(t), lt(t), pt(t);
+let W = !1;
+function bt(t) {
+  dt(t), ft(t), lt(t), pt(t);
 }
-let k = 0;
-const or = (t = 30) => (F = !0, new Promise((e, r) => {
+let K = 0;
+const or = (t = 30) => (W = !0, new Promise((e, r) => {
   let n;
   const s = setInterval(() => {
-    k <= 0 && (clearInterval(s), clearTimeout(n), F = !1, e());
+    K <= 0 && (clearInterval(s), clearTimeout(n), W = !1, e());
   }, 300);
   n = setTimeout(() => {
-    clearInterval(s), F = !1, r(new Error("SSR Timeout"));
+    clearInterval(s), W = !1, r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), D = {
+})), y = {
   useDone(t) {
-    return k++, f(t(() => k--));
+    return K++, f(t(() => K--));
   },
   get isSSR() {
-    return F;
+    return W;
   }
 }, Le = (t, e) => (r) => {
   const n = Object.values(t).reduce((s, i) => {
@@ -909,7 +909,7 @@ const or = (t = 30) => (F = !0, new Promise((e, r) => {
   return n.push(e(s)(r)), (i) => {
     n.forEach((o) => o(i));
   };
-}, vt = (t, e) => Le([t], (r) => f(e(r[t]))), ur = (t, e) => Le(t, (r) => f(e(r))), L = (t) => (e) => (r) => t(r, e);
+}, vt = (t, e) => Le([t], (r) => f(e(r[t]))), ur = (t, e) => Le(t, (r) => f(e(r))), $ = (t) => (e) => (r) => t(r, e);
 function At(t) {
   return Symbol(t);
 }
@@ -931,7 +931,7 @@ const Ie = (t, e) => (r) => f(e)(r.withProviders(t)), lr = (...t) => t.length >
     }, s = window.matchMedia != null ? window.matchMedia("(prefers-color-scheme: dark)") : void 0;
     return s == null || s.addEventListener("change", n), g(
       yt(oe, r, t),
-      L(() => s == null ? void 0 : s.removeEventListener("change", n))
+      $(() => s == null ? void 0 : s.removeEventListener("change", n))
     );
   },
   /**
@@ -942,9 +942,9 @@ const Ie = (t, e) => (r) => f(e)(r.withProviders(t)), lr = (...t) => t.length >
    * @returns The `Child` element returned by the provided function.
    */
   consume: (t) => vt(oe, t)
-}, Oe = (t, e) => {
+}, Re = (t, e) => {
   if (typeof e == "function")
-    return Oe(t, { then: e });
+    return Re(t, { then: e });
   const r = e.pending != null ? f(e.pending) : w, n = e.then, s = e.error != null ? (i) => f(e.error(i)) : () => w;
   return (i) => {
     let o = !0;
@@ -959,10 +959,10 @@ const Ie = (t, e) => (r) => f(e)(r.withProviders(t)), lr = (...t) => t.length >
         o && (a(!0), a = f(s(c))(i));
       }
     ), (c) => {
-      o = !1, a(c), c && i.reference && b(i.reference);
+      o = !1, a(c), c && i.reference && S(i.reference);
     };
   };
-}, hr = (t, e) => Oe(() => t, e), dr = (t = 10) => (e) => {
+}, dr = (t, e) => Re(() => t, e), hr = (t = 10) => (e) => {
   const r = setTimeout(() => {
     var n;
     (n = e.element) == null || n.focus();
@@ -976,9 +976,9 @@ const Ie = (t, e) => (r) => f(e)(r.withProviders(t)), lr = (...t) => t.length >
   return (n) => {
     clearTimeout(r);
   };
-}, Re = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
+}, Oe = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
   n && r.element.removeEventListener(t, e);
-}), Et = (t) => Re("click", (e) => {
+}), Et = (t) => Oe("click", (e) => {
   e.preventDefault();
   const r = e.target;
   setTimeout(() => {
@@ -988,7 +988,7 @@ const Ie = (t, e) => (r) => f(e)(r.withProviders(t)), lr = (...t) => t.length >
 }), X = new Proxy(
   {},
   {
-    get: (t, e) => (r) => Re(e, r)
+    get: (t, e) => (r) => Oe(e, r)
   }
 ), Y = {
   value: (t) => (e) => {
@@ -1041,13 +1041,13 @@ function _t(t, e = "input") {
     X[e](Y.valueAsDate(t.set))
   );
 }
-function Pt(t, e = "input") {
+function Tt(t, e = "input") {
   return g(
     P.valueAsDate(t),
     X[e](Y.valueAsDateTime(t.set))
   );
 }
-function Tt(t, e = "input") {
+function Pt(t, e = "input") {
   return g(
     P.valueAsNumber(t),
     X[e](Y.valueAsNumber(t.set))
@@ -1061,8 +1061,8 @@ function Ct(t) {
 }
 const mr = {
   date: _t,
-  dateTime: Pt,
-  number: Tt,
+  dateTime: Tt,
+  number: Pt,
   text: Dt,
   checked: Ct
 }, R = (t, e) => (r) => {
@@ -1078,9 +1078,9 @@ const mr = {
     }
   });
   return (a) => {
-    l(), a && r.reference != null && b(r.reference), n == null || n(!0);
+    l(), a && r.reference != null && S(r.reference), n == null || n(!0);
   };
-}, I = {
+}, L = {
   bool: (t, e) => R(
     t.map((r) => r ? { true: !0 } : { false: !0 }),
     e
@@ -1090,19 +1090,19 @@ const mr = {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     r
   ),
-  kind: (t, e) => I.field(t, "kind", e),
+  kind: (t, e) => L.field(t, "kind", e),
   tuple: (t, e) => {
     const r = t.map(([n, s]) => ({ [n]: s }));
     return R(r, e);
   },
-  type: (t, e) => I.field(t, "type", e),
+  type: (t, e) => L.field(t, "type", e),
   value: (t, e) => R(
     t.map((r) => ({ [r]: !0 })),
     e
   )
 }, gr = (t, e) => (r) => {
   const n = (e == null ? void 0 : e.firstSeparator) ?? w, s = (e == null ? void 0 : e.lastSeparator) ?? w;
-  return I.value(
+  return L.value(
     r.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
     {
       first: () => n,
@@ -1110,8 +1110,8 @@ const mr = {
       other: () => t
     }
   );
-}, wr = (t) => (e) => t(e)(e), br = (t) => (e) => (e.appendOrInsert(t), (r) => {
-  r && b(t);
+}, wr = (t) => (e) => t(e)(e), Sr = (t) => (e) => (e.appendOrInsert(t), (r) => {
+  r && S(t);
 }), Mt = (t, e, r) => (n) => {
   n = n.makeRef();
   let s = null, i = !1;
@@ -1119,14 +1119,14 @@ const mr = {
     a == null ? (s == null || s(!0), s = f((r == null ? void 0 : r()) ?? w)(n), i = !1) : (o.value = a, i || (s == null || s(!0), s = f(e(o))(n), i = !0));
   });
   return (a) => {
-    l(), s == null || s(a), a && n.reference && b(n.reference);
+    l(), s == null || s(a), a && n.reference && S(n.reference);
   };
 }, xe = (t, e, r) => r != null ? xe(t, (n) => {
   const s = n.map((i) => i.isLast ? "last" : "other");
   return g(
-    L(() => s.dispose()),
+    $(() => s.dispose()),
     f(e(n)),
-    I.value(s, {
+    L.value(s, {
       last: () => w,
       other: () => r(n)
     })
@@ -1135,30 +1135,30 @@ const mr = {
   n = n.makeRef();
   const s = t.map(
     (a) => Array.from({ length: a }, (c, p) => p).map(
-      (c) => new He(c, a)
+      (c) => new ke(c, a)
     )
   ), i = [], o = [], l = s.on((a) => {
     var p, m;
     const c = a.length;
     for (; c < i.length; )
       (p = i.pop()) == null || p(!0), (m = o.pop()) == null || m.dispose();
-    for (let h = 0; h < c; h++)
-      if (o[h] == null) {
-        o[h] = A(a[h]);
-        const _ = f(e(o[h]));
-        i[h] = _(n);
+    for (let d = 0; d < c; d++)
+      if (o[d] == null) {
+        o[d] = A(a[d]);
+        const T = f(e(o[d]));
+        i[d] = T(n);
       } else
-        o[h].value = a[h];
+        o[d].value = a[d];
   });
   return (a) => {
-    l(), a && n.reference && b(n.reference);
+    l(), a && n.reference && S(n.reference);
   };
 }, Nt = (t, e, r) => r != null ? Nt(t, (n, s) => {
   const i = s.map((o) => o.isLast ? "last" : "other");
   return g([
-    L(() => i.dispose()),
+    $(() => i.dispose()),
     f(e(n, s)),
-    I.value(i, {
+    L.value(i, {
       last: () => w,
       other: () => r(s)
     })
@@ -1171,17 +1171,17 @@ const mr = {
       [i, t]
     );
     return g(
-      L(() => o.dispose()),
+      $(() => o.dispose()),
       f(e(o, i))
     );
   })(n);
-}, Sr = (t) => {
+}, br = (t) => {
   const e = t.element, r = e.style.getPropertyValue(":empty");
   return e.style.setProperty(":empty", "display:none"), (n) => {
     n && e.style.setProperty(":empty", r);
   };
 };
-function We(t, e) {
+function Fe(t, e) {
   const r = t(e);
   return () => r(!0);
 }
@@ -1189,15 +1189,15 @@ function vr(t, e, { doc: r, clear: n } = {}) {
   const s = typeof e == "string" ? (r ?? document).querySelector(e) : e;
   if (s === null)
     throw new Error(`Cannot find element by selector for render: ${e}`);
-  n && (r ?? s.ownerDocument) != null && St(r ?? s.ownerDocument);
+  n && (r ?? s.ownerDocument) != null && bt(r ?? s.ownerDocument);
   const i = ot(s), o = ye(s) ? void 0 : s, l = v.of(i, o);
-  return We(t, l);
+  return Fe(t, l);
 }
 const $t = (t, e) => (r) => {
   const n = r.document.querySelector(t);
   if (n === null)
     throw new Error(`Cannot find element by selector for portal: ${t}`);
-  return We(
+  return Fe(
     f(e),
     r.withElement(n).withFirstLevel()
   );
@@ -1224,33 +1224,33 @@ const $t = (t, e) => (r) => {
 }, z = {
   partial: /* @__PURE__ */ new Map(),
   full: /* @__PURE__ */ new Map()
-}, $ = {
+}, N = {
   partial: null,
   full: null
 };
-function Ot(t) {
-  return $[t] == null && ($[t] = new IntersectionObserver((e) => {
+function Rt(t) {
+  return N[t] == null && (N[t] = new IntersectionObserver((e) => {
     e.forEach((r) => {
       const n = z[t].get(r.target);
       n == null || n.set(r.isIntersecting);
     });
-  }, It[t])), $[t];
+  }, It[t])), N[t];
 }
-function Rt(t, e) {
-  const r = A(D.isSSR);
+function Ot(t, e) {
+  const r = A(y.isSSR);
   return g(
     Lt((n) => {
-      const s = typeof IntersectionObserver < "u" ? Ot(t) : null;
+      const s = typeof IntersectionObserver < "u" ? Rt(t) : null;
       return z[t].set(n, r), s == null || s.observe(n), () => {
         var i;
-        s == null || s.unobserve(n), z[t].delete(n), z[t].size === 0 && ((i = $[t]) == null || i.disconnect(), $[t] = null);
+        s == null || s.unobserve(n), z[t].delete(n), z[t].size === 0 && ((i = N[t]) == null || i.disconnect(), N[t] = null);
       };
     }),
-    L(r.dispose),
+    $(r.dispose),
     f(e(r))
   );
 }
-const Er = (t, e, r) => Rt(t, (n) => B(n, e, r ?? w)), _r = (t, e) => (r) => {
+const Er = (t, e, r) => Ot(t, (n) => B(n, e, r ?? w)), _r = (t, e) => (r) => {
   r = r.makeRef();
   const n = t.map((o) => f(e(o)));
   let s = () => {
@@ -1262,7 +1262,7 @@ const Er = (t, e, r) => Rt(t, (n) => B(n, e, r ?? w)), _r = (t, e) => (r) => {
     i(), s(o);
   };
 };
-function Pr(t, e, r = w) {
+function Tr(t, e, r = w) {
   return B(
     t.map((n) => n.length > 0),
     e,
@@ -1277,7 +1277,7 @@ const xt = (t) => (e) => {
   return typeof ResizeObserver == "function" && (o = new ResizeObserver(i), o.observe(r)), (l) => {
     o == null || o.disconnect(), s(l);
   };
-}, Wt = (t) => (e) => {
+}, Ft = (t) => (e) => {
   const r = A({
     width: (window == null ? void 0 : window.innerWidth) ?? 0,
     height: (window == null ? void 0 : window.innerHeight) ?? 0
@@ -1290,10 +1290,10 @@ const xt = (t) => (e) => {
   return window == null || window.addEventListener("resize", s), (i) => {
     window == null || window.removeEventListener("resize", s), n(i);
   };
-}, Tr = {
+}, Pr = {
   element: xt,
-  window: Wt
-}, Ft = (t, e) => (r) => {
+  window: Ft
+}, Wt = (t, e) => (r) => {
   const n = r.element, s = n.style.getPropertyValue(t);
   return n.style.setProperty(t, e), (i) => {
     i && n.style.setProperty(t, s);
@@ -1306,18 +1306,18 @@ const xt = (t) => (e) => {
 }, Dr = new Proxy(
   {},
   {
-    get: (t, e) => (r) => d.is(r) ? zt(e, r) : Ft(e, r)
+    get: (t, e) => (r) => h.is(r) ? zt(e, r) : Wt(e, r)
   }
 );
 export {
-  hr as Async,
-  dr as AutoFocus,
+  dr as Async,
+  hr as AutoFocus,
   pr as AutoSelect,
-  T as Computed,
+  D as Computed,
   gr as Conjunction,
   wr as Ctx,
   v as DOMContext,
-  br as DOMEl,
+  Sr as DOMEl,
   Ne as El,
   $e as ElNS,
   w as Empty,
@@ -1325,21 +1325,21 @@ export {
   Nt as ForEach,
   g as Fragment,
   Ar as HTMLTitle,
-  Sr as HiddenWhenEmpty,
-  Rt as InViewport,
+  br as HiddenWhenEmpty,
+  Ot as InViewport,
   _r as MapSignal,
-  he as MemoryStore,
-  Pr as NotEmpty,
+  de as MemoryStore,
+  Tr as NotEmpty,
   Et as OnChecked,
-  L as OnDispose,
+  $ as OnDispose,
   Lt as OnMount,
   $t as Portal,
-  He as Position,
+  ke as Position,
   V as Prop,
   lr as Provide,
   xe as Repeat,
-  d as Signal,
-  Oe as Task,
+  h as Signal,
+  Re as Task,
   Gt as Text,
   yr as Unless,
   ar as Use,
@@ -1349,27 +1349,27 @@ export {
   Er as WhenInViewport,
   yt as WithProvider,
   cr as WithProviders,
-  ke as animate,
+  Ke as animate,
   jt as animateOne,
   fr as appearance,
   oe as appearanceMarker,
   Bt as applyAnimatable,
-  x as applyAnimatableProp,
+  O as applyAnimatableProp,
   Ut as applyInterpolatedAnimatable,
   et as applyInterpolatedAnimatableProp,
   Qt as aria,
   P as attr,
   mr as bind,
   f as childToMountable,
-  St as clearSSR,
+  bt as clearSSR,
   Be as colorChannelsToString,
   U as computed,
-  Ht as computedRecord,
+  kt as computedRecord,
   Xe as dateInterpolate,
   qt as effect,
   Y as emit,
   Ye as endInterpolate,
-  kt as getComputedAnimatable,
+  Kt as getComputedAnimatable,
   Ge as getComputedAnimatableProp,
   ot as getSelfOrParentElement,
   je as guessInterpolate,
@@ -1377,7 +1377,7 @@ export {
   rr as html,
   nr as input,
   Je as interpolateColor,
-  Kt as interpolateShadow,
+  Ht as interpolateShadow,
   ye as isElement,
   Ae as makeGetter,
   At as makeProviderMark,
@@ -1386,15 +1386,15 @@ export {
   tr as mathAttr,
   qe as numberInterpolate,
   X as on,
-  I as oneof,
+  L as oneof,
   se as parseColorChannels,
   A as prop,
   Xt as propOfLocalStorage,
   Yt as propOfSessionStorage,
-  de as propOfStorage,
-  b as removeDOMNode,
+  he as propOfStorage,
+  S as removeDOMNode,
   vr as render,
-  We as renderWithContext,
+  Fe as renderWithContext,
   it as setAttribute,
   tt as setBooleanProperty,
   nt as setDateProperty,
@@ -1402,8 +1402,8 @@ export {
   st as setStringProperty,
   Zt as signal,
   Me as signalText,
-  Tr as size,
-  D as ssr,
+  Pr as size,
+  y as ssr,
   or as startSSR,
   Ce as staticText,
   Ze as stringInterpolate,

package/package.json

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