xote 4.0.0 → 4.1.0

package/README.md

@@ -1,19 +1,18 @@
-# xote 
+# xote
 ![NPM Version](https://img.shields.io/npm/v/xote)
 ![npm bundle size](https://img.shields.io/bundlephobia/min/xote)
 ![npm bundle size](https://img.shields.io/bundlephobia/minzip/xote)
 
-Xote is a lightweight, zero-dependency library for ReScript with fine-grained reactivity based on the [TC39 Signals proposal](https://github.com/tc39/proposal-signals). With Xote, you can build reactive web applications with automatic dependency tracking and efficient updates.
+Xote is a lightweight UI library for ReScript that combines fine-grained reactivity with a minimal component system. Built on [rescript-signals](https://github.com/pedrobslisboa/rescript-signals), it provides declarative components, JSX support, and signal-based routing for building reactive web applications.
 
 ## Features
 
-- Zero dependencies: pure ReScript implementation
-- Lightweight and efficient runtime (~12kb minified)
-- Declarative components for building reactive UIs with JSX support
-- Reactive primitives: signals, computed values, and effects
-- Automatic dependency tracking: no manual subscription management
-- Fine-grained updates: direct DOM updates without a virtual DOM
-- Signal-based router: SPA navigation with pattern matching and dynamic parameters
+- **Reactive Components**: Declarative UI building with JSX support and direct DOM updates
+- **Signal-based Reactivity**: Powered by [rescript-signals](https://github.com/pedrobslisboa/rescript-signals) for automatic dependency tracking
+- **Fine-grained Updates**: Direct DOM manipulation without virtual DOM diffing
+- **Signal-based Router**: SPA navigation with pattern matching and dynamic parameters
+- **Lightweight**: Minimal runtime footprint (~18kb minified)
+- **Type-safe**: Full ReScript type safety throughout
 
 ## Getting Started
 
@@ -35,9 +34,17 @@ Then, add it to your ReScript project’s dependencies in `rescript.json`:
 }
 ```
 
-## Philosophy
+## What Makes Xote Unique?
 
-Xote focuses on clarity, control, and performance. It brings reactive programming to ReScript with minimal abstractions and no runtime dependencies. The goal is to offer precise, fine-grained updates and predictable behavior without a virtual DOM.
+While Xote uses **rescript-signals** for reactive primitives (Signal, Computed, Effect), it adds:
+
+- **Component System**: A minimal but powerful component model with JSX support
+- **Direct DOM Updates**: Fine-grained reactivity that updates DOM elements directly, no virtual DOM
+- **Signal-based Router**: Client-side routing with pattern matching and reactive location state
+- **Reactive Attributes**: Support for static, signal-based, and computed attributes on elements
+- **Automatic Cleanup**: Effect disposal and memory management built into the component lifecycle
+
+Xote focuses on clarity, control, and performance. The goal is to offer precise, fine-grained updates and predictable behavior with minimal abstractions.
 
 ### Quick Example
 
@@ -73,11 +80,18 @@ Component.mountById(<App />, "app")
 
 ## Core Concepts
 
-- **Signal**: Reactive state container
-- **Computed**: Derived reactive value that updates automatically
-- **Effect**: Side-effect functions that re-runs when dependencies change. Dependencies are automatically tracked, unlike React.
-- **Component**: Declarative UI builder using ReScript functions
-- **Router**: Signal-based navigation for single-page applications
+### Reactive Primitives (from rescript-signals)
+
+- **Signal**: Reactive state container - `Signal.make(value)`
+- **Computed**: Derived reactive value that updates automatically - `Computed.make(() => ...)`
+- **Effect**: Side-effect functions that re-run when dependencies change - `Effect.run(() => ...)`
+
+All reactive primitives feature automatic dependency tracking - no manual subscriptions needed.
+
+### Xote Features
+
+- **Component**: Declarative UI builder with JSX syntax and function-based APIs
+- **Router**: Signal-based navigation for SPAs with pattern matching and dynamic routes
 
 ### Component Features
 

package/dist/xote.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let w={contents:0};function j(){return w.contents=w.contents+1|0,w.contents}function te(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 te(e)}function L(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 V(e,t){return e!==void 0?L(e):t}let F=(function(e,t){for(var n in e)t(n)});function C(e,t){if(e===t)return!0;let n=typeof e;if(n==="string"||n==="number"||n==="bigint"||n==="boolean"||n==="undefined"||e===null)return!1;let r=typeof t;if(n==="function"||r==="function")throw{RE_EXN_ID:"Invalid_argument",_1:"equal: functional value",Error:new Error};if(r==="number"||r==="bigint"||r==="undefined"||t===null)return!1;let l=e.TAG,o=t.TAG;if(l!==o)return!1;let i=e.length|0,u=t.length|0;if(i===u)if(Array.isArray(e)){let c=0;for(;;){let s=c;if(s===i)return!0;if(!C(e[s],t[s]))return!1;c=s+1|0}}else{if(e instanceof Date&&t instanceof Date)return!(e>t||e<t);{let c={contents:!0},s=f=>{if(!Object.prototype.hasOwnProperty.call(t,f)){c.contents=!1;return}},h=f=>{if(!Object.prototype.hasOwnProperty.call(e,f)||!C(t[f],e[f])){c.contents=!1;return}};return F(e,s),c.contents&&F(t,h),c.contents}}else return!1}let p=new Map,E=new Map,M=new Map,d={contents:void 0},O=new Set,N={contents:!1},S={contents:!1};function P(e){if(E.get(e)===void 0){E.set(e,new Set);return}}function re(e,t){P(t);let n=d.contents,r=p.get(e);if(n===void 0||r===void 0||n!==e||r.deps.has(t))return;r.deps.add(t);let l=E.get(t);if(l!==void 0){l.add(e);return}}function z(e){let t=M.get(e);if(t===void 0)return;M.delete(e);let n=p.get(t);if(n!==void 0){y(n),p.delete(t);return}}function y(e){e.deps.forEach(t=>{let n=E.get(t);if(n!==void 0)return n.delete(e.id),n.size===0&&!S.contents?z(t):void 0}),e.deps.clear()}function D(e){if(typeof e.kind=="object"){let r={contents:0};return e.deps.forEach(l=>{let o=E.get(l);if(o!==void 0){o.forEach(i=>{if(i===e.id)return;let u=p.get(i);if(u===void 0)return;if(typeof u.kind=="object"&&u.level>r.contents){r.contents=u.level;return}});return}}),r.contents+1|0}let n={contents:0};return e.deps.forEach(r=>{let l=E.get(r);if(l!==void 0){l.forEach(o=>{let i=p.get(o);if(i!==void 0&&i.level>n.contents){n.contents=i.level;return}});return}}),n.contents+1e3|0}function le(){for(;O.size>0;){let e=Array.from(O.values());O.clear(),e.sort((t,n)=>{let r=p.get(t),l=p.get(n);return r!==void 0?l!==void 0?r.level-l.level|0:-1:l!==void 0?1:0}),e.forEach(t=>{let n=p.get(t);if(n===void 0)return;S.contents=!0,y(n);let r=d.contents;d.contents=t;try{n.run(),S.contents=!1}catch(l){throw d.contents=r,S.contents=!1,l}d.contents=r,n.level=D(n)})}}function ue(e){P(e);let t=E.get(e);if(t!==void 0){if(t.forEach(n=>{O.add(n)}),N.contents)return;N.contents=!0,le(),N.contents=!1;return}}function q(e,t,n){let r=j();return P(r),{id:r,value:{contents:e},version:{contents:0},equals:V(n,C),name:t}}function oe(e){let t=d.contents;return t!==void 0&&re(t,e.id),e.value.contents}function ie(e){return e.value.contents}function I(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,ue(e.id)}function ce(e,t){I(e,t(e.value.contents))}let ae,se;const de=Object.freeze(Object.defineProperty({__proto__:null,Id:ae,Scheduler:se,get:oe,make:q,peek:ie,set:I,update:ce},Symbol.toStringTag,{value:"Module"}));function X(e,t,n){return{id:e,kind:t,run:n,deps:new Set,level:0}}function fe(e){let t=j(),n={contents:void 0},l=X(t,"Effect",()=>{let u=n.contents;u!==void 0&&u(),n.contents=e()});p.set(t,l),S.contents=!0,y(l);let o=d.contents;d.contents=t;try{l.run(),S.contents=!1}catch(u){throw d.contents=o,S.contents=!1,u}return d.contents=o,l.level=D(l),{dispose:()=>{let u=p.get(t);if(u===void 0)return;let c=n.contents;c!==void 0&&c(),y(u),p.delete(t)}}}let pe,_e,he;const me=Object.freeze(Object.defineProperty({__proto__:null,Id:pe,Observer:_e,Scheduler:he,run:fe},Symbol.toStringTag,{value:"Module"}));function Se(e){let t=q(void 0,void 0,void 0),n=j(),r=()=>{let i=e();I(t,i)},l=X(n,{NAME:"Computed",VAL:t.id},r);p.set(n,l),S.contents=!0,y(l);let o=d.contents;d.contents=n;try{l.run(),S.contents=!1}catch(i){throw d.contents=o,S.contents=!1,i}return d.contents=o,l.level=D(l),M.set(t.id,n),t}function ge(e){z(e.id)}let Ee,ve,be,Te;const ye=Object.freeze(Object.defineProperty({__proto__:null,Id:Ee,Observer:be,Scheduler:Te,Signal:ve,dispose:ge,make:Se},Symbol.toStringTag,{value:"Module"}));let a=de,m=ye,g=me;function Ae(e,t){let n=e.length,r=new Array(n),l=0;for(let o=0;o<n;++o){let i=e[o],u=t(i);u!==void 0&&(r[l]=L(u),l=l+1|0)}return r.length=l,r}function Oe(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}}function W(e){return Ae(e.split("/"),t=>{if(t!=="")return t.startsWith(":")?{TAG:"Param",_0:t.slice(1)}:{TAG:"Static",_0:t}})}function H(e,t){let n=t.split("/").filter(o=>o!=="");if(e.length!==n.length)return"NoMatch";let r={};return e.every((o,i)=>{let u=n[i];return o.TAG==="Static"?u===o._0:(r[o._0]=u,!0)})?{TAG:"Match",_0:r}:"NoMatch"}function G(e,t){return H(W(e),t)}const ke=Object.freeze(Object.defineProperty({__proto__:null,match:G,matchPath:H,parsePattern:W},Symbol.toStringTag,{value:"Module"}));function U(e,t){return[e,{TAG:"Static",_0:t}]}function we(e,t){return[e,{TAG:"SignalValue",_0:t}]}function Ne(e,t){return[e,{TAG:"Compute",_0:t}]}function Ce(e){return{TAG:"Text",_0:e}}function Me(e){return{TAG:"SignalText",_0:m.make(e)}}function $e(e){return{TAG:"Fragment",_0:e}}function R(e){return{TAG:"SignalFragment",_0:e}}function je(e,t){return{TAG:"SignalFragment",_0:m.make(()=>a.get(e).map(t))}}function _(e,t,n,r,l){let o=t!==void 0?t:[].map(c=>c),i=n!==void 0?n:[].map(c=>c),u=r!==void 0?r:[].map(c=>c);return{TAG:"Element",tag:e,attrs:o,events:i,children:u}}function Pe(e,t,n,r){return _("div",e,t,n)}function De(e,t,n,r){return _("span",e,t,n)}function Ie(e,t,n,r){return _("button",e,t,n)}function Ge(e,t,n){return _("input",e,t,void 0)}function Re(e,t,n,r){return _("h1",e,t,n)}function xe(e,t,n,r){return _("h2",e,t,n)}function Be(e,t,n,r){return _("h3",e,t,n)}function Fe(e,t,n,r){return _("p",e,t,n)}function Le(e,t,n,r){return _("ul",e,t,n)}function Ve(e,t,n,r){return _("li",e,t,n)}function J(e,t,n,r){return _("a",e,t,n)}function b(e,t){let n=V(ne(e.__xote_disposers),[]);e.__xote_disposers=n.concat([t])}function x(e){let t=e.__xote_disposers;t!=null&&(t.forEach(r=>r.dispose()),e.__xote_disposers=[]),Array.from(e.childNodes||[]).forEach(x)}function T(e){switch(e.TAG){case"Element":let t=document.createElement(e.tag);return e.attrs.forEach(s=>{let h=s[1],f=s[0];switch(h.TAG){case"Static":t.setAttribute(f,h._0);return;case"SignalValue":let A=h._0;t.setAttribute(f,a.peek(A));let Y=g.run(()=>{let k=a.get(A);t.setAttribute(f,k)});return b(t,Y);case"Compute":let Z=h._0,B=m.make(()=>Z());t.setAttribute(f,a.peek(B));let ee=g.run(()=>{let k=a.get(B);t.setAttribute(f,k)});return b(t,ee)}}),e.events.forEach(s=>{t.addEventListener(s[0],s[1])}),e.children.forEach(s=>{let h=T(s);t.appendChild(h)}),t;case"Text":return document.createTextNode(e._0);case"SignalText":let n=e._0,r=document.createTextNode(a.peek(n)),l=g.run(()=>{let s=a.get(n);r.textContent=s});return b(r,l),r;case"Fragment":let o=document.createDocumentFragment();return e._0.forEach(s=>{let h=T(s);o.appendChild(h)}),o;case"SignalFragment":let i=e._0,u=document.createElement("div");u.setAttribute("data-signal-fragment","true"),u.setAttribute("style","display: contents");let c=g.run(()=>{let s=a.get(i);Array.from(u.childNodes||[]).forEach(x),u.innerHTML="",s.forEach(f=>{let A=T(f);u.appendChild(A)})});return b(u,c),u}}function K(e,t){let n=T(e);t.appendChild(n)}function ze(e,t){let n=document.getElementById(t);if(n==null){console.error("Container element not found: "+t);return}else return K(e,n)}const qe=Object.freeze(Object.defineProperty({__proto__:null,a:J,addDisposer:b,attr:U,button:Ie,computedAttr:Ne,disposeElement:x,div:Pe,element:_,fragment:$e,h1:Re,h2:xe,h3:Be,input:Ge,li:Ve,list:je,mount:K,mountById:ze,p:Fe,render:T,signalAttr:we,signalFragment:R,span:De,text:Ce,textSignal:Me,ul:Le},Symbol.toStringTag,{value:"Module"}));let v=a.make({pathname:"/",search:"",hash:""},void 0,void 0);function $(){return{pathname:window.location.pathname,search:window.location.search,hash:window.location.hash}}function Xe(){a.set(v,$());let e=t=>a.set(v,$());window.addEventListener("popstate",e)}function Q(e,t,n,r){let l=t!==void 0?t:"",o=n!==void 0?n:"",i={pathname:e,search:l,hash:o},u=e+l+o,c={};window.history.pushState(c,"",u),a.set(v,i)}function We(e,t,n,r){let l=t!==void 0?t:"",o=n!==void 0?n:"",i={pathname:e,search:l,hash:o},u=e+l+o,c={};window.history.replaceState(c,"",u),a.set(v,i)}function He(e,t){return R(m.make(()=>{let n=a.get(v),r=G(e,n.pathname);return typeof r!="object"?[]:[t(r._0)]}))}function Ue(e){return R(m.make(()=>{let t=a.get(v),n=Oe(e,r=>{let l=G(r.pattern,t.pathname);if(typeof l=="object")return r.render(l._0)});return n!==void 0?[n]:[]}))}function Je(e,t,n,r){let l=t!==void 0?t:[],o=n!==void 0?n:[],i=u=>{u.preventDefault(),Q(e,void 0,void 0)};return J(l.concat([U("href",e)]),[["click",i]],o)}let Ke,Qe;const Ye=Object.freeze(Object.defineProperty({__proto__:null,Component:Ke,Route:Qe,getCurrentLocation:$,init:Xe,link:Je,location:v,push:Q,replace:We,route:He,routes:Ue},Symbol.toStringTag,{value:"Module"}));let Ze=a.Id,et=a.Scheduler,tt=a.make,nt=a.get,rt=a.peek,lt=a.set,ut=a.update,ot={Id:Ze,Scheduler:et,make:tt,get:nt,peek:rt,set:lt,update:ut},it=m.Id,ct=m.Signal,at=m.Observer,st=m.Scheduler,dt=m.make,ft=m.dispose,pt={Id:it,Signal:ct,Observer:at,Scheduler:st,make:dt,dispose:ft},_t=g.Id,ht=g.Observer,mt=g.Scheduler,St=g.run,gt={Id:_t,Observer:ht,Scheduler:mt,run:St},Et=qe,vt=ke,bt=Ye;exports.Component=Et;exports.Computed=pt;exports.Effect=gt;exports.Route=vt;exports.Router=bt;exports.Signal=ot;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let $={contents:0};function j(){return $.contents=$.contents+1|0,$.contents}function re(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 ue(e){if(e!=null)return re(e)}function F(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 I(e,t){return e!==void 0?F(e):t}function le(e,t,n){return e.reduce(n,t)}function ie(e,t){let n=e.length,r=new Array(n),u=0;for(let l=0;l<n;++l){let c=e[l],i=t(c);i!==void 0&&(r[u]=F(i),u=u+1|0)}return r.length=u,r}function oe(e,t){let n=0;for(;;){let r=n;if(r===e.length)return;let u=t(e[r]);if(u!==void 0)return u;n=r+1|0}}let s=new Map,y=new Map,w=new Map,a={contents:void 0},b=new Set,S={contents:!1},m={contents:!1};function P(e){if(y.get(e)===void 0){y.set(e,new Set);return}}function ce(e,t){let n=y.get(e);if(n!==void 0){n.forEach(t);return}}function ae(e,t){let n=y.get(e);if(n!==void 0){n.add(t);return}}function de(e,t){let n=y.get(e);if(n!==void 0){n.delete(t);return}}function se(e){return Array.from(I(y.get(e),new Set).values())}function L(e,t){let n=a.contents;a.contents=e;try{let r=t();return a.contents=n,r}catch(r){throw a.contents=n,r}}function fe(e){let t=a.contents;a.contents=void 0;try{let n=e();return a.contents=t,n}catch(n){throw a.contents=t,n}}function pe(e){let t=a.contents;return t!==void 0?t===e:!1}function he(e){if(!S.contents){S.contents=!0;try{e(),S.contents=!1;return}catch(t){throw S.contents=!1,t}}}function me(e,t){P(t);let n=pe(e),r=s.get(e);if(n&&r!==void 0&&!r.deps.has(t))return r.deps.add(t),ae(t,e)}function T(e){e.deps.forEach(t=>de(t,e.id)),e.deps.clear()}function _e(e){let t=w.get(e);if(t===void 0)return;w.delete(e);let n=s.get(t);if(n!==void 0){T(n),s.delete(t);return}}function V(e){return le(e,0,(t,n)=>n>t?n:t)}function Se(e){let t=[];return e.deps.forEach(n=>ce(n,r=>{if(r===e.id)return;let u=s.get(r);if(u===void 0)return;if(typeof u.kind=="object"){t.push(u.level);return}})),V(t)+1|0}function ge(e){let t=[];return e.deps.forEach(n=>{let r=w.get(n);if(r===void 0||r===e.id)return;let u=s.get(r);if(u!==void 0){t.push(u.level);return}}),V(t)+1|0}function C(e){return typeof e.kind=="object"?ge(e):Se(e)}function Ee(e,t){let n=s.get(e),r=s.get(t);if(n===void 0)return r!==void 0?1:0;if(r===void 0)return-1;let l=typeof n.kind=="object"?0:1,i=typeof r.kind=="object"?0:1,d=l-i|0;return d!==0?d:n.level-r.level|0}function ve(e){m.contents=!0,T(e),L(e.id,()=>{e.run(),m.contents=!1}),e.level=C(e)}function B(){for(;b.size>0;){let e=Array.from(b.values());b.clear(),e.sort(Ee),e.forEach(t=>{let n=s.get(t);if(n!==void 0)return ve(n)})}}function z(e){if(P(e),se(e).forEach(t=>{let n=s.get(t);if(n===void 0)return;let r=n.kind;if(typeof r=="object")return n.dirty?void 0:(n.dirty=!0,z(r.VAL));b.add(t)}),b.size>0)return he(B)}function W(e){let t=w.get(e);if(t===void 0)return;let n=s.get(t);if(n!==void 0&&n.dirty){m.contents=!0,T(n),L(t,()=>{n.run(),n.dirty=!1,m.contents=!1}),n.level=C(n);return}}function be(e){let t=S.contents;S.contents=!0;try{let n=e();return t||(S.contents=!1,b.size>0&&B()),n}catch(n){throw t||(S.contents=!1),n}}let ye=fe,Te=P;function X(e,t,n){let r=j();return Te(r),{id:r,value:{contents:e},version:{contents:0},equals:I(n,(u,l)=>u===l),name:t}}function ke(e){W(e.id);let t=a.contents;return t!==void 0&&me(t,e.id),e.value.contents}function Ae(e){return W(e.id),e.value.contents}function q(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,z(e.id)}function we(e,t){q(e,t(e.value.contents))}let Oe,Ce,Ne=be,$e=ye;const Me=Object.freeze(Object.defineProperty({__proto__:null,Id:Oe,Scheduler:Ce,batch:Ne,get:ke,make:X,peek:Ae,set:q,untrack:$e,update:we},Symbol.toStringTag,{value:"Module"}));function H(e,t,n){return{id:e,kind:t,run:n,deps:new Set,level:0,dirty:!0}}function je(e){let t=j(),n={contents:void 0},u=H(t,"Effect",()=>{let i=n.contents;i!==void 0&&i(),n.contents=e()});s.set(t,u),m.contents=!0,T(u);let l=a.contents;a.contents=t;try{u.run(),m.contents=!1}catch(i){throw a.contents=l,m.contents=!1,i}return a.contents=l,u.level=C(u),{dispose:()=>{let i=s.get(t);if(i===void 0)return;let d=n.contents;d!==void 0&&d(),T(i),s.delete(t)}}}let Ie,Pe,xe;const Ge=Object.freeze(Object.defineProperty({__proto__:null,Id:Ie,Observer:Pe,Scheduler:xe,run:je},Symbol.toStringTag,{value:"Module"}));function Re(e){let t=X(void 0,void 0,void 0),n=j(),r=()=>{let c=e();t.value.contents=c},u=H(n,{NAME:"Computed",VAL:t.id},r);s.set(n,u),m.contents=!0,T(u);let l=a.contents;a.contents=n;try{u.run(),u.dirty=!1,m.contents=!1}catch(c){throw a.contents=l,m.contents=!1,c}return a.contents=l,u.level=C(u),w.set(t.id,n),t}function De(e){_e(e.id)}let Fe,Le,Ve,Be;const ze=Object.freeze(Object.defineProperty({__proto__:null,Id:Fe,Observer:Ve,Scheduler:Be,Signal:Le,dispose:De,make:Re},Symbol.toStringTag,{value:"Module"}));let o=Me,h=ze,g=Ge;function U(e){return ie(e.split("/"),t=>{if(t!=="")return t.startsWith(":")?{TAG:"Param",_0:t.slice(1)}:{TAG:"Static",_0:t}})}function J(e,t){let n=t.split("/").filter(l=>l!=="");if(e.length!==n.length)return"NoMatch";let r={};return e.every((l,c)=>{let i=n[c];return l.TAG==="Static"?i===l._0:(r[l._0]=i,!0)})?{TAG:"Match",_0:r}:"NoMatch"}function x(e,t){return J(U(e),t)}const We=Object.freeze(Object.defineProperty({__proto__:null,match:x,matchPath:J,parsePattern:U},Symbol.toStringTag,{value:"Module"}));function K(e,t){return[e,{TAG:"Static",_0:t}]}function Xe(e,t){return[e,{TAG:"SignalValue",_0:t}]}function qe(e,t){return[e,{TAG:"Compute",_0:t}]}function He(e){return{TAG:"Text",_0:e}}function Ue(e){return{TAG:"SignalText",_0:h.make(e)}}function Je(e){return{TAG:"Fragment",_0:e}}function G(e){return{TAG:"SignalFragment",_0:e}}function Ke(e,t){return{TAG:"SignalFragment",_0:h.make(()=>o.get(e).map(t))}}function p(e,t,n,r,u){let l=t!==void 0?t:[].map(d=>d),c=n!==void 0?n:[].map(d=>d),i=r!==void 0?r:[].map(d=>d);return{TAG:"Element",tag:e,attrs:l,events:c,children:i}}function Qe(e,t,n,r){return p("div",e,t,n)}function Ye(e,t,n,r){return p("span",e,t,n)}function Ze(e,t,n,r){return p("button",e,t,n)}function et(e,t,n){return p("input",e,t,void 0)}function tt(e,t,n,r){return p("h1",e,t,n)}function nt(e,t,n,r){return p("h2",e,t,n)}function rt(e,t,n,r){return p("h3",e,t,n)}function ut(e,t,n,r){return p("p",e,t,n)}function lt(e,t,n,r){return p("ul",e,t,n)}function it(e,t,n,r){return p("li",e,t,n)}function Q(e,t,n,r){return p("a",e,t,n)}function k(e,t){let n=I(ue(e.__xote_disposers),[]);e.__xote_disposers=n.concat([t])}function R(e){let t=e.__xote_disposers;t!=null&&(t.forEach(r=>r.dispose()),e.__xote_disposers=[]),Array.from(e.childNodes||[]).forEach(R)}function A(e){switch(e.TAG){case"Element":let t=document.createElement(e.tag);return e.attrs.forEach(f=>{let _=f[1],E=f[0];switch(_.TAG){case"Static":t.setAttribute(E,_._0);return;case"SignalValue":let O=_._0;t.setAttribute(E,o.peek(O));let ee=g.run(()=>{let N=o.get(O);t.setAttribute(E,N)});return k(t,ee);case"Compute":let te=_._0,D=h.make(()=>te());t.setAttribute(E,o.peek(D));let ne=g.run(()=>{let N=o.get(D);t.setAttribute(E,N)});return k(t,ne)}}),e.events.forEach(f=>{t.addEventListener(f[0],f[1])}),e.children.forEach(f=>{let _=A(f);t.appendChild(_)}),t;case"Text":return document.createTextNode(e._0);case"SignalText":let n=e._0,r=document.createTextNode(o.peek(n)),u=g.run(()=>{let f=o.get(n);r.textContent=f});return k(r,u),r;case"Fragment":let l=document.createDocumentFragment();return e._0.forEach(f=>{let _=A(f);l.appendChild(_)}),l;case"SignalFragment":let c=e._0,i=document.createElement("div");i.setAttribute("data-signal-fragment","true"),i.setAttribute("style","display: contents");let d=g.run(()=>{let f=o.get(c);Array.from(i.childNodes||[]).forEach(R),i.innerHTML="",f.forEach(E=>{let O=A(E);i.appendChild(O)})});return k(i,d),i}}function Y(e,t){let n=A(e);t.appendChild(n)}function ot(e,t){let n=document.getElementById(t);if(n==null){console.error("Container element not found: "+t);return}else return Y(e,n)}const ct=Object.freeze(Object.defineProperty({__proto__:null,a:Q,addDisposer:k,attr:K,button:Ze,computedAttr:qe,disposeElement:R,div:Qe,element:p,fragment:Je,h1:tt,h2:nt,h3:rt,input:et,li:it,list:Ke,mount:Y,mountById:ot,p:ut,render:A,signalAttr:Xe,signalFragment:G,span:Ye,text:He,textSignal:Ue,ul:lt},Symbol.toStringTag,{value:"Module"}));let v=o.make({pathname:"/",search:"",hash:""},void 0,void 0);function M(){return{pathname:window.location.pathname,search:window.location.search,hash:window.location.hash}}function at(){o.set(v,M());let e=t=>o.set(v,M());window.addEventListener("popstate",e)}function Z(e,t,n,r){let u=t!==void 0?t:"",l=n!==void 0?n:"",c={pathname:e,search:u,hash:l},i=e+u+l,d={};window.history.pushState(d,"",i),o.set(v,c)}function dt(e,t,n,r){let u=t!==void 0?t:"",l=n!==void 0?n:"",c={pathname:e,search:u,hash:l},i=e+u+l,d={};window.history.replaceState(d,"",i),o.set(v,c)}function st(e,t){return G(h.make(()=>{let n=o.get(v),r=x(e,n.pathname);return typeof r!="object"?[]:[t(r._0)]}))}function ft(e){return G(h.make(()=>{let t=o.get(v),n=oe(e,r=>{let u=x(r.pattern,t.pathname);if(typeof u=="object")return r.render(u._0)});return n!==void 0?[n]:[]}))}function pt(e,t,n,r){let u=t!==void 0?t:[],l=n!==void 0?n:[],c=i=>{i.preventDefault(),Z(e,void 0,void 0)};return Q(u.concat([K("href",e)]),[["click",c]],l)}let ht,mt;const _t=Object.freeze(Object.defineProperty({__proto__:null,Component:ht,Route:mt,getCurrentLocation:M,init:at,link:pt,location:v,push:Z,replace:dt,route:st,routes:ft},Symbol.toStringTag,{value:"Module"}));let St=o.Id,gt=o.Scheduler,Et=o.make,vt=o.get,bt=o.peek,yt=o.set,Tt=o.update,kt=o.batch,At=o.untrack,wt={Id:St,Scheduler:gt,make:Et,get:vt,peek:bt,set:yt,update:Tt,batch:kt,untrack:At},Ot=h.Id,Ct=h.Signal,Nt=h.Observer,$t=h.Scheduler,Mt=h.make,jt=h.dispose,It={Id:Ot,Signal:Ct,Observer:Nt,Scheduler:$t,make:Mt,dispose:jt},Pt=g.Id,xt=g.Observer,Gt=g.Scheduler,Rt=g.run,Dt={Id:Pt,Observer:xt,Scheduler:Gt,run:Rt},Ft=ct,Lt=We,Vt=_t;exports.Component=Ft;exports.Computed=It;exports.Effect=Dt;exports.Route=Lt;exports.Router=Vt;exports.Signal=wt;

package/dist/xote.mjs

@@ -1,19 +1,19 @@
-let w = {
+let $ = {
   contents: 0
 };
 function j() {
-  return w.contents = w.contents + 1 | 0, w.contents;
+  return $.contents = $.contents + 1 | 0, $.contents;
 }
-function te(e) {
+function re(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) {
+function ue(e) {
   if (e != null)
-    return te(e);
+    return re(e);
 }
 function L(e) {
   if (e === null || e.BS_PRIVATE_NESTED_SOME_NONE === void 0)
@@ -24,186 +24,219 @@ function L(e) {
       BS_PRIVATE_NESTED_SOME_NONE: t - 1 | 0
     };
 }
-function V(e, t) {
+function I(e, t) {
   return e !== void 0 ? L(e) : t;
 }
-let F = (function(e, t) {
-  for (var n in e)
-    t(n);
-});
-function C(e, t) {
-  if (e === t)
-    return !0;
-  let n = typeof e;
-  if (n === "string" || n === "number" || n === "bigint" || n === "boolean" || n === "undefined" || e === null)
-    return !1;
-  let r = typeof t;
-  if (n === "function" || r === "function")
-    throw {
-      RE_EXN_ID: "Invalid_argument",
-      _1: "equal: functional value",
-      Error: new Error()
-    };
-  if (r === "number" || r === "bigint" || r === "undefined" || t === null)
-    return !1;
-  let l = e.TAG, i = t.TAG;
-  if (l !== i)
-    return !1;
-  let o = e.length | 0, u = t.length | 0;
-  if (o === u)
-    if (Array.isArray(e)) {
-      let c = 0;
-      for (; ; ) {
-        let s = c;
-        if (s === o)
-          return !0;
-        if (!C(e[s], t[s]))
-          return !1;
-        c = s + 1 | 0;
-      }
-    } else {
-      if (e instanceof Date && t instanceof Date)
-        return !(e > t || e < t);
-      {
-        let c = {
-          contents: !0
-        }, s = (f) => {
-          if (!Object.prototype.hasOwnProperty.call(t, f)) {
-            c.contents = !1;
-            return;
-          }
-        }, h = (f) => {
-          if (!Object.prototype.hasOwnProperty.call(e, f) || !C(t[f], e[f])) {
-            c.contents = !1;
-            return;
-          }
-        };
-        return F(e, s), c.contents && F(t, h), c.contents;
-      }
-    }
-  else
-    return !1;
+function le(e, t, n) {
+  return e.reduce(n, t);
+}
+function ie(e, t) {
+  let n = e.length, r = new Array(n), u = 0;
+  for (let l = 0; l < n; ++l) {
+    let c = e[l], i = t(c);
+    i !== void 0 && (r[u] = L(i), u = u + 1 | 0);
+  }
+  return r.length = u, r;
+}
+function oe(e, t) {
+  let n = 0;
+  for (; ; ) {
+    let r = n;
+    if (r === e.length)
+      return;
+    let u = t(e[r]);
+    if (u !== void 0)
+      return u;
+    n = r + 1 | 0;
+  }
 }
-let p = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map(), d = {
+let s = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), a = {
   contents: void 0
-}, O = /* @__PURE__ */ new Set(), N = {
+}, b = /* @__PURE__ */ new Set(), S = {
   contents: !1
-}, S = {
+}, m = {
   contents: !1
 };
 function P(e) {
-  if (E.get(e) === void 0) {
-    E.set(e, /* @__PURE__ */ new Set());
+  if (y.get(e) === void 0) {
+    y.set(e, /* @__PURE__ */ new Set());
     return;
   }
 }
-function re(e, t) {
-  P(t);
-  let n = d.contents, r = p.get(e);
-  if (n === void 0 || r === void 0 || n !== e || r.deps.has(t))
+function ce(e, t) {
+  let n = y.get(e);
+  if (n !== void 0) {
+    n.forEach(t);
     return;
-  r.deps.add(t);
-  let l = E.get(t);
-  if (l !== void 0) {
-    l.add(e);
+  }
+}
+function ae(e, t) {
+  let n = y.get(e);
+  if (n !== void 0) {
+    n.add(t);
     return;
   }
 }
-function z(e) {
-  let t = M.get(e);
+function de(e, t) {
+  let n = y.get(e);
+  if (n !== void 0) {
+    n.delete(t);
+    return;
+  }
+}
+function se(e) {
+  return Array.from(I(y.get(e), /* @__PURE__ */ new Set()).values());
+}
+function R(e, t) {
+  let n = a.contents;
+  a.contents = e;
+  try {
+    let r = t();
+    return a.contents = n, r;
+  } catch (r) {
+    throw a.contents = n, r;
+  }
+}
+function fe(e) {
+  let t = a.contents;
+  a.contents = void 0;
+  try {
+    let n = e();
+    return a.contents = t, n;
+  } catch (n) {
+    throw a.contents = t, n;
+  }
+}
+function pe(e) {
+  let t = a.contents;
+  return t !== void 0 ? t === e : !1;
+}
+function he(e) {
+  if (!S.contents) {
+    S.contents = !0;
+    try {
+      e(), S.contents = !1;
+      return;
+    } catch (t) {
+      throw S.contents = !1, t;
+    }
+  }
+}
+function me(e, t) {
+  P(t);
+  let n = pe(e), r = s.get(e);
+  if (n && r !== void 0 && !r.deps.has(t))
+    return r.deps.add(t), ae(t, e);
+}
+function T(e) {
+  e.deps.forEach((t) => de(t, e.id)), e.deps.clear();
+}
+function _e(e) {
+  let t = w.get(e);
   if (t === void 0)
     return;
-  M.delete(e);
-  let n = p.get(t);
+  w.delete(e);
+  let n = s.get(t);
   if (n !== void 0) {
-    y(n), p.delete(t);
+    T(n), s.delete(t);
     return;
   }
 }
-function y(e) {
-  e.deps.forEach((t) => {
-    let n = E.get(t);
-    if (n !== void 0)
-      return n.delete(e.id), n.size === 0 && !S.contents ? z(t) : void 0;
-  }), e.deps.clear();
+function V(e) {
+  return le(e, 0, (t, n) => n > t ? n : t);
 }
-function D(e) {
-  if (typeof e.kind == "object") {
-    let r = {
-      contents: 0
-    };
-    return e.deps.forEach((l) => {
-      let i = E.get(l);
-      if (i !== void 0) {
-        i.forEach((o) => {
-          if (o === e.id)
-            return;
-          let u = p.get(o);
-          if (u === void 0)
-            return;
-          if (typeof u.kind == "object" && u.level > r.contents) {
-            r.contents = u.level;
-            return;
-          }
-        });
-        return;
-      }
-    }), r.contents + 1 | 0;
-  }
-  let n = {
-    contents: 0
-  };
-  return e.deps.forEach((r) => {
-    let l = E.get(r);
-    if (l !== void 0) {
-      l.forEach((i) => {
-        let o = p.get(i);
-        if (o !== void 0 && o.level > n.contents) {
-          n.contents = o.level;
-          return;
-        }
-      });
+function Se(e) {
+  let t = [];
+  return e.deps.forEach((n) => ce(n, (r) => {
+    if (r === e.id)
+      return;
+    let u = s.get(r);
+    if (u === void 0)
+      return;
+    if (typeof u.kind == "object") {
+      t.push(u.level);
       return;
     }
-  }), n.contents + 1e3 | 0;
-}
-function le() {
-  for (; O.size > 0; ) {
-    let e = Array.from(O.values());
-    O.clear(), e.sort((t, n) => {
-      let r = p.get(t), l = p.get(n);
-      return r !== void 0 ? l !== void 0 ? r.level - l.level | 0 : -1 : l !== void 0 ? 1 : 0;
-    }), e.forEach((t) => {
-      let n = p.get(t);
-      if (n === void 0)
-        return;
-      S.contents = !0, y(n);
-      let r = d.contents;
-      d.contents = t;
-      try {
-        n.run(), S.contents = !1;
-      } catch (l) {
-        throw d.contents = r, S.contents = !1, l;
-      }
-      d.contents = r, n.level = D(n);
+  })), V(t) + 1 | 0;
+}
+function ge(e) {
+  let t = [];
+  return e.deps.forEach((n) => {
+    let r = w.get(n);
+    if (r === void 0 || r === e.id)
+      return;
+    let u = s.get(r);
+    if (u !== void 0) {
+      t.push(u.level);
+      return;
+    }
+  }), V(t) + 1 | 0;
+}
+function C(e) {
+  return typeof e.kind == "object" ? ge(e) : Se(e);
+}
+function Ee(e, t) {
+  let n = s.get(e), r = s.get(t);
+  if (n === void 0)
+    return r !== void 0 ? 1 : 0;
+  if (r === void 0)
+    return -1;
+  let l = typeof n.kind == "object" ? 0 : 1, i = typeof r.kind == "object" ? 0 : 1, d = l - i | 0;
+  return d !== 0 ? d : n.level - r.level | 0;
+}
+function ve(e) {
+  m.contents = !0, T(e), R(e.id, () => {
+    e.run(), m.contents = !1;
+  }), e.level = C(e);
+}
+function B() {
+  for (; b.size > 0; ) {
+    let e = Array.from(b.values());
+    b.clear(), e.sort(Ee), e.forEach((t) => {
+      let n = s.get(t);
+      if (n !== void 0)
+        return ve(n);
     });
   }
 }
-function ue(e) {
-  P(e);
-  let t = E.get(e);
-  if (t !== void 0) {
-    if (t.forEach((n) => {
-      O.add(n);
-    }), N.contents)
+function z(e) {
+  if (P(e), se(e).forEach((t) => {
+    let n = s.get(t);
+    if (n === void 0)
       return;
-    N.contents = !0, le(), N.contents = !1;
+    let r = n.kind;
+    if (typeof r == "object")
+      return n.dirty ? void 0 : (n.dirty = !0, z(r.VAL));
+    b.add(t);
+  }), b.size > 0)
+    return he(B);
+}
+function W(e) {
+  let t = w.get(e);
+  if (t === void 0)
+    return;
+  let n = s.get(t);
+  if (n !== void 0 && n.dirty) {
+    m.contents = !0, T(n), R(t, () => {
+      n.run(), n.dirty = !1, m.contents = !1;
+    }), n.level = C(n);
     return;
   }
 }
-function q(e, t, n) {
+function be(e) {
+  let t = S.contents;
+  S.contents = !0;
+  try {
+    let n = e();
+    return t || (S.contents = !1, b.size > 0 && B()), n;
+  } catch (n) {
+    throw t || (S.contents = !1), n;
+  }
+}
+let ye = fe, Te = P;
+function X(e, t, n) {
   let r = j();
-  return P(r), {
+  return Te(r), {
     id: r,
     value: {
       contents: e
@@ -211,18 +244,19 @@ function q(e, t, n) {
     version: {
       contents: 0
     },
-    equals: V(n, C),
+    equals: I(n, (u, l) => u === l),
     name: t
   };
 }
-function ie(e) {
-  let t = d.contents;
-  return t !== void 0 && re(t, e.id), e.value.contents;
+function ke(e) {
+  W(e.id);
+  let t = a.contents;
+  return t !== void 0 && me(t, e.id), e.value.contents;
 }
-function oe(e) {
-  return e.value.contents;
+function Ae(e) {
+  return W(e.id), e.value.contents;
 }
-function I(e, t) {
+function q(e, t) {
   let n;
   try {
     n = !e.equals(e.value.contents, t);
@@ -230,118 +264,101 @@ function I(e, t) {
     n = !0;
   }
   if (n)
-    return e.value.contents = t, e.version.contents = e.version.contents + 1 | 0, ue(e.id);
+    return e.value.contents = t, e.version.contents = e.version.contents + 1 | 0, z(e.id);
 }
-function ce(e, t) {
-  I(e, t(e.value.contents));
+function we(e, t) {
+  q(e, t(e.value.contents));
 }
-let ae, se;
-const de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let Oe, Ce, Ne = be, $e = ye;
+const Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: ae,
-  Scheduler: se,
-  get: ie,
-  make: q,
-  peek: oe,
-  set: I,
-  update: ce
+  Id: Oe,
+  Scheduler: Ce,
+  batch: Ne,
+  get: ke,
+  make: X,
+  peek: Ae,
+  set: q,
+  untrack: $e,
+  update: we
 }, Symbol.toStringTag, { value: "Module" }));
-function X(e, t, n) {
+function H(e, t, n) {
   return {
     id: e,
     kind: t,
     run: n,
     deps: /* @__PURE__ */ new Set(),
-    level: 0
+    level: 0,
+    dirty: !0
   };
 }
-function fe(e) {
+function je(e) {
   let t = j(), n = {
     contents: void 0
-  }, l = X(t, "Effect", () => {
-    let u = n.contents;
-    u !== void 0 && u(), n.contents = e();
+  }, u = H(t, "Effect", () => {
+    let i = n.contents;
+    i !== void 0 && i(), n.contents = e();
   });
-  p.set(t, l), S.contents = !0, y(l);
-  let i = d.contents;
-  d.contents = t;
+  s.set(t, u), m.contents = !0, T(u);
+  let l = a.contents;
+  a.contents = t;
   try {
-    l.run(), S.contents = !1;
-  } catch (u) {
-    throw d.contents = i, S.contents = !1, u;
+    u.run(), m.contents = !1;
+  } catch (i) {
+    throw a.contents = l, m.contents = !1, i;
   }
-  return d.contents = i, l.level = D(l), {
+  return a.contents = l, u.level = C(u), {
     dispose: () => {
-      let u = p.get(t);
-      if (u === void 0)
+      let i = s.get(t);
+      if (i === void 0)
         return;
-      let c = n.contents;
-      c !== void 0 && c(), y(u), p.delete(t);
+      let d = n.contents;
+      d !== void 0 && d(), T(i), s.delete(t);
     }
   };
 }
-let pe, _e, he;
-const me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let Ie, Pe, xe;
+const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: pe,
-  Observer: _e,
-  Scheduler: he,
-  run: fe
+  Id: Ie,
+  Observer: Pe,
+  Scheduler: xe,
+  run: je
 }, Symbol.toStringTag, { value: "Module" }));
-function Se(e) {
-  let t = q(void 0, void 0, void 0), n = j(), r = () => {
-    let o = e();
-    I(t, o);
-  }, l = X(n, {
+function De(e) {
+  let t = X(void 0, void 0, void 0), n = j(), r = () => {
+    let c = e();
+    t.value.contents = c;
+  }, u = H(n, {
     NAME: "Computed",
     VAL: t.id
   }, r);
-  p.set(n, l), S.contents = !0, y(l);
-  let i = d.contents;
-  d.contents = n;
+  s.set(n, u), m.contents = !0, T(u);
+  let l = a.contents;
+  a.contents = n;
   try {
-    l.run(), S.contents = !1;
-  } catch (o) {
-    throw d.contents = i, S.contents = !1, o;
+    u.run(), u.dirty = !1, m.contents = !1;
+  } catch (c) {
+    throw a.contents = l, m.contents = !1, c;
   }
-  return d.contents = i, l.level = D(l), M.set(t.id, n), t;
+  return a.contents = l, u.level = C(u), w.set(t.id, n), t;
 }
-function ge(e) {
-  z(e.id);
+function Fe(e) {
+  _e(e.id);
 }
-let Ee, ve, be, Te;
-const ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let Le, Re, Ve, Be;
+const ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: Ee,
-  Observer: be,
-  Scheduler: Te,
-  Signal: ve,
-  dispose: ge,
-  make: Se
+  Id: Le,
+  Observer: Ve,
+  Scheduler: Be,
+  Signal: Re,
+  dispose: Fe,
+  make: De
 }, Symbol.toStringTag, { value: "Module" }));
-let a = de, m = ye, g = me;
-function Ae(e, t) {
-  let n = e.length, r = new Array(n), l = 0;
-  for (let i = 0; i < n; ++i) {
-    let o = e[i], u = t(o);
-    u !== void 0 && (r[l] = L(u), l = l + 1 | 0);
-  }
-  return r.length = l, r;
-}
-function Oe(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;
-  }
-}
-function W(e) {
-  return Ae(e.split("/"), (t) => {
+let o = Me, h = ze, g = Ge;
+function U(e) {
+  return ie(e.split("/"), (t) => {
     if (t !== "")
       return t.startsWith(":") ? {
         TAG: "Param",
@@ -352,29 +369,29 @@ function W(e) {
       };
   });
 }
-function H(e, t) {
-  let n = t.split("/").filter((i) => i !== "");
+function J(e, t) {
+  let n = t.split("/").filter((l) => l !== "");
   if (e.length !== n.length)
     return "NoMatch";
   let r = {};
-  return e.every((i, o) => {
-    let u = n[o];
-    return i.TAG === "Static" ? u === i._0 : (r[i._0] = u, !0);
+  return e.every((l, c) => {
+    let i = n[c];
+    return l.TAG === "Static" ? i === l._0 : (r[l._0] = i, !0);
   }) ? {
     TAG: "Match",
     _0: r
   } : "NoMatch";
 }
-function G(e, t) {
-  return H(W(e), t);
+function x(e, t) {
+  return J(U(e), t);
 }
-const ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  match: G,
-  matchPath: H,
-  parsePattern: W
+  match: x,
+  matchPath: J,
+  parsePattern: U
 }, Symbol.toStringTag, { value: "Module" }));
-function U(e, t) {
+function K(e, t) {
   return [
     e,
     {
@@ -383,7 +400,7 @@ function U(e, t) {
     }
   ];
 }
-function we(e, t) {
+function Xe(e, t) {
   return [
     e,
     {
@@ -392,7 +409,7 @@ function we(e, t) {
     }
   ];
 }
-function Ne(e, t) {
+function qe(e, t) {
   return [
     e,
     {
@@ -401,285 +418,287 @@ function Ne(e, t) {
     }
   ];
 }
-function Ce(e) {
+function He(e) {
   return {
     TAG: "Text",
     _0: e
   };
 }
-function Me(e) {
+function Ue(e) {
   return {
     TAG: "SignalText",
-    _0: m.make(e)
+    _0: h.make(e)
   };
 }
-function $e(e) {
+function Je(e) {
   return {
     TAG: "Fragment",
     _0: e
   };
 }
-function x(e) {
+function G(e) {
   return {
     TAG: "SignalFragment",
     _0: e
   };
 }
-function je(e, t) {
+function Ke(e, t) {
   return {
     TAG: "SignalFragment",
-    _0: m.make(() => a.get(e).map(t))
+    _0: h.make(() => o.get(e).map(t))
   };
 }
-function _(e, t, n, r, l) {
-  let i = t !== void 0 ? t : [].map((c) => c), o = n !== void 0 ? n : [].map((c) => c), u = r !== void 0 ? r : [].map((c) => c);
+function p(e, t, n, r, u) {
+  let l = t !== void 0 ? t : [].map((d) => d), c = n !== void 0 ? n : [].map((d) => d), i = r !== void 0 ? r : [].map((d) => d);
   return {
     TAG: "Element",
     tag: e,
-    attrs: i,
-    events: o,
-    children: u
+    attrs: l,
+    events: c,
+    children: i
   };
 }
-function Pe(e, t, n, r) {
-  return _("div", e, t, n);
+function Qe(e, t, n, r) {
+  return p("div", e, t, n);
 }
-function De(e, t, n, r) {
-  return _("span", e, t, n);
+function Ye(e, t, n, r) {
+  return p("span", e, t, n);
 }
-function Ie(e, t, n, r) {
-  return _("button", e, t, n);
+function Ze(e, t, n, r) {
+  return p("button", e, t, n);
 }
-function Ge(e, t, n) {
-  return _("input", e, t, void 0);
+function et(e, t, n) {
+  return p("input", e, t, void 0);
 }
-function xe(e, t, n, r) {
-  return _("h1", e, t, n);
+function tt(e, t, n, r) {
+  return p("h1", e, t, n);
 }
-function Re(e, t, n, r) {
-  return _("h2", e, t, n);
+function nt(e, t, n, r) {
+  return p("h2", e, t, n);
 }
-function Be(e, t, n, r) {
-  return _("h3", e, t, n);
+function rt(e, t, n, r) {
+  return p("h3", e, t, n);
 }
-function Fe(e, t, n, r) {
-  return _("p", e, t, n);
+function ut(e, t, n, r) {
+  return p("p", e, t, n);
 }
-function Le(e, t, n, r) {
-  return _("ul", e, t, n);
+function lt(e, t, n, r) {
+  return p("ul", e, t, n);
 }
-function Ve(e, t, n, r) {
-  return _("li", e, t, n);
+function it(e, t, n, r) {
+  return p("li", e, t, n);
 }
-function J(e, t, n, r) {
-  return _("a", e, t, n);
+function Q(e, t, n, r) {
+  return p("a", e, t, n);
 }
-function b(e, t) {
-  let n = V(ne(e.__xote_disposers), []);
+function k(e, t) {
+  let n = I(ue(e.__xote_disposers), []);
   e.__xote_disposers = n.concat([t]);
 }
-function R(e) {
+function D(e) {
   let t = e.__xote_disposers;
-  t != null && (t.forEach((r) => r.dispose()), e.__xote_disposers = []), Array.from(e.childNodes || []).forEach(R);
+  t != null && (t.forEach((r) => r.dispose()), e.__xote_disposers = []), Array.from(e.childNodes || []).forEach(D);
 }
-function T(e) {
+function A(e) {
   switch (e.TAG) {
     case "Element":
       let t = document.createElement(e.tag);
-      return e.attrs.forEach((s) => {
-        let h = s[1], f = s[0];
-        switch (h.TAG) {
+      return e.attrs.forEach((f) => {
+        let _ = f[1], E = f[0];
+        switch (_.TAG) {
           case "Static":
-            t.setAttribute(f, h._0);
+            t.setAttribute(E, _._0);
             return;
           case "SignalValue":
-            let A = h._0;
-            t.setAttribute(f, a.peek(A));
-            let Y = g.run(() => {
-              let k = a.get(A);
-              t.setAttribute(f, k);
+            let O = _._0;
+            t.setAttribute(E, o.peek(O));
+            let ee = g.run(() => {
+              let N = o.get(O);
+              t.setAttribute(E, N);
             });
-            return b(t, Y);
+            return k(t, ee);
           case "Compute":
-            let Z = h._0, B = m.make(() => Z());
-            t.setAttribute(f, a.peek(B));
-            let ee = g.run(() => {
-              let k = a.get(B);
-              t.setAttribute(f, k);
+            let te = _._0, F = h.make(() => te());
+            t.setAttribute(E, o.peek(F));
+            let ne = g.run(() => {
+              let N = o.get(F);
+              t.setAttribute(E, N);
             });
-            return b(t, ee);
+            return k(t, ne);
         }
-      }), e.events.forEach((s) => {
-        t.addEventListener(s[0], s[1]);
-      }), e.children.forEach((s) => {
-        let h = T(s);
-        t.appendChild(h);
+      }), e.events.forEach((f) => {
+        t.addEventListener(f[0], f[1]);
+      }), e.children.forEach((f) => {
+        let _ = A(f);
+        t.appendChild(_);
       }), t;
     case "Text":
       return document.createTextNode(e._0);
     case "SignalText":
-      let n = e._0, r = document.createTextNode(a.peek(n)), l = g.run(() => {
-        let s = a.get(n);
-        r.textContent = s;
+      let n = e._0, r = document.createTextNode(o.peek(n)), u = g.run(() => {
+        let f = o.get(n);
+        r.textContent = f;
       });
-      return b(r, l), r;
+      return k(r, u), r;
     case "Fragment":
-      let i = document.createDocumentFragment();
-      return e._0.forEach((s) => {
-        let h = T(s);
-        i.appendChild(h);
-      }), i;
+      let l = document.createDocumentFragment();
+      return e._0.forEach((f) => {
+        let _ = A(f);
+        l.appendChild(_);
+      }), l;
     case "SignalFragment":
-      let o = e._0, u = document.createElement("div");
-      u.setAttribute("data-signal-fragment", "true"), u.setAttribute("style", "display: contents");
-      let c = g.run(() => {
-        let s = a.get(o);
-        Array.from(u.childNodes || []).forEach(R), u.innerHTML = "", s.forEach((f) => {
-          let A = T(f);
-          u.appendChild(A);
+      let c = e._0, i = document.createElement("div");
+      i.setAttribute("data-signal-fragment", "true"), i.setAttribute("style", "display: contents");
+      let d = g.run(() => {
+        let f = o.get(c);
+        Array.from(i.childNodes || []).forEach(D), i.innerHTML = "", f.forEach((E) => {
+          let O = A(E);
+          i.appendChild(O);
         });
       });
-      return b(u, c), u;
+      return k(i, d), i;
   }
 }
-function K(e, t) {
-  let n = T(e);
+function Y(e, t) {
+  let n = A(e);
   t.appendChild(n);
 }
-function ze(e, t) {
+function ot(e, t) {
   let n = document.getElementById(t);
   if (n == null) {
     console.error("Container element not found: " + t);
     return;
   } else
-    return K(e, n);
+    return Y(e, n);
 }
-const qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  a: J,
-  addDisposer: b,
-  attr: U,
-  button: Ie,
-  computedAttr: Ne,
-  disposeElement: R,
-  div: Pe,
-  element: _,
-  fragment: $e,
-  h1: xe,
-  h2: Re,
-  h3: Be,
-  input: Ge,
-  li: Ve,
-  list: je,
-  mount: K,
-  mountById: ze,
-  p: Fe,
-  render: T,
-  signalAttr: we,
-  signalFragment: x,
-  span: De,
-  text: Ce,
-  textSignal: Me,
-  ul: Le
+  a: Q,
+  addDisposer: k,
+  attr: K,
+  button: Ze,
+  computedAttr: qe,
+  disposeElement: D,
+  div: Qe,
+  element: p,
+  fragment: Je,
+  h1: tt,
+  h2: nt,
+  h3: rt,
+  input: et,
+  li: it,
+  list: Ke,
+  mount: Y,
+  mountById: ot,
+  p: ut,
+  render: A,
+  signalAttr: Xe,
+  signalFragment: G,
+  span: Ye,
+  text: He,
+  textSignal: Ue,
+  ul: lt
 }, Symbol.toStringTag, { value: "Module" }));
-let v = a.make({
+let v = o.make({
   pathname: "/",
   search: "",
   hash: ""
 }, void 0, void 0);
-function $() {
+function M() {
   return {
     pathname: window.location.pathname,
     search: window.location.search,
     hash: window.location.hash
   };
 }
-function Xe() {
-  a.set(v, $());
-  let e = (t) => a.set(v, $());
+function at() {
+  o.set(v, M());
+  let e = (t) => o.set(v, M());
   window.addEventListener("popstate", e);
 }
-function Q(e, t, n, r) {
-  let l = t !== void 0 ? t : "", i = n !== void 0 ? n : "", o = {
+function Z(e, t, n, r) {
+  let u = t !== void 0 ? t : "", l = n !== void 0 ? n : "", c = {
     pathname: e,
-    search: l,
-    hash: i
-  }, u = e + l + i, c = {};
-  window.history.pushState(c, "", u), a.set(v, o);
+    search: u,
+    hash: l
+  }, i = e + u + l, d = {};
+  window.history.pushState(d, "", i), o.set(v, c);
 }
-function We(e, t, n, r) {
-  let l = t !== void 0 ? t : "", i = n !== void 0 ? n : "", o = {
+function dt(e, t, n, r) {
+  let u = t !== void 0 ? t : "", l = n !== void 0 ? n : "", c = {
     pathname: e,
-    search: l,
-    hash: i
-  }, u = e + l + i, c = {};
-  window.history.replaceState(c, "", u), a.set(v, o);
-}
-function He(e, t) {
-  return x(m.make(() => {
-    let n = a.get(v), r = G(e, n.pathname);
+    search: u,
+    hash: l
+  }, i = e + u + l, d = {};
+  window.history.replaceState(d, "", i), o.set(v, c);
+}
+function st(e, t) {
+  return G(h.make(() => {
+    let n = o.get(v), r = x(e, n.pathname);
     return typeof r != "object" ? [] : [t(r._0)];
   }));
 }
-function Ue(e) {
-  return x(m.make(() => {
-    let t = a.get(v), n = Oe(e, (r) => {
-      let l = G(r.pattern, t.pathname);
-      if (typeof l == "object")
-        return r.render(l._0);
+function ft(e) {
+  return G(h.make(() => {
+    let t = o.get(v), n = oe(e, (r) => {
+      let u = x(r.pattern, t.pathname);
+      if (typeof u == "object")
+        return r.render(u._0);
     });
     return n !== void 0 ? [n] : [];
   }));
 }
-function Je(e, t, n, r) {
-  let l = t !== void 0 ? t : [], i = n !== void 0 ? n : [], o = (u) => {
-    u.preventDefault(), Q(e, void 0, void 0);
+function pt(e, t, n, r) {
+  let u = t !== void 0 ? t : [], l = n !== void 0 ? n : [], c = (i) => {
+    i.preventDefault(), Z(e, void 0, void 0);
   };
-  return J(l.concat([U("href", e)]), [[
+  return Q(u.concat([K("href", e)]), [[
     "click",
-    o
-  ]], i);
+    c
+  ]], l);
 }
-let Ke, Qe;
-const Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let ht, mt;
+const _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Component: Ke,
-  Route: Qe,
-  getCurrentLocation: $,
-  init: Xe,
-  link: Je,
+  Component: ht,
+  Route: mt,
+  getCurrentLocation: M,
+  init: at,
+  link: pt,
   location: v,
-  push: Q,
-  replace: We,
-  route: He,
-  routes: Ue
+  push: Z,
+  replace: dt,
+  route: st,
+  routes: ft
 }, Symbol.toStringTag, { value: "Module" }));
-let Ze = a.Id, et = a.Scheduler, tt = a.make, nt = a.get, rt = a.peek, lt = a.set, ut = a.update, mt = {
-  Id: Ze,
-  Scheduler: et,
-  make: tt,
-  get: nt,
-  peek: rt,
-  set: lt,
-  update: ut
-}, it = m.Id, ot = m.Signal, ct = m.Observer, at = m.Scheduler, st = m.make, dt = m.dispose, St = {
-  Id: it,
-  Signal: ot,
-  Observer: ct,
-  Scheduler: at,
-  make: st,
-  dispose: dt
-}, ft = g.Id, pt = g.Observer, _t = g.Scheduler, ht = g.run, gt = {
-  Id: ft,
-  Observer: pt,
-  Scheduler: _t,
-  run: ht
-}, Et = qe, vt = ke, bt = Ye;
+let St = o.Id, gt = o.Scheduler, Et = o.make, vt = o.get, bt = o.peek, yt = o.set, Tt = o.update, kt = o.batch, At = o.untrack, Gt = {
+  Id: St,
+  Scheduler: gt,
+  make: Et,
+  get: vt,
+  peek: bt,
+  set: yt,
+  update: Tt,
+  batch: kt,
+  untrack: At
+}, wt = h.Id, Ot = h.Signal, Ct = h.Observer, Nt = h.Scheduler, $t = h.make, Mt = h.dispose, Dt = {
+  Id: wt,
+  Signal: Ot,
+  Observer: Ct,
+  Scheduler: Nt,
+  make: $t,
+  dispose: Mt
+}, jt = g.Id, It = g.Observer, Pt = g.Scheduler, xt = g.run, Ft = {
+  Id: jt,
+  Observer: It,
+  Scheduler: Pt,
+  run: xt
+}, Lt = ct, Rt = We, Vt = _t;
 export {
-  Et as Component,
-  St as Computed,
-  gt as Effect,
-  vt as Route,
-  bt as Router,
-  mt as Signal
+  Lt as Component,
+  Dt as Computed,
+  Ft as Effect,
+  Rt as Route,
+  Vt as Router,
+  Gt as Signal
 };

package/dist/xote.umd.js

@@ -1 +1 @@
-(function(_,v){typeof exports=="object"&&typeof module<"u"?v(exports):typeof define=="function"&&define.amd?define(["exports"],v):(_=typeof globalThis<"u"?globalThis:_||self,v(_.xote={}))})(this,(function(_){"use strict";let v={contents:0};function N(){return v.contents=v.contents+1|0,v.contents}function Z(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 ee(e){if(e!=null)return Z(e)}function F(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 L(e,t){return e!==void 0?F(e):t}let V=(function(e,t){for(var n in e)t(n)});function C(e,t){if(e===t)return!0;let n=typeof e;if(n==="string"||n==="number"||n==="bigint"||n==="boolean"||n==="undefined"||e===null)return!1;let r=typeof t;if(n==="function"||r==="function")throw{RE_EXN_ID:"Invalid_argument",_1:"equal: functional value",Error:new Error};if(r==="number"||r==="bigint"||r==="undefined"||t===null)return!1;let l=e.TAG,i=t.TAG;if(l!==i)return!1;let o=e.length|0,u=t.length|0;if(o===u)if(Array.isArray(e)){let c=0;for(;;){let s=c;if(s===o)return!0;if(!C(e[s],t[s]))return!1;c=s+1|0}}else{if(e instanceof Date&&t instanceof Date)return!(e>t||e<t);{let c={contents:!0},s=f=>{if(!Object.prototype.hasOwnProperty.call(t,f)){c.contents=!1;return}},S=f=>{if(!Object.prototype.hasOwnProperty.call(e,f)||!C(t[f],e[f])){c.contents=!1;return}};return V(e,s),c.contents&&V(t,S),c.contents}}else return!1}let p=new Map,b=new Map,$=new Map,d={contents:void 0},k=new Set,M={contents:!1},g={contents:!1};function j(e){if(b.get(e)===void 0){b.set(e,new Set);return}}function te(e,t){j(t);let n=d.contents,r=p.get(e);if(n===void 0||r===void 0||n!==e||r.deps.has(t))return;r.deps.add(t);let l=b.get(t);if(l!==void 0){l.add(e);return}}function z(e){let t=$.get(e);if(t===void 0)return;$.delete(e);let n=p.get(t);if(n!==void 0){y(n),p.delete(t);return}}function y(e){e.deps.forEach(t=>{let n=b.get(t);if(n!==void 0)return n.delete(e.id),n.size===0&&!g.contents?z(t):void 0}),e.deps.clear()}function I(e){if(typeof e.kind=="object"){let r={contents:0};return e.deps.forEach(l=>{let i=b.get(l);if(i!==void 0){i.forEach(o=>{if(o===e.id)return;let u=p.get(o);if(u===void 0)return;if(typeof u.kind=="object"&&u.level>r.contents){r.contents=u.level;return}});return}}),r.contents+1|0}let n={contents:0};return e.deps.forEach(r=>{let l=b.get(r);if(l!==void 0){l.forEach(i=>{let o=p.get(i);if(o!==void 0&&o.level>n.contents){n.contents=o.level;return}});return}}),n.contents+1e3|0}function ne(){for(;k.size>0;){let e=Array.from(k.values());k.clear(),e.sort((t,n)=>{let r=p.get(t),l=p.get(n);return r!==void 0?l!==void 0?r.level-l.level|0:-1:l!==void 0?1:0}),e.forEach(t=>{let n=p.get(t);if(n===void 0)return;g.contents=!0,y(n);let r=d.contents;d.contents=t;try{n.run(),g.contents=!1}catch(l){throw d.contents=r,g.contents=!1,l}d.contents=r,n.level=I(n)})}}function re(e){j(e);let t=b.get(e);if(t!==void 0){if(t.forEach(n=>{k.add(n)}),M.contents)return;M.contents=!0,ne(),M.contents=!1;return}}function q(e,t,n){let r=N();return j(r),{id:r,value:{contents:e},version:{contents:0},equals:L(n,C),name:t}}function le(e){let t=d.contents;return t!==void 0&&te(t,e.id),e.value.contents}function ue(e){return e.value.contents}function P(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,re(e.id)}function ie(e,t){P(e,t(e.value.contents))}const oe=Object.freeze(Object.defineProperty({__proto__:null,Id:void 0,Scheduler:void 0,get:le,make:q,peek:ue,set:P,update:ie},Symbol.toStringTag,{value:"Module"}));function X(e,t,n){return{id:e,kind:t,run:n,deps:new Set,level:0}}function ce(e){let t=N(),n={contents:void 0},l=X(t,"Effect",()=>{let u=n.contents;u!==void 0&&u(),n.contents=e()});p.set(t,l),g.contents=!0,y(l);let i=d.contents;d.contents=t;try{l.run(),g.contents=!1}catch(u){throw d.contents=i,g.contents=!1,u}return d.contents=i,l.level=I(l),{dispose:()=>{let u=p.get(t);if(u===void 0)return;let c=n.contents;c!==void 0&&c(),y(u),p.delete(t)}}}const ae=Object.freeze(Object.defineProperty({__proto__:null,Id:void 0,Observer:void 0,Scheduler:void 0,run:ce},Symbol.toStringTag,{value:"Module"}));function se(e){let t=q(void 0,void 0,void 0),n=N(),r=()=>{let o=e();P(t,o)},l=X(n,{NAME:"Computed",VAL:t.id},r);p.set(n,l),g.contents=!0,y(l);let i=d.contents;d.contents=n;try{l.run(),g.contents=!1}catch(o){throw d.contents=i,g.contents=!1,o}return d.contents=i,l.level=I(l),$.set(t.id,n),t}function de(e){z(e.id)}const fe=Object.freeze(Object.defineProperty({__proto__:null,Id:void 0,Observer:void 0,Scheduler:void 0,Signal:void 0,dispose:de,make:se},Symbol.toStringTag,{value:"Module"}));let a=oe,m=fe,E=ae;function pe(e,t){let n=e.length,r=new Array(n),l=0;for(let i=0;i<n;++i){let o=e[i],u=t(o);u!==void 0&&(r[l]=F(u),l=l+1|0)}return r.length=l,r}function he(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}}function W(e){return pe(e.split("/"),t=>{if(t!=="")return t.startsWith(":")?{TAG:"Param",_0:t.slice(1)}:{TAG:"Static",_0:t}})}function H(e,t){let n=t.split("/").filter(i=>i!=="");if(e.length!==n.length)return"NoMatch";let r={};return e.every((i,o)=>{let u=n[o];return i.TAG==="Static"?u===i._0:(r[i._0]=u,!0)})?{TAG:"Match",_0:r}:"NoMatch"}function D(e,t){return H(W(e),t)}const _e=Object.freeze(Object.defineProperty({__proto__:null,match:D,matchPath:H,parsePattern:W},Symbol.toStringTag,{value:"Module"}));function U(e,t){return[e,{TAG:"Static",_0:t}]}function me(e,t){return[e,{TAG:"SignalValue",_0:t}]}function Se(e,t){return[e,{TAG:"Compute",_0:t}]}function ge(e){return{TAG:"Text",_0:e}}function Ee(e){return{TAG:"SignalText",_0:m.make(e)}}function ve(e){return{TAG:"Fragment",_0:e}}function G(e){return{TAG:"SignalFragment",_0:e}}function be(e,t){return{TAG:"SignalFragment",_0:m.make(()=>a.get(e).map(t))}}function h(e,t,n,r,l){let i=t!==void 0?t:[].map(c=>c),o=n!==void 0?n:[].map(c=>c),u=r!==void 0?r:[].map(c=>c);return{TAG:"Element",tag:e,attrs:i,events:o,children:u}}function Te(e,t,n,r){return h("div",e,t,n)}function ye(e,t,n,r){return h("span",e,t,n)}function Ae(e,t,n,r){return h("button",e,t,n)}function Oe(e,t,n){return h("input",e,t,void 0)}function ke(e,t,n,r){return h("h1",e,t,n)}function we(e,t,n,r){return h("h2",e,t,n)}function Ne(e,t,n,r){return h("h3",e,t,n)}function Ce(e,t,n,r){return h("p",e,t,n)}function $e(e,t,n,r){return h("ul",e,t,n)}function Me(e,t,n,r){return h("li",e,t,n)}function J(e,t,n,r){return h("a",e,t,n)}function A(e,t){let n=L(ee(e.__xote_disposers),[]);e.__xote_disposers=n.concat([t])}function R(e){let t=e.__xote_disposers;t!=null&&(t.forEach(r=>r.dispose()),e.__xote_disposers=[]),Array.from(e.childNodes||[]).forEach(R)}function O(e){switch(e.TAG){case"Element":let t=document.createElement(e.tag);return e.attrs.forEach(s=>{let S=s[1],f=s[0];switch(S.TAG){case"Static":t.setAttribute(f,S._0);return;case"SignalValue":let w=S._0;t.setAttribute(f,a.peek(w));let at=E.run(()=>{let B=a.get(w);t.setAttribute(f,B)});return A(t,at);case"Compute":let st=S._0,Y=m.make(()=>st());t.setAttribute(f,a.peek(Y));let dt=E.run(()=>{let B=a.get(Y);t.setAttribute(f,B)});return A(t,dt)}}),e.events.forEach(s=>{t.addEventListener(s[0],s[1])}),e.children.forEach(s=>{let S=O(s);t.appendChild(S)}),t;case"Text":return document.createTextNode(e._0);case"SignalText":let n=e._0,r=document.createTextNode(a.peek(n)),l=E.run(()=>{let s=a.get(n);r.textContent=s});return A(r,l),r;case"Fragment":let i=document.createDocumentFragment();return e._0.forEach(s=>{let S=O(s);i.appendChild(S)}),i;case"SignalFragment":let o=e._0,u=document.createElement("div");u.setAttribute("data-signal-fragment","true"),u.setAttribute("style","display: contents");let c=E.run(()=>{let s=a.get(o);Array.from(u.childNodes||[]).forEach(R),u.innerHTML="",s.forEach(f=>{let w=O(f);u.appendChild(w)})});return A(u,c),u}}function K(e,t){let n=O(e);t.appendChild(n)}function je(e,t){let n=document.getElementById(t);if(n==null){console.error("Container element not found: "+t);return}else return K(e,n)}const Ie=Object.freeze(Object.defineProperty({__proto__:null,a:J,addDisposer:A,attr:U,button:Ae,computedAttr:Se,disposeElement:R,div:Te,element:h,fragment:ve,h1:ke,h2:we,h3:Ne,input:Oe,li:Me,list:be,mount:K,mountById:je,p:Ce,render:O,signalAttr:me,signalFragment:G,span:ye,text:ge,textSignal:Ee,ul:$e},Symbol.toStringTag,{value:"Module"}));let T=a.make({pathname:"/",search:"",hash:""},void 0,void 0);function x(){return{pathname:window.location.pathname,search:window.location.search,hash:window.location.hash}}function Pe(){a.set(T,x());let e=t=>a.set(T,x());window.addEventListener("popstate",e)}function Q(e,t,n,r){let l=t!==void 0?t:"",i=n!==void 0?n:"",o={pathname:e,search:l,hash:i},u=e+l+i,c={};window.history.pushState(c,"",u),a.set(T,o)}function De(e,t,n,r){let l=t!==void 0?t:"",i=n!==void 0?n:"",o={pathname:e,search:l,hash:i},u=e+l+i,c={};window.history.replaceState(c,"",u),a.set(T,o)}function Ge(e,t){return G(m.make(()=>{let n=a.get(T),r=D(e,n.pathname);return typeof r!="object"?[]:[t(r._0)]}))}function Re(e){return G(m.make(()=>{let t=a.get(T),n=he(e,r=>{let l=D(r.pattern,t.pathname);if(typeof l=="object")return r.render(l._0)});return n!==void 0?[n]:[]}))}function xe(e,t,n,r){let l=t!==void 0?t:[],i=n!==void 0?n:[],o=u=>{u.preventDefault(),Q(e,void 0,void 0)};return J(l.concat([U("href",e)]),[["click",o]],i)}const Be=Object.freeze(Object.defineProperty({__proto__:null,Component:void 0,Route:void 0,getCurrentLocation:x,init:Pe,link:xe,location:T,push:Q,replace:De,route:Ge,routes:Re},Symbol.toStringTag,{value:"Module"}));let Fe=a.Id,Le=a.Scheduler,Ve=a.make,ze=a.get,qe=a.peek,Xe=a.set,We=a.update,He={Id:Fe,Scheduler:Le,make:Ve,get:ze,peek:qe,set:Xe,update:We},Ue=m.Id,Je=m.Signal,Ke=m.Observer,Qe=m.Scheduler,Ye=m.make,Ze=m.dispose,et={Id:Ue,Signal:Je,Observer:Ke,Scheduler:Qe,make:Ye,dispose:Ze},tt=E.Id,nt=E.Observer,rt=E.Scheduler,lt=E.run,ut={Id:tt,Observer:nt,Scheduler:rt,run:lt},it=Ie,ot=_e,ct=Be;_.Component=it,_.Computed=et,_.Effect=ut,_.Route=ot,_.Router=ct,_.Signal=He,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));
+(function(h,b){typeof exports=="object"&&typeof module<"u"?b(exports):typeof define=="function"&&define.amd?define(["exports"],b):(h=typeof globalThis<"u"?globalThis:h||self,b(h.xote={}))})(this,(function(h){"use strict";let b={contents:0};function M(){return b.contents=b.contents+1|0,b.contents}function te(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 te(e)}function F(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 I(e,t){return e!==void 0?F(e):t}function re(e,t,n){return e.reduce(n,t)}function ue(e,t){let n=e.length,r=new Array(n),u=0;for(let l=0;l<n;++l){let c=e[l],i=t(c);i!==void 0&&(r[u]=F(i),u=u+1|0)}return r.length=u,r}function le(e,t){let n=0;for(;;){let r=n;if(r===e.length)return;let u=t(e[r]);if(u!==void 0)return u;n=r+1|0}}let f=new Map,T=new Map,O=new Map,a={contents:void 0},k=new Set,g={contents:!1},_={contents:!1};function j(e){if(T.get(e)===void 0){T.set(e,new Set);return}}function ie(e,t){let n=T.get(e);if(n!==void 0){n.forEach(t);return}}function oe(e,t){let n=T.get(e);if(n!==void 0){n.add(t);return}}function ce(e,t){let n=T.get(e);if(n!==void 0){n.delete(t);return}}function ae(e){return Array.from(I(T.get(e),new Set).values())}function L(e,t){let n=a.contents;a.contents=e;try{let r=t();return a.contents=n,r}catch(r){throw a.contents=n,r}}function de(e){let t=a.contents;a.contents=void 0;try{let n=e();return a.contents=t,n}catch(n){throw a.contents=t,n}}function fe(e){let t=a.contents;return t!==void 0?t===e:!1}function se(e){if(!g.contents){g.contents=!0;try{e(),g.contents=!1;return}catch(t){throw g.contents=!1,t}}}function pe(e,t){j(t);let n=fe(e),r=f.get(e);if(n&&r!==void 0&&!r.deps.has(t))return r.deps.add(t),oe(t,e)}function A(e){e.deps.forEach(t=>ce(t,e.id)),e.deps.clear()}function he(e){let t=O.get(e);if(t===void 0)return;O.delete(e);let n=f.get(t);if(n!==void 0){A(n),f.delete(t);return}}function V(e){return re(e,0,(t,n)=>n>t?n:t)}function me(e){let t=[];return e.deps.forEach(n=>ie(n,r=>{if(r===e.id)return;let u=f.get(r);if(u===void 0)return;if(typeof u.kind=="object"){t.push(u.level);return}})),V(t)+1|0}function _e(e){let t=[];return e.deps.forEach(n=>{let r=O.get(n);if(r===void 0||r===e.id)return;let u=f.get(r);if(u!==void 0){t.push(u.level);return}}),V(t)+1|0}function C(e){return typeof e.kind=="object"?_e(e):me(e)}function Se(e,t){let n=f.get(e),r=f.get(t);if(n===void 0)return r!==void 0?1:0;if(r===void 0)return-1;let l=typeof n.kind=="object"?0:1,i=typeof r.kind=="object"?0:1,d=l-i|0;return d!==0?d:n.level-r.level|0}function ge(e){_.contents=!0,A(e),L(e.id,()=>{e.run(),_.contents=!1}),e.level=C(e)}function B(){for(;k.size>0;){let e=Array.from(k.values());k.clear(),e.sort(Se),e.forEach(t=>{let n=f.get(t);if(n!==void 0)return ge(n)})}}function z(e){if(j(e),ae(e).forEach(t=>{let n=f.get(t);if(n===void 0)return;let r=n.kind;if(typeof r=="object")return n.dirty?void 0:(n.dirty=!0,z(r.VAL));k.add(t)}),k.size>0)return se(B)}function W(e){let t=O.get(e);if(t===void 0)return;let n=f.get(t);if(n!==void 0&&n.dirty){_.contents=!0,A(n),L(t,()=>{n.run(),n.dirty=!1,_.contents=!1}),n.level=C(n);return}}function Ee(e){let t=g.contents;g.contents=!0;try{let n=e();return t||(g.contents=!1,k.size>0&&B()),n}catch(n){throw t||(g.contents=!1),n}}let be=de,ve=j;function X(e,t,n){let r=M();return ve(r),{id:r,value:{contents:e},version:{contents:0},equals:I(n,(u,l)=>u===l),name:t}}function ye(e){W(e.id);let t=a.contents;return t!==void 0&&pe(t,e.id),e.value.contents}function Te(e){return W(e.id),e.value.contents}function q(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,z(e.id)}function ke(e,t){q(e,t(e.value.contents))}const Ae=Object.freeze(Object.defineProperty({__proto__:null,Id:void 0,Scheduler:void 0,batch:Ee,get:ye,make:X,peek:Te,set:q,untrack:be,update:ke},Symbol.toStringTag,{value:"Module"}));function H(e,t,n){return{id:e,kind:t,run:n,deps:new Set,level:0,dirty:!0}}function Oe(e){let t=M(),n={contents:void 0},u=H(t,"Effect",()=>{let i=n.contents;i!==void 0&&i(),n.contents=e()});f.set(t,u),_.contents=!0,A(u);let l=a.contents;a.contents=t;try{u.run(),_.contents=!1}catch(i){throw a.contents=l,_.contents=!1,i}return a.contents=l,u.level=C(u),{dispose:()=>{let i=f.get(t);if(i===void 0)return;let d=n.contents;d!==void 0&&d(),A(i),f.delete(t)}}}const we=Object.freeze(Object.defineProperty({__proto__:null,Id:void 0,Observer:void 0,Scheduler:void 0,run:Oe},Symbol.toStringTag,{value:"Module"}));function $e(e){let t=X(void 0,void 0,void 0),n=M(),r=()=>{let c=e();t.value.contents=c},u=H(n,{NAME:"Computed",VAL:t.id},r);f.set(n,u),_.contents=!0,A(u);let l=a.contents;a.contents=n;try{u.run(),u.dirty=!1,_.contents=!1}catch(c){throw a.contents=l,_.contents=!1,c}return a.contents=l,u.level=C(u),O.set(t.id,n),t}function Ce(e){he(e.id)}const Ne=Object.freeze(Object.defineProperty({__proto__:null,Id:void 0,Observer:void 0,Scheduler:void 0,Signal:void 0,dispose:Ce,make:$e},Symbol.toStringTag,{value:"Module"}));let o=Ae,m=Ne,E=we;function U(e){return ue(e.split("/"),t=>{if(t!=="")return t.startsWith(":")?{TAG:"Param",_0:t.slice(1)}:{TAG:"Static",_0:t}})}function J(e,t){let n=t.split("/").filter(l=>l!=="");if(e.length!==n.length)return"NoMatch";let r={};return e.every((l,c)=>{let i=n[c];return l.TAG==="Static"?i===l._0:(r[l._0]=i,!0)})?{TAG:"Match",_0:r}:"NoMatch"}function P(e,t){return J(U(e),t)}const Me=Object.freeze(Object.defineProperty({__proto__:null,match:P,matchPath:J,parsePattern:U},Symbol.toStringTag,{value:"Module"}));function K(e,t){return[e,{TAG:"Static",_0:t}]}function Ie(e,t){return[e,{TAG:"SignalValue",_0:t}]}function je(e,t){return[e,{TAG:"Compute",_0:t}]}function Pe(e){return{TAG:"Text",_0:e}}function Re(e){return{TAG:"SignalText",_0:m.make(e)}}function Ge(e){return{TAG:"Fragment",_0:e}}function R(e){return{TAG:"SignalFragment",_0:e}}function De(e,t){return{TAG:"SignalFragment",_0:m.make(()=>o.get(e).map(t))}}function p(e,t,n,r,u){let l=t!==void 0?t:[].map(d=>d),c=n!==void 0?n:[].map(d=>d),i=r!==void 0?r:[].map(d=>d);return{TAG:"Element",tag:e,attrs:l,events:c,children:i}}function xe(e,t,n,r){return p("div",e,t,n)}function Fe(e,t,n,r){return p("span",e,t,n)}function Le(e,t,n,r){return p("button",e,t,n)}function Ve(e,t,n){return p("input",e,t,void 0)}function Be(e,t,n,r){return p("h1",e,t,n)}function ze(e,t,n,r){return p("h2",e,t,n)}function We(e,t,n,r){return p("h3",e,t,n)}function Xe(e,t,n,r){return p("p",e,t,n)}function qe(e,t,n,r){return p("ul",e,t,n)}function He(e,t,n,r){return p("li",e,t,n)}function Q(e,t,n,r){return p("a",e,t,n)}function w(e,t){let n=I(ne(e.__xote_disposers),[]);e.__xote_disposers=n.concat([t])}function G(e){let t=e.__xote_disposers;t!=null&&(t.forEach(r=>r.dispose()),e.__xote_disposers=[]),Array.from(e.childNodes||[]).forEach(G)}function $(e){switch(e.TAG){case"Element":let t=document.createElement(e.tag);return e.attrs.forEach(s=>{let S=s[1],y=s[0];switch(S.TAG){case"Static":t.setAttribute(y,S._0);return;case"SignalValue":let N=S._0;t.setAttribute(y,o.peek(N));let wt=E.run(()=>{let x=o.get(N);t.setAttribute(y,x)});return w(t,wt);case"Compute":let $t=S._0,ee=m.make(()=>$t());t.setAttribute(y,o.peek(ee));let Ct=E.run(()=>{let x=o.get(ee);t.setAttribute(y,x)});return w(t,Ct)}}),e.events.forEach(s=>{t.addEventListener(s[0],s[1])}),e.children.forEach(s=>{let S=$(s);t.appendChild(S)}),t;case"Text":return document.createTextNode(e._0);case"SignalText":let n=e._0,r=document.createTextNode(o.peek(n)),u=E.run(()=>{let s=o.get(n);r.textContent=s});return w(r,u),r;case"Fragment":let l=document.createDocumentFragment();return e._0.forEach(s=>{let S=$(s);l.appendChild(S)}),l;case"SignalFragment":let c=e._0,i=document.createElement("div");i.setAttribute("data-signal-fragment","true"),i.setAttribute("style","display: contents");let d=E.run(()=>{let s=o.get(c);Array.from(i.childNodes||[]).forEach(G),i.innerHTML="",s.forEach(y=>{let N=$(y);i.appendChild(N)})});return w(i,d),i}}function Y(e,t){let n=$(e);t.appendChild(n)}function Ue(e,t){let n=document.getElementById(t);if(n==null){console.error("Container element not found: "+t);return}else return Y(e,n)}const Je=Object.freeze(Object.defineProperty({__proto__:null,a:Q,addDisposer:w,attr:K,button:Le,computedAttr:je,disposeElement:G,div:xe,element:p,fragment:Ge,h1:Be,h2:ze,h3:We,input:Ve,li:He,list:De,mount:Y,mountById:Ue,p:Xe,render:$,signalAttr:Ie,signalFragment:R,span:Fe,text:Pe,textSignal:Re,ul:qe},Symbol.toStringTag,{value:"Module"}));let v=o.make({pathname:"/",search:"",hash:""},void 0,void 0);function D(){return{pathname:window.location.pathname,search:window.location.search,hash:window.location.hash}}function Ke(){o.set(v,D());let e=t=>o.set(v,D());window.addEventListener("popstate",e)}function Z(e,t,n,r){let u=t!==void 0?t:"",l=n!==void 0?n:"",c={pathname:e,search:u,hash:l},i=e+u+l,d={};window.history.pushState(d,"",i),o.set(v,c)}function Qe(e,t,n,r){let u=t!==void 0?t:"",l=n!==void 0?n:"",c={pathname:e,search:u,hash:l},i=e+u+l,d={};window.history.replaceState(d,"",i),o.set(v,c)}function Ye(e,t){return R(m.make(()=>{let n=o.get(v),r=P(e,n.pathname);return typeof r!="object"?[]:[t(r._0)]}))}function Ze(e){return R(m.make(()=>{let t=o.get(v),n=le(e,r=>{let u=P(r.pattern,t.pathname);if(typeof u=="object")return r.render(u._0)});return n!==void 0?[n]:[]}))}function et(e,t,n,r){let u=t!==void 0?t:[],l=n!==void 0?n:[],c=i=>{i.preventDefault(),Z(e,void 0,void 0)};return Q(u.concat([K("href",e)]),[["click",c]],l)}const tt=Object.freeze(Object.defineProperty({__proto__:null,Component:void 0,Route:void 0,getCurrentLocation:D,init:Ke,link:et,location:v,push:Z,replace:Qe,route:Ye,routes:Ze},Symbol.toStringTag,{value:"Module"}));let nt=o.Id,rt=o.Scheduler,ut=o.make,lt=o.get,it=o.peek,ot=o.set,ct=o.update,at=o.batch,dt=o.untrack,ft={Id:nt,Scheduler:rt,make:ut,get:lt,peek:it,set:ot,update:ct,batch:at,untrack:dt},st=m.Id,pt=m.Signal,ht=m.Observer,mt=m.Scheduler,_t=m.make,St=m.dispose,gt={Id:st,Signal:pt,Observer:ht,Scheduler:mt,make:_t,dispose:St},Et=E.Id,bt=E.Observer,vt=E.Scheduler,yt=E.run,Tt={Id:Et,Observer:bt,Scheduler:vt,run:yt},kt=Je,At=Me,Ot=tt;h.Component=kt,h.Computed=gt,h.Effect=Tt,h.Route=At,h.Router=Ot,h.Signal=ft,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xote",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "repository": {
     "url": "https://github.com/brnrdog/xote"
   },
@@ -77,6 +77,6 @@
     "vite": "^7.1.12"
   },
   "dependencies": {
-    "rescript-signals": "^1.0.1"
+    "rescript-signals": "^1.2.0"
   }
 }