xote 4.4.1 → 4.4.3

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

package/dist/xote.mjs

@@ -33,7 +33,7 @@ function De(e, t, n) {
 function Fe(e, t) {
   let n = e.length, r = new Array(n), l = 0;
   for (let u = 0; u < n; ++u) {
-    let a = e[u], o = t(a);
+    let s = e[u], o = t(s);
     o !== void 0 && (r[l] = ce(o), l = l + 1 | 0);
   }
   return r.length = l, r;
@@ -54,7 +54,7 @@ let h = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map(), G = /* @__PURE
   contents: void 0
 }, j = /* @__PURE__ */ new Set(), k = {
   contents: !1
-}, y = {
+}, v = {
   contents: !1
 };
 function ee(e) {
@@ -107,11 +107,11 @@ function We(e) {
     throw p.contents = t, n;
   }
 }
-function Ke(e) {
+function qe(e) {
   let t = p.contents;
   return t !== void 0 ? t === e : !1;
 }
-function Xe(e) {
+function Ke(e) {
   if (!k.contents) {
     k.contents = !0;
     try {
@@ -122,9 +122,9 @@ function Xe(e) {
     }
   }
 }
-function qe(e, t) {
+function Xe(e, t) {
   ee(t);
-  let n = Ke(e), r = h.get(e);
+  let n = qe(e), r = h.get(e);
   if (n && r !== void 0 && !r.deps.has(t))
     return r.deps.add(t), Be(t, e);
 }
@@ -142,7 +142,7 @@ function He(e) {
     return;
   }
 }
-function se(e) {
+function ae(e) {
   return De(e, 0, (t, n) => n > t ? n : t);
 }
 function Ue(e) {
@@ -157,7 +157,7 @@ function Ue(e) {
       t.push(l.level);
       return;
     }
-  })), se(t) + 1 | 0;
+  })), ae(t) + 1 | 0;
 }
 function Je(e) {
   let t = [];
@@ -170,7 +170,7 @@ function Je(e) {
       t.push(l.level);
       return;
     }
-  }), se(t) + 1 | 0;
+  }), ae(t) + 1 | 0;
 }
 function W(e) {
   return typeof e.kind == "object" ? Je(e) : Ue(e);
@@ -185,11 +185,11 @@ function Qe(e, t) {
   return c !== 0 ? c : n.level - r.level | 0;
 }
 function Ye(e) {
-  y.contents = !0, P(e), de(e.id, () => {
-    e.run(), y.contents = !1;
+  v.contents = !0, P(e), de(e.id, () => {
+    e.run(), v.contents = !1;
   }), e.level = W(e);
 }
-function ae() {
+function se() {
   for (; j.size > 0; ) {
     let e = Array.from(j.values());
     j.clear(), e.sort(Qe), e.forEach((t) => {
@@ -209,7 +209,7 @@ function fe(e) {
       return n.dirty ? void 0 : (n.dirty = !0, fe(r.VAL));
     j.add(t);
   }), j.size > 0)
-    return Xe(ae);
+    return Ke(se);
 }
 function pe(e) {
   let t = G.get(e);
@@ -217,8 +217,8 @@ function pe(e) {
     return;
   let n = h.get(t);
   if (n !== void 0 && n.dirty) {
-    y.contents = !0, P(n), de(t, () => {
-      n.run(), n.dirty = !1, y.contents = !1;
+    v.contents = !0, P(n), de(t, () => {
+      n.run(), n.dirty = !1, v.contents = !1;
     }), n.level = W(n);
     return;
   }
@@ -228,7 +228,7 @@ function Ze(e) {
   k.contents = !0;
   try {
     let n = e();
-    return t || (k.contents = !1, j.size > 0 && ae()), n;
+    return t || (k.contents = !1, j.size > 0 && se()), n;
   } catch (n) {
     throw t || (k.contents = !1), n;
   }
@@ -251,7 +251,7 @@ function me(e, t, n) {
 function nt(e) {
   pe(e.id);
   let t = p.contents;
-  return t !== void 0 && qe(t, e.id), e.value.contents;
+  return t !== void 0 && Xe(t, e.id), e.value.contents;
 }
 function rt(e) {
   return pe(e.id), e.value.contents;
@@ -293,22 +293,22 @@ function _e(e, t, n, r) {
     name: r
   };
 }
-function st(e, t) {
+function at(e, t) {
   let n = Y(), r = {
     contents: void 0
   }, u = _e(n, "Effect", () => {
     let c = r.contents;
     c !== void 0 && c(), r.contents = e();
   }, t);
-  h.set(n, u), y.contents = !0, P(u);
-  let a = p.contents;
+  h.set(n, u), v.contents = !0, P(u);
+  let s = p.contents;
   p.contents = n;
   try {
-    u.run(), y.contents = !1;
+    u.run(), v.contents = !1;
   } catch (c) {
-    throw p.contents = a, y.contents = !1, c;
+    throw p.contents = s, v.contents = !1, c;
   }
-  return p.contents = a, u.level = W(u), {
+  return p.contents = s, u.level = W(u), {
     dispose: () => {
       let c = h.get(n);
       if (c === void 0)
@@ -318,13 +318,13 @@ function st(e, t) {
     }
   };
 }
-let at, ft, pt;
+let st, ft, pt;
 const mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: at,
+  Id: st,
   Observer: ft,
   Scheduler: pt,
-  run: st
+  run: at
 }, 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), y.contents = !0, P(u);
-  let a = p.contents;
+  h.set(r, u), v.contents = !0, P(u);
+  let s = p.contents;
   p.contents = r;
   try {
-    u.run(), u.dirty = !1, y.contents = !1;
+    u.run(), u.dirty = !1, v.contents = !1;
   } catch (o) {
-    throw p.contents = a, y.contents = !1, o;
+    throw p.contents = s, v.contents = !1, o;
   }
-  return p.contents = a, u.level = W(u), G.set(n.id, r), n;
+  return p.contents = s, u.level = W(u), G.set(n.id, r), n;
 }
 function _t(e) {
   He(e.id);
 }
-let gt, St, Et, vt;
-const yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let gt, St, Et, bt;
+const vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Id: gt,
   Observer: Et,
-  Scheduler: vt,
+  Scheduler: bt,
   Signal: St,
   dispose: _t,
   make: ht
 }, Symbol.toStringTag, { value: "Module" }));
-let s = dt, S = yt, w = mt;
+let a = dt, S = vt, w = mt;
 function ge(e) {
   return Fe(e.split("/"), (t) => {
     if (t !== "")
@@ -375,8 +375,8 @@ function Se(e, t) {
   if (e.length !== n.length)
     return "NoMatch";
   let r = {};
-  return e.every((u, a) => {
-    let o = n[a];
+  return e.every((u, s) => {
+    let o = n[s];
     return u.TAG === "Static" ? o === u._0 : (r[u._0] = o, !0);
   }) ? {
     TAG: "Match",
@@ -386,7 +386,7 @@ function Se(e, t) {
 function te(e, t) {
   return Se(ge(e), t);
 }
-const bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   match: te,
   matchPath: Se,
@@ -400,6 +400,16 @@ function C(e, t, n) {
     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;
@@ -407,6 +417,7 @@ function C(e, t, n) {
       e.setAttribute(t, n);
       return;
   }
+  n === "true" ? e.setAttribute(t, "") : e.removeAttribute(t);
 }
 let kt = {
   setAttrOrProp: C
@@ -434,7 +445,7 @@ function Ee(e) {
 function I(e, t) {
   e.__xote_owner__ = t;
 }
-function ve(e) {
+function be(e) {
   return Re(e.__xote_owner__);
 }
 let Tt = {
@@ -444,9 +455,9 @@ let Tt = {
   addDisposer: M,
   disposeOwner: Ee,
   setOwner: I,
-  getOwner: ve
+  getOwner: be
 };
-function ye(e, t) {
+function ve(e, t) {
   return [
     e,
     {
@@ -455,7 +466,7 @@ function ye(e, t) {
     }
   ];
 }
-function be(e, t) {
+function ye(e, t) {
   return [
     e,
     {
@@ -474,15 +485,15 @@ function we(e, t) {
   ];
 }
 let At = {
-  $$static: ye,
-  signal: be,
+  $$static: ve,
+  signal: ye,
   computed: we
 };
 function L(e) {
-  let t = ve(e);
+  let t = be(e);
   t !== void 0 && Ee(t), Array.from(e.childNodes || []).forEach(L);
 }
-function b(e) {
+function y(e) {
   switch (e.TAG) {
     case "Element":
       let t = e.children, n = e.events, r = e.attrs, l = document.createElement(e.tag), u = {
@@ -497,11 +508,11 @@ function b(e) {
               return C(l, g, m._0);
             case "SignalValue":
               let E = m._0;
-              C(l, g, s.peek(E));
-              let v = w.run(() => {
-                C(l, g, s.get(E));
+              C(l, g, a.peek(E));
+              let b = w.run(() => {
+                C(l, g, a.get(E));
               }, void 0);
-              return M(u, v);
+              return M(u, b);
             case "Compute":
               let F = m._0;
               C(l, g, F());
@@ -513,52 +524,52 @@ function b(e) {
         }), n.forEach((i) => {
           l.addEventListener(i[0], i[1]);
         }), t.forEach((i) => {
-          let m = b(i);
+          let m = y(i);
           l.appendChild(m);
         });
       }), l;
     case "Text":
       return document.createTextNode(e._0);
     case "SignalText":
-      let a = e._0, o = document.createTextNode(s.peek(a)), c = {
+      let s = e._0, o = document.createTextNode(a.peek(s)), c = {
         disposers: [],
         computeds: []
       };
       return I(o, c), N(c, () => {
         let i = w.run(() => {
-          o.textContent = s.get(a);
+          o.textContent = a.get(s);
         }, void 0);
         M(c, i);
       }), o;
     case "Fragment":
       let R = document.createDocumentFragment();
       return e._0.forEach((i) => {
-        let m = b(i);
+        let m = y(i);
         R.appendChild(m);
       }), R;
     case "SignalFragment":
-      let $e = e._0, K = {
+      let $e = e._0, q = {
         disposers: [],
         computeds: []
       }, A = document.createElement("div");
-      return A.setAttribute("style", "display: contents"), I(A, K), N(K, () => {
+      return A.setAttribute("style", "display: contents"), I(A, q), N(q, () => {
         let i = w.run(() => {
-          let m = s.get($e);
+          let m = a.get($e);
           Array.from(A.childNodes || []).forEach(L), A.innerHTML = "", m.forEach((E) => {
-            let v = b(E);
-            A.appendChild(v);
+            let b = y(E);
+            A.appendChild(b);
           });
         }, void 0);
-        M(K, i);
+        M(q, i);
       }), A;
     case "LazyComponent":
       let re = {
         disposers: [],
         computeds: []
-      }, Ce = N(re, e._0), le = b(Ce);
+      }, Ce = N(re, e._0), le = y(Ce);
       return I(le, re), le;
     case "KeyedList":
-      let X = e.renderItem, q = e.keyFn, ue = e.signal, H = {
+      let K = e.renderItem, X = e.keyFn, ue = e.signal, H = {
         disposers: [],
         computeds: []
       }, U = document.createComment(" keyed-list-start "), D = document.createComment(" keyed-list-end ");
@@ -567,9 +578,9 @@ function b(e) {
         let i = D.parentNode;
         if (i == null)
           return;
-        let m = s.get(ue), g = {};
+        let m = a.get(ue), g = {};
         m.forEach((d) => {
-          g[q(d)] = d;
+          g[X(d)] = d;
         });
         let E = [];
         Object.keys(O).forEach((d) => {
@@ -584,34 +595,34 @@ function b(e) {
             return;
           }
         });
-        let v = [], F = {};
+        let b = [], F = {};
         m.forEach((d) => {
-          let f = q(d), V = O[f];
+          let f = X(d), V = O[f];
           if (V !== void 0) {
             if (V.item !== d) {
               F[f] = !0;
-              let je = X(d), xe = b(je), oe = {
+              let je = K(d), xe = y(je), oe = {
                 key: f,
                 item: d,
                 element: xe
               };
-              v.push(oe), O[f] = oe;
+              b.push(oe), O[f] = oe;
               return;
             }
-            v.push(V);
+            b.push(V);
             return;
           }
-          let Me = X(d), Ie = b(Me), ie = {
+          let Me = K(d), Ie = y(Me), ie = {
             key: f,
             item: d,
             element: Ie
           };
-          v.push(ie), O[f] = ie;
+          b.push(ie), O[f] = ie;
         });
         let $ = {
           contents: U.nextSibling
         };
-        v.forEach((d) => {
+        b.forEach((d) => {
           let f = $.contents;
           if (f == null) {
             i.insertBefore(d.element, D);
@@ -628,13 +639,13 @@ function b(e) {
           Z(F[d.key], !1) ? (L(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), s.peek(ue).forEach((i) => {
-        let m = q(i), g = X(i), E = b(g), v = {
+      return B.appendChild(U), a.peek(ue).forEach((i) => {
+        let m = X(i), g = K(i), E = y(g), b = {
           key: m,
           item: i,
           element: E
         };
-        O[m] = v, B.appendChild(E);
+        O[m] = b, B.appendChild(E);
       }), B.appendChild(D), N(H, () => {
         let i = w.run(() => {
           Ne();
@@ -645,7 +656,7 @@ function b(e) {
 }
 let $t = {
   disposeElement: L,
-  render: b
+  render: y
 };
 function Ct(e) {
   return {
@@ -674,7 +685,7 @@ function ne(e) {
 function It(e, t) {
   return {
     TAG: "SignalFragment",
-    _0: S.make(() => s.get(e).map(t), void 0)
+    _0: S.make(() => a.get(e).map(t), void 0)
   };
 }
 function jt(e, t, n) {
@@ -686,12 +697,12 @@ function jt(e, t, n) {
   };
 }
 function _(e, t, n, r, l) {
-  let u = t !== void 0 ? t : [].map((c) => c), a = n !== void 0 ? n : [].map((c) => c), o = r !== void 0 ? r : [].map((c) => c);
+  let u = t !== void 0 ? t : [].map((c) => c), s = n !== void 0 ? n : [].map((c) => c), o = r !== void 0 ? r : [].map((c) => c);
   return {
     TAG: "Element",
     tag: e,
     attrs: u,
-    events: a,
+    events: s,
     children: o
   };
 }
@@ -729,7 +740,7 @@ function ke(e, t, n, r) {
   return _("a", e, t, n);
 }
 function Oe(e, t) {
-  let n = b(e);
+  let n = y(e);
   t.appendChild(n);
 }
 function Wt(e, t) {
@@ -740,8 +751,8 @@ function Wt(e, t) {
   } else
     return Oe(e, n);
 }
-let Te = ye, Kt = be, Xt = we;
-const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let Te = ve, qt = ye, Kt = we;
+const Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Attributes: At,
   DOM: kt,
@@ -750,7 +761,7 @@ const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   a: ke,
   attr: Te,
   button: Rt,
-  computedAttr: Xt,
+  computedAttr: Kt,
   div: xt,
   element: _,
   fragment: Mt,
@@ -764,14 +775,14 @@ const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   mount: Oe,
   mountById: Wt,
   p: Bt,
-  signalAttr: Kt,
+  signalAttr: qt,
   signalFragment: ne,
   span: Pt,
   text: Ct,
   textSignal: Nt,
   ul: Vt
 }, Symbol.toStringTag, { value: "Module" }));
-let T = s.make({
+let T = a.make({
   pathname: "/",
   search: "",
   hash: ""
@@ -784,35 +795,35 @@ function Q() {
   };
 }
 function Ht() {
-  s.set(T, Q());
-  let e = (t) => s.set(T, Q());
+  a.set(T, Q());
+  let e = (t) => a.set(T, Q());
   window.addEventListener("popstate", e);
 }
 function Ae(e, t, n, r) {
-  let l = t !== void 0 ? t : "", u = n !== void 0 ? n : "", a = {
+  let l = t !== void 0 ? t : "", u = n !== void 0 ? n : "", s = {
     pathname: e,
     search: l,
     hash: u
   }, o = e + l + u, c = {};
-  window.history.pushState(c, "", o), s.set(T, a);
+  window.history.pushState(c, "", o), a.set(T, s);
 }
 function Ut(e, t, n, r) {
-  let l = t !== void 0 ? t : "", u = n !== void 0 ? n : "", a = {
+  let l = t !== void 0 ? t : "", u = n !== void 0 ? n : "", s = {
     pathname: e,
     search: l,
     hash: u
   }, o = e + l + u, c = {};
-  window.history.replaceState(c, "", o), s.set(T, a);
+  window.history.replaceState(c, "", o), a.set(T, s);
 }
 function Jt(e, t) {
   return ne(S.make(() => {
-    let n = s.get(T), r = te(e, n.pathname);
+    let n = a.get(T), r = te(e, n.pathname);
     return typeof r != "object" ? [] : [t(r._0)];
   }, void 0));
 }
 function Qt(e) {
   return ne(S.make(() => {
-    let t = s.get(T), n = Le(e, (r) => {
+    let t = a.get(T), n = Le(e, (r) => {
       let l = te(r.pattern, t.pathname);
       if (typeof l == "object")
         return r.render(l._0);
@@ -821,12 +832,12 @@ function Qt(e) {
   }, void 0));
 }
 function Yt(e, t, n, r) {
-  let l = t !== void 0 ? t : [], u = n !== void 0 ? n : [], a = (o) => {
+  let l = t !== void 0 ? t : [], u = n !== void 0 ? n : [], s = (o) => {
     o.preventDefault(), Ae(e, void 0, void 0);
   };
   return ke(l.concat([Te("href", e)]), [[
     "click",
-    a
+    s
   ]], u);
 }
 let Zt, en;
@@ -843,7 +854,7 @@ const tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   route: Jt,
   routes: Qt
 }, Symbol.toStringTag, { value: "Module" }));
-let nn = s.Id, rn = s.Scheduler, ln = s.make, un = s.get, on = s.peek, cn = s.set, dn = s.update, sn = s.batch, an = s.untrack, wn = {
+let nn = a.Id, rn = a.Scheduler, ln = a.make, un = a.get, on = a.peek, cn = a.set, dn = a.update, an = a.batch, sn = a.untrack, wn = {
   Id: nn,
   Scheduler: rn,
   make: ln,
@@ -851,8 +862,8 @@ let nn = s.Id, rn = s.Scheduler, ln = s.make, un = s.get, on = s.peek, cn = s.se
   peek: on,
   set: cn,
   update: dn,
-  batch: sn,
-  untrack: an
+  batch: an,
+  untrack: sn
 }, fn = S.Id, pn = S.Signal, mn = S.Observer, hn = S.Scheduler, _n = S.make, gn = S.dispose, kn = {
   Id: fn,
   Signal: pn,
@@ -860,12 +871,12 @@ let nn = s.Id, rn = s.Scheduler, ln = s.make, un = s.get, on = s.peek, cn = s.se
   Scheduler: hn,
   make: _n,
   dispose: gn
-}, Sn = w.Id, En = w.Observer, vn = w.Scheduler, yn = w.run, On = {
+}, Sn = w.Id, En = w.Observer, bn = w.Scheduler, vn = w.run, On = {
   Id: Sn,
   Observer: En,
-  Scheduler: vn,
-  run: yn
-}, Tn = qt, An = bt, $n = tn;
+  Scheduler: bn,
+  run: vn
+}, Tn = Xt, An = yt, $n = tn;
 export {
   Tn as Component,
   kn as Computed,

package/dist/xote.umd.js

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

package/package.json

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

package/src/Xote__Component.res

@@ -25,17 +25,27 @@ module DOM = {
   external addEventListener: (Dom.element, string, Dom.event => unit) => unit = "addEventListener"
   @send external appendChild: (Dom.element, Dom.element) => unit = "appendChild"
   @send external setAttribute: (Dom.element, string, string) => unit = "setAttribute"
+  @send external removeAttribute: (Dom.element, string) => unit = "removeAttribute"
   @send external replaceChild: (Dom.element, Dom.element, Dom.element) => unit = "replaceChild"
   @send external insertBefore: (Dom.element, Dom.element, Dom.element) => unit = "insertBefore"
   @set external setTextContent: (Dom.element, string) => unit = "textContent"
   @set external setValue: (Dom.element, string) => unit = "value"
   @set external setChecked: (Dom.element, bool) => unit = "checked"
+  @set external setDisabled: (Dom.element, bool) => unit = "disabled"
 
   /* Set attribute or property depending on attribute name */
   let setAttrOrProp = (el: Dom.element, key: string, value: string): unit => {
     switch key {
     | "value" => setValue(el, value)
     | "checked" => setChecked(el, value == "true")
+    | "disabled" => setDisabled(el, value == "true")
+    /* Boolean attributes that should be added/removed based on value */
+    | "required" | "readonly" | "multiple" | "aria-hidden" | "aria-expanded" | "aria-selected" =>
+      if value == "true" {
+        setAttribute(el, key, "")
+      } else {
+        removeAttribute(el, key)
+      }
     | _ => setAttribute(el, key, value)
     }
   }

package/src/Xote__Component.res.mjs

@@ -10,6 +10,16 @@ function setAttrOrProp(el, key, value) {
     case "checked" :
       el.checked = value === "true";
       return;
+    case "disabled" :
+      el.disabled = value === "true";
+      return;
+    case "aria-expanded" :
+    case "aria-hidden" :
+    case "aria-selected" :
+    case "multiple" :
+    case "readonly" :
+    case "required" :
+      break;
     case "value" :
       el.value = value;
       return;
@@ -17,6 +27,11 @@ function setAttrOrProp(el, key, value) {
       el.setAttribute(key, value);
       return;
   }
+  if (value === "true") {
+    el.setAttribute(key, "");
+  } else {
+    el.removeAttribute(key);
+  }
 }
 
 let DOM = {

package/src/Xote__JSX.res

@@ -65,6 +65,7 @@ module Elements = {
 
   /* 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
    */
   type props<
     'id,
@@ -89,6 +90,14 @@ module Elements = {
     'height,
     'role,
     'ariaLabel,
+    'disabled,
+    'checked,
+    'required,
+    'readOnly,
+    'multiple,
+    'ariaHidden,
+    'ariaExpanded,
+    'ariaSelected,
   > = {
     /* Standard attributes - can be static strings, signals, or computed values */
     id?: 'id,
@@ -99,10 +108,10 @@ module Elements = {
     name?: 'name,
     value?: 'value,
     placeholder?: 'placeholder,
-    disabled?: bool,
-    checked?: bool,
-    required?: bool,
-    readOnly?: bool,
+    disabled?: 'disabled,
+    checked?: 'checked,
+    required?: 'required,
+    readOnly?: 'readOnly,
     maxLength?: int,
     minLength?: int,
     min?: 'min,
@@ -110,7 +119,7 @@ module Elements = {
     step?: 'step,
     pattern?: 'pattern,
     autoComplete?: 'autoComplete,
-    multiple?: bool,
+    multiple?: 'multiple,
     accept?: 'accept,
     rows?: int,
     cols?: int,
@@ -128,9 +137,9 @@ module Elements = {
     role?: 'role,
     tabIndex?: int,
     @as("aria-label") ariaLabel?: 'ariaLabel,
-    @as("aria-hidden") ariaHidden?: bool,
-    @as("aria-expanded") ariaExpanded?: bool,
-    @as("aria-selected") ariaSelected?: bool,
+    @as("aria-hidden") ariaHidden?: 'ariaHidden,
+    @as("aria-expanded") ariaExpanded?: 'ariaExpanded,
+    @as("aria-selected") ariaSelected?: 'ariaSelected,
     /* Data attributes */
     data?: Obj.t,
     /* Event handlers */
@@ -169,6 +178,26 @@ module Elements = {
     }
   }
 
+  /* Helper to convert boolean attribute values (static bool, signal, or computed) to Component.attrValue */
+  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
+      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
+      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
+      let b: bool = Obj.magic(value)
+      Component.attr(key, b ? "true" : "false")
+    }
+  }
+
   /* Convert props to attrs array */
   let propsToAttrs = (
     props: props<
@@ -194,6 +223,14 @@ module Elements = {
       'height,
       'role,
       'ariaLabel,
+      'disabled,
+      'checked,
+      'required,
+      'readOnly,
+      'multiple,
+      'ariaHidden,
+      'ariaExpanded,
+      'ariaSelected,
     >,
   ): array<(string, Component.attrValue)> => {
     let attrs = []
@@ -236,23 +273,23 @@ module Elements = {
     }
 
     switch props.disabled {
-    | Some(true) => attrs->Array.push(Component.attr("disabled", "true"))
-    | _ => ()
+    | Some(v) => attrs->Array.push(convertBoolAttrValue("disabled", v))
+    | None => ()
     }
 
     switch props.checked {
-    | Some(true) => attrs->Array.push(Component.attr("checked", "true"))
-    | _ => ()
+    | Some(v) => attrs->Array.push(convertBoolAttrValue("checked", v))
+    | None => ()
     }
 
     switch props.required {
-    | Some(true) => attrs->Array.push(Component.attr("required", "true"))
-    | _ => ()
+    | Some(v) => attrs->Array.push(convertBoolAttrValue("required", v))
+    | None => ()
     }
 
     switch props.readOnly {
-    | Some(true) => attrs->Array.push(Component.attr("readonly", "true"))
-    | _ => ()
+    | Some(v) => attrs->Array.push(convertBoolAttrValue("readonly", v))
+    | None => ()
     }
 
     switch props.maxLength {
@@ -291,8 +328,8 @@ module Elements = {
     }
 
     switch props.multiple {
-    | Some(true) => attrs->Array.push(Component.attr("multiple", "true"))
-    | _ => ()
+    | Some(v) => attrs->Array.push(convertBoolAttrValue("multiple", v))
+    | None => ()
     }
 
     switch props.accept {
@@ -365,20 +402,17 @@ module Elements = {
     }
 
     switch props.ariaHidden {
-    | Some(true) => attrs->Array.push(Component.attr("aria-hidden", "true"))
-    | Some(false) => attrs->Array.push(Component.attr("aria-hidden", "false"))
+    | Some(v) => attrs->Array.push(convertBoolAttrValue("aria-hidden", v))
     | None => ()
     }
 
     switch props.ariaExpanded {
-    | Some(true) => attrs->Array.push(Component.attr("aria-expanded", "true"))
-    | Some(false) => attrs->Array.push(Component.attr("aria-expanded", "false"))
+    | Some(v) => attrs->Array.push(convertBoolAttrValue("aria-expanded", v))
     | None => ()
     }
 
     switch props.ariaSelected {
-    | Some(true) => attrs->Array.push(Component.attr("aria-selected", "true"))
-    | Some(false) => attrs->Array.push(Component.attr("aria-selected", "false"))
+    | Some(v) => attrs->Array.push(convertBoolAttrValue("aria-selected", v))
     | None => ()
     }
 
@@ -422,6 +456,14 @@ module Elements = {
       'height,
       'role,
       'ariaLabel,
+      'disabled,
+      'checked,
+      'required,
+      'readOnly,
+      'multiple,
+      'ariaHidden,
+      'ariaExpanded,
+      'ariaSelected,
     >,
   ): array<(string, Dom.event => unit)> => {
     let events = []
@@ -504,6 +546,14 @@ module Elements = {
       'height,
       'role,
       'ariaLabel,
+      'disabled,
+      'checked,
+      'required,
+      'readOnly,
+      'multiple,
+      'ariaHidden,
+      'ariaExpanded,
+      'ariaSelected,
     >,
   ): array<element> => {
     switch props.children {
@@ -539,6 +589,14 @@ module Elements = {
       'height,
       'role,
       'ariaLabel,
+      'disabled,
+      'checked,
+      'required,
+      'readOnly,
+      'multiple,
+      'ariaHidden,
+      'ariaExpanded,
+      'ariaSelected,
     >,
   ): element => {
     Component.Element({
@@ -575,6 +633,14 @@ module Elements = {
       'height,
       'role,
       'ariaLabel,
+      'disabled,
+      'checked,
+      'required,
+      'readOnly,
+      'multiple,
+      'ariaHidden,
+      'ariaExpanded,
+      'ariaSelected,
     >,
   ): element => createElement(tag, props)
 
@@ -603,6 +669,14 @@ module Elements = {
       'height,
       'role,
       'ariaLabel,
+      'disabled,
+      'checked,
+      'required,
+      'readOnly,
+      'multiple,
+      'ariaHidden,
+      'ariaExpanded,
+      'ariaSelected,
     >,
   ): element => createElement(tag, props)
 
@@ -631,6 +705,14 @@ module Elements = {
       'height,
       'role,
       'ariaLabel,
+      'disabled,
+      'checked,
+      'required,
+      'readOnly,
+      'multiple,
+      'ariaHidden,
+      'ariaExpanded,
+      'ariaSelected,
     >,
     ~key: option<string>=?,
     _: unit,
@@ -664,6 +746,14 @@ module Elements = {
       'height,
       'role,
       'ariaLabel,
+      'disabled,
+      'checked,
+      'required,
+      'readOnly,
+      'multiple,
+      'ariaHidden,
+      'ariaExpanded,
+      'ariaSelected,
     >,
     ~key: option<string>=?,
     _: unit,

package/src/Xote__JSX.res.mjs

@@ -1,5 +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";
@@ -53,6 +54,29 @@ function convertAttrValue(key, value) {
   }
 }
 
+function convertBoolAttrValue(key, value) {
+  if (typeof value === "function") {
+    return Xote__Component.computedAttr(key, () => {
+      if (value()) {
+        return "true";
+      } else {
+        return "false";
+      }
+    });
+  }
+  if (!(typeof value === "object" && Core__Option.isSome(value.id))) {
+    return Xote__Component.attr(key, value ? "true" : "false");
+  }
+  let strSignal = Signals.Computed.make(() => {
+    if (Signals.Signal.get(value)) {
+      return "true";
+    } else {
+      return "false";
+    }
+  }, undefined);
+  return Xote__Component.signalAttr(key, strSignal);
+}
+
 function propsToAttrs(props) {
   let attrs = [];
   let v = props.id;
@@ -83,129 +107,117 @@ function propsToAttrs(props) {
   if (v$6 !== undefined) {
     attrs.push(convertAttrValue("placeholder", Primitive_option.valFromOption(v$6)));
   }
-  let match = props.disabled;
-  if (match !== undefined && match) {
-    attrs.push(Xote__Component.attr("disabled", "true"));
-  }
-  let match$1 = props.checked;
-  if (match$1 !== undefined && match$1) {
-    attrs.push(Xote__Component.attr("checked", "true"));
-  }
-  let match$2 = props.required;
-  if (match$2 !== undefined && match$2) {
-    attrs.push(Xote__Component.attr("required", "true"));
-  }
-  let match$3 = props.readOnly;
-  if (match$3 !== undefined && match$3) {
-    attrs.push(Xote__Component.attr("readonly", "true"));
-  }
-  let v$7 = props.maxLength;
+  let v$7 = props.disabled;
   if (v$7 !== undefined) {
-    attrs.push(Xote__Component.attr("maxlength", v$7.toString()));
+    attrs.push(convertBoolAttrValue("disabled", Primitive_option.valFromOption(v$7)));
   }
-  let v$8 = props.minLength;
+  let v$8 = props.checked;
   if (v$8 !== undefined) {
-    attrs.push(Xote__Component.attr("minlength", v$8.toString()));
+    attrs.push(convertBoolAttrValue("checked", Primitive_option.valFromOption(v$8)));
   }
-  let v$9 = props.min;
+  let v$9 = props.required;
   if (v$9 !== undefined) {
-    attrs.push(convertAttrValue("min", Primitive_option.valFromOption(v$9)));
+    attrs.push(convertBoolAttrValue("required", Primitive_option.valFromOption(v$9)));
   }
-  let v$10 = props.max;
+  let v$10 = props.readOnly;
   if (v$10 !== undefined) {
-    attrs.push(convertAttrValue("max", Primitive_option.valFromOption(v$10)));
+    attrs.push(convertBoolAttrValue("readonly", Primitive_option.valFromOption(v$10)));
   }
-  let v$11 = props.step;
+  let v$11 = props.maxLength;
   if (v$11 !== undefined) {
-    attrs.push(convertAttrValue("step", Primitive_option.valFromOption(v$11)));
+    attrs.push(Xote__Component.attr("maxlength", v$11.toString()));
   }
-  let v$12 = props.pattern;
+  let v$12 = props.minLength;
   if (v$12 !== undefined) {
-    attrs.push(convertAttrValue("pattern", Primitive_option.valFromOption(v$12)));
+    attrs.push(Xote__Component.attr("minlength", v$12.toString()));
   }
-  let v$13 = props.autoComplete;
+  let v$13 = props.min;
   if (v$13 !== undefined) {
-    attrs.push(convertAttrValue("autocomplete", Primitive_option.valFromOption(v$13)));
+    attrs.push(convertAttrValue("min", Primitive_option.valFromOption(v$13)));
   }
-  let match$4 = props.multiple;
-  if (match$4 !== undefined && match$4) {
-    attrs.push(Xote__Component.attr("multiple", "true"));
-  }
-  let v$14 = props.accept;
+  let v$14 = props.max;
   if (v$14 !== undefined) {
-    attrs.push(convertAttrValue("accept", Primitive_option.valFromOption(v$14)));
+    attrs.push(convertAttrValue("max", Primitive_option.valFromOption(v$14)));
   }
-  let v$15 = props.rows;
+  let v$15 = props.step;
   if (v$15 !== undefined) {
-    attrs.push(Xote__Component.attr("rows", v$15.toString()));
+    attrs.push(convertAttrValue("step", Primitive_option.valFromOption(v$15)));
   }
-  let v$16 = props.cols;
+  let v$16 = props.pattern;
   if (v$16 !== undefined) {
-    attrs.push(Xote__Component.attr("cols", v$16.toString()));
+    attrs.push(convertAttrValue("pattern", Primitive_option.valFromOption(v$16)));
   }
-  let v$17 = props.for;
+  let v$17 = props.autoComplete;
   if (v$17 !== undefined) {
-    attrs.push(convertAttrValue("for", Primitive_option.valFromOption(v$17)));
+    attrs.push(convertAttrValue("autocomplete", Primitive_option.valFromOption(v$17)));
   }
-  let v$18 = props.href;
+  let v$18 = props.multiple;
   if (v$18 !== undefined) {
-    attrs.push(convertAttrValue("href", Primitive_option.valFromOption(v$18)));
+    attrs.push(convertBoolAttrValue("multiple", Primitive_option.valFromOption(v$18)));
   }
-  let v$19 = props.target;
+  let v$19 = props.accept;
   if (v$19 !== undefined) {
-    attrs.push(convertAttrValue("target", Primitive_option.valFromOption(v$19)));
+    attrs.push(convertAttrValue("accept", Primitive_option.valFromOption(v$19)));
   }
-  let v$20 = props.src;
+  let v$20 = props.rows;
   if (v$20 !== undefined) {
-    attrs.push(convertAttrValue("src", Primitive_option.valFromOption(v$20)));
+    attrs.push(Xote__Component.attr("rows", v$20.toString()));
   }
-  let v$21 = props.alt;
+  let v$21 = props.cols;
   if (v$21 !== undefined) {
-    attrs.push(convertAttrValue("alt", Primitive_option.valFromOption(v$21)));
+    attrs.push(Xote__Component.attr("cols", v$21.toString()));
   }
-  let v$22 = props.width;
+  let v$22 = props.for;
   if (v$22 !== undefined) {
-    attrs.push(convertAttrValue("width", Primitive_option.valFromOption(v$22)));
+    attrs.push(convertAttrValue("for", Primitive_option.valFromOption(v$22)));
   }
-  let v$23 = props.height;
+  let v$23 = props.href;
   if (v$23 !== undefined) {
-    attrs.push(convertAttrValue("height", Primitive_option.valFromOption(v$23)));
+    attrs.push(convertAttrValue("href", Primitive_option.valFromOption(v$23)));
   }
-  let v$24 = props.role;
+  let v$24 = props.target;
   if (v$24 !== undefined) {
-    attrs.push(convertAttrValue("role", Primitive_option.valFromOption(v$24)));
+    attrs.push(convertAttrValue("target", Primitive_option.valFromOption(v$24)));
   }
-  let v$25 = props.tabIndex;
+  let v$25 = props.src;
   if (v$25 !== undefined) {
-    attrs.push(Xote__Component.attr("tabindex", v$25.toString()));
+    attrs.push(convertAttrValue("src", Primitive_option.valFromOption(v$25)));
   }
-  let v$26 = props["aria-label"];
+  let v$26 = props.alt;
   if (v$26 !== undefined) {
-    attrs.push(convertAttrValue("aria-label", Primitive_option.valFromOption(v$26)));
+    attrs.push(convertAttrValue("alt", Primitive_option.valFromOption(v$26)));
   }
-  let match$5 = props["aria-hidden"];
-  if (match$5 !== undefined) {
-    if (match$5) {
-      attrs.push(Xote__Component.attr("aria-hidden", "true"));
-    } else {
-      attrs.push(Xote__Component.attr("aria-hidden", "false"));
-    }
+  let v$27 = props.width;
+  if (v$27 !== undefined) {
+    attrs.push(convertAttrValue("width", Primitive_option.valFromOption(v$27)));
   }
-  let match$6 = props["aria-expanded"];
-  if (match$6 !== undefined) {
-    if (match$6) {
-      attrs.push(Xote__Component.attr("aria-expanded", "true"));
-    } else {
-      attrs.push(Xote__Component.attr("aria-expanded", "false"));
-    }
+  let v$28 = props.height;
+  if (v$28 !== undefined) {
+    attrs.push(convertAttrValue("height", Primitive_option.valFromOption(v$28)));
   }
-  let match$7 = props["aria-selected"];
-  if (match$7 !== undefined) {
-    if (match$7) {
-      attrs.push(Xote__Component.attr("aria-selected", "true"));
-    } else {
-      attrs.push(Xote__Component.attr("aria-selected", "false"));
-    }
+  let v$29 = props.role;
+  if (v$29 !== undefined) {
+    attrs.push(convertAttrValue("role", Primitive_option.valFromOption(v$29)));
+  }
+  let v$30 = props.tabIndex;
+  if (v$30 !== undefined) {
+    attrs.push(Xote__Component.attr("tabindex", v$30.toString()));
+  }
+  let v$31 = props["aria-label"];
+  if (v$31 !== undefined) {
+    attrs.push(convertAttrValue("aria-label", Primitive_option.valFromOption(v$31)));
+  }
+  let v$32 = props["aria-hidden"];
+  if (v$32 !== undefined) {
+    attrs.push(convertBoolAttrValue("aria-hidden", Primitive_option.valFromOption(v$32)));
+  }
+  let v$33 = props["aria-expanded"];
+  if (v$33 !== undefined) {
+    attrs.push(convertBoolAttrValue("aria-expanded", Primitive_option.valFromOption(v$33)));
+  }
+  let v$34 = props["aria-selected"];
+  if (v$34 !== undefined) {
+    attrs.push(convertBoolAttrValue("aria-selected", Primitive_option.valFromOption(v$34)));
   }
   let _dataObj = props.data;
   if (_dataObj !== undefined) {
@@ -330,6 +342,7 @@ let Elements = {
   signal: signal,
   computed: computed,
   convertAttrValue: convertAttrValue,
+  convertBoolAttrValue: convertBoolAttrValue,
   propsToAttrs: propsToAttrs,
   propsToEvents: propsToEvents,
   getChildren: getChildren,
@@ -353,4 +366,4 @@ export {
   $$null,
   Elements,
 }
-/* Xote__Component Not a pure module */
+/* Signals Not a pure module */