xote 4.6.0 → 4.7.0

package/dist/xote.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let J={contents:0};function Y(){return J.contents=J.contents+1|0,J.contents}function Pe(e){return e===void 0?{BS_PRIVATE_NESTED_SOME_NONE:0}:e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0?{BS_PRIVATE_NESTED_SOME_NONE:e.BS_PRIVATE_NESTED_SOME_NONE+1|0}:e}function xe(e){if(e!=null)return Pe(e)}function ce(e){if(e===null||e.BS_PRIVATE_NESTED_SOME_NONE===void 0)return e;let t=e.BS_PRIVATE_NESTED_SOME_NONE;if(t!==0)return{BS_PRIVATE_NESTED_SOME_NONE:t-1|0}}function Z(e,t){return e!==void 0?ce(e):t}function Ge(e,t,n){return e.reduce(n,t)}function De(e,t){let n=e.length,r=new Array(n),l=0;for(let u=0;u<n;++u){let s=e[u],c=t(s);c!==void 0&&(r[l]=ce(c),l=l+1|0)}return r.length=l,r}function Fe(e,t){let n=0;for(;;){let r=n;if(r===e.length)return;let l=t(e[r]);if(l!==void 0)return l;n=r+1|0}}let h=new Map,I=new Map,L=new Map,p={contents:void 0},j=new Set,O={contents:!1},v={contents:!1};function ee(e){if(I.get(e)===void 0){I.set(e,new Set);return}}function Le(e,t){let n=I.get(e);if(n!==void 0){n.forEach(t);return}}function Be(e,t){let n=I.get(e);if(n!==void 0){n.add(t);return}}function ze(e,t){let n=I.get(e);if(n!==void 0){n.delete(t);return}}function Ve(e){return Array.from(Z(I.get(e),new Set).values())}function de(e,t){let n=p.contents;p.contents=e;try{let r=t();return p.contents=n,r}catch(r){throw p.contents=n,r}}function We(e){let t=p.contents;p.contents=void 0;try{let n=e();return p.contents=t,n}catch(n){throw p.contents=t,n}}function Xe(e){let t=p.contents;return t!==void 0?t===e:!1}function qe(e){if(!O.contents){O.contents=!0;try{e(),O.contents=!1;return}catch(t){throw O.contents=!1,t}}}function Ke(e,t){ee(t);let n=Xe(e),r=h.get(e);if(n&&r!==void 0&&!r.deps.has(t))return r.deps.add(t),Be(t,e)}function P(e){e.deps.forEach(t=>ze(t,e.id)),e.deps.clear()}function He(e){let t=L.get(e);if(t===void 0)return;L.delete(e);let n=h.get(t);if(n!==void 0){P(n),h.delete(t);return}}function ae(e){return Ge(e,0,(t,n)=>n>t?n:t)}function Ue(e){let t=[];return e.deps.forEach(n=>Le(n,r=>{if(r===e.id)return;let l=h.get(r);if(l===void 0)return;if(typeof l.kind=="object"){t.push(l.level);return}})),ae(t)+1|0}function Je(e){let t=[];return e.deps.forEach(n=>{let r=L.get(n);if(r===void 0||r===e.id)return;let l=h.get(r);if(l!==void 0){t.push(l.level);return}}),ae(t)+1|0}function W(e){return typeof e.kind=="object"?Je(e):Ue(e)}function Qe(e,t){let n=h.get(e),r=h.get(t);if(n===void 0)return r!==void 0?1:0;if(r===void 0)return-1;let u=typeof n.kind=="object"?0:1,c=typeof r.kind=="object"?0:1,d=u-c|0;return d!==0?d:n.level-r.level|0}function Ye(e){v.contents=!0,P(e),de(e.id,()=>{e.run(),v.contents=!1}),e.level=W(e)}function se(){for(;j.size>0;){let e=Array.from(j.values());j.clear(),e.sort(Qe),e.forEach(t=>{let n=h.get(t);if(n!==void 0)return Ye(n)})}}function fe(e){if(ee(e),Ve(e).forEach(t=>{let n=h.get(t);if(n===void 0)return;let r=n.kind;if(typeof r=="object")return n.dirty?void 0:(n.dirty=!0,fe(r.VAL));j.add(t)}),j.size>0)return qe(se)}function pe(e){let t=L.get(e);if(t===void 0)return;let n=h.get(t);if(n!==void 0&&n.dirty){v.contents=!0,P(n),de(t,()=>{n.run(),n.dirty=!1,v.contents=!1}),n.level=W(n);return}}function Ze(e){let t=O.contents;O.contents=!0;try{let n=e();return t||(O.contents=!1,j.size>0&&se()),n}catch(n){throw t||(O.contents=!1),n}}let et=We,tt=ee;function me(e,t,n){let r=Y();return tt(r),{id:r,value:{contents:e},version:{contents:0},equals:Z(n,(l,u)=>l===u),name:t}}function nt(e){pe(e.id);let t=p.contents;return t!==void 0&&Ke(t,e.id),e.value.contents}function rt(e){return pe(e.id),e.value.contents}function he(e,t){let n;try{n=!e.equals(e.value.contents,t)}catch{n=!0}if(n)return e.value.contents=t,e.version.contents=e.version.contents+1|0,fe(e.id)}function lt(e,t){he(e,t(e.value.contents))}let ut,it,ot=Ze,ct=et;const dt=Object.freeze(Object.defineProperty({__proto__:null,Id:ut,Scheduler:it,batch:ot,get:nt,make:me,peek:rt,set:he,untrack:ct,update:lt},Symbol.toStringTag,{value:"Module"}));function _e(e,t,n,r){return{id:e,kind:t,run:n,deps:new Set,level:0,dirty:!0,name:r}}function at(e,t){let n=Y(),r={contents:void 0},u=_e(n,"Effect",()=>{let d=r.contents;d!==void 0&&d(),r.contents=e()},t);h.set(n,u),v.contents=!0,P(u);let s=p.contents;p.contents=n;try{u.run(),v.contents=!1}catch(d){throw p.contents=s,v.contents=!1,d}return p.contents=s,u.level=W(u),{dispose:()=>{let d=h.get(n);if(d===void 0)return;let x=r.contents;x!==void 0&&x(),P(d),h.delete(n)}}}let st,ft,pt;const mt=Object.freeze(Object.defineProperty({__proto__:null,Id:st,Observer:ft,Scheduler:pt,run:at},Symbol.toStringTag,{value:"Module"}));function ht(e,t){let n=me(void 0,t,void 0),r=Y(),l=()=>{let c=e();n.value.contents=c},u=_e(r,{NAME:"Computed",VAL:n.id},l,void 0);h.set(r,u),v.contents=!0,P(u);let s=p.contents;p.contents=r;try{u.run(),u.dirty=!1,v.contents=!1}catch(c){throw p.contents=s,v.contents=!1,c}return p.contents=s,u.level=W(u),L.set(n.id,r),n}function _t(e){He(e.id)}let gt,St,Et,bt;const vt=Object.freeze(Object.defineProperty({__proto__:null,Id:gt,Observer:Et,Scheduler:bt,Signal:St,dispose:_t,make:ht},Symbol.toStringTag,{value:"Module"}));let o=dt,S=vt,w=mt;function ge(e){return De(e.split("/"),t=>{if(t!=="")return t.startsWith(":")?{TAG:"Param",_0:t.slice(1)}:{TAG:"Static",_0:t}})}function Se(e,t){let n=t.split("/").filter(u=>u!=="");if(e.length!==n.length)return"NoMatch";let r={};return e.every((u,s)=>{let c=n[s];return u.TAG==="Static"?c===u._0:(r[u._0]=c,!0)})?{TAG:"Match",_0:r}:"NoMatch"}function te(e,t){return Se(ge(e),t)}const yt=Object.freeze(Object.defineProperty({__proto__:null,match:te,matchPath:Se,parsePattern:ge},Symbol.toStringTag,{value:"Module"}));function wt(e,t){delete e[t]}function C(e,t,n){switch(t){case"checked":e.checked=n==="true";return;case"disabled":e.disabled=n==="true";return;case"aria-expanded":case"aria-hidden":case"aria-selected":case"multiple":case"readonly":case"required":break;case"value":e.value=n;return;default:e.setAttribute(t,n);return}n==="true"?e.setAttribute(t,""):e.removeAttribute(t)}let Ot={setAttrOrProp:C},V={contents:void 0};function kt(){return{disposers:[],computeds:[]}}function N(e,t){let n=V.contents;V.contents=e;let r=t();return V.contents=n,r}function M(e,t){e.disposers.push(t)}function Ee(e){e.disposers.forEach(t=>t.dispose()),e.computeds.forEach(t=>S.dispose(t))}function R(e,t){e.__xote_owner__=t}function be(e){return xe(e.__xote_owner__)}let Tt={currentOwner:V,createOwner:kt,runWithOwner:N,addDisposer:M,disposeOwner:Ee,setOwner:R,getOwner:be};function ve(e,t){return[e,{TAG:"Static",_0:t}]}function ye(e,t){return[e,{TAG:"SignalValue",_0:t}]}function we(e,t){return[e,{TAG:"Compute",_0:t}]}let At={$$static:ve,signal:ye,computed:we};function F(e){let t=be(e);t!==void 0&&Ee(t),Array.from(e.childNodes||[]).forEach(F)}function y(e){switch(e.TAG){case"Element":let t=e.children,n=e.events,r=e.attrs,l=document.createElement(e.tag),u={disposers:[],computeds:[]};return R(l,u),N(u,()=>{r.forEach(i=>{let m=i[1],g=i[0];switch(m.TAG){case"Static":return C(l,g,m._0);case"SignalValue":let E=m._0;C(l,g,o.peek(E));let b=w.run(()=>{C(l,g,o.get(E))},void 0);return M(u,b);case"Compute":let D=m._0;C(l,g,D());let $=w.run(()=>{C(l,g,D())},void 0);return M(u,$)}}),n.forEach(i=>{l.addEventListener(i[0],i[1])}),t.forEach(i=>{let m=y(i);l.appendChild(m)})}),l;case"Text":return document.createTextNode(e._0);case"SignalText":let s=e._0,c=document.createTextNode(o.peek(s)),d={disposers:[],computeds:[]};return R(c,d),N(d,()=>{let i=w.run(()=>{c.textContent=o.get(s)},void 0);M(d,i)}),c;case"Fragment":let x=document.createDocumentFragment();return e._0.forEach(i=>{let m=y(i);x.appendChild(m)}),x;case"SignalFragment":let $e=e._0,X={disposers:[],computeds:[]},A=document.createElement("div");return A.setAttribute("style","display: contents"),R(A,X),N(X,()=>{let i=w.run(()=>{let m=o.get($e);Array.from(A.childNodes||[]).forEach(F),A.innerHTML="",m.forEach(E=>{let b=y(E);A.appendChild(b)})},void 0);M(X,i)}),A;case"LazyComponent":let re={disposers:[],computeds:[]},Ce=N(re,e._0),le=y(Ce);return R(le,re),le;case"KeyedList":let q=e.renderItem,K=e.keyFn,ue=e.signal,H={disposers:[],computeds:[]},U=document.createComment(" keyed-list-start "),G=document.createComment(" keyed-list-end ");R(U,H);let k={},Ne=()=>{let i=G.parentNode;if(i==null)return;let m=o.get(ue),g={};m.forEach(a=>{g[K(a)]=a});let E=[];Object.keys(k).forEach(a=>{if(g[a]===void 0){E.push(a);return}}),E.forEach(a=>{let f=k[a];if(f!==void 0){F(f.element),f.element.remove(),wt(k,a);return}});let b=[],D={};m.forEach(a=>{let f=K(a),z=k[f];if(z!==void 0){if(z.item!==a){D[f]=!0;let je=q(a),Ie=y(je),oe={key:f,item:a,element:Ie};b.push(oe),k[f]=oe;return}b.push(z);return}let Me=q(a),Re=y(Me),ie={key:f,item:a,element:Re};b.push(ie),k[f]=ie});let $={contents:U.nextSibling};b.forEach(a=>{let f=$.contents;if(f==null){i.insertBefore(a.element,G);return}if(f===G){i.insertBefore(a.element,G);return}if(f===a.element){$.contents=f.nextSibling;return}Z(D[a.key],!1)?(F(f),i.replaceChild(a.element,f),$.contents=a.element.nextSibling):(i.insertBefore(a.element,f),$.contents=a.element.nextSibling)})},B=document.createDocumentFragment();return B.appendChild(U),o.peek(ue).forEach(i=>{let m=K(i),g=q(i),E=y(g),b={key:m,item:i,element:E};k[m]=b,B.appendChild(E)}),B.appendChild(G),N(H,()=>{let i=w.run(()=>{Ne()},void 0);M(H,i)}),B}}let $t={disposeElement:F,render:y};function Ct(e){return{TAG:"Text",_0:e}}function Nt(e){return{TAG:"SignalText",_0:S.make(e,void 0)}}function Mt(e){return{TAG:"Fragment",_0:e}}function ne(e){return{TAG:"SignalFragment",_0:e}}function Rt(e,t){return{TAG:"SignalFragment",_0:S.make(()=>o.get(e).map(t),void 0)}}function jt(e,t,n){return{TAG:"KeyedList",signal:e,keyFn:t,renderItem:n}}function _(e,t,n,r,l){let u=t!==void 0?t:[].map(d=>d),s=n!==void 0?n:[].map(d=>d),c=r!==void 0?r:[].map(d=>d);return{TAG:"Element",tag:e,attrs:u,events:s,children:c}}function It(e,t,n,r){return _("div",e,t,n)}function Pt(e,t,n,r){return _("span",e,t,n)}function xt(e,t,n,r){return _("button",e,t,n)}function Gt(e,t,n){return _("input",e,t,void 0)}function Dt(e,t,n,r){return _("h1",e,t,n)}function Ft(e,t,n,r){return _("h2",e,t,n)}function Lt(e,t,n,r){return _("h3",e,t,n)}function Bt(e,t,n,r){return _("p",e,t,n)}function zt(e,t,n,r){return _("ul",e,t,n)}function Vt(e,t,n,r){return _("li",e,t,n)}function Oe(e,t,n,r){return _("a",e,t,n)}function Wt(){return{TAG:"Text",_0:""}}function ke(e,t){let n=y(e);t.appendChild(n)}function Xt(e,t){let n=document.getElementById(t);if(n==null){console.error("Container element not found: "+t);return}else return ke(e,n)}let Te=ve,qt=ye,Kt=we;const Ht=Object.freeze(Object.defineProperty({__proto__:null,$$null:Wt,Attributes:At,DOM:Ot,Reactivity:Tt,Render:$t,a:Oe,attr:Te,button:xt,computedAttr:Kt,div:It,element:_,fragment:Mt,h1:Dt,h2:Ft,h3:Lt,input:Gt,keyedList:jt,li:Vt,list:Rt,mount:ke,mountById:Xt,p:Bt,signalAttr:qt,signalFragment:ne,span:Pt,text:Ct,textSignal:Nt,ul:zt},Symbol.toStringTag,{value:"Module"}));let T=o.make({pathname:"/",search:"",hash:""},void 0,void 0);function Q(){return{pathname:window.location.pathname,search:window.location.search,hash:window.location.hash}}function Ut(){o.set(T,Q());let e=t=>o.set(T,Q());window.addEventListener("popstate",e)}function Ae(e,t,n,r){let l=t!==void 0?t:"",u=n!==void 0?n:"",s={pathname:e,search:l,hash:u},c=e+l+u,d={};window.history.pushState(d,"",c),o.set(T,s)}function Jt(e,t,n,r){let l=t!==void 0?t:"",u=n!==void 0?n:"",s={pathname:e,search:l,hash:u},c=e+l+u,d={};window.history.replaceState(d,"",c),o.set(T,s)}function Qt(e,t){return ne(S.make(()=>{let n=o.get(T),r=te(e,n.pathname);return typeof r!="object"?[]:[t(r._0)]},void 0))}function Yt(e){return ne(S.make(()=>{let t=o.get(T),n=Fe(e,r=>{let l=te(r.pattern,t.pathname);if(typeof l=="object")return r.render(l._0)});return n!==void 0?[n]:[]},void 0))}function Zt(e,t,n,r){let l=t!==void 0?t:[],u=n!==void 0?n:[],s=c=>{c.preventDefault(),Ae(e,void 0,void 0)};return Oe(l.concat([Te("href",e)]),[["click",s]],u)}let en,tn;const nn=Object.freeze(Object.defineProperty({__proto__:null,Component:en,Route:tn,getCurrentLocation:Q,init:Ut,link:Zt,location:T,push:Ae,replace:Jt,route:Qt,routes:Yt},Symbol.toStringTag,{value:"Module"}));function rn(e){return e.TAG==="Reactive"?o.get(e._0):e._0}const ln=Object.freeze(Object.defineProperty({__proto__:null,get:rn},Symbol.toStringTag,{value:"Module"}));let un=o.Id,on=o.Scheduler,cn=o.make,dn=o.get,an=o.peek,sn=o.set,fn=o.update,pn=o.batch,mn=o.untrack,hn={Id:un,Scheduler:on,make:cn,get:dn,peek:an,set:sn,update:fn,batch:pn,untrack:mn},_n=S.Id,gn=S.Signal,Sn=S.Observer,En=S.Scheduler,bn=S.make,vn=S.dispose,yn={Id:_n,Signal:gn,Observer:Sn,Scheduler:En,make:bn,dispose:vn},wn=w.Id,On=w.Observer,kn=w.Scheduler,Tn=w.run,An={Id:wn,Observer:On,Scheduler:kn,run:Tn},$n=Ht,Cn=yt,Nn=nn,Mn=ln;exports.Component=$n;exports.Computed=yn;exports.Effect=An;exports.ReactiveProp=Mn;exports.Route=Cn;exports.Router=Nn;exports.Signal=hn;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let J={contents:0};function Y(){return J.contents=J.contents+1|0,J.contents}function Pe(e){return e===void 0?{BS_PRIVATE_NESTED_SOME_NONE:0}:e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0?{BS_PRIVATE_NESTED_SOME_NONE:e.BS_PRIVATE_NESTED_SOME_NONE+1|0}:e}function xe(e){if(e!=null)return Pe(e)}function ce(e){if(e===null||e.BS_PRIVATE_NESTED_SOME_NONE===void 0)return e;let t=e.BS_PRIVATE_NESTED_SOME_NONE;if(t!==0)return{BS_PRIVATE_NESTED_SOME_NONE:t-1|0}}function Z(e,t){return e!==void 0?ce(e):t}function Ge(e,t,n){return e.reduce(n,t)}function De(e,t){let n=e.length,r=new Array(n),l=0;for(let u=0;u<n;++u){let s=e[u],c=t(s);c!==void 0&&(r[l]=ce(c),l=l+1|0)}return r.length=l,r}function Fe(e,t){let n=0;for(;;){let r=n;if(r===e.length)return;let l=t(e[r]);if(l!==void 0)return l;n=r+1|0}}let h=new Map,I=new Map,L=new Map,p={contents:void 0},j=new Set,O={contents:!1},b={contents:!1};function ee(e){if(I.get(e)===void 0){I.set(e,new Set);return}}function Le(e,t){let n=I.get(e);if(n!==void 0){n.forEach(t);return}}function Be(e,t){let n=I.get(e);if(n!==void 0){n.add(t);return}}function ze(e,t){let n=I.get(e);if(n!==void 0){n.delete(t);return}}function Ve(e){return Array.from(Z(I.get(e),new Set).values())}function ae(e,t){let n=p.contents;p.contents=e;try{let r=t();return p.contents=n,r}catch(r){throw p.contents=n,r}}function We(e){let t=p.contents;p.contents=void 0;try{let n=e();return p.contents=t,n}catch(n){throw p.contents=t,n}}function Xe(e){let t=p.contents;return t!==void 0?t===e:!1}function qe(e){if(!O.contents){O.contents=!0;try{e(),O.contents=!1;return}catch(t){throw O.contents=!1,t}}}function Ke(e,t){ee(t);let n=Xe(e),r=h.get(e);if(n&&r!==void 0&&!r.deps.has(t))return r.deps.add(t),Be(t,e)}function P(e){e.deps.forEach(t=>ze(t,e.id)),e.deps.clear()}function He(e){let t=L.get(e);if(t===void 0)return;L.delete(e);let n=h.get(t);if(n!==void 0){P(n),h.delete(t);return}}function de(e){return Ge(e,0,(t,n)=>n>t?n:t)}function Ue(e){let t=[];return e.deps.forEach(n=>Le(n,r=>{if(r===e.id)return;let l=h.get(r);if(l===void 0)return;if(typeof l.kind=="object"){t.push(l.level);return}})),de(t)+1|0}function Je(e){let t=[];return e.deps.forEach(n=>{let r=L.get(n);if(r===void 0||r===e.id)return;let l=h.get(r);if(l!==void 0){t.push(l.level);return}}),de(t)+1|0}function W(e){return typeof e.kind=="object"?Je(e):Ue(e)}function Qe(e,t){let n=h.get(e),r=h.get(t);if(n===void 0)return r!==void 0?1:0;if(r===void 0)return-1;let u=typeof n.kind=="object"?0:1,c=typeof r.kind=="object"?0:1,a=u-c|0;return a!==0?a:n.level-r.level|0}function Ye(e){b.contents=!0,P(e),ae(e.id,()=>{e.run(),b.contents=!1}),e.level=W(e)}function se(){for(;j.size>0;){let e=Array.from(j.values());j.clear(),e.sort(Qe),e.forEach(t=>{let n=h.get(t);if(n!==void 0)return Ye(n)})}}function fe(e){if(ee(e),Ve(e).forEach(t=>{let n=h.get(t);if(n===void 0)return;let r=n.kind;if(typeof r=="object")return n.dirty?void 0:(n.dirty=!0,fe(r.VAL));j.add(t)}),j.size>0)return qe(se)}function pe(e){let t=L.get(e);if(t===void 0)return;let n=h.get(t);if(n!==void 0&&n.dirty){b.contents=!0,P(n),ae(t,()=>{n.run(),n.dirty=!1,b.contents=!1}),n.level=W(n);return}}function Ze(e){let t=O.contents;O.contents=!0;try{let n=e();return t||(O.contents=!1,j.size>0&&se()),n}catch(n){throw t||(O.contents=!1),n}}let et=We,tt=ee;function me(e,t,n){let r=Y();return tt(r),{id:r,value:{contents:e},version:{contents:0},equals:Z(n,(l,u)=>l===u),name:t}}function nt(e){pe(e.id);let t=p.contents;return t!==void 0&&Ke(t,e.id),e.value.contents}function rt(e){return pe(e.id),e.value.contents}function he(e,t){let n;try{n=!e.equals(e.value.contents,t)}catch{n=!0}if(n)return e.value.contents=t,e.version.contents=e.version.contents+1|0,fe(e.id)}function lt(e,t){he(e,t(e.value.contents))}let ut,it,ot=Ze,ct=et;const at=Object.freeze(Object.defineProperty({__proto__:null,Id:ut,Scheduler:it,batch:ot,get:nt,make:me,peek:rt,set:he,untrack:ct,update:lt},Symbol.toStringTag,{value:"Module"}));function _e(e,t,n,r){return{id:e,kind:t,run:n,deps:new Set,level:0,dirty:!0,name:r}}function dt(e,t){let n=Y(),r={contents:void 0},u=_e(n,"Effect",()=>{let a=r.contents;a!==void 0&&a(),r.contents=e()},t);h.set(n,u),b.contents=!0,P(u);let s=p.contents;p.contents=n;try{u.run(),b.contents=!1}catch(a){throw p.contents=s,b.contents=!1,a}return p.contents=s,u.level=W(u),{dispose:()=>{let a=h.get(n);if(a===void 0)return;let x=r.contents;x!==void 0&&x(),P(a),h.delete(n)}}}let st,ft,pt;const mt=Object.freeze(Object.defineProperty({__proto__:null,Id:st,Observer:ft,Scheduler:pt,run:dt},Symbol.toStringTag,{value:"Module"}));function ht(e,t){let n=me(void 0,t,void 0),r=Y(),l=()=>{let c=e();n.value.contents=c},u=_e(r,{NAME:"Computed",VAL:n.id},l,void 0);h.set(r,u),b.contents=!0,P(u);let s=p.contents;p.contents=r;try{u.run(),u.dirty=!1,b.contents=!1}catch(c){throw p.contents=s,b.contents=!1,c}return p.contents=s,u.level=W(u),L.set(n.id,r),n}function _t(e){He(e.id)}let gt,St,Et,vt;const bt=Object.freeze(Object.defineProperty({__proto__:null,Id:gt,Observer:Et,Scheduler:vt,Signal:St,dispose:_t,make:ht},Symbol.toStringTag,{value:"Module"}));let o=at,S=bt,w=mt;function ge(e){return De(e.split("/"),t=>{if(t!=="")return t.startsWith(":")?{TAG:"Param",_0:t.slice(1)}:{TAG:"Static",_0:t}})}function Se(e,t){let n=t.split("/").filter(u=>u!=="");if(e.length!==n.length)return"NoMatch";let r={};return e.every((u,s)=>{let c=n[s];return u.TAG==="Static"?c===u._0:(r[u._0]=c,!0)})?{TAG:"Match",_0:r}:"NoMatch"}function te(e,t){return Se(ge(e),t)}const yt=Object.freeze(Object.defineProperty({__proto__:null,match:te,matchPath:Se,parsePattern:ge},Symbol.toStringTag,{value:"Module"}));function wt(e,t){delete e[t]}function C(e,t,n){switch(t){case"checked":e.checked=n==="true";return;case"disabled":e.disabled=n==="true";return;case"aria-expanded":case"aria-hidden":case"aria-selected":case"multiple":case"readonly":case"required":break;case"value":e.value=n;return;default:e.setAttribute(t,n);return}n==="true"?e.setAttribute(t,""):e.removeAttribute(t)}let Ot={setAttrOrProp:C},V={contents:void 0};function Tt(){return{disposers:[],computeds:[]}}function N(e,t){let n=V.contents;V.contents=e;let r=t();return V.contents=n,r}function M(e,t){e.disposers.push(t)}function Ee(e){e.disposers.forEach(t=>t.dispose()),e.computeds.forEach(t=>S.dispose(t))}function R(e,t){e.__xote_owner__=t}function ve(e){return xe(e.__xote_owner__)}let kt={currentOwner:V,createOwner:Tt,runWithOwner:N,addDisposer:M,disposeOwner:Ee,setOwner:R,getOwner:ve};function be(e,t){return[e,{TAG:"Static",_0:t}]}function ye(e,t){return[e,{TAG:"SignalValue",_0:t}]}function we(e,t){return[e,{TAG:"Compute",_0:t}]}let At={$$static:be,signal:ye,computed:we};function F(e){let t=ve(e);t!==void 0&&Ee(t),Array.from(e.childNodes||[]).forEach(F)}function y(e){switch(e.TAG){case"Element":let t=e.children,n=e.events,r=e.attrs,l=document.createElement(e.tag),u={disposers:[],computeds:[]};return R(l,u),N(u,()=>{r.forEach(i=>{let m=i[1],g=i[0];switch(m.TAG){case"Static":return C(l,g,m._0);case"SignalValue":let E=m._0;C(l,g,o.peek(E));let v=w.run(()=>{C(l,g,o.get(E))},void 0);return M(u,v);case"Compute":let D=m._0;C(l,g,D());let $=w.run(()=>{C(l,g,D())},void 0);return M(u,$)}}),n.forEach(i=>{l.addEventListener(i[0],i[1])}),t.forEach(i=>{let m=y(i);l.appendChild(m)})}),l;case"Text":return document.createTextNode(e._0);case"SignalText":let s=e._0,c=document.createTextNode(o.peek(s)),a={disposers:[],computeds:[]};return R(c,a),N(a,()=>{let i=w.run(()=>{c.textContent=o.get(s)},void 0);M(a,i)}),c;case"Fragment":let x=document.createDocumentFragment();return e._0.forEach(i=>{let m=y(i);x.appendChild(m)}),x;case"SignalFragment":let $e=e._0,X={disposers:[],computeds:[]},A=document.createElement("div");return A.setAttribute("style","display: contents"),R(A,X),N(X,()=>{let i=w.run(()=>{let m=o.get($e);Array.from(A.childNodes||[]).forEach(F),A.innerHTML="",m.forEach(E=>{let v=y(E);A.appendChild(v)})},void 0);M(X,i)}),A;case"LazyComponent":let re={disposers:[],computeds:[]},Ce=N(re,e._0),le=y(Ce);return R(le,re),le;case"KeyedList":let q=e.renderItem,K=e.keyFn,ue=e.signal,H={disposers:[],computeds:[]},U=document.createComment(" keyed-list-start "),G=document.createComment(" keyed-list-end ");R(U,H);let T={},Ne=()=>{let i=G.parentNode;if(i==null)return;let m=o.get(ue),g={};m.forEach(d=>{g[K(d)]=d});let E=[];Object.keys(T).forEach(d=>{if(g[d]===void 0){E.push(d);return}}),E.forEach(d=>{let f=T[d];if(f!==void 0){F(f.element),f.element.remove(),wt(T,d);return}});let v=[],D={};m.forEach(d=>{let f=K(d),z=T[f];if(z!==void 0){if(z.item!==d){D[f]=!0;let je=q(d),Ie=y(je),oe={key:f,item:d,element:Ie};v.push(oe),T[f]=oe;return}v.push(z);return}let Me=q(d),Re=y(Me),ie={key:f,item:d,element:Re};v.push(ie),T[f]=ie});let $={contents:U.nextSibling};v.forEach(d=>{let f=$.contents;if(f==null){i.insertBefore(d.element,G);return}if(f===G){i.insertBefore(d.element,G);return}if(f===d.element){$.contents=f.nextSibling;return}Z(D[d.key],!1)?(F(f),i.replaceChild(d.element,f),$.contents=d.element.nextSibling):(i.insertBefore(d.element,f),$.contents=d.element.nextSibling)})},B=document.createDocumentFragment();return B.appendChild(U),o.peek(ue).forEach(i=>{let m=K(i),g=q(i),E=y(g),v={key:m,item:i,element:E};T[m]=v,B.appendChild(E)}),B.appendChild(G),N(H,()=>{let i=w.run(()=>{Ne()},void 0);M(H,i)}),B}}let $t={disposeElement:F,render:y};function Ct(e){return{TAG:"Text",_0:e}}function Nt(e){return{TAG:"SignalText",_0:S.make(e,void 0)}}function Mt(e){return{TAG:"Fragment",_0:e}}function ne(e){return{TAG:"SignalFragment",_0:e}}function Rt(e,t){return{TAG:"SignalFragment",_0:S.make(()=>o.get(e).map(t),void 0)}}function jt(e,t,n){return{TAG:"KeyedList",signal:e,keyFn:t,renderItem:n}}function _(e,t,n,r,l){let u=t!==void 0?t:[].map(a=>a),s=n!==void 0?n:[].map(a=>a),c=r!==void 0?r:[].map(a=>a);return{TAG:"Element",tag:e,attrs:u,events:s,children:c}}function It(e,t,n,r){return _("div",e,t,n)}function Pt(e,t,n,r){return _("span",e,t,n)}function xt(e,t,n,r){return _("button",e,t,n)}function Gt(e,t,n){return _("input",e,t,void 0)}function Dt(e,t,n,r){return _("h1",e,t,n)}function Ft(e,t,n,r){return _("h2",e,t,n)}function Lt(e,t,n,r){return _("h3",e,t,n)}function Bt(e,t,n,r){return _("p",e,t,n)}function zt(e,t,n,r){return _("ul",e,t,n)}function Vt(e,t,n,r){return _("li",e,t,n)}function Oe(e,t,n,r){return _("a",e,t,n)}function Wt(){return{TAG:"Text",_0:""}}function Te(e,t){let n=y(e);t.appendChild(n)}function Xt(e,t){let n=document.getElementById(t);if(n==null){console.error("Container element not found: "+t);return}else return Te(e,n)}let ke=be,qt=ye,Kt=we;const Ht=Object.freeze(Object.defineProperty({__proto__:null,$$null:Wt,Attributes:At,DOM:Ot,Reactivity:kt,Render:$t,a:Oe,attr:ke,button:xt,computedAttr:Kt,div:It,element:_,fragment:Mt,h1:Dt,h2:Ft,h3:Lt,input:Gt,keyedList:jt,li:Vt,list:Rt,mount:Te,mountById:Xt,p:Bt,signalAttr:qt,signalFragment:ne,span:Pt,text:Ct,textSignal:Nt,ul:zt},Symbol.toStringTag,{value:"Module"}));let k=o.make({pathname:"/",search:"",hash:""},void 0,void 0);function Q(){return{pathname:window.location.pathname,search:window.location.search,hash:window.location.hash}}function Ut(){o.set(k,Q());let e=t=>o.set(k,Q());window.addEventListener("popstate",e)}function Ae(e,t,n,r){let l=t!==void 0?t:"",u=n!==void 0?n:"",s={pathname:e,search:l,hash:u},c=e+l+u,a={};window.history.pushState(a,"",c),o.set(k,s)}function Jt(e,t,n,r){let l=t!==void 0?t:"",u=n!==void 0?n:"",s={pathname:e,search:l,hash:u},c=e+l+u,a={};window.history.replaceState(a,"",c),o.set(k,s)}function Qt(e,t){return ne(S.make(()=>{let n=o.get(k),r=te(e,n.pathname);return typeof r!="object"?[]:[t(r._0)]},void 0))}function Yt(e){return ne(S.make(()=>{let t=o.get(k),n=Fe(e,r=>{let l=te(r.pattern,t.pathname);if(typeof l=="object")return r.render(l._0)});return n!==void 0?[n]:[]},void 0))}function Zt(e,t,n,r){let l=t!==void 0?t:[],u=n!==void 0?n:[],s=c=>{c.preventDefault(),Ae(e,void 0,void 0)};return Oe(l.concat([ke("href",e)]),[["click",s]],u)}let en,tn;const nn=Object.freeze(Object.defineProperty({__proto__:null,Component:en,Route:tn,getCurrentLocation:Q,init:Ut,link:Zt,location:k,push:Ae,replace:Jt,route:Qt,routes:Yt},Symbol.toStringTag,{value:"Module"}));function rn(e){return e.TAG==="Reactive"?o.get(e._0):e._0}function ln(e){return{TAG:"Static",_0:e}}function un(e){return{TAG:"Reactive",_0:e}}const on=Object.freeze(Object.defineProperty({__proto__:null,$$static:ln,get:rn,reactive:un},Symbol.toStringTag,{value:"Module"}));let cn=o.Id,an=o.Scheduler,dn=o.make,sn=o.get,fn=o.peek,pn=o.set,mn=o.update,hn=o.batch,_n=o.untrack,gn={Id:cn,Scheduler:an,make:dn,get:sn,peek:fn,set:pn,update:mn,batch:hn,untrack:_n},Sn=S.Id,En=S.Signal,vn=S.Observer,bn=S.Scheduler,yn=S.make,wn=S.dispose,On={Id:Sn,Signal:En,Observer:vn,Scheduler:bn,make:yn,dispose:wn},Tn=w.Id,kn=w.Observer,An=w.Scheduler,$n=w.run,Cn={Id:Tn,Observer:kn,Scheduler:An,run:$n},Nn=Ht,Mn=yt,Rn=nn,jn=on;exports.Component=Nn;exports.Computed=On;exports.Effect=Cn;exports.ReactiveProp=jn;exports.Route=Mn;exports.Router=Rn;exports.Signal=gn;

package/dist/xote.mjs

@@ -4,7 +4,7 @@ let J = {
 function Y() {
   return J.contents = J.contents + 1 | 0, J.contents;
 }
-function Re(e) {
+function Pe(e) {
   return e === void 0 ? {
     BS_PRIVATE_NESTED_SOME_NONE: 0
   } : e !== null && e.BS_PRIVATE_NESTED_SOME_NONE !== void 0 ? {
@@ -13,7 +13,7 @@ function Re(e) {
 }
 function xe(e) {
   if (e != null)
-    return Re(e);
+    return Pe(e);
 }
 function ce(e) {
   if (e === null || e.BS_PRIVATE_NESTED_SOME_NONE === void 0)
@@ -50,44 +50,44 @@ function Fe(e, t) {
     n = r + 1 | 0;
   }
 }
-let h = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map(), p = {
+let h = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map(), p = {
   contents: void 0
 }, j = /* @__PURE__ */ new Set(), O = {
   contents: !1
-}, v = {
+}, b = {
   contents: !1
 };
 function ee(e) {
-  if (P.get(e) === void 0) {
-    P.set(e, /* @__PURE__ */ new Set());
+  if (R.get(e) === void 0) {
+    R.set(e, /* @__PURE__ */ new Set());
     return;
   }
 }
 function Le(e, t) {
-  let n = P.get(e);
+  let n = R.get(e);
   if (n !== void 0) {
     n.forEach(t);
     return;
   }
 }
 function Be(e, t) {
-  let n = P.get(e);
+  let n = R.get(e);
   if (n !== void 0) {
     n.add(t);
     return;
   }
 }
 function ze(e, t) {
-  let n = P.get(e);
+  let n = R.get(e);
   if (n !== void 0) {
     n.delete(t);
     return;
   }
 }
 function Ve(e) {
-  return Array.from(Z(P.get(e), /* @__PURE__ */ new Set()).values());
+  return Array.from(Z(R.get(e), /* @__PURE__ */ new Set()).values());
 }
-function de(e, t) {
+function ae(e, t) {
   let n = p.contents;
   p.contents = e;
   try {
@@ -128,7 +128,7 @@ function Ke(e, t) {
   if (n && r !== void 0 && !r.deps.has(t))
     return r.deps.add(t), Be(t, e);
 }
-function R(e) {
+function P(e) {
   e.deps.forEach((t) => ze(t, e.id)), e.deps.clear();
 }
 function He(e) {
@@ -138,11 +138,11 @@ function He(e) {
   L.delete(e);
   let n = h.get(t);
   if (n !== void 0) {
-    R(n), h.delete(t);
+    P(n), h.delete(t);
     return;
   }
 }
-function ae(e) {
+function de(e) {
   return Ge(e, 0, (t, n) => n > t ? n : t);
 }
 function Ue(e) {
@@ -157,7 +157,7 @@ function Ue(e) {
       t.push(l.level);
       return;
     }
-  })), ae(t) + 1 | 0;
+  })), de(t) + 1 | 0;
 }
 function Je(e) {
   let t = [];
@@ -170,7 +170,7 @@ function Je(e) {
       t.push(l.level);
       return;
     }
-  }), ae(t) + 1 | 0;
+  }), de(t) + 1 | 0;
 }
 function W(e) {
   return typeof e.kind == "object" ? Je(e) : Ue(e);
@@ -181,12 +181,12 @@ function Qe(e, t) {
     return r !== void 0 ? 1 : 0;
   if (r === void 0)
     return -1;
-  let u = typeof n.kind == "object" ? 0 : 1, c = typeof r.kind == "object" ? 0 : 1, d = u - c | 0;
-  return d !== 0 ? d : n.level - r.level | 0;
+  let u = typeof n.kind == "object" ? 0 : 1, c = typeof r.kind == "object" ? 0 : 1, a = u - c | 0;
+  return a !== 0 ? a : n.level - r.level | 0;
 }
 function Ye(e) {
-  v.contents = !0, R(e), de(e.id, () => {
-    e.run(), v.contents = !1;
+  b.contents = !0, P(e), ae(e.id, () => {
+    e.run(), b.contents = !1;
   }), e.level = W(e);
 }
 function se() {
@@ -217,8 +217,8 @@ function pe(e) {
     return;
   let n = h.get(t);
   if (n !== void 0 && n.dirty) {
-    v.contents = !0, R(n), de(t, () => {
-      n.run(), n.dirty = !1, v.contents = !1;
+    b.contents = !0, P(n), ae(t, () => {
+      n.run(), n.dirty = !1, b.contents = !1;
     }), n.level = W(n);
     return;
   }
@@ -270,7 +270,7 @@ function lt(e, t) {
   he(e, t(e.value.contents));
 }
 let ut, it, ot = Ze, ct = et;
-const dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const at = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Id: ut,
   Scheduler: it,
@@ -293,28 +293,28 @@ function _e(e, t, n, r) {
     name: r
   };
 }
-function at(e, t) {
+function dt(e, t) {
   let n = Y(), r = {
     contents: void 0
   }, u = _e(n, "Effect", () => {
-    let d = r.contents;
-    d !== void 0 && d(), r.contents = e();
+    let a = r.contents;
+    a !== void 0 && a(), r.contents = e();
   }, t);
-  h.set(n, u), v.contents = !0, R(u);
+  h.set(n, u), b.contents = !0, P(u);
   let s = p.contents;
   p.contents = n;
   try {
-    u.run(), v.contents = !1;
-  } catch (d) {
-    throw p.contents = s, v.contents = !1, d;
+    u.run(), b.contents = !1;
+  } catch (a) {
+    throw p.contents = s, b.contents = !1, a;
   }
   return p.contents = s, u.level = W(u), {
     dispose: () => {
-      let d = h.get(n);
-      if (d === void 0)
+      let a = h.get(n);
+      if (a === void 0)
         return;
       let x = r.contents;
-      x !== void 0 && x(), R(d), h.delete(n);
+      x !== void 0 && x(), P(a), h.delete(n);
     }
   };
 }
@@ -324,7 +324,7 @@ const mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Id: st,
   Observer: ft,
   Scheduler: pt,
-  run: at
+  run: dt
 }, Symbol.toStringTag, { value: "Module" }));
 function ht(e, t) {
   let n = me(void 0, t, void 0), r = Y(), l = () => {
@@ -334,30 +334,30 @@ function ht(e, t) {
     NAME: "Computed",
     VAL: n.id
   }, l, void 0);
-  h.set(r, u), v.contents = !0, R(u);
+  h.set(r, u), b.contents = !0, P(u);
   let s = p.contents;
   p.contents = r;
   try {
-    u.run(), u.dirty = !1, v.contents = !1;
+    u.run(), u.dirty = !1, b.contents = !1;
   } catch (c) {
-    throw p.contents = s, v.contents = !1, c;
+    throw p.contents = s, b.contents = !1, c;
   }
   return p.contents = s, u.level = W(u), L.set(n.id, r), n;
 }
 function _t(e) {
   He(e.id);
 }
-let gt, St, Et, bt;
-const vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let gt, St, Et, vt;
+const bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Id: gt,
   Observer: Et,
-  Scheduler: bt,
+  Scheduler: vt,
   Signal: St,
   dispose: _t,
   make: ht
 }, Symbol.toStringTag, { value: "Module" }));
-let o = dt, S = vt, w = mt;
+let o = at, S = bt, w = mt;
 function ge(e) {
   return De(e.split("/"), (t) => {
     if (t !== "")
@@ -445,7 +445,7 @@ function Ee(e) {
 function I(e, t) {
   e.__xote_owner__ = t;
 }
-function be(e) {
+function ve(e) {
   return xe(e.__xote_owner__);
 }
 let Tt = {
@@ -455,9 +455,9 @@ let Tt = {
   addDisposer: M,
   disposeOwner: Ee,
   setOwner: I,
-  getOwner: be
+  getOwner: ve
 };
-function ve(e, t) {
+function be(e, t) {
   return [
     e,
     {
@@ -485,12 +485,12 @@ function we(e, t) {
   ];
 }
 let At = {
-  $$static: ve,
+  $$static: be,
   signal: ye,
   computed: we
 };
 function F(e) {
-  let t = be(e);
+  let t = ve(e);
   t !== void 0 && Ee(t), Array.from(e.childNodes || []).forEach(F);
 }
 function y(e) {
@@ -509,10 +509,10 @@ function y(e) {
             case "SignalValue":
               let E = m._0;
               C(l, g, o.peek(E));
-              let b = w.run(() => {
+              let v = w.run(() => {
                 C(l, g, o.get(E));
               }, void 0);
-              return M(u, b);
+              return M(u, v);
             case "Compute":
               let D = m._0;
               C(l, g, D());
@@ -531,15 +531,15 @@ function y(e) {
     case "Text":
       return document.createTextNode(e._0);
     case "SignalText":
-      let s = e._0, c = document.createTextNode(o.peek(s)), d = {
+      let s = e._0, c = document.createTextNode(o.peek(s)), a = {
         disposers: [],
         computeds: []
       };
-      return I(c, d), N(d, () => {
+      return I(c, a), N(a, () => {
         let i = w.run(() => {
           c.textContent = o.get(s);
         }, void 0);
-        M(d, i);
+        M(a, i);
       }), c;
     case "Fragment":
       let x = document.createDocumentFragment();
@@ -556,8 +556,8 @@ function y(e) {
         let i = w.run(() => {
           let m = o.get($e);
           Array.from(A.childNodes || []).forEach(F), A.innerHTML = "", m.forEach((E) => {
-            let b = y(E);
-            A.appendChild(b);
+            let v = y(E);
+            A.appendChild(v);
           });
         }, void 0);
         M(X, i);
@@ -579,73 +579,73 @@ function y(e) {
         if (i == null)
           return;
         let m = o.get(ue), g = {};
-        m.forEach((a) => {
-          g[K(a)] = a;
+        m.forEach((d) => {
+          g[K(d)] = d;
         });
         let E = [];
-        Object.keys(k).forEach((a) => {
-          if (g[a] === void 0) {
-            E.push(a);
+        Object.keys(k).forEach((d) => {
+          if (g[d] === void 0) {
+            E.push(d);
             return;
           }
-        }), E.forEach((a) => {
-          let f = k[a];
+        }), E.forEach((d) => {
+          let f = k[d];
           if (f !== void 0) {
-            F(f.element), f.element.remove(), wt(k, a);
+            F(f.element), f.element.remove(), wt(k, d);
             return;
           }
         });
-        let b = [], D = {};
-        m.forEach((a) => {
-          let f = K(a), z = k[f];
+        let v = [], D = {};
+        m.forEach((d) => {
+          let f = K(d), z = k[f];
           if (z !== void 0) {
-            if (z.item !== a) {
+            if (z.item !== d) {
               D[f] = !0;
-              let je = q(a), Pe = y(je), oe = {
+              let je = q(d), Re = y(je), oe = {
                 key: f,
-                item: a,
-                element: Pe
+                item: d,
+                element: Re
               };
-              b.push(oe), k[f] = oe;
+              v.push(oe), k[f] = oe;
               return;
             }
-            b.push(z);
+            v.push(z);
             return;
           }
-          let Me = q(a), Ie = y(Me), ie = {
+          let Me = q(d), Ie = y(Me), ie = {
             key: f,
-            item: a,
+            item: d,
             element: Ie
           };
-          b.push(ie), k[f] = ie;
+          v.push(ie), k[f] = ie;
         });
         let $ = {
           contents: U.nextSibling
         };
-        b.forEach((a) => {
+        v.forEach((d) => {
           let f = $.contents;
           if (f == null) {
-            i.insertBefore(a.element, G);
+            i.insertBefore(d.element, G);
             return;
           }
           if (f === G) {
-            i.insertBefore(a.element, G);
+            i.insertBefore(d.element, G);
             return;
           }
-          if (f === a.element) {
+          if (f === d.element) {
             $.contents = f.nextSibling;
             return;
           }
-          Z(D[a.key], !1) ? (F(f), i.replaceChild(a.element, f), $.contents = a.element.nextSibling) : (i.insertBefore(a.element, f), $.contents = a.element.nextSibling);
+          Z(D[d.key], !1) ? (F(f), i.replaceChild(d.element, f), $.contents = d.element.nextSibling) : (i.insertBefore(d.element, f), $.contents = d.element.nextSibling);
         });
       }, B = document.createDocumentFragment();
       return B.appendChild(U), o.peek(ue).forEach((i) => {
-        let m = K(i), g = q(i), E = y(g), b = {
+        let m = K(i), g = q(i), E = y(g), v = {
           key: m,
           item: i,
           element: E
         };
-        k[m] = b, B.appendChild(E);
+        k[m] = v, B.appendChild(E);
       }), B.appendChild(G), N(H, () => {
         let i = w.run(() => {
           Ne();
@@ -697,7 +697,7 @@ function jt(e, t, n) {
   };
 }
 function _(e, t, n, r, l) {
-  let u = t !== void 0 ? t : [].map((d) => d), s = n !== void 0 ? n : [].map((d) => d), c = r !== void 0 ? r : [].map((d) => d);
+  let u = t !== void 0 ? t : [].map((a) => a), s = n !== void 0 ? n : [].map((a) => a), c = r !== void 0 ? r : [].map((a) => a);
   return {
     TAG: "Element",
     tag: e,
@@ -706,10 +706,10 @@ function _(e, t, n, r, l) {
     children: c
   };
 }
-function Pt(e, t, n, r) {
+function Rt(e, t, n, r) {
   return _("div", e, t, n);
 }
-function Rt(e, t, n, r) {
+function Pt(e, t, n, r) {
   return _("span", e, t, n);
 }
 function xt(e, t, n, r) {
@@ -757,7 +757,7 @@ function Xt(e, t) {
   } else
     return ke(e, n);
 }
-let Te = ve, qt = ye, Kt = we;
+let Te = be, qt = ye, Kt = we;
 const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   $$null: Wt,
@@ -769,7 +769,7 @@ const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   attr: Te,
   button: xt,
   computedAttr: Kt,
-  div: Pt,
+  div: Rt,
   element: _,
   fragment: Mt,
   h1: Dt,
@@ -784,7 +784,7 @@ const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   p: Bt,
   signalAttr: qt,
   signalFragment: ne,
-  span: Rt,
+  span: Pt,
   text: Ct,
   textSignal: Nt,
   ul: zt
@@ -811,16 +811,16 @@ function Ae(e, t, n, r) {
     pathname: e,
     search: l,
     hash: u
-  }, c = e + l + u, d = {};
-  window.history.pushState(d, "", c), o.set(T, s);
+  }, c = e + l + u, a = {};
+  window.history.pushState(a, "", c), o.set(T, s);
 }
 function Jt(e, t, n, r) {
   let l = t !== void 0 ? t : "", u = n !== void 0 ? n : "", s = {
     pathname: e,
     search: l,
     hash: u
-  }, c = e + l + u, d = {};
-  window.history.replaceState(d, "", c), o.set(T, s);
+  }, c = e + l + u, a = {};
+  window.history.replaceState(a, "", c), o.set(T, s);
 }
 function Qt(e, t) {
   return ne(S.make(() => {
@@ -864,39 +864,53 @@ const nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function rn(e) {
   return e.TAG === "Reactive" ? o.get(e._0) : e._0;
 }
-const ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+function ln(e) {
+  return {
+    TAG: "Static",
+    _0: e
+  };
+}
+function un(e) {
+  return {
+    TAG: "Reactive",
+    _0: e
+  };
+}
+const on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  get: rn
+  $$static: ln,
+  get: rn,
+  reactive: un
 }, Symbol.toStringTag, { value: "Module" }));
-let un = o.Id, on = o.Scheduler, cn = o.make, dn = o.get, an = o.peek, sn = o.set, fn = o.update, pn = o.batch, mn = o.untrack, Tn = {
-  Id: un,
-  Scheduler: on,
-  make: cn,
-  get: dn,
-  peek: an,
-  set: sn,
-  update: fn,
-  batch: pn,
-  untrack: mn
-}, hn = S.Id, _n = S.Signal, gn = S.Observer, Sn = S.Scheduler, En = S.make, bn = S.dispose, An = {
-  Id: hn,
-  Signal: _n,
-  Observer: gn,
-  Scheduler: Sn,
-  make: En,
-  dispose: bn
-}, vn = w.Id, yn = w.Observer, wn = w.Scheduler, On = w.run, $n = {
-  Id: vn,
-  Observer: yn,
-  Scheduler: wn,
-  run: On
-}, Cn = Ht, Nn = yt, Mn = nn, In = ln;
+let cn = o.Id, an = o.Scheduler, dn = o.make, sn = o.get, fn = o.peek, pn = o.set, mn = o.update, hn = o.batch, _n = o.untrack, $n = {
+  Id: cn,
+  Scheduler: an,
+  make: dn,
+  get: sn,
+  peek: fn,
+  set: pn,
+  update: mn,
+  batch: hn,
+  untrack: _n
+}, gn = S.Id, Sn = S.Signal, En = S.Observer, vn = S.Scheduler, bn = S.make, yn = S.dispose, Cn = {
+  Id: gn,
+  Signal: Sn,
+  Observer: En,
+  Scheduler: vn,
+  make: bn,
+  dispose: yn
+}, wn = w.Id, On = w.Observer, kn = w.Scheduler, Tn = w.run, Nn = {
+  Id: wn,
+  Observer: On,
+  Scheduler: kn,
+  run: Tn
+}, Mn = Ht, In = yt, jn = nn, Rn = on;
 export {
-  Cn as Component,
-  An as Computed,
-  $n as Effect,
-  In as ReactiveProp,
-  Nn as Route,
-  Mn as Router,
-  Tn as Signal
+  Mn as Component,
+  Cn as Computed,
+  Nn as Effect,
+  Rn as ReactiveProp,
+  In as Route,
+  jn as Router,
+  $n as Signal
 };

package/dist/xote.umd.js

@@ -1 +1 @@
-(function(_,T){typeof exports=="object"&&typeof module<"u"?T(exports):typeof define=="function"&&define.amd?define(["exports"],T):(_=typeof globalThis<"u"?globalThis:_||self,T(_.xote={}))})(this,(function(_){"use strict";let T={contents:0};function K(){return T.contents=T.contents+1|0,T.contents}function Ce(e){return e===void 0?{BS_PRIVATE_NESTED_SOME_NONE:0}:e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0?{BS_PRIVATE_NESTED_SOME_NONE:e.BS_PRIVATE_NESTED_SOME_NONE+1|0}:e}function Ne(e){if(e!=null)return Ce(e)}function le(e){if(e===null||e.BS_PRIVATE_NESTED_SOME_NONE===void 0)return e;let t=e.BS_PRIVATE_NESTED_SOME_NONE;if(t!==0)return{BS_PRIVATE_NESTED_SOME_NONE:t-1|0}}function H(e,t){return e!==void 0?le(e):t}function Ie(e,t,n){return e.reduce(n,t)}function Me(e,t){let n=e.length,r=new Array(n),l=0;for(let u=0;u<n;++u){let s=e[u],c=t(s);c!==void 0&&(r[l]=le(c),l=l+1|0)}return r.length=l,r}function Re(e,t){let n=0;for(;;){let r=n;if(r===e.length)return;let l=t(e[r]);if(l!==void 0)return l;n=r+1|0}}let h=new Map,C=new Map,D=new Map,p={contents:void 0},N=new Set,k={contents:!1},b={contents:!1};function U(e){if(C.get(e)===void 0){C.set(e,new Set);return}}function je(e,t){let n=C.get(e);if(n!==void 0){n.forEach(t);return}}function Pe(e,t){let n=C.get(e);if(n!==void 0){n.add(t);return}}function Ge(e,t){let n=C.get(e);if(n!==void 0){n.delete(t);return}}function xe(e){return Array.from(H(C.get(e),new Set).values())}function ue(e,t){let n=p.contents;p.contents=e;try{let r=t();return p.contents=n,r}catch(r){throw p.contents=n,r}}function De(e){let t=p.contents;p.contents=void 0;try{let n=e();return p.contents=t,n}catch(n){throw p.contents=t,n}}function Fe(e){let t=p.contents;return t!==void 0?t===e:!1}function Le(e){if(!k.contents){k.contents=!0;try{e(),k.contents=!1;return}catch(t){throw k.contents=!1,t}}}function Be(e,t){U(t);let n=Fe(e),r=h.get(e);if(n&&r!==void 0&&!r.deps.has(t))return r.deps.add(t),Pe(t,e)}function I(e){e.deps.forEach(t=>Ge(t,e.id)),e.deps.clear()}function ze(e){let t=D.get(e);if(t===void 0)return;D.delete(e);let n=h.get(t);if(n!==void 0){I(n),h.delete(t);return}}function ie(e){return Ie(e,0,(t,n)=>n>t?n:t)}function Ve(e){let t=[];return e.deps.forEach(n=>je(n,r=>{if(r===e.id)return;let l=h.get(r);if(l===void 0)return;if(typeof l.kind=="object"){t.push(l.level);return}})),ie(t)+1|0}function We(e){let t=[];return e.deps.forEach(n=>{let r=D.get(n);if(r===void 0||r===e.id)return;let l=h.get(r);if(l!==void 0){t.push(l.level);return}}),ie(t)+1|0}function V(e){return typeof e.kind=="object"?We(e):Ve(e)}function Xe(e,t){let n=h.get(e),r=h.get(t);if(n===void 0)return r!==void 0?1:0;if(r===void 0)return-1;let u=typeof n.kind=="object"?0:1,c=typeof r.kind=="object"?0:1,d=u-c|0;return d!==0?d:n.level-r.level|0}function qe(e){b.contents=!0,I(e),ue(e.id,()=>{e.run(),b.contents=!1}),e.level=V(e)}function oe(){for(;N.size>0;){let e=Array.from(N.values());N.clear(),e.sort(Xe),e.forEach(t=>{let n=h.get(t);if(n!==void 0)return qe(n)})}}function ce(e){if(U(e),xe(e).forEach(t=>{let n=h.get(t);if(n===void 0)return;let r=n.kind;if(typeof r=="object")return n.dirty?void 0:(n.dirty=!0,ce(r.VAL));N.add(t)}),N.size>0)return Le(oe)}function de(e){let t=D.get(e);if(t===void 0)return;let n=h.get(t);if(n!==void 0&&n.dirty){b.contents=!0,I(n),ue(t,()=>{n.run(),n.dirty=!1,b.contents=!1}),n.level=V(n);return}}function Ke(e){let t=k.contents;k.contents=!0;try{let n=e();return t||(k.contents=!1,N.size>0&&oe()),n}catch(n){throw t||(k.contents=!1),n}}let He=De,Ue=U;function ae(e,t,n){let r=K();return Ue(r),{id:r,value:{contents:e},version:{contents:0},equals:H(n,(l,u)=>l===u),name:t}}function Je(e){de(e.id);let t=p.contents;return t!==void 0&&Be(t,e.id),e.value.contents}function Qe(e){return de(e.id),e.value.contents}function se(e,t){let n;try{n=!e.equals(e.value.contents,t)}catch{n=!0}if(n)return e.value.contents=t,e.version.contents=e.version.contents+1|0,ce(e.id)}function Ye(e,t){se(e,t(e.value.contents))}const Ze=Object.freeze(Object.defineProperty({__proto__:null,Id:void 0,Scheduler:void 0,batch:Ke,get:Je,make:ae,peek:Qe,set:se,untrack:He,update:Ye},Symbol.toStringTag,{value:"Module"}));function fe(e,t,n,r){return{id:e,kind:t,run:n,deps:new Set,level:0,dirty:!0,name:r}}function et(e,t){let n=K(),r={contents:void 0},u=fe(n,"Effect",()=>{let d=r.contents;d!==void 0&&d(),r.contents=e()},t);h.set(n,u),b.contents=!0,I(u);let s=p.contents;p.contents=n;try{u.run(),b.contents=!1}catch(d){throw p.contents=s,b.contents=!1,d}return p.contents=s,u.level=V(u),{dispose:()=>{let d=h.get(n);if(d===void 0)return;let L=r.contents;L!==void 0&&L(),I(d),h.delete(n)}}}const tt=Object.freeze(Object.defineProperty({__proto__:null,Id:void 0,Observer:void 0,Scheduler:void 0,run:et},Symbol.toStringTag,{value:"Module"}));function nt(e,t){let n=ae(void 0,t,void 0),r=K(),l=()=>{let c=e();n.value.contents=c},u=fe(r,{NAME:"Computed",VAL:n.id},l,void 0);h.set(r,u),b.contents=!0,I(u);let s=p.contents;p.contents=r;try{u.run(),u.dirty=!1,b.contents=!1}catch(c){throw p.contents=s,b.contents=!1,c}return p.contents=s,u.level=V(u),D.set(n.id,r),n}function rt(e){ze(e.id)}const lt=Object.freeze(Object.defineProperty({__proto__:null,Id:void 0,Observer:void 0,Scheduler:void 0,Signal:void 0,dispose:rt,make:nt},Symbol.toStringTag,{value:"Module"}));let i=Ze,S=lt,w=tt;function pe(e){return Me(e.split("/"),t=>{if(t!=="")return t.startsWith(":")?{TAG:"Param",_0:t.slice(1)}:{TAG:"Static",_0:t}})}function me(e,t){let n=t.split("/").filter(u=>u!=="");if(e.length!==n.length)return"NoMatch";let r={};return e.every((u,s)=>{let c=n[s];return u.TAG==="Static"?c===u._0:(r[u._0]=c,!0)})?{TAG:"Match",_0:r}:"NoMatch"}function J(e,t){return me(pe(e),t)}const ut=Object.freeze(Object.defineProperty({__proto__:null,match:J,matchPath:me,parsePattern:pe},Symbol.toStringTag,{value:"Module"}));function it(e,t){delete e[t]}function M(e,t,n){switch(t){case"checked":e.checked=n==="true";return;case"disabled":e.disabled=n==="true";return;case"aria-expanded":case"aria-hidden":case"aria-selected":case"multiple":case"readonly":case"required":break;case"value":e.value=n;return;default:e.setAttribute(t,n);return}n==="true"?e.setAttribute(t,""):e.removeAttribute(t)}let ot={setAttrOrProp:M},W={contents:void 0};function ct(){return{disposers:[],computeds:[]}}function R(e,t){let n=W.contents;W.contents=e;let r=t();return W.contents=n,r}function j(e,t){e.disposers.push(t)}function he(e){e.disposers.forEach(t=>t.dispose()),e.computeds.forEach(t=>S.dispose(t))}function P(e,t){e.__xote_owner__=t}function _e(e){return Ne(e.__xote_owner__)}let dt={currentOwner:W,createOwner:ct,runWithOwner:R,addDisposer:j,disposeOwner:he,setOwner:P,getOwner:_e};function ge(e,t){return[e,{TAG:"Static",_0:t}]}function Se(e,t){return[e,{TAG:"SignalValue",_0:t}]}function Ee(e,t){return[e,{TAG:"Compute",_0:t}]}let at={$$static:ge,signal:Se,computed:Ee};function F(e){let t=_e(e);t!==void 0&&he(t),Array.from(e.childNodes||[]).forEach(F)}function O(e){switch(e.TAG){case"Element":let t=e.children,n=e.events,r=e.attrs,l=document.createElement(e.tag),u={disposers:[],computeds:[]};return P(l,u),R(u,()=>{r.forEach(o=>{let m=o[1],E=o[0];switch(m.TAG){case"Static":return M(l,E,m._0);case"SignalValue":let v=m._0;M(l,E,i.peek(v));let y=w.run(()=>{M(l,E,i.get(v))},void 0);return j(u,y);case"Compute":let z=m._0;M(l,E,z());let x=w.run(()=>{M(l,E,z())},void 0);return j(u,x)}}),n.forEach(o=>{l.addEventListener(o[0],o[1])}),t.forEach(o=>{let m=O(o);l.appendChild(m)})}),l;case"Text":return document.createTextNode(e._0);case"SignalText":let s=e._0,c=document.createTextNode(i.peek(s)),d={disposers:[],computeds:[]};return P(c,d),R(d,()=>{let o=w.run(()=>{c.textContent=i.get(s)},void 0);j(d,o)}),c;case"Fragment":let L=document.createDocumentFragment();return e._0.forEach(o=>{let m=O(o);L.appendChild(m)}),L;case"SignalFragment":let sn=e._0,Z={disposers:[],computeds:[]},G=document.createElement("div");return G.setAttribute("style","display: contents"),P(G,Z),R(Z,()=>{let o=w.run(()=>{let m=i.get(sn);Array.from(G.childNodes||[]).forEach(F),G.innerHTML="",m.forEach(v=>{let y=O(v);G.appendChild(y)})},void 0);j(Z,o)}),G;case"LazyComponent":let Oe={disposers:[],computeds:[]},fn=R(Oe,e._0),ke=O(fn);return P(ke,Oe),ke;case"KeyedList":let ee=e.renderItem,te=e.keyFn,Te=e.signal,ne={disposers:[],computeds:[]},re=document.createComment(" keyed-list-start "),B=document.createComment(" keyed-list-end ");P(re,ne);let A={},pn=()=>{let o=B.parentNode;if(o==null)return;let m=i.get(Te),E={};m.forEach(a=>{E[te(a)]=a});let v=[];Object.keys(A).forEach(a=>{if(E[a]===void 0){v.push(a);return}}),v.forEach(a=>{let f=A[a];if(f!==void 0){F(f.element),f.element.remove(),it(A,a);return}});let y=[],z={};m.forEach(a=>{let f=te(a),q=A[f];if(q!==void 0){if(q.item!==a){z[f]=!0;let _n=ee(a),gn=O(_n),Ae={key:f,item:a,element:gn};y.push(Ae),A[f]=Ae;return}y.push(q);return}let mn=ee(a),hn=O(mn),$e={key:f,item:a,element:hn};y.push($e),A[f]=$e});let x={contents:re.nextSibling};y.forEach(a=>{let f=x.contents;if(f==null){o.insertBefore(a.element,B);return}if(f===B){o.insertBefore(a.element,B);return}if(f===a.element){x.contents=f.nextSibling;return}H(z[a.key],!1)?(F(f),o.replaceChild(a.element,f),x.contents=a.element.nextSibling):(o.insertBefore(a.element,f),x.contents=a.element.nextSibling)})},X=document.createDocumentFragment();return X.appendChild(re),i.peek(Te).forEach(o=>{let m=te(o),E=ee(o),v=O(E),y={key:m,item:o,element:v};A[m]=y,X.appendChild(v)}),X.appendChild(B),R(ne,()=>{let o=w.run(()=>{pn()},void 0);j(ne,o)}),X}}let st={disposeElement:F,render:O};function ft(e){return{TAG:"Text",_0:e}}function pt(e){return{TAG:"SignalText",_0:S.make(e,void 0)}}function mt(e){return{TAG:"Fragment",_0:e}}function Q(e){return{TAG:"SignalFragment",_0:e}}function ht(e,t){return{TAG:"SignalFragment",_0:S.make(()=>i.get(e).map(t),void 0)}}function _t(e,t,n){return{TAG:"KeyedList",signal:e,keyFn:t,renderItem:n}}function g(e,t,n,r,l){let u=t!==void 0?t:[].map(d=>d),s=n!==void 0?n:[].map(d=>d),c=r!==void 0?r:[].map(d=>d);return{TAG:"Element",tag:e,attrs:u,events:s,children:c}}function gt(e,t,n,r){return g("div",e,t,n)}function St(e,t,n,r){return g("span",e,t,n)}function Et(e,t,n,r){return g("button",e,t,n)}function bt(e,t,n){return g("input",e,t,void 0)}function vt(e,t,n,r){return g("h1",e,t,n)}function yt(e,t,n,r){return g("h2",e,t,n)}function wt(e,t,n,r){return g("h3",e,t,n)}function Ot(e,t,n,r){return g("p",e,t,n)}function kt(e,t,n,r){return g("ul",e,t,n)}function Tt(e,t,n,r){return g("li",e,t,n)}function be(e,t,n,r){return g("a",e,t,n)}function $t(){return{TAG:"Text",_0:""}}function ve(e,t){let n=O(e);t.appendChild(n)}function At(e,t){let n=document.getElementById(t);if(n==null){console.error("Container element not found: "+t);return}else return ve(e,n)}let ye=ge;const Ct=Object.freeze(Object.defineProperty({__proto__:null,$$null:$t,Attributes:at,DOM:ot,Reactivity:dt,Render:st,a:be,attr:ye,button:Et,computedAttr:Ee,div:gt,element:g,fragment:mt,h1:vt,h2:yt,h3:wt,input:bt,keyedList:_t,li:Tt,list:ht,mount:ve,mountById:At,p:Ot,signalAttr:Se,signalFragment:Q,span:St,text:ft,textSignal:pt,ul:kt},Symbol.toStringTag,{value:"Module"}));let $=i.make({pathname:"/",search:"",hash:""},void 0,void 0);function Y(){return{pathname:window.location.pathname,search:window.location.search,hash:window.location.hash}}function Nt(){i.set($,Y());let e=t=>i.set($,Y());window.addEventListener("popstate",e)}function we(e,t,n,r){let l=t!==void 0?t:"",u=n!==void 0?n:"",s={pathname:e,search:l,hash:u},c=e+l+u,d={};window.history.pushState(d,"",c),i.set($,s)}function It(e,t,n,r){let l=t!==void 0?t:"",u=n!==void 0?n:"",s={pathname:e,search:l,hash:u},c=e+l+u,d={};window.history.replaceState(d,"",c),i.set($,s)}function Mt(e,t){return Q(S.make(()=>{let n=i.get($),r=J(e,n.pathname);return typeof r!="object"?[]:[t(r._0)]},void 0))}function Rt(e){return Q(S.make(()=>{let t=i.get($),n=Re(e,r=>{let l=J(r.pattern,t.pathname);if(typeof l=="object")return r.render(l._0)});return n!==void 0?[n]:[]},void 0))}function jt(e,t,n,r){let l=t!==void 0?t:[],u=n!==void 0?n:[],s=c=>{c.preventDefault(),we(e,void 0,void 0)};return be(l.concat([ye("href",e)]),[["click",s]],u)}const Pt=Object.freeze(Object.defineProperty({__proto__:null,Component:void 0,Route:void 0,getCurrentLocation:Y,init:Nt,link:jt,location:$,push:we,replace:It,route:Mt,routes:Rt},Symbol.toStringTag,{value:"Module"}));function Gt(e){return e.TAG==="Reactive"?i.get(e._0):e._0}const xt=Object.freeze(Object.defineProperty({__proto__:null,get:Gt},Symbol.toStringTag,{value:"Module"}));let Dt=i.Id,Ft=i.Scheduler,Lt=i.make,Bt=i.get,zt=i.peek,Vt=i.set,Wt=i.update,Xt=i.batch,qt=i.untrack,Kt={Id:Dt,Scheduler:Ft,make:Lt,get:Bt,peek:zt,set:Vt,update:Wt,batch:Xt,untrack:qt},Ht=S.Id,Ut=S.Signal,Jt=S.Observer,Qt=S.Scheduler,Yt=S.make,Zt=S.dispose,en={Id:Ht,Signal:Ut,Observer:Jt,Scheduler:Qt,make:Yt,dispose:Zt},tn=w.Id,nn=w.Observer,rn=w.Scheduler,ln=w.run,un={Id:tn,Observer:nn,Scheduler:rn,run:ln},on=Ct,cn=ut,dn=Pt,an=xt;_.Component=on,_.Computed=en,_.Effect=un,_.ReactiveProp=an,_.Route=cn,_.Router=dn,_.Signal=Kt,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));
+(function(_,$){typeof exports=="object"&&typeof module<"u"?$(exports):typeof define=="function"&&define.amd?define(["exports"],$):(_=typeof globalThis<"u"?globalThis:_||self,$(_.xote={}))})(this,(function(_){"use strict";let $={contents:0};function K(){return $.contents=$.contents+1|0,$.contents}function Ce(e){return e===void 0?{BS_PRIVATE_NESTED_SOME_NONE:0}:e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0?{BS_PRIVATE_NESTED_SOME_NONE:e.BS_PRIVATE_NESTED_SOME_NONE+1|0}:e}function Ne(e){if(e!=null)return Ce(e)}function le(e){if(e===null||e.BS_PRIVATE_NESTED_SOME_NONE===void 0)return e;let t=e.BS_PRIVATE_NESTED_SOME_NONE;if(t!==0)return{BS_PRIVATE_NESTED_SOME_NONE:t-1|0}}function H(e,t){return e!==void 0?le(e):t}function Ie(e,t,n){return e.reduce(n,t)}function Me(e,t){let n=e.length,r=new Array(n),l=0;for(let u=0;u<n;++u){let s=e[u],c=t(s);c!==void 0&&(r[l]=le(c),l=l+1|0)}return r.length=l,r}function Re(e,t){let n=0;for(;;){let r=n;if(r===e.length)return;let l=t(e[r]);if(l!==void 0)return l;n=r+1|0}}let h=new Map,C=new Map,D=new Map,p={contents:void 0},N=new Set,T={contents:!1},b={contents:!1};function U(e){if(C.get(e)===void 0){C.set(e,new Set);return}}function je(e,t){let n=C.get(e);if(n!==void 0){n.forEach(t);return}}function Pe(e,t){let n=C.get(e);if(n!==void 0){n.add(t);return}}function Ge(e,t){let n=C.get(e);if(n!==void 0){n.delete(t);return}}function xe(e){return Array.from(H(C.get(e),new Set).values())}function ue(e,t){let n=p.contents;p.contents=e;try{let r=t();return p.contents=n,r}catch(r){throw p.contents=n,r}}function De(e){let t=p.contents;p.contents=void 0;try{let n=e();return p.contents=t,n}catch(n){throw p.contents=t,n}}function Fe(e){let t=p.contents;return t!==void 0?t===e:!1}function Le(e){if(!T.contents){T.contents=!0;try{e(),T.contents=!1;return}catch(t){throw T.contents=!1,t}}}function Be(e,t){U(t);let n=Fe(e),r=h.get(e);if(n&&r!==void 0&&!r.deps.has(t))return r.deps.add(t),Pe(t,e)}function I(e){e.deps.forEach(t=>Ge(t,e.id)),e.deps.clear()}function ze(e){let t=D.get(e);if(t===void 0)return;D.delete(e);let n=h.get(t);if(n!==void 0){I(n),h.delete(t);return}}function ie(e){return Ie(e,0,(t,n)=>n>t?n:t)}function Ve(e){let t=[];return e.deps.forEach(n=>je(n,r=>{if(r===e.id)return;let l=h.get(r);if(l===void 0)return;if(typeof l.kind=="object"){t.push(l.level);return}})),ie(t)+1|0}function We(e){let t=[];return e.deps.forEach(n=>{let r=D.get(n);if(r===void 0||r===e.id)return;let l=h.get(r);if(l!==void 0){t.push(l.level);return}}),ie(t)+1|0}function V(e){return typeof e.kind=="object"?We(e):Ve(e)}function Xe(e,t){let n=h.get(e),r=h.get(t);if(n===void 0)return r!==void 0?1:0;if(r===void 0)return-1;let u=typeof n.kind=="object"?0:1,c=typeof r.kind=="object"?0:1,d=u-c|0;return d!==0?d:n.level-r.level|0}function qe(e){b.contents=!0,I(e),ue(e.id,()=>{e.run(),b.contents=!1}),e.level=V(e)}function oe(){for(;N.size>0;){let e=Array.from(N.values());N.clear(),e.sort(Xe),e.forEach(t=>{let n=h.get(t);if(n!==void 0)return qe(n)})}}function ce(e){if(U(e),xe(e).forEach(t=>{let n=h.get(t);if(n===void 0)return;let r=n.kind;if(typeof r=="object")return n.dirty?void 0:(n.dirty=!0,ce(r.VAL));N.add(t)}),N.size>0)return Le(oe)}function de(e){let t=D.get(e);if(t===void 0)return;let n=h.get(t);if(n!==void 0&&n.dirty){b.contents=!0,I(n),ue(t,()=>{n.run(),n.dirty=!1,b.contents=!1}),n.level=V(n);return}}function Ke(e){let t=T.contents;T.contents=!0;try{let n=e();return t||(T.contents=!1,N.size>0&&oe()),n}catch(n){throw t||(T.contents=!1),n}}let He=De,Ue=U;function ae(e,t,n){let r=K();return Ue(r),{id:r,value:{contents:e},version:{contents:0},equals:H(n,(l,u)=>l===u),name:t}}function Je(e){de(e.id);let t=p.contents;return t!==void 0&&Be(t,e.id),e.value.contents}function Qe(e){return de(e.id),e.value.contents}function se(e,t){let n;try{n=!e.equals(e.value.contents,t)}catch{n=!0}if(n)return e.value.contents=t,e.version.contents=e.version.contents+1|0,ce(e.id)}function Ye(e,t){se(e,t(e.value.contents))}const Ze=Object.freeze(Object.defineProperty({__proto__:null,Id:void 0,Scheduler:void 0,batch:Ke,get:Je,make:ae,peek:Qe,set:se,untrack:He,update:Ye},Symbol.toStringTag,{value:"Module"}));function fe(e,t,n,r){return{id:e,kind:t,run:n,deps:new Set,level:0,dirty:!0,name:r}}function et(e,t){let n=K(),r={contents:void 0},u=fe(n,"Effect",()=>{let d=r.contents;d!==void 0&&d(),r.contents=e()},t);h.set(n,u),b.contents=!0,I(u);let s=p.contents;p.contents=n;try{u.run(),b.contents=!1}catch(d){throw p.contents=s,b.contents=!1,d}return p.contents=s,u.level=V(u),{dispose:()=>{let d=h.get(n);if(d===void 0)return;let L=r.contents;L!==void 0&&L(),I(d),h.delete(n)}}}const tt=Object.freeze(Object.defineProperty({__proto__:null,Id:void 0,Observer:void 0,Scheduler:void 0,run:et},Symbol.toStringTag,{value:"Module"}));function nt(e,t){let n=ae(void 0,t,void 0),r=K(),l=()=>{let c=e();n.value.contents=c},u=fe(r,{NAME:"Computed",VAL:n.id},l,void 0);h.set(r,u),b.contents=!0,I(u);let s=p.contents;p.contents=r;try{u.run(),u.dirty=!1,b.contents=!1}catch(c){throw p.contents=s,b.contents=!1,c}return p.contents=s,u.level=V(u),D.set(n.id,r),n}function rt(e){ze(e.id)}const lt=Object.freeze(Object.defineProperty({__proto__:null,Id:void 0,Observer:void 0,Scheduler:void 0,Signal:void 0,dispose:rt,make:nt},Symbol.toStringTag,{value:"Module"}));let i=Ze,S=lt,w=tt;function pe(e){return Me(e.split("/"),t=>{if(t!=="")return t.startsWith(":")?{TAG:"Param",_0:t.slice(1)}:{TAG:"Static",_0:t}})}function me(e,t){let n=t.split("/").filter(u=>u!=="");if(e.length!==n.length)return"NoMatch";let r={};return e.every((u,s)=>{let c=n[s];return u.TAG==="Static"?c===u._0:(r[u._0]=c,!0)})?{TAG:"Match",_0:r}:"NoMatch"}function J(e,t){return me(pe(e),t)}const ut=Object.freeze(Object.defineProperty({__proto__:null,match:J,matchPath:me,parsePattern:pe},Symbol.toStringTag,{value:"Module"}));function it(e,t){delete e[t]}function M(e,t,n){switch(t){case"checked":e.checked=n==="true";return;case"disabled":e.disabled=n==="true";return;case"aria-expanded":case"aria-hidden":case"aria-selected":case"multiple":case"readonly":case"required":break;case"value":e.value=n;return;default:e.setAttribute(t,n);return}n==="true"?e.setAttribute(t,""):e.removeAttribute(t)}let ot={setAttrOrProp:M},W={contents:void 0};function ct(){return{disposers:[],computeds:[]}}function R(e,t){let n=W.contents;W.contents=e;let r=t();return W.contents=n,r}function j(e,t){e.disposers.push(t)}function he(e){e.disposers.forEach(t=>t.dispose()),e.computeds.forEach(t=>S.dispose(t))}function P(e,t){e.__xote_owner__=t}function _e(e){return Ne(e.__xote_owner__)}let dt={currentOwner:W,createOwner:ct,runWithOwner:R,addDisposer:j,disposeOwner:he,setOwner:P,getOwner:_e};function ge(e,t){return[e,{TAG:"Static",_0:t}]}function Se(e,t){return[e,{TAG:"SignalValue",_0:t}]}function Ee(e,t){return[e,{TAG:"Compute",_0:t}]}let at={$$static:ge,signal:Se,computed:Ee};function F(e){let t=_e(e);t!==void 0&&he(t),Array.from(e.childNodes||[]).forEach(F)}function O(e){switch(e.TAG){case"Element":let t=e.children,n=e.events,r=e.attrs,l=document.createElement(e.tag),u={disposers:[],computeds:[]};return P(l,u),R(u,()=>{r.forEach(o=>{let m=o[1],E=o[0];switch(m.TAG){case"Static":return M(l,E,m._0);case"SignalValue":let v=m._0;M(l,E,i.peek(v));let y=w.run(()=>{M(l,E,i.get(v))},void 0);return j(u,y);case"Compute":let z=m._0;M(l,E,z());let x=w.run(()=>{M(l,E,z())},void 0);return j(u,x)}}),n.forEach(o=>{l.addEventListener(o[0],o[1])}),t.forEach(o=>{let m=O(o);l.appendChild(m)})}),l;case"Text":return document.createTextNode(e._0);case"SignalText":let s=e._0,c=document.createTextNode(i.peek(s)),d={disposers:[],computeds:[]};return P(c,d),R(d,()=>{let o=w.run(()=>{c.textContent=i.get(s)},void 0);j(d,o)}),c;case"Fragment":let L=document.createDocumentFragment();return e._0.forEach(o=>{let m=O(o);L.appendChild(m)}),L;case"SignalFragment":let pn=e._0,Z={disposers:[],computeds:[]},G=document.createElement("div");return G.setAttribute("style","display: contents"),P(G,Z),R(Z,()=>{let o=w.run(()=>{let m=i.get(pn);Array.from(G.childNodes||[]).forEach(F),G.innerHTML="",m.forEach(v=>{let y=O(v);G.appendChild(y)})},void 0);j(Z,o)}),G;case"LazyComponent":let Oe={disposers:[],computeds:[]},mn=R(Oe,e._0),Te=O(mn);return P(Te,Oe),Te;case"KeyedList":let ee=e.renderItem,te=e.keyFn,$e=e.signal,ne={disposers:[],computeds:[]},re=document.createComment(" keyed-list-start "),B=document.createComment(" keyed-list-end ");P(re,ne);let A={},hn=()=>{let o=B.parentNode;if(o==null)return;let m=i.get($e),E={};m.forEach(a=>{E[te(a)]=a});let v=[];Object.keys(A).forEach(a=>{if(E[a]===void 0){v.push(a);return}}),v.forEach(a=>{let f=A[a];if(f!==void 0){F(f.element),f.element.remove(),it(A,a);return}});let y=[],z={};m.forEach(a=>{let f=te(a),q=A[f];if(q!==void 0){if(q.item!==a){z[f]=!0;let Sn=ee(a),En=O(Sn),Ae={key:f,item:a,element:En};y.push(Ae),A[f]=Ae;return}y.push(q);return}let _n=ee(a),gn=O(_n),ke={key:f,item:a,element:gn};y.push(ke),A[f]=ke});let x={contents:re.nextSibling};y.forEach(a=>{let f=x.contents;if(f==null){o.insertBefore(a.element,B);return}if(f===B){o.insertBefore(a.element,B);return}if(f===a.element){x.contents=f.nextSibling;return}H(z[a.key],!1)?(F(f),o.replaceChild(a.element,f),x.contents=a.element.nextSibling):(o.insertBefore(a.element,f),x.contents=a.element.nextSibling)})},X=document.createDocumentFragment();return X.appendChild(re),i.peek($e).forEach(o=>{let m=te(o),E=ee(o),v=O(E),y={key:m,item:o,element:v};A[m]=y,X.appendChild(v)}),X.appendChild(B),R(ne,()=>{let o=w.run(()=>{hn()},void 0);j(ne,o)}),X}}let st={disposeElement:F,render:O};function ft(e){return{TAG:"Text",_0:e}}function pt(e){return{TAG:"SignalText",_0:S.make(e,void 0)}}function mt(e){return{TAG:"Fragment",_0:e}}function Q(e){return{TAG:"SignalFragment",_0:e}}function ht(e,t){return{TAG:"SignalFragment",_0:S.make(()=>i.get(e).map(t),void 0)}}function _t(e,t,n){return{TAG:"KeyedList",signal:e,keyFn:t,renderItem:n}}function g(e,t,n,r,l){let u=t!==void 0?t:[].map(d=>d),s=n!==void 0?n:[].map(d=>d),c=r!==void 0?r:[].map(d=>d);return{TAG:"Element",tag:e,attrs:u,events:s,children:c}}function gt(e,t,n,r){return g("div",e,t,n)}function St(e,t,n,r){return g("span",e,t,n)}function Et(e,t,n,r){return g("button",e,t,n)}function bt(e,t,n){return g("input",e,t,void 0)}function vt(e,t,n,r){return g("h1",e,t,n)}function yt(e,t,n,r){return g("h2",e,t,n)}function wt(e,t,n,r){return g("h3",e,t,n)}function Ot(e,t,n,r){return g("p",e,t,n)}function Tt(e,t,n,r){return g("ul",e,t,n)}function $t(e,t,n,r){return g("li",e,t,n)}function be(e,t,n,r){return g("a",e,t,n)}function kt(){return{TAG:"Text",_0:""}}function ve(e,t){let n=O(e);t.appendChild(n)}function At(e,t){let n=document.getElementById(t);if(n==null){console.error("Container element not found: "+t);return}else return ve(e,n)}let ye=ge;const Ct=Object.freeze(Object.defineProperty({__proto__:null,$$null:kt,Attributes:at,DOM:ot,Reactivity:dt,Render:st,a:be,attr:ye,button:Et,computedAttr:Ee,div:gt,element:g,fragment:mt,h1:vt,h2:yt,h3:wt,input:bt,keyedList:_t,li:$t,list:ht,mount:ve,mountById:At,p:Ot,signalAttr:Se,signalFragment:Q,span:St,text:ft,textSignal:pt,ul:Tt},Symbol.toStringTag,{value:"Module"}));let k=i.make({pathname:"/",search:"",hash:""},void 0,void 0);function Y(){return{pathname:window.location.pathname,search:window.location.search,hash:window.location.hash}}function Nt(){i.set(k,Y());let e=t=>i.set(k,Y());window.addEventListener("popstate",e)}function we(e,t,n,r){let l=t!==void 0?t:"",u=n!==void 0?n:"",s={pathname:e,search:l,hash:u},c=e+l+u,d={};window.history.pushState(d,"",c),i.set(k,s)}function It(e,t,n,r){let l=t!==void 0?t:"",u=n!==void 0?n:"",s={pathname:e,search:l,hash:u},c=e+l+u,d={};window.history.replaceState(d,"",c),i.set(k,s)}function Mt(e,t){return Q(S.make(()=>{let n=i.get(k),r=J(e,n.pathname);return typeof r!="object"?[]:[t(r._0)]},void 0))}function Rt(e){return Q(S.make(()=>{let t=i.get(k),n=Re(e,r=>{let l=J(r.pattern,t.pathname);if(typeof l=="object")return r.render(l._0)});return n!==void 0?[n]:[]},void 0))}function jt(e,t,n,r){let l=t!==void 0?t:[],u=n!==void 0?n:[],s=c=>{c.preventDefault(),we(e,void 0,void 0)};return be(l.concat([ye("href",e)]),[["click",s]],u)}const Pt=Object.freeze(Object.defineProperty({__proto__:null,Component:void 0,Route:void 0,getCurrentLocation:Y,init:Nt,link:jt,location:k,push:we,replace:It,route:Mt,routes:Rt},Symbol.toStringTag,{value:"Module"}));function Gt(e){return e.TAG==="Reactive"?i.get(e._0):e._0}function xt(e){return{TAG:"Static",_0:e}}function Dt(e){return{TAG:"Reactive",_0:e}}const Ft=Object.freeze(Object.defineProperty({__proto__:null,$$static:xt,get:Gt,reactive:Dt},Symbol.toStringTag,{value:"Module"}));let Lt=i.Id,Bt=i.Scheduler,zt=i.make,Vt=i.get,Wt=i.peek,Xt=i.set,qt=i.update,Kt=i.batch,Ht=i.untrack,Ut={Id:Lt,Scheduler:Bt,make:zt,get:Vt,peek:Wt,set:Xt,update:qt,batch:Kt,untrack:Ht},Jt=S.Id,Qt=S.Signal,Yt=S.Observer,Zt=S.Scheduler,en=S.make,tn=S.dispose,nn={Id:Jt,Signal:Qt,Observer:Yt,Scheduler:Zt,make:en,dispose:tn},rn=w.Id,ln=w.Observer,un=w.Scheduler,on=w.run,cn={Id:rn,Observer:ln,Scheduler:un,run:on},dn=Ct,an=ut,sn=Pt,fn=Ft;_.Component=dn,_.Computed=nn,_.Effect=cn,_.ReactiveProp=fn,_.Route=an,_.Router=sn,_.Signal=Ut,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xote",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "repository": {
     "url": "https://github.com/brnrdog/xote"
   },

package/src/Xote__JSX.res

@@ -1,5 +1,6 @@
 open Signals
 module Component = Xote__Component
+module ReactiveProp = Xote__ReactiveProp
 
 /* ReScript JSX transform type aliases */
 type element = Component.node
@@ -42,22 +43,8 @@ let null = (): element => Component.text("")
 
 /* Elements module for lowercase HTML tags */
 module Elements = {
-  /* Attribute value type that can be static, signal, or computed */
-  @unboxed
-  type rec attributeValue = Any('a): attributeValue
-
-  /* Automatic conversion from string to attributeValue */
-  external fromString: string => attributeValue = "%identity"
-
-  /* Helper to convert a signal to an attributeValue */
-  let signal = (s: Signals.Signal.t<string>): attributeValue => Any(s)
-
-  /* Helper to convert a computed function to an attributeValue */
-  let computed = (f: unit => string): attributeValue => Any(f)
-
-  /* Props type for HTML elements - supports common attributes and events
-   * String-like attributes use polymorphic types to accept strings, signals, or computed functions
-   * Boolean attributes also use polymorphic types to accept bools, signals, or computed functions
+  /* Props type for HTML elements - accepts both raw values and ReactiveProp.t for flexibility
+   * This allows ergonomic JSX like class="foo" while also supporting class={ReactiveProp.reactive(signal)}
    */
   type props<
     'id,
@@ -91,7 +78,7 @@ module Elements = {
     'ariaExpanded,
     'ariaSelected,
   > = {
-    /* Standard attributes - can be static strings, signals, or computed values */
+    /* Standard attributes - accept raw strings or ReactiveProp.t<string> */
     id?: 'id,
     class?: 'class,
     style?: 'style,
@@ -149,42 +136,58 @@ module Elements = {
     children?: element,
   }
 
-  /* Helper to detect if a value is a signal (has an id property) */
-  @get external hasId: 'a => option<int> = "id"
+  /* Helper to detect if a value is a ReactiveProp variant (checks for Static/Reactive tags) */
+  let isReactiveProp = (value: 'a): bool => {
+    %raw(`value && typeof value === 'object' && ('TAG' in value) && (value.TAG === 'Static' || value.TAG === 'Reactive')`)
+  }
 
-  /* Helper to convert any value to Component.attrValue */
+  /* Helper to convert string attribute value (supports raw string, ReactiveProp, Signal, or computed function) */
   let convertAttrValue = (key: string, value: 'a): (string, Component.attrValue) => {
-    // Check if it's a function (computed)
-    if typeof(value) == #function {
-      // It's a computed function
+    if isReactiveProp(value) {
+      // It's a ReactiveProp variant - pattern match on it
+      let rp: ReactiveProp.t<string> = Obj.magic(value)
+      switch rp {
+      | Static(s) => Component.attr(key, s)
+      | Reactive(signal) => Component.signalAttr(key, signal)
+      }
+    } else if typeof(value) == #function {
+      // It's a computed function (for backward compatibility)
       let f: unit => string = Obj.magic(value)
       Component.computedAttr(key, f)
-    } else if typeof(value) == #object && hasId(value)->Option.isSome {
-      // It's a signal (has an id property)
+    } else if typeof(value) == #object {
+      // It's a raw signal (for backward compatibility)
       let sig: Signal.t<string> = Obj.magic(value)
       Component.signalAttr(key, sig)
     } else {
-      // It's a static string
+      // It's a raw string
       let s: string = Obj.magic(value)
       Component.attr(key, s)
     }
   }
 
-  /* Helper to convert boolean attribute values (static bool, signal, or computed) to Component.attrValue */
+  /* Helper to convert boolean attribute value (supports raw bool, ReactiveProp, Signal, or computed function) */
   let convertBoolAttrValue = (key: string, value: 'a): (string, Component.attrValue) => {
-    // Check if it's a function (computed)
-    if typeof(value) == #function {
-      // It's a computed function that returns bool
+    if isReactiveProp(value) {
+      // It's a ReactiveProp variant - pattern match on it
+      let rp: ReactiveProp.t<bool> = Obj.magic(value)
+      switch rp {
+      | Static(b) => Component.attr(key, b ? "true" : "false")
+      | Reactive(signal) => {
+          let strSignal = Computed.make(() => Signal.get(signal) ? "true" : "false")
+          Component.signalAttr(key, strSignal)
+        }
+      }
+    } else if typeof(value) == #function {
+      // It's a computed function that returns bool (for backward compatibility)
       let f: unit => bool = Obj.magic(value)
       Component.computedAttr(key, () => f() ? "true" : "false")
-    } else if typeof(value) == #object && hasId(value)->Option.isSome {
-      // It's a signal of bool
+    } else if typeof(value) == #object {
+      // It's a raw signal (for backward compatibility)
       let sig: Signal.t<bool> = Obj.magic(value)
-      // Create a computed signal that converts bool to string
       let strSignal = Computed.make(() => Signal.get(sig) ? "true" : "false")
       Component.signalAttr(key, strSignal)
     } else {
-      // It's a static bool
+      // It's a raw bool
       let b: bool = Obj.magic(value)
       Component.attr(key, b ? "true" : "false")
     }
@@ -206,7 +209,7 @@ module Elements = {
     }
   }
 
-  /* Convert props to attrs array - uses wildcard types to accept any prop types */
+  /* Convert props to attrs array */
   let propsToAttrs = (props: props<_, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _>): array<(string, Component.attrValue)> => {
     let attrs = []
 
@@ -280,7 +283,7 @@ module Elements = {
     }
   }
 
-  /* Convert props to events array - uses wildcard types to accept any prop types */
+  /* Convert props to events array */
   let propsToEvents = (props: props<_, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _, _>): array<(string, Dom.event => unit)> => {
     let events = []
 

package/src/Xote__JSX.res.mjs

@@ -1,7 +1,6 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
 import * as Signals from "rescript-signals/src/Signals.res.mjs";
-import * as Core__Option from "@rescript/core/src/Core__Option.res.mjs";
 import * as Xote__Component from "./Xote__Component.res.mjs";
 import * as Primitive_option from "@rescript/runtime/lib/es6/Primitive_option.js";
 
@@ -28,18 +27,20 @@ function $$null() {
   return Xote__Component.text("");
 }
 
-function signal(s) {
-  return s;
-}
-
-function computed(f) {
-  return f;
+function isReactiveProp(value) {
+  return (value && typeof value === 'object' && ('TAG' in value) && (value.TAG === 'Static' || value.TAG === 'Reactive'));
 }
 
 function convertAttrValue(key, value) {
-  if (typeof value === "function") {
+  if (isReactiveProp(value)) {
+    if (value.TAG === "Reactive") {
+      return Xote__Component.signalAttr(key, value._0);
+    } else {
+      return Xote__Component.attr(key, value._0);
+    }
+  } else if (typeof value === "function") {
     return Xote__Component.computedAttr(key, value);
-  } else if (typeof value === "object" && Core__Option.isSome(value.id)) {
+  } else if (typeof value === "object") {
     return Xote__Component.signalAttr(key, value);
   } else {
     return Xote__Component.attr(key, value);
@@ -47,6 +48,20 @@ function convertAttrValue(key, value) {
 }
 
 function convertBoolAttrValue(key, value) {
+  if (isReactiveProp(value)) {
+    if (value.TAG !== "Reactive") {
+      return Xote__Component.attr(key, value._0 ? "true" : "false");
+    }
+    let signal = value._0;
+    let strSignal = Signals.Computed.make(() => {
+      if (Signals.Signal.get(signal)) {
+        return "true";
+      } else {
+        return "false";
+      }
+    }, undefined);
+    return Xote__Component.signalAttr(key, strSignal);
+  }
   if (typeof value === "function") {
     return Xote__Component.computedAttr(key, () => {
       if (value()) {
@@ -56,17 +71,17 @@ function convertBoolAttrValue(key, value) {
       }
     });
   }
-  if (!(typeof value === "object" && Core__Option.isSome(value.id))) {
+  if (typeof value !== "object") {
     return Xote__Component.attr(key, value ? "true" : "false");
   }
-  let strSignal = Signals.Computed.make(() => {
+  let strSignal$1 = Signals.Computed.make(() => {
     if (Signals.Signal.get(value)) {
       return "true";
     } else {
       return "false";
     }
   }, undefined);
-  return Xote__Component.signalAttr(key, strSignal);
+  return Xote__Component.signalAttr(key, strSignal$1);
 }
 
 function addAttr(attrs, opt, key, converter) {
@@ -184,8 +199,7 @@ function jsxKeyed$1(tag, props, key, param) {
 }
 
 let Elements = {
-  signal: signal,
-  computed: computed,
+  isReactiveProp: isReactiveProp,
   convertAttrValue: convertAttrValue,
   convertBoolAttrValue: convertBoolAttrValue,
   addAttr: addAttr,
@@ -203,12 +217,15 @@ let Elements = {
 
 let Component;
 
+let ReactiveProp;
+
 let jsxs = jsx;
 
 let jsxsKeyed = jsxKeyed;
 
 export {
   Component,
+  ReactiveProp,
   jsx,
   jsxs,
   jsxKeyed,

package/src/Xote__ReactiveProp.res

@@ -9,3 +9,8 @@ let get = value =>
   | Reactive(signal) => Signal.get(signal)
   | Static(value) => value
   }
+
+/* Helper functions for creating reactive props */
+let static = value => Static(value)
+
+let reactive = signal => Reactive(signal)

package/src/Xote__ReactiveProp.res.mjs

@@ -10,7 +10,23 @@ function get(value) {
   }
 }
 
+function $$static(value) {
+  return {
+    TAG: "Static",
+    _0: value
+  };
+}
+
+function reactive(signal) {
+  return {
+    TAG: "Reactive",
+    _0: signal
+  };
+}
+
 export {
   get,
+  $$static,
+  reactive,
 }
 /* Signals Not a pure module */