@tempots/dom 10.0.9 → 10.0.11

package/dom/ssr.d.ts

@@ -1,8 +1,17 @@
 import { Child, Mountable } from '../types/domain';
+import { DOMContext } from './dom-context';
 
+export declare function maybeAddAttributeTracker(ctx: DOMContext, name: string): void;
+export declare function removeAttributeTrackers(doc: Document): 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 maybeAddTextTracker(ctx: DOMContext): void;
+export declare function removeTextTrackers(doc: Document): void;
 export declare function clearSSR(doc: Document): void;
 export declare const startSSR: (timeoutSeconds?: number) => Promise<void>;
 export declare const ssr: {
-    useDone(child: (done: () => void) => Child): Mountable;
-    readonly isSSR: boolean;
+    useDone: (child: (done: () => void) => Child) => Mountable;
+    isSSR: () => boolean;
 };

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 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())},500);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;
+"use strict";var gt=Object.defineProperty;var bt=(t,e,r)=>e in t?gt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var l=(t,e,r)=>bt(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function _e(t,e,r){return t+(e-t)*r}const be=97;function Me(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=be);let u=e.charCodeAt(i);isNaN(u)&&(u=be),s+=String.fromCharCode(o+(u-o)*r)}return s}function Ne(t,e,r){return new Date(t.getTime()+(e.getTime()-t.getTime())*r)}function Le(t,e,r){return e}function $e(t){return typeof t=="number"?_e:typeof t=="string"?Me:t instanceof Date?Ne:Le}class Ie{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 we=Symbol("isSignal"),Se=Symbol("isProp"),ve=Symbol("isComputed");var Te;Te=we;const P=class P{constructor(e,r){l(this,Te,!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=A(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(A(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[we]===!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 wt=typeof queueMicrotask=="function"?queueMicrotask:t=>Promise.resolve().then(t);var Pe,Ee;class D extends(Ee=d,Pe=ve,Ee){constructor(r,n){super(void 0,n);l(this,Pe,!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;wt(()=>{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[ve]===!0}get value(){return this.get()}}var Ce,De;class O extends(De=d,Ce=Se,De){constructor(){super(...arguments);l(this,Ce,!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[Se]===!0}get value(){return this.get()}set value(r){this._setAndNotify(r,!1)}}function q(t,e,r=(n,s)=>n===s){const n=new D(t,r);return e.forEach(s=>s.setDerivative(n)),n}function St(t,e){return q(t,e).dispose}function A(t,e=(r,n)=>r===n){return new O(t,e)}function vt(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 At(t){return ee({...t,store:(window==null?void 0:window.localStorage)??new Q})}function yt(t){return ee({...t,store:(window==null?void 0:window.sessionStorage)??new Q})}function Ae(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):setTimeout(t,0)}function Oe(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,W)=>y===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),T=A(t,o);T.onDispose(()=>{m!==null&&cancelAnimationFrame(m)}),T.onDispose(C.dispose),r.forEach(y=>{y.setDerivative(C),y.onDispose(T.dispose)});const X=y=>{c=y,p=performance.now(),a=T.value,h&&(h=!1,m=Ae(me))},me=()=>{const W=(performance.now()-p)/d.unwrap(s),mt=i(W);u==null&&(u=$e(a));let ge=u(a,c,mt);W>=1?(h=!0,ge=c):m=Ae(me),T.set(ge)};return C.on(X),T}function Tt(t,e){const{initialValue:r,...n}=e??{};return Oe(r??t.get(),t.get,[t],n)}function Pt(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 q(()=>(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 ye(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 Et(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 Re(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 xe(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,T=s+(c-s)*m,X=i+(p-i)*m;return Re([h,C,T,X,o])}}function Ct(t,e){const r=ye(t),n=ye(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=Fe(r.color,n.color)(s);return Et({inset:r.inset,x:i,y:o,blur:u,spread:a,color:c})}}function We(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 Dt(t,e){const r={},n=getComputedStyle(t);for(const[s,i]of Object.entries(e)){const o=s;i!=null&&(r[o]=We(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 ke(t,e,r){if(Y.has(r+":"+t+e))return Y.get(t+e);const n=xe(t,e);return Y.set(r+":"+t+e,n),n}function Fe(t,e){return ke(t,e,"c")}function _t(t,e){return ke(t,e,"s")}function ze(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=_t(r,n)(s);L(t,e,i)}else if(e==="color"||e==="backgroundColor"||e==="borderColor"||e==="outlineColor"){const i=Fe(r,n)(s);L(t,e,i)}}}function Mt(t,e,r,n){t.style.transform="",t.style.filter="";for(const[s,i]of Object.entries(r)){const o=s;ze(t,o,e[o],i,n)}}function Nt(t,e){t.style.transform="",t.style.filter="";for(const[r,n]of Object.entries(e))n!=null&&L(t,r,n)}const Ve=new Set(["checked","disabled","hidden","selected"]),qe=new Set(["rowSpan","colSpan","tabIndex","valueAsNumber"]),Ze=new Set(["valueAsDate"]),je=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 He(t){return(e,r)=>{r==null?e[t]=null:e[t]=!!r}}function Ue(t){return(e,r)=>{r==null?e[t]=null:e[t]=Number(r)}}function Xe(t){return(e,r)=>{r==null?e[t]=null:e[t]=r}}function Ye(t){return(e,r)=>{r==null?e[t]=null:e[t]=String(r)}}function Ke(t){return(e,r)=>{r==null?e.removeAttribute(t):e.setAttribute(t,r)}}function te(t){return Ve.has(t)?N(t,He):qe.has(t)?N(t,Ue):Ze.has(t)?N(t,Xe):je.has(t)?N(t,Ye):N(t,Ke)}function re(t){return e=>Ve.has(t)?!!e[t]:qe.has(t)?Number(e[t]):Ze.has(t)?e[t]:je.has(t)?String(e[t]):e.getAttribute(t)}class S{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 S(e,this.element,this.reference,this.providers,!0));l(this,"withElement",e=>new S(this.document,e,void 0,this.providers,!1));l(this,"withFirstLevel",()=>new S(this.document,this.element,this.reference,this.providers,!0));l(this,"withReference",e=>new S(this.document,this.element,e,this.providers,this.isFirstLevel));l(this,"withProvider",(e,r)=>new S(this.document,this.element,this.reference,{...this.providers,[e]:r},this.isFirstLevel));l(this,"withProviders",e=>new S(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 S(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 Be(t){return ne(t)?t:t.parentElement}function ne(t){return t.nodeType===1}function Lt(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;Lt(r,n===!0,s===!0)||t()&&r.preventDefault()},se=t=>e=>{fe(e);const r=e.createText(t);return e.appendOrInsert(r),n=>{n&&w(r)}},ie=t=>e=>{fe(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 It(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))}},b=()=>()=>{},Ot=t=>e=>(ue(e),e.element.classList.add(...t),r=>{r&&e.element.classList.remove(...t)}),Rt=t=>e=>{ue(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}},Z=(t,e)=>{const r=te(t),n=re(t);return s=>{le(s,t);const i=n(s.element);return r(s.element,e),o=>{o&&r(s.element,i)}}},j=(t,e)=>{const r=te(t),n=re(t);return s=>{le(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)?Rt(r):Ot((r??"").split(" ").filter(n=>n.length>0)):r=>d.is(r)?j(e,r):Z(e,r)}),xt=new Proxy({},{get:(t,e)=>r=>d.is(r)?j(`aria-${e}`,r):Z(`aria-${e}`,r)}),Wt=new Proxy({},{get:(t,e)=>r=>d.is(r)?j(e,r):Z(e,r)}),kt=new Proxy({},{get:(t,e)=>r=>d.is(r)?j(e,r):Z(e,r)});function f(t){return t==null?b: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&&H.isSSR()&&ce(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&&H.isSSR()&&ce(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 Ft=new Proxy({},{get:(t,e)=>(...r)=>oe(e,r.flatMap(f))}),zt=new Proxy({},{get:(t,e)=>(...r)=>oe("input",E.type(e),...r)}),Vt="http://www.w3.org/2000/svg",qt=new Proxy({},{get:(t,e)=>(...r)=>ae(e,Vt,r.flatMap(f))}),Zt="http://www.w3.org/1998/Math/MathML",jt=new Proxy({},{get:(t,e)=>(...r)=>ae(e,Zt,r.flatMap(f))});let v=!1;const $="data-tempo-attr",F="data-tempo-class",Ge="data-tempo-node",z="data-tempo-text";function Ht(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 le(t,e){console.log("maybeAddAttributeTracker",e,v,t.isFirstLevel),v&&t.isFirstLevel&&Ht(t.element,e)}function Je(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 Ut(t){t.setAttribute(F,t.className)}function ue(t){console.log("maybeAddClassTracker",v,t.isFirstLevel),v&&t.isFirstLevel&&Ut(t.element)}function Qe(t){t.querySelectorAll(`[${F}]`).forEach(e=>{const r=e.getAttribute(F);r!==null&&(e.className=r,e.removeAttribute(F))})}function ce(t){t.setAttribute(Ge,"")}function et(t){t.querySelectorAll(`[${Ge}]`).forEach(e=>{w(e)})}function Xt(t){t.setAttribute(z,t.textContent??"")}function fe(t){console.log("maybeAddTextTracker",v,t.isFirstLevel),v&&t.isFirstLevel&&Xt(t.element)}function tt(t){t.querySelectorAll(`[${z}]`).forEach(e=>{e.textContent=e.getAttribute(z),e.removeAttribute(z)})}function rt(t){et(t),Qe(t),Je(t),tt(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())},500);n=setTimeout(()=>{clearInterval(s),v=!1,r(new Error("SSR Timeout"))},t*1e3)})),H={useDone:t=>(G++,f(t(()=>G--))),isSSR:()=>v},nt=(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))}},st=(t,e)=>nt([t],r=>f(e(r[t]))),Bt=(t,e)=>nt(t,r=>f(e(r))),_=t=>e=>r=>t(r,e);function it(t){return Symbol(t)}const ot=(t,e)=>r=>f(e)(r.withProviders(t)),Gt=(...t)=>t.length>0?t.reduceRight((e,r)=>n=>e(r(n))):f,at=(t,e,r)=>ot({[t]:e},f(r)),Jt=(t,e)=>ot(t,f(e)),J=it("Appearance"),Qt={provide:t=>{const e=window.matchMedia!=null&&window.matchMedia("(prefers-color-scheme: dark)").matches,r=A(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(at(J,r,t),_(()=>s==null?void 0:s.removeEventListener("change",n)))},consume:t=>st(J,t)},de=(t,e)=>{if(typeof e=="function")return de(t,{then:e});const r=e.pending!=null?f(e.pending):b,n=e.then,s=e.error!=null?i=>f(e.error(i)):()=>b;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)=>de(()=>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)}},lt=(t,e)=>r=>(r.element.addEventListener(t,e),n=>{n&&r.element.removeEventListener(t,e)}),ut=t=>lt("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=>lt(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(E.valueAsDate(t),R[e](x.valueAsDate(t.set)))}function sr(t,e="input"){return g(E.valueAsDate(t),R[e](x.valueAsDateTime(t.set)))}function ir(t,e="input"){return g(E.valueAsNumber(t),R[e](x.valueAsNumber(t.set)))}function or(t,e="input"){return g(E.value(t),R[e](x.value(t.set)))}function ar(t){return g(E.checked(t),ut(t.set))}const lr={date:nr,dateTime:sr,number:ir,text:or,checked:ar},k=(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)=>k(t.map(r=>r?{true:!0}:{false:!0}),e),field:(t,e,r)=>k(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 k(r,e)},type:(t,e)=>M.field(t,"type",e),value:(t,e)=>k(t.map(r=>({[r]:!0})),e)},ur=(t,e)=>r=>{const n=(e==null?void 0:e.firstSeparator)??b,s=(e==null?void 0:e.lastSeparator)??b;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)}),ct=(t,e,r)=>n=>{n=n.makeRef();let s=null,i=!1;const o=A(null),u=t.on(a=>{a==null?(s==null||s(!0),s=f((r==null?void 0:r())??b)(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)}},he=(t,e,r)=>r!=null?he(t,n=>{const s=n.map(i=>i.isLast?"last":"other");return g(_(()=>s.dispose()),f(e(n)),M.value(s,{last:()=>b,other:()=>r(n)}))}):n=>{n=n.makeRef();const s=t.map(a=>Array.from({length:a},(c,p)=>p).map(c=>new Ie(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]=A(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)}},ft=(t,e,r)=>r!=null?ft(t,(n,s)=>{const i=s.map(o=>o.isLast?"last":"other");return g([_(()=>i.dispose()),f(e(n,s)),M.value(i,{last:()=>b,other:()=>r(s)})])}):n=>{const s=t.map(i=>i.length);return he(s,i=>{const o=q(()=>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 pe(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&&rt(r??s.ownerDocument);const i=Be(s),o=ne(s)?void 0:s,u=S.of(i,o);return pe(t,u)}const dt=(t,e)=>r=>{const n=r.document.querySelector(t);if(n===null)throw new Error(`Cannot find element by selector for portal: ${t}`);return pe(f(e),r.withElement(n).withFirstLevel())},pr=t=>dt("head title",E.innerText(t)),ht=t=>e=>t(e.element)??(()=>{}),U=(t,e,r)=>ct(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}},V={partial:new Map,full:new Map},I={partial:null,full:null};function br(t){return I[t]==null&&(I[t]=new IntersectionObserver(e=>{e.forEach(r=>{const n=V[t].get(r.target);n==null||n.set(r.isIntersecting)})},gr[t])),I[t]}function pt(t,e){const r=A(H.isSSR());return g(ht(n=>{const s=typeof IntersectionObserver<"u"?br(t):null;return V[t].set(n,r),s==null||s.observe(n),()=>{var i;s==null||s.unobserve(n),V[t].delete(n),V[t].size===0&&((i=I[t])==null||i.disconnect(),I[t]=null)}}),_(r.dispose),f(e(r)))}const wr=(t,e,r)=>pt(t,n=>U(n,e,r??b)),Sr=(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=b){return U(t.map(n=>n.length>0),e,r)}const Ar=t=>e=>{const r=e.element,n=A({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)}},yr=t=>e=>{const r=A({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)}},Tr={element:Ar,window:yr},Pr=(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)}},Er=(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)?Er(e,r):Pr(e,r)});exports.Async=er;exports.AutoFocus=tr;exports.AutoSelect=rr;exports.Computed=D;exports.Conjunction=ur;exports.Ctx=cr;exports.DOMContext=S;exports.DOMEl=fr;exports.El=oe;exports.ElNS=ae;exports.Empty=b;exports.Ensure=ct;exports.ForEach=ft;exports.Fragment=g;exports.HTMLTitle=pr;exports.HiddenWhenEmpty=dr;exports.InViewport=pt;exports.MapSignal=Sr;exports.MemoryStore=Q;exports.NotEmpty=vr;exports.OnChecked=ut;exports.OnDispose=_;exports.OnMount=ht;exports.Portal=dt;exports.Position=Ie;exports.Prop=O;exports.Provide=Gt;exports.Repeat=he;exports.Signal=d;exports.Task=de;exports.Text=It;exports.Unless=mr;exports.Use=Kt;exports.UseProvider=st;exports.UseProviders=Bt;exports.When=U;exports.WhenInViewport=wr;exports.WithProvider=at;exports.WithProviders=Jt;exports.addNodeTracker=ce;exports.animate=Oe;exports.animateOne=Tt;exports.appearance=Qt;exports.appearanceMarker=J;exports.applyAnimatable=Nt;exports.applyAnimatableProp=L;exports.applyInterpolatedAnimatable=Mt;exports.applyInterpolatedAnimatableProp=ze;exports.aria=xt;exports.attr=E;exports.bind=lr;exports.childToMountable=f;exports.clearSSR=rt;exports.colorChannelsToString=Re;exports.computed=q;exports.computedRecord=Pt;exports.dateInterpolate=Ne;exports.effect=St;exports.emit=x;exports.endInterpolate=Le;exports.getComputedAnimatable=Dt;exports.getComputedAnimatableProp=We;exports.getSelfOrParentElement=Be;exports.guessInterpolate=$e;exports.handleAnchorClick=$t;exports.html=Ft;exports.input=zt;exports.interpolateColor=xe;exports.interpolateShadow=Ct;exports.isElement=ne;exports.makeGetter=re;exports.makeProviderMark=it;exports.makeSetter=te;exports.math=jt;exports.mathAttr=kt;exports.maybeAddAttributeTracker=le;exports.maybeAddClassTracker=ue;exports.maybeAddTextTracker=fe;exports.numberInterpolate=_e;exports.on=R;exports.oneof=M;exports.parseColorChannels=B;exports.prop=A;exports.propOfLocalStorage=At;exports.propOfSessionStorage=yt;exports.propOfStorage=ee;exports.removeAttributeTrackers=Je;exports.removeClassTrackers=Qe;exports.removeDOMNode=w;exports.removeNodeTrackers=et;exports.removeTextTrackers=tt;exports.render=hr;exports.renderWithContext=pe;exports.setAttribute=Ke;exports.setBooleanProperty=He;exports.setDateProperty=Xe;exports.setNumberProperty=Ue;exports.setStringProperty=Ye;exports.signal=vt;exports.signalText=ie;exports.size=Tr;exports.ssr=H;exports.startSSR=Yt;exports.staticText=se;exports.stringInterpolate=Me;exports.style=Cr;exports.svg=qt;exports.svgAttr=Wt;

package/index.js

@@ -116,7 +116,7 @@ const _ = class _ {
       return this.setDerivative(i), i;
     });
     u(this, "mapAsync", (e, r, n, s = (i, o) => i === o) => {
-      const i = A(r, s);
+      const i = y(r, s);
       let o = 0;
       return i.onDispose(
         this.on((l) => {
@@ -141,7 +141,7 @@ const _ = class _ {
       const n = this.on(e.set);
       return e.onDispose(n), r ? this.onDispose(e.dispose) : this.onDispose(n), e;
     });
-    u(this, "deriveProp", (e = !0) => this.feedProp(A(this.get()), e));
+    u(this, "deriveProp", (e = !0) => this.feedProp(y(this.get()), e));
     u(this, "count", () => {
       let e = 0;
       return this.map(() => ++e);
@@ -213,7 +213,7 @@ class D extends (le = h, ue = re, le) {
   }
 }
 var ce, fe;
-class V extends (fe = h, ce = te, fe) {
+class z extends (fe = h, ce = te, fe) {
   constructor() {
     super(...arguments);
     u(this, ce, !0);
@@ -225,7 +225,7 @@ class V extends (fe = h, ce = te, fe) {
     });
     u(this, "reducer", (r) => (n) => this.update((s) => r(s, n)));
     u(this, "iso", (r, n, s = (i, o) => i === o) => {
-      const i = new V(r(this.get()), s);
+      const i = new z(r(this.get()), s);
       return i.onDispose(this.on((o) => i.set(r(o)))), i.on((o) => this._setAndNotify(n(o), !1)), i;
     });
     u(this, "atProp", (r) => this.iso(
@@ -243,15 +243,15 @@ class V extends (fe = h, ce = te, fe) {
     this._setAndNotify(r, !1);
   }
 }
-function U(t, e, r = (n, s) => n === s) {
+function K(t, e, r = (n, s) => n === s) {
   const n = new D(t, r);
   return e.forEach((s) => s.setDerivative(n)), n;
 }
 function qt(t, e) {
-  return U(t, e).dispose;
+  return K(t, e).dispose;
 }
-function A(t, e = (r, n) => r === n) {
-  return new V(t, e);
+function y(t, e = (r, n) => r === n) {
+  return new z(t, e);
 }
 function Zt(t, e = (r, n) => r === n) {
   return new h(t, e);
@@ -274,7 +274,7 @@ function he({
   equals: i = (l, a) => l === a,
   onLoad: o = (l) => l
 }) {
-  const l = r.getItem(t), a = new V(
+  const l = r.getItem(t), a = new z(
     l != null ? o(s(l)) : typeof e == "function" ? e() : e,
     i
   );
@@ -298,23 +298,23 @@ 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) ?? ((b) => b), o = (n == null ? void 0 : n.equals) ?? ((b, I) => b === I);
+  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, I) => S === 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);
+  const T = new D(e, o), E = y(t, o);
   E.onDispose(() => {
     m !== null && cancelAnimationFrame(m);
-  }), E.onDispose(T.dispose), r.forEach((b) => {
-    b.setDerivative(T), b.onDispose(E.dispose);
+  }), E.onDispose(T.dispose), r.forEach((S) => {
+    S.setDerivative(T), S.onDispose(E.dispose);
   });
-  const j = (b) => {
-    c = b, p = performance.now(), a = E.value, d && (d = !1, m = ne(J));
+  const Y = (S) => {
+    c = S, p = performance.now(), a = E.value, d && (d = !1, m = ne(J));
   }, J = () => {
     const I = (performance.now() - p) / h.unwrap(s), We = i(I);
     l == null && (l = je(a));
     let G = l(a, c, We);
     I >= 1 ? (d = !0, G = c) : m = ne(J), E.set(G);
   };
-  return T.on(j), E;
+  return T.on(Y), E;
 }
 function jt(t, e) {
   const { initialValue: r, ...n } = e ?? {};
@@ -325,7 +325,7 @@ function kt(t, e) {
     ({ 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);
+  return K(() => (r.forEach(([i, o]) => n[i] = o.value), e(n)), s);
 }
 function se(t) {
   let e = t.match(/rgba?\((\d+), (\d+), (\d+)(, (\d+))?\)/);
@@ -380,8 +380,8 @@ function Be(t) {
 function Je(t, e) {
   const [r, n, s, i, o] = se(t), [l, a, c, p] = se(e);
   return (m) => {
-    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]);
+    const d = r + (l - r) * m, T = n + (a - n) * m, E = s + (c - s) * m, Y = i + (p - i) * m;
+    return Be([d, T, E, Y, o]);
   };
 }
 function Ht(t, e) {
@@ -403,15 +403,15 @@ function Kt(t, e) {
   }
   return r;
 }
-function O(t, e, r) {
+function R(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 k = /* @__PURE__ */ new Map();
+const j = /* @__PURE__ */ new Map();
 function pe(t, e, r) {
-  if (k.has(r + ":" + t + e))
-    return k.get(t + e);
+  if (j.has(r + ":" + t + e))
+    return j.get(t + e);
   const n = Je(t, e);
-  return k.set(r + ":" + t + e, n), n;
+  return j.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;
-      O(t, e, i);
+      R(t, e, i);
     } else if (e === "boxShadow" || e === "textShadow") {
       const i = Qe(
         r,
         n
       )(s);
-      O(t, e, i);
+      R(t, e, i);
     } else if (e === "color" || e === "backgroundColor" || e === "borderColor" || e === "outlineColor") {
       const i = me(
         r,
         n
       )(s);
-      O(t, e, i);
+      R(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 && O(t, r, n);
+    n != null && R(t, r, n);
 }
 const ge = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]), we = /* @__PURE__ */ new Set([
   "rowSpan",
   "colSpan",
   "tabIndex",
   "valueAsNumber"
-]), Se = /* @__PURE__ */ new Set(["valueAsDate"]), be = /* @__PURE__ */ new Set([
+]), be = /* @__PURE__ */ new Set(["valueAsDate"]), ve = /* @__PURE__ */ new Set([
   "value",
   "textContent",
   "innerText",
@@ -464,13 +464,13 @@ const ge = /* @__PURE__ */ new Set(["checked", "disabled", "hidden", "selected"]
   "outerHTML",
   "className",
   "classList"
-]), H = /* @__PURE__ */ new Map();
+]), k = /* @__PURE__ */ new Map();
 function C(t, e) {
-  if (H.has(t))
-    return H.get(t);
+  if (k.has(t))
+    return k.get(t);
   {
     const r = e(t);
-    return H.set(t, r), r;
+    return k.set(t, r), r;
   }
 }
 function tt(t) {
@@ -498,13 +498,13 @@ function it(t) {
     r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
   };
 }
-function ve(t) {
-  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 Se(t) {
+  return ge.has(t) ? C(t, tt) : we.has(t) ? C(t, rt) : be.has(t) ? C(t, nt) : ve.has(t) ? C(t, st) : C(t, it);
 }
 function Ae(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);
+  return (e) => ge.has(t) ? !!e[t] : we.has(t) ? Number(e[t]) : be.has(t) ? e[t] : ve.has(t) ? String(e[t]) : e.getAttribute(t);
 }
-class v {
+class A {
   /**
    * Constructs a new `DOMContext` instance.
    *
@@ -552,18 +552,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 A(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 A(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 A(
       this.document,
       this.element,
       this.reference,
@@ -576,7 +576,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 A(
       this.document,
       this.element,
       e,
@@ -589,7 +589,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 A(
       this.document,
       this.element,
       this.reference,
@@ -606,7 +606,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 A(
       this.document,
       this.element,
       this.reference,
@@ -638,10 +638,10 @@ class v {
    * @returns A new `DOMContext` instance.
    */
   static of(e, r) {
-    return new v(e.ownerDocument, e, r, {}, !0);
+    return new A(e.ownerDocument, e, r, {}, !0);
   }
 }
-function S(t) {
+function v(t) {
   const e = t;
   e && e.onblur && (e.onblur = null), !(!t || t.ownerDocument === void 0) && t.parentElement && t.parentElement.removeChild(t);
 }
@@ -676,84 +676,34 @@ const Jt = (t, e = {
     n === !0,
     s === !0
   ) || t() && r.preventDefault();
-}, 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) {
-    const n = t.getAttribute(M) ?? "{}", s = { ...JSON.parse(n), name: r };
-    t.setAttribute(M, JSON.stringify(s));
-  }
-}
-function _e(t, 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) => {
-    const r = JSON.parse(e.getAttribute(M) ?? "{}");
-    for (const [n, s] of Object.entries(r))
-      e.setAttribute(n, s);
-    e.removeAttribute(M);
-  });
-}
-function ct(t) {
-  t.setAttribute(x, t.className);
-}
-function Te(t) {
-  console.log("maybeAddClassTracker", y.isSSR, t.isFirstLevel), y.isSSR && t.isFirstLevel && ct(t.element);
-}
-function ft(t) {
-  t.querySelectorAll(`[${x}]`).forEach((e) => {
-    const r = e.getAttribute(x);
-    r !== null && (e.className = r, e.removeAttribute(x));
-  });
-}
-function Pe(t) {
-  t.setAttribute(Ee, "");
-}
-function dt(t) {
-  t.querySelectorAll(`[${Ee}]`).forEach((e) => {
-    S(e);
-  });
-}
-function ht(t) {
-  t.setAttribute(F, t.textContent ?? "");
-}
-function De(t) {
-  console.log("maybeAddTextTracker", y.isSSR, t.isFirstLevel), y.isSSR && t.isFirstLevel && ht(t.element);
-}
-function pt(t) {
-  t.querySelectorAll(`[${F}]`).forEach((e) => {
-    e.textContent = e.getAttribute(F), e.removeAttribute(F);
-  });
-}
-const Ce = (t) => (e) => {
-  De(e);
+}, Ee = (t) => (e) => {
+  $e(e);
   const r = e.createText(t);
   return e.appendOrInsert(r), (n) => {
-    n && S(r);
+    n && v(r);
   };
-}, Me = (t) => (e) => {
-  De(e);
+}, _e = (t) => (e) => {
+  $e(e);
   const r = e.createText(t.value);
   e.appendOrInsert(r);
   const n = t.on((s) => r.data = s);
   return (s) => {
-    n(), s && S(r);
+    n(), s && v(r);
   };
 };
 function Gt(t) {
-  return h.is(t) ? Me(t) : Ce(t);
+  return h.is(t) ? _e(t) : Ee(t);
 }
 const g = (...t) => (e) => {
   const r = t.map((n) => f(n)(e));
   return (n) => {
     r.forEach((s) => s(n));
   };
-}, w = () => () => {
-}, mt = (t) => (e) => (Te(e), e.element.classList.add(...t), (r) => {
+}, b = () => () => {
+}, ut = (t) => (e) => (Me(e), e.element.classList.add(...t), (r) => {
   r && e.element.classList.remove(...t);
-}), gt = (t) => (e) => {
-  Te(e);
+}), lt = (t) => (e) => {
+  Me(e);
   const r = e.element;
   let n = [];
   const s = t.on((i) => {
@@ -762,19 +712,19 @@ const g = (...t) => (e) => {
   return (i) => {
     s(), i && n.forEach((o) => r.classList.remove(o)), n.length = 0;
   };
-}, q = (t, e) => {
-  const r = ve(t), n = Ae(t);
+}, V = (t, e) => {
+  const r = Se(t), n = Ae(t);
   return (s) => {
-    _e(s, t);
+    Ce(s, t);
     const i = n(s.element);
     return r(s.element, e), (o) => {
       o && r(s.element, i);
     };
   };
-}, Z = (t, e) => {
-  const r = ve(t), n = Ae(t);
+}, q = (t, e) => {
+  const r = Se(t), n = Ae(t);
   return (s) => {
-    _e(s, t);
+    Ce(s, t);
     const i = n(s.element);
     return e.on((o) => r(s.element, o)), (o) => {
       o && r(s.element, i);
@@ -783,12 +733,12 @@ const g = (...t) => (e) => {
 }, P = new Proxy(
   {},
   {
-    get: (t, e) => e === "class" ? (r) => h.is(r) ? gt(r) : mt(
+    get: (t, e) => e === "class" ? (r) => h.is(r) ? lt(r) : ut(
       (r ?? "").split(" ").filter((n) => n.length > 0)
-    ) : (r) => h.is(r) ? Z(
+    ) : (r) => h.is(r) ? q(
       e,
       r
-    ) : q(
+    ) : V(
       e,
       r
     )
@@ -796,10 +746,10 @@ const g = (...t) => (e) => {
 ), Qt = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? Z(
+    get: (t, e) => (r) => h.is(r) ? q(
       `aria-${e}`,
       r
-    ) : q(
+    ) : V(
       `aria-${e}`,
       r
     )
@@ -807,10 +757,10 @@ const g = (...t) => (e) => {
 ), er = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? Z(
+    get: (t, e) => (r) => h.is(r) ? q(
       e,
       r
-    ) : q(
+    ) : V(
       e,
       r
     )
@@ -818,79 +768,125 @@ const g = (...t) => (e) => {
 ), tr = new Proxy(
   {},
   {
-    get: (t, e) => (r) => h.is(r) ? Z(
+    get: (t, e) => (r) => h.is(r) ? q(
       e,
       r
-    ) : q(
+    ) : V(
       e,
       r
     )
   }
 );
 function f(t) {
-  return t == null ? w : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? Ce(t) : h.is(t) ? Me(t) : t;
+  return t == null ? b : Array.isArray(t) ? g(...t.map(f)) : typeof t == "string" ? Ee(t) : h.is(t) ? _e(t) : t;
 }
-function Ne(t, ...e) {
+function Te(t, ...e) {
   return (r) => {
     const n = r.createElement(t, void 0);
-    r.isFirstLevel && y.isSSR && Pe(n), r.appendOrInsert(n), r = r.withElement(n);
+    r.isFirstLevel && U.isSSR() && Ne(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);
+      s.forEach((o) => o(!1)), i && v(n);
     };
   };
 }
-function $e(t, e, ...r) {
+function Pe(t, e, ...r) {
   return (n) => {
     const s = n.createElement(t, e);
-    n.isFirstLevel && y.isSSR && Pe(s), n.appendOrInsert(s), n = n.withElement(s);
+    n.isFirstLevel && U.isSSR() && Ne(s), n.appendOrInsert(s), n = n.withElement(s);
     const i = r.map((o) => f(o)(n));
     return (o) => {
-      i.forEach((l) => l(!1)), o && S(s);
+      i.forEach((l) => l(!1)), o && v(s);
     };
   };
 }
 const rr = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => Ne(e, r.flatMap(f))
+    get: (t, e) => (...r) => Te(e, r.flatMap(f))
   }
 ), nr = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => Ne("input", P.type(e), ...r)
+    get: (t, e) => (...r) => Te("input", P.type(e), ...r)
   }
-), wt = "http://www.w3.org/2000/svg", sr = new Proxy(
+), ct = "http://www.w3.org/2000/svg", sr = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => $e(e, wt, r.flatMap(f))
+    get: (t, e) => (...r) => Pe(e, ct, r.flatMap(f))
   }
-), St = "http://www.w3.org/1998/Math/MathML", ir = new Proxy(
+), ft = "http://www.w3.org/1998/Math/MathML", ir = new Proxy(
   {},
   {
-    get: (t, e) => (...r) => $e(e, St, r.flatMap(f))
+    get: (t, e) => (...r) => Pe(e, ft, r.flatMap(f))
   }
 );
-let W = !1;
+let w = !1;
+const M = "data-tempo-attr", x = "data-tempo-class", De = "data-tempo-node", F = "data-tempo-text";
+function dt(t, e) {
+  const r = t.getAttribute(e);
+  if (r != null) {
+    const n = t.getAttribute(M) ?? "{}", s = { ...JSON.parse(n), name: r };
+    t.setAttribute(M, JSON.stringify(s));
+  }
+}
+function Ce(t, e) {
+  console.log("maybeAddAttributeTracker", e, w, t.isFirstLevel), w && t.isFirstLevel && dt(t.element, e);
+}
+function ht(t) {
+  t.querySelectorAll(`[${M}]`).forEach((e) => {
+    const r = JSON.parse(e.getAttribute(M) ?? "{}");
+    for (const [n, s] of Object.entries(r))
+      e.setAttribute(n, s);
+    e.removeAttribute(M);
+  });
+}
+function pt(t) {
+  t.setAttribute(x, t.className);
+}
+function Me(t) {
+  console.log("maybeAddClassTracker", w, t.isFirstLevel), w && t.isFirstLevel && pt(t.element);
+}
+function mt(t) {
+  t.querySelectorAll(`[${x}]`).forEach((e) => {
+    const r = e.getAttribute(x);
+    r !== null && (e.className = r, e.removeAttribute(x));
+  });
+}
+function Ne(t) {
+  t.setAttribute(De, "");
+}
+function gt(t) {
+  t.querySelectorAll(`[${De}]`).forEach((e) => {
+    v(e);
+  });
+}
+function wt(t) {
+  t.setAttribute(F, t.textContent ?? "");
+}
+function $e(t) {
+  console.log("maybeAddTextTracker", w, t.isFirstLevel), w && t.isFirstLevel && wt(t.element);
+}
 function bt(t) {
-  dt(t), ft(t), lt(t), pt(t);
+  t.querySelectorAll(`[${F}]`).forEach((e) => {
+    e.textContent = e.getAttribute(F), e.removeAttribute(F);
+  });
+}
+function vt(t) {
+  gt(t), mt(t), ht(t), bt(t);
 }
-let K = 0;
-const or = (t = 30) => (W = !0, new Promise((e, r) => {
+let H = 0;
+const or = (t = 30) => (w = !0, new Promise((e, r) => {
   let n;
   const s = setInterval(() => {
-    K <= 0 && (clearInterval(s), clearTimeout(n), W = !1, e());
+    H <= 0 && (clearInterval(s), clearTimeout(n), w = !1, e());
   }, 500);
   n = setTimeout(() => {
-    clearInterval(s), W = !1, r(new Error("SSR Timeout"));
+    clearInterval(s), w = !1, r(new Error("SSR Timeout"));
   }, t * 1e3);
-})), y = {
-  useDone(t) {
-    return K++, f(t(() => K--));
-  },
-  get isSSR() {
-    return W;
-  }
+})), U = {
+  useDone: (t) => (H++, f(t(() => H--))),
+  isSSR: () => w
 }, Le = (t, e) => (r) => {
   const n = Object.values(t).reduce((s, i) => {
     const o = r.getProvider(i);
@@ -909,7 +905,7 @@ const or = (t = 30) => (W = !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))), $ = (t) => (e) => (r) => t(r, e);
+}, St = (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);
 }
@@ -926,7 +922,7 @@ const Ie = (t, e) => (r) => f(e)(r.withProviders(t)), lr = (...t) => t.length >
    * @returns The child component with the appearance context.
    */
   provide: (t) => {
-    const e = window.matchMedia != null && window.matchMedia("(prefers-color-scheme: dark)").matches, r = A(e ? "dark" : "light"), n = (i) => {
+    const e = window.matchMedia != null && window.matchMedia("(prefers-color-scheme: dark)").matches, r = y(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(
@@ -941,11 +937,11 @@ const Ie = (t, e) => (r) => f(e)(r.withProviders(t)), lr = (...t) => t.length >
    * @param fn - A function that accepts the `AppearanceType` signal and returns a `Child` element.
    * @returns The `Child` element returned by the provided function.
    */
-  consume: (t) => vt(oe, t)
-}, Re = (t, e) => {
+  consume: (t) => St(oe, t)
+}, Oe = (t, e) => {
   if (typeof e == "function")
-    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 Oe(t, { then: e });
+  const r = e.pending != null ? f(e.pending) : b, n = e.then, s = e.error != null ? (i) => f(e.error(i)) : () => b;
   return (i) => {
     let o = !0;
     const l = t();
@@ -959,10 +955,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 && S(i.reference);
+      o = !1, a(c), c && i.reference && v(i.reference);
     };
   };
-}, dr = (t, e) => Re(() => t, e), hr = (t = 10) => (e) => {
+}, dr = (t, e) => Oe(() => t, e), hr = (t = 10) => (e) => {
   const r = setTimeout(() => {
     var n;
     (n = e.element) == null || n.focus();
@@ -976,21 +972,21 @@ const Ie = (t, e) => (r) => f(e)(r.withProviders(t)), lr = (...t) => t.length >
   return (n) => {
     clearTimeout(r);
   };
-}, Oe = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
+}, Re = (t, e) => (r) => (r.element.addEventListener(t, e), (n) => {
   n && r.element.removeEventListener(t, e);
-}), Et = (t) => Oe("click", (e) => {
+}), Et = (t) => Re("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(
+}), Z = new Proxy(
   {},
   {
-    get: (t, e) => (r) => Oe(e, r)
+    get: (t, e) => (r) => Re(e, r)
   }
-), Y = {
+), X = {
   value: (t) => (e) => {
     const r = e.target;
     t(r.value);
@@ -1038,23 +1034,23 @@ const Ie = (t, e) => (r) => f(e)(r.withProviders(t)), lr = (...t) => t.length >
 function _t(t, e = "input") {
   return g(
     P.valueAsDate(t),
-    X[e](Y.valueAsDate(t.set))
+    Z[e](X.valueAsDate(t.set))
   );
 }
 function Tt(t, e = "input") {
   return g(
     P.valueAsDate(t),
-    X[e](Y.valueAsDateTime(t.set))
+    Z[e](X.valueAsDateTime(t.set))
   );
 }
 function Pt(t, e = "input") {
   return g(
     P.valueAsNumber(t),
-    X[e](Y.valueAsNumber(t.set))
+    Z[e](X.valueAsNumber(t.set))
   );
 }
 function Dt(t, e = "input") {
-  return g(P.value(t), X[e](Y.value(t.set)));
+  return g(P.value(t), Z[e](X.value(t.set)));
 }
 function Ct(t) {
   return g(P.checked(t), Et(t.set));
@@ -1065,7 +1061,7 @@ const mr = {
   number: Pt,
   text: Dt,
   checked: Ct
-}, R = (t, e) => (r) => {
+}, O = (t, e) => (r) => {
   r = r.makeRef();
   let n, s;
   const i = t.map((a) => Object.keys(a)[0]);
@@ -1078,14 +1074,14 @@ const mr = {
     }
   });
   return (a) => {
-    l(), a && r.reference != null && S(r.reference), n == null || n(!0);
+    l(), a && r.reference != null && v(r.reference), n == null || n(!0);
   };
 }, L = {
-  bool: (t, e) => R(
+  bool: (t, e) => O(
     t.map((r) => r ? { true: !0 } : { false: !0 }),
     e
   ),
-  field: (t, e, r) => R(
+  field: (t, e, r) => O(
     t.map((n) => ({ [n[e]]: n })),
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     r
@@ -1093,15 +1089,15 @@ const mr = {
   kind: (t, e) => L.field(t, "kind", e),
   tuple: (t, e) => {
     const r = t.map(([n, s]) => ({ [n]: s }));
-    return R(r, e);
+    return O(r, e);
   },
   type: (t, e) => L.field(t, "type", e),
-  value: (t, e) => R(
+  value: (t, e) => O(
     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;
+  const n = (e == null ? void 0 : e.firstSeparator) ?? b, s = (e == null ? void 0 : e.lastSeparator) ?? b;
   return L.value(
     r.map((i) => i.isFirst ? "first" : i.isLast ? "last" : "other"),
     {
@@ -1110,16 +1106,16 @@ const mr = {
       other: () => t
     }
   );
-}, wr = (t) => (e) => t(e)(e), Sr = (t) => (e) => (e.appendOrInsert(t), (r) => {
-  r && S(t);
+}, wr = (t) => (e) => t(e)(e), br = (t) => (e) => (e.appendOrInsert(t), (r) => {
+  r && v(t);
 }), Mt = (t, e, r) => (n) => {
   n = n.makeRef();
   let s = null, i = !1;
-  const o = A(null), l = 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));
+  const o = y(null), l = t.on((a) => {
+    a == null ? (s == null || s(!0), s = f((r == null ? void 0 : r()) ?? b)(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 && S(n.reference);
+    l(), s == null || s(a), a && n.reference && v(n.reference);
   };
 }, xe = (t, e, r) => r != null ? xe(t, (n) => {
   const s = n.map((i) => i.isLast ? "last" : "other");
@@ -1127,7 +1123,7 @@ const mr = {
     $(() => s.dispose()),
     f(e(n)),
     L.value(s, {
-      last: () => w,
+      last: () => b,
       other: () => r(n)
     })
   );
@@ -1144,14 +1140,14 @@ const mr = {
       (p = i.pop()) == null || p(!0), (m = o.pop()) == null || m.dispose();
     for (let d = 0; d < c; d++)
       if (o[d] == null) {
-        o[d] = A(a[d]);
+        o[d] = y(a[d]);
         const T = f(e(o[d]));
         i[d] = T(n);
       } else
         o[d].value = a[d];
   });
   return (a) => {
-    l(), a && n.reference && S(n.reference);
+    l(), a && n.reference && v(n.reference);
   };
 }, Nt = (t, e, r) => r != null ? Nt(t, (n, s) => {
   const i = s.map((o) => o.isLast ? "last" : "other");
@@ -1159,14 +1155,14 @@ const mr = {
     $(() => i.dispose()),
     f(e(n, s)),
     L.value(i, {
-      last: () => w,
+      last: () => b,
       other: () => r(s)
     })
   ]);
 }) : (n) => {
   const s = t.map((i) => i.length);
   return xe(s, (i) => {
-    const o = U(
+    const o = K(
       () => t.value[i.value.index],
       [i, t]
     );
@@ -1175,7 +1171,7 @@ const mr = {
       f(e(o, i))
     );
   })(n);
-}, br = (t) => {
+}, vr = (t) => {
   const e = t.element, r = e.style.getPropertyValue(":empty");
   return e.style.setProperty(":empty", "display:none"), (n) => {
     n && e.style.setProperty(":empty", r);
@@ -1185,12 +1181,12 @@ function Fe(t, e) {
   const r = t(e);
   return () => r(!0);
 }
-function vr(t, e, { doc: r, clear: n } = {}) {
+function Sr(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 && bt(r ?? s.ownerDocument);
-  const i = ot(s), o = ye(s) ? void 0 : s, l = v.of(i, o);
+  n && (r ?? s.ownerDocument) != null && vt(r ?? s.ownerDocument);
+  const i = ot(s), o = ye(s) ? void 0 : s, l = A.of(i, o);
   return Fe(t, l);
 }
 const $t = (t, e) => (r) => {
@@ -1221,36 +1217,36 @@ const $t = (t, e) => (r) => {
     rootMargin: "0px",
     threshold: 1
   }
-}, z = {
+}, W = {
   partial: /* @__PURE__ */ new Map(),
   full: /* @__PURE__ */ new Map()
 }, N = {
   partial: null,
   full: null
 };
-function Rt(t) {
+function Ot(t) {
   return N[t] == null && (N[t] = new IntersectionObserver((e) => {
     e.forEach((r) => {
-      const n = z[t].get(r.target);
+      const n = W[t].get(r.target);
       n == null || n.set(r.isIntersecting);
     });
   }, It[t])), N[t];
 }
-function Ot(t, e) {
-  const r = A(y.isSSR);
+function Rt(t, e) {
+  const r = y(U.isSSR());
   return g(
     Lt((n) => {
-      const s = typeof IntersectionObserver < "u" ? Rt(t) : null;
-      return z[t].set(n, r), s == null || s.observe(n), () => {
+      const s = typeof IntersectionObserver < "u" ? Ot(t) : null;
+      return W[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 = N[t]) == null || i.disconnect(), N[t] = null);
+        s == null || s.unobserve(n), W[t].delete(n), W[t].size === 0 && ((i = N[t]) == null || i.disconnect(), N[t] = null);
       };
     }),
     $(r.dispose),
     f(e(r))
   );
 }
-const Er = (t, e, r) => Ot(t, (n) => B(n, e, r ?? w)), _r = (t, e) => (r) => {
+const Er = (t, e, r) => Rt(t, (n) => B(n, e, r ?? b)), _r = (t, e) => (r) => {
   r = r.makeRef();
   const n = t.map((o) => f(e(o)));
   let s = () => {
@@ -1262,7 +1258,7 @@ const Er = (t, e, r) => Ot(t, (n) => B(n, e, r ?? w)), _r = (t, e) => (r) => {
     i(), s(o);
   };
 };
-function Tr(t, e, r = w) {
+function Tr(t, e, r = b) {
   return B(
     t.map((n) => n.length > 0),
     e,
@@ -1270,7 +1266,7 @@ function Tr(t, e, r = w) {
   );
 }
 const xt = (t) => (e) => {
-  const r = e.element, n = A({ width: r.clientWidth, height: r.clientHeight }), s = f(t(n))(e), i = () => {
+  const r = e.element, n = y({ width: r.clientWidth, height: r.clientHeight }), s = f(t(n))(e), i = () => {
     n.set({ width: r.clientWidth, height: r.clientHeight });
   };
   let o;
@@ -1278,7 +1274,7 @@ const xt = (t) => (e) => {
     o == null || o.disconnect(), s(l);
   };
 }, Ft = (t) => (e) => {
-  const r = A({
+  const r = y({
     width: (window == null ? void 0 : window.innerWidth) ?? 0,
     height: (window == null ? void 0 : window.innerHeight) ?? 0
   }), n = f(t(r))(e), s = () => {
@@ -1316,17 +1312,17 @@ export {
   D as Computed,
   gr as Conjunction,
   wr as Ctx,
-  v as DOMContext,
-  Sr as DOMEl,
-  Ne as El,
-  $e as ElNS,
-  w as Empty,
+  A as DOMContext,
+  br as DOMEl,
+  Te as El,
+  Pe as ElNS,
+  b as Empty,
   Mt as Ensure,
   Nt as ForEach,
   g as Fragment,
   Ar as HTMLTitle,
-  br as HiddenWhenEmpty,
-  Ot as InViewport,
+  vr as HiddenWhenEmpty,
+  Rt as InViewport,
   _r as MapSignal,
   de as MemoryStore,
   Tr as NotEmpty,
@@ -1335,39 +1331,40 @@ export {
   Lt as OnMount,
   $t as Portal,
   ke as Position,
-  V as Prop,
+  z as Prop,
   lr as Provide,
   xe as Repeat,
   h as Signal,
-  Re as Task,
+  Oe as Task,
   Gt as Text,
   yr as Unless,
   ar as Use,
-  vt as UseProvider,
+  St as UseProvider,
   ur as UseProviders,
   B as When,
   Er as WhenInViewport,
   yt as WithProvider,
   cr as WithProviders,
+  Ne as addNodeTracker,
   Ke as animate,
   jt as animateOne,
   fr as appearance,
   oe as appearanceMarker,
   Bt as applyAnimatable,
-  O as applyAnimatableProp,
+  R as applyAnimatableProp,
   Ut as applyInterpolatedAnimatable,
   et as applyInterpolatedAnimatableProp,
   Qt as aria,
   P as attr,
   mr as bind,
   f as childToMountable,
-  bt as clearSSR,
+  vt as clearSSR,
   Be as colorChannelsToString,
-  U as computed,
+  K as computed,
   kt as computedRecord,
   Xe as dateInterpolate,
   qt as effect,
-  Y as emit,
+  X as emit,
   Ye as endInterpolate,
   Kt as getComputedAnimatable,
   Ge as getComputedAnimatableProp,
@@ -1381,19 +1378,26 @@ export {
   ye as isElement,
   Ae as makeGetter,
   At as makeProviderMark,
-  ve as makeSetter,
+  Se as makeSetter,
   ir as math,
   tr as mathAttr,
+  Ce as maybeAddAttributeTracker,
+  Me as maybeAddClassTracker,
+  $e as maybeAddTextTracker,
   qe as numberInterpolate,
-  X as on,
+  Z as on,
   L as oneof,
   se as parseColorChannels,
-  A as prop,
+  y as prop,
   Xt as propOfLocalStorage,
   Yt as propOfSessionStorage,
   he as propOfStorage,
-  S as removeDOMNode,
-  vr as render,
+  ht as removeAttributeTrackers,
+  mt as removeClassTrackers,
+  v as removeDOMNode,
+  gt as removeNodeTrackers,
+  bt as removeTextTrackers,
+  Sr as render,
   Fe as renderWithContext,
   it as setAttribute,
   tt as setBooleanProperty,
@@ -1401,11 +1405,11 @@ export {
   rt as setNumberProperty,
   st as setStringProperty,
   Zt as signal,
-  Me as signalText,
+  _e as signalText,
   Pr as size,
-  y as ssr,
+  U as ssr,
   or as startSSR,
-  Ce as staticText,
+  Ee as staticText,
   Ze as stringInterpolate,
   Dr as style,
   sr as svg,

package/package.json

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

package/dom/ssr-tracker.d.ts

@@ -1,10 +0,0 @@
-import { DOMContext } from './dom-context';
-
-export declare function maybeAddAttributeTracker(ctx: DOMContext, name: string): void;
-export declare function removeAttributeTrackers(doc: Document): 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 maybeAddTextTracker(ctx: DOMContext): void;
-export declare function removeTextTrackers(doc: Document): void;