mono-jsx 0.9.11 → 0.9.13

package/jsx-runtime.mjs

@@ -22,15 +22,15 @@ var ROUTER = 512;
 var FORM = 1024;
 var EVENT_JS = `{var w=window,m=new Map;w.$F=m.set.bind(m);w.$fmap=m;w.$emit=(e,i,s)=>m.get(i).call(w.$signals?.(s)??e.target,e.type==="mount"?e.target:e);w.$onsubmit=(e,i,s)=>{e.preventDefault();m.get(i).call(w.$signals?.(s)??e.target,new FormData(e.target),e)};}`;
 var CX_JS = `{var n=t=>typeof t=="string"?t:typeof t=="object"&&t!==null?(Array.isArray(t)?t.map(n).filter(Boolean):Object.entries(t).filter(([,e])=>!!e).map(([e])=>e)).join(" "):"";window.$cx=n;}`;
-var STYLE_JS = `{var f=/^(-|f[lo].*[^se]$|g.{5,}[^ps]$|z|o[pr]|(W.{5})?[lL]i.*(t|mp)$|an|(bo|s).{4}Im|sca|m.{6}[ds]|ta|c.*[st]$|wido|ini)/;var p=new Set;var u=t=>!!t&&(t.constructor===Object||t.constructor===void 0),d=t=>t.replace(/[a-z][A-Z]/g,n=>n.charAt(0)+"-"+n.charAt(1).toLowerCase());var g=t=>{let n=0;for(let e=0;e<t.length;e++)n=(n<<5)-n+t.charCodeAt(e)|0;return n>>>0};var h=(t,n)=>{let{inline:e,css:o}=b(n);if(o){let r="data-css-",s=g((e??"")+o.join("")),i=r+s.toString(36),l="["+i+"]";p.has(s)||(p.add(s),document.head.appendChild(document.createElement("style")).textContent=(e?l+"{"+e+"}":"")+o.map(a=>a===null?l:a).join("")),t.getAttributeNames().forEach(a=>a.startsWith(r)&&t.removeAttribute(a)),t.setAttribute(i,"")}else e&&t.setAttribute("style",e)},b=t=>{let n,e=[],o=new y;for(let[r,s]of Object.entries(t))switch(r.charCodeAt(0)){case 58:u(s)&&e.push(r.startsWith("::view-")?"":null,r+c(s));break;case 64:u(s)&&(r.startsWith("@keyframes ")?e.push(r+"{"+Object.entries(s).map(([i,l])=>u(l)?i+c(l):"").join("")+"}"):r.startsWith("@view-")?e.push(r+c(s)):e.push(r+"{",null,c(s)+"}"));break;case 38:u(s)&&e.push(null,r.slice(1)+c(s));break;default:n??={},n[r]=s}return n&&(o.inline=c(n).slice(1,-1)),e.length>0&&(o.css=e),o},c=t=>{let n="";for(let[e,o]of Object.entries(t)){let r=typeof o;if(r==="string"||r==="number"){let s=d(e),i=r==="number"?f.test(e)?""+o:o+"px":""+o;n+=(n?";":"")+s+":"+(s==="content"?JSON.stringify(i):i)}}return"{"+n+"}"},y=(()=>{function t(){}return t.prototype=Object.create(null),t})();window.$applyStyle=h;}`;
+var STYLE_JS = `{var f=/^(-|f[lo].*[^se]$|g.{5,}[^ps]$|z|o[pr]|(W.{5})?[lL]i.*(t|mp)$|an|(bo|s).{4}Im|sca|m.{6}[ds]|ta|c.*[st]$|wido|ini)/;var p=new Set;var u=t=>!!t&&(t.constructor===Object||t.constructor===void 0),g=t=>t.replace(/[a-z][A-Z]/g,n=>n.charAt(0)+"-"+n.charAt(1).toLowerCase());var d=t=>{let n=0;for(let e=0;e<t.length;e++)n=(n<<5)-n+t.charCodeAt(e)|0;return n>>>0};var h=(t,n)=>{let{inline:e,css:o}=b(n);if(o){let r="data-css-",s=d((e??"")+o.join("")),i=r+s.toString(36),l="["+i+"]";p.has(s)||(p.add(s),document.head.appendChild(document.createElement("style")).textContent=(e?l+"{"+e+"}":"")+o.map(a=>a===null?l:a).join("")),t.getAttributeNames().forEach(a=>a.startsWith(r)&&t.removeAttribute(a)),t.setAttribute(i,"")}else e&&t.setAttribute("style",e)},b=t=>{let n,e=[],o=new y;for(let[r,s]of Object.entries(t))switch(r.charCodeAt(0)){case 58:u(s)&&e.push(r.startsWith("::view-")?"":null,r+c(s));break;case 64:u(s)&&(r.startsWith("@keyframes ")?e.push(r+"{"+Object.entries(s).map(([i,l])=>u(l)?i+c(l):"").join("")+"}"):r.startsWith("@view-")?e.push(r+c(s)):e.push(r+"{",null,c(s)+"}"));break;case 38:u(s)&&e.push(null,r.slice(1)+c(s));break;default:n??={},n[r]=s}return n&&(o.inline=c(n).slice(1,-1)),e.length>0&&(o.css=e),o},c=t=>{let n="";for(let[e,o]of Object.entries(t)){let r=typeof o;if(r==="string"||r==="number"){let s=g(e),i=r==="number"?f.test(e)?""+o:o+"px":""+o;n+=(n?";":"")+s+":"+(s==="content"?JSON.stringify(i):i)}}return"{"+n+"}"},y=(()=>{function t(){}return t.prototype=Object.create(null),t})();window.$applyStyle=h;}`;
 var RENDER_ATTR_JS = `{var s=(l,n,r)=>{let e=l.parentElement;return e.tagName==="M-GROUP"&&(e=e.previousElementSibling),()=>{let t=r();n==="value"?e.value=String(t):n==="checked"?e.checked=!!t:typeof t=="boolean"?e.toggleAttribute(n,t):t==null?e.removeAttribute(n):typeof t=="object"?n==="class"?e.setAttribute(n,$cx(t)):n==="style"?$applyStyle(e,t):e.setAttribute(n,JSON.stringify(t)):e.setAttribute(n,String(t))}};window.$renderAttr=s;}`;
 var RENDER_TOGGLE_JS = `{var i=(e,s)=>{let t,l=()=>e.replaceChildren(...s()?t:[]);return()=>{if(!t){let n=e.firstElementChild;n&&n.tagName==="TEMPLATE"&&n.hasAttribute("m-slot")?t=[...n.content.childNodes]:t=[...e.childNodes]}e.hasAttribute("vt")&&document.startViewTransition?document.startViewTransition(l):l()}};window.$renderToggle=i;}`;
 var RENDER_SWITCH_JS = `{var a=(l,u)=>{let s,r=l.getAttribute("value"),t,i,o=e=>t.get(e)??t.set(e,[]).get(e),d=()=>l.replaceChildren(...t.has(s)?t.get(s):i);return()=>{if(!t){t=new Map,i=[];for(let e of l.childNodes)if(e.nodeType===1&&e.tagName==="TEMPLATE"&&e.hasAttribute("m-slot")){for(let n of e.content.childNodes)n.nodeType===1&&n.hasAttribute("slot")?o(n.getAttribute("slot")).push(n):i.push(n);e.remove()}else r?o(r).push(e):i.push(e)}s=""+u(),l.hasAttribute("vt")&&document.startViewTransition?document.startViewTransition(d):d()}};window.$renderSwitch=a;}`;
 var SIGNALS_JS = `{let h;const a=window,b=document,y=new Map,E=new Map,k=new Map,v=new Map,$=new Map,m=new Map,l=n=>y.get(n)??y.set(n,V(n)).get(n),F=()=>Object.create(null),p=(n,e)=>n.getAttribute(e),V=n=>{const e=F(),t=(o,c)=>{e[o]=c},s=new Map,r=(o,c)=>{let u=s.get(o);return u||(u=new Set,s.set(o,u)),u.add(c),()=>{u.delete(c),u.size===0&&s.delete(o)}},i=new Proxy(F(),{get:(o,c)=>b.querySelector("[data-ref='"+n+":"+c+"']")});return new Proxy(e,{get:(o,c,u)=>{switch(c){case"$init":return t;case"$watch":return r;case"app":return l(0);case"refs":return i;default:return h?.(n,c),Reflect.get(o,c,u)}},set:(o,c,u,g)=>{if(u!==Reflect.get(o,c,g)){const f=s.get(c);return f&&queueMicrotask(()=>f.forEach(d=>d())),Reflect.set(o,c,u,g)}return!1}})},M=(n,e,t)=>{switch(e){case"toggle":return $renderToggle(n,t);case"switch":return $renderSwitch(n,t);case"html":return()=>n.innerHTML=""+t()}if(e&&e.length>2&&e.startsWith("[")&&e.endsWith("]"))return $renderAttr(n,e.slice(1,-1),t);const s=n.parentElement,r=()=>n.textContent=""+t();if(b.startViewTransition&&s.hasAttribute("data-vt")){const i=s.getAttribute("data-vt");return i&&(s.style.viewTransitionName=i),()=>b.startViewTransition(r)}return r},S=n=>{const e=n.indexOf(":");return e>0?[Number(n.slice(0,e)),n.slice(e+1)]:null},q=(n,e,t,s)=>{const r=n.get(t);if(r!==void 0){s(r);return}const i=e.get(t);i?i.push(s):e.set(t,[s])},N=(n,e)=>{const t=a.$fmap?.get(n);if(t){e(t);return}const s=m.get(n);s?s.push(e):m.set(n,[e])};if(typeof a.$F=="function"){const n=a.$F;a.$F=(e,t)=>{n(e,t);const s=m.get(e);s&&(m.delete(e),s.forEach(r=>r(t)))}}const T=n=>typeof n=="function"&&n(),A=(n,e)=>customElements.define(n,class extends HTMLElement{disposes=[];connectedCallback(){e(this)}disconnectedCallback(){this.disposes.forEach(t=>t()),this.disposes.length=0}});A("m-signal",n=>{const e=Number(p(n,"scope")),t=l(e),s=p(n,"key");if(s)n.disposes.push(t.$watch(s,M(n,p(n,"mode"),()=>t[s])));else{const r=Number(p(n,"computed")),i=e+":"+r;q(E,v,i,o=>{N(r,c=>{const u=M(n,p(n,"mode"),c.bind(t));o.forEach(g=>{const[f,d]=S(g);n.disposes.push(l(f).$watch(d,u))})})})}}),A("m-effect",n=>{const{disposes:e}=n,t=Number(p(n,"scope"));q(k,$,t,s=>{const r=s.length,i=new Array(r);e.push(()=>{i.forEach(T),i.length=0});for(let o=0;o<r;o++)N(s[o],c=>{const u=[],g=l(t),f=()=>{T(i[o]),i[o]=c.call(g)};h=(d,w)=>u.push([d,w]),f(),h=void 0;for(const[d,w]of u)e.push(l(d).$watch(w,f))})})}),a.$S=(n,e)=>{const[t,s]=S(n);l(t).$init(s,e)},a.$C=(n,e,t)=>{const s=n+":"+e;E.set(s,t);const r=v.get(s);r&&(v.delete(s),r.forEach(i=>i(t)))},a.$E=(n,...e)=>{k.set(n,e);const t=$.get(n);t&&($.delete(n),t.forEach(s=>s(e)))},a.$patch=(n,...e)=>{for(const[t,...s]of e){let r=s.pop(),i=n;for(const o of s)i=i[o];i[r]=t}return n},a.$signals=n=>n!==void 0?l(n):void 0;}`;
 var SUSPENSE_JS = `{const i=new Map,o=e=>e.getAttribute("chunk-id"),l=(e,t)=>customElements.define(e,class extends HTMLElement{connectedCallback(){t(this)}});l("m-portal",e=>{i.set(o(e),e)}),l("m-chunk",e=>{setTimeout(()=>{const t=o(e),n=i.get(t),s=e.firstChild?.content.childNodes;n&&(e.hasAttribute("next")?s&&n.before(...s):(e.hasAttribute("done")?n.remove():s&&n.replaceWith(...s),i.delete(t)),e.remove())})});}`;
 var COMPONENT_JS = `{const e=document,a=(t,s)=>t.getAttribute(s);customElements.define("m-component",class extends HTMLElement{static observedAttributes=["name","props"];#t;#s;#r;#h;#i;#e=new Map;#a=!0;async#l(){if(!this.#t){this.#n("");return}const t=this.#s||"{}",s=this.#t+t,i={"x-component":this.#t,"x-props":t,"x-flags":$FLAGS},n=new AbortController;if(this.#h?.abort(),this.#h=n,this.#e.has(s)){this.#n(this.#e.get(s));return}this.#r?.length&&this.#n(this.#r);const r=await fetch(location.href,{headers:i,signal:n.signal});if(!r.ok)throw this.#n(""),new Error("Failed to fetch component '"+this.#t+"'");const[h,o]=await r.json();this.#e.set(s,h),this.#n(h),o&&(e.body.appendChild(e.createElement("script")).textContent=o)}#n(t){const s=()=>typeof t=="string"?this.innerHTML=t:this.replaceChildren(...t);this.hasAttribute("vt")&&e.startViewTransition&&!this.#a?e.startViewTransition(s):s(),this.#a=!1}get name(){return this.#t??null}set name(t){t&&t!==this.#t&&(this.#t=t,this.#o())}get props(){return this.#s?JSON.parse(this.#s):void 0}set props(t){const s=typeof t=="string"?t:JSON.stringify(t);s&&s!==this.#s&&(this.#s=s,this.#o())}attributeChangedCallback(t,s,i){this.#t&&i&&(t==="name"?this.name=i:t==="props"&&(this.props=i))}connectedCallback(){setTimeout(()=>{if(!this.#r){const t=a(this,"props");this.#t=a(this,"name"),this.#s=t?.startsWith("base64,")?atob(t.slice(7)):void 0,this.#r=[...this.childNodes]}this.#l()})}disconnectedCallback(){this.#e.clear(),this.#h?.abort(),this.#h=void 0,this.#i&&clearTimeout(this.#i),this.#i=void 0}#o(){this.#i&&clearTimeout(this.#i),this.#i=setTimeout(()=>{this.#i=void 0,this.#l()},50)}refresh(){this.#t&&this.#e.delete(this.#t+(this.#s||"{}")),this.#o()}});}`;
-var ROUTER_JS = `{const n=document,a=location,o=t=>t.split("#",1)[0],l=t=>o(t)===o(a.href);customElements.define("m-router",class extends HTMLElement{#t;#s;#i;#n;#e=new Map;#r=!0;async#c(t){const s=new AbortController,i={"x-route":"true","x-flags":$FLAGS};this.#n?.abort(),this.#n=s;const e=await fetch(t,{headers:i,signal:s.signal});if(e.status===404)return null;if(!e.ok)throw this.replaceChildren(),new Error("Failed to fetch route: "+e.status+" "+e.statusText);return e.json()}#a(t){const s=()=>typeof t=="string"?this.innerHTML=t:this.replaceChildren(...t);this.hasAttribute("vt")&&n.startViewTransition&&!this.#r?n.startViewTransition(s):s(),this.#r=!1}#o(){n.querySelectorAll("nav a").forEach(t=>{const{href:s,classList:i}=t,e=t.closest("nav")?.getAttribute("data-active-class")??"active";l(s)?i.add(e):i.remove(e)})}async#l(t,s){const i=this.#c(t).then(e=>{if(e){const[r,c]=e;return this.#e.set(t,r),this.#a(r),c}else this.#e.delete(t),this.#a(this.#t??[]),typeof $signals<"u"&&($signals(0).url=new URL(t))});this.#e.has(t)?this.#a(this.#e.get(t)):await i,history[s?.replace?"replaceState":"pushState"]({},"",t),this.#o(),window.scrollTo(0,0),i.then(e=>{e&&(n.body.appendChild(n.createElement("script")).textContent=e)})}navigate(t,s){const i=new URL(t,a.href);if(i.origin!==a.origin){a.href=t;return}l(i.href)||this.#l(t,s)}connectedCallback(){setTimeout(()=>{if(!this.#t)if(this.hasAttribute("fallback"))this.removeAttribute("fallback"),this.#t=[...this.childNodes];else{this.#t=[];for(const t of this.childNodes)if(t.nodeType===1&&t.tagName==="TEMPLATE"&&t.hasAttribute("m-fallback")){this.#t.push(...t.content.childNodes),t.remove();break}}}),this.#s=t=>{if(t.defaultPrevented||t.altKey||t.ctrlKey||t.metaKey||t.shiftKey||!(t.target instanceof HTMLAnchorElement))return;const{download:s,href:i,rel:e,target:r}=t.target;s||e==="external"||r==="_blank"||!i.startsWith(a.origin)||(t.preventDefault(),this.navigate(i))},this.#i=()=>this.#l(a.href),addEventListener("popstate",this.#i),n.addEventListener("click",this.#s),setTimeout(()=>this.#o()),globalThis.$router=this}disconnectedCallback(){removeEventListener("popstate",this.#i),n.removeEventListener("click",this.#s),delete globalThis.$router,this.#n?.abort(),this.#n=void 0,this.#e.clear(),this.#s=void 0,this.#i=void 0}});}`;
-var FORM_JS = `{const d=window.document,a=(n,t)=>n.getAttribute(t),u=(n,t)=>n.appendChild(t);customElements.define("m-invalid",class extends HTMLElement{connectedCallback(){const n=a(this,"for"),t=this.closest("form"),c=this.textContent;if(n&&t&&c)for(const r of n.split(",")){const s=t.elements.namedItem(r.trim());if(s){const m=()=>{s.removeEventListener("input",m),s.setCustomValidity("")};s.addEventListener("input",m),s.setCustomValidity(c),s.focus()}}this.remove()}}),window.$onrfs=async n=>{n.preventDefault();const t=n.target;if(t.querySelectorAll("m-formslot").forEach(e=>{e.innerHTML=""}),!t.checkValidity())return;const c=new FormData(t),r=[...t.elements];for(const e of r)e._disabled=e.disabled,e.disabled=!0;const s=await fetch(location.href,{method:"POST",headers:{"x-route-form":"true","x-flags":$FLAGS},body:c}),[m,p]=await s.json(),E=d.createElement("template"),b=new Map;E.innerHTML=m;for(const e of r)e.disabled=e._disabled,delete e._disabled;for(const e of E.content.childNodes){if(e.nodeType===1){const o=e,l=a(o,"formslot"),i=l?'m-formslot[name="'+l+'"]':"m-formslot",f=l?t.querySelector(i)??d.querySelector(i):t.querySelector(i);if(f){f.innerHTML="",b.set(o,f);continue}}u(t,e)}for(const[e,o]of b){const l=a(o,"onupdate"),i=a(o,"scope");switch(a(o,"mode")){case"insertbefore":o.before(e);break;case"insertafter":o.after(e);break;default:u(o,e)}l&&$fmap.get(Number(l))?.call($signals?.(Number(i))??o,{type:"update",target:o})}setTimeout(()=>{r.some(e=>!e.validity.valid)||t.reset()},0),p&&(u(d.body,d.createElement("script")).textContent=p)};}`;
+var ROUTER_JS = `{const n=document,a=location,l=({origin:t,pathname:s})=>t===a.origin&&s===a.pathname;customElements.define("m-router",class extends HTMLElement{#s;#t=new Map;#e;#r=!0;#i;#n;async#c(t){const s=new AbortController,i={"x-route":"true","x-flags":$FLAGS};this.#s?.abort(),this.#s=s;const e=await fetch(t,{headers:i,signal:s.signal});if(e.status===404)return null;if(!e.ok)throw this.replaceChildren(),new Error("Failed to fetch route: "+e.status+" "+e.statusText);return e.json()}#a(t){const s=()=>typeof t=="string"?this.innerHTML=t:this.replaceChildren(...t);this.hasAttribute("vt")&&n.startViewTransition&&!this.#r?n.startViewTransition(s):s(),this.#r=!1}#o(){n.querySelectorAll("nav a").forEach(t=>{const{href:s,classList:i}=t,e=t.closest("nav")?.getAttribute("data-active-class")??"active";l(new URL(s))?i.add(e):i.remove(e)})}async#l(t,s){const i=this.#c(t).then(e=>{if(e){const[r,o]=e;return this.#t.set(t,r),this.#a(r),o}else this.#t.delete(t),this.#a(this.#e??[]),typeof $signals<"u"&&($signals(0).url=new URL(t))});this.#t.has(t)?this.#a(this.#t.get(t)):await i,history[s?.replace?"replaceState":"pushState"]({},"",t),this.#o(),window.scrollTo(0,0),i.then(e=>{e&&(n.body.appendChild(n.createElement("script")).textContent=e)})}navigate(t,s){const i=new URL(t,a.href);if(i.origin!==a.origin||t.startsWith("#")){a.href=t;return}l(i)||this.#l(t,s)}connectedCallback(){setTimeout(()=>{if(!this.#e)if(this.hasAttribute("fallback"))this.removeAttribute("fallback"),this.#e=[...this.childNodes];else{this.#e=[];for(const t of this.childNodes)if(t.nodeType===1&&t.tagName==="TEMPLATE"&&t.hasAttribute("m-fallback")){this.#e.push(...t.content.childNodes),t.remove();break}}}),this.#i=t=>{if(t.defaultPrevented||t.altKey||t.ctrlKey||t.metaKey||t.shiftKey||!(t.target instanceof HTMLAnchorElement))return;const s=t.target.getAttribute("href");if(!s||s.startsWith("#"))return;const{download:i,href:e,rel:r,target:o}=t.target;i||r==="external"||o==="_blank"||!e.startsWith(a.origin)||(t.preventDefault(),this.navigate(e))},this.#n=()=>this.#l(a.href),addEventListener("popstate",this.#n),n.addEventListener("click",this.#i),setTimeout(()=>this.#o()),globalThis.$router=this}disconnectedCallback(){removeEventListener("popstate",this.#n),n.removeEventListener("click",this.#i),delete globalThis.$router,this.#s?.abort(),this.#s=void 0,this.#t.clear(),this.#i=void 0,this.#n=void 0}});}`;
+var FORM_JS = `{const d=window.document,c=(n,e)=>n.getAttribute(e),u=(n,e)=>n.appendChild(e);customElements.define("m-invalid",class extends HTMLElement{connectedCallback(){const n=c(this,"for"),e=this.closest("form"),m=this.textContent;if(n&&e&&m)for(const i of n.split(",")){const s=e.elements.namedItem(i.trim());if(s){const l=()=>{s.removeEventListener("input",l),s.setCustomValidity("")};s.addEventListener("input",l),s.setCustomValidity(m),s.focus()}}this.remove()}}),window.$onrfs=async n=>{n.preventDefault();const e=n.target;if(!e.checkValidity())return;const m=new FormData(e),i=[...e.elements];for(const l of i)l._disabled=l.disabled,l.disabled=!0;const s=await fetch(location.href,{method:"POST",headers:{"x-route-form":"true","x-flags":$FLAGS},body:m});if(s.ok){const[l,p]=await s.json(),E=d.createElement("template"),b=new Map;e.querySelectorAll("m-formslot").forEach(t=>{t.innerHTML=""}),E.innerHTML=l;for(const t of i)t.disabled=t._disabled,delete t._disabled;for(const t of E.content.childNodes){if(t.nodeType===1){const o=t,r=c(o,"formslot"),a=r?'m-formslot[name="'+r+'"]':"m-formslot",f=r?e.querySelector(a)??d.querySelector(a):e.querySelector(a);if(f){f.innerHTML="",b.set(o,f);continue}}u(e,t)}for(const[t,o]of b){const r=c(o,"onupdate"),a=c(o,"scope");switch(c(o,"mode")){case"insertbefore":o.before(t);break;case"insertafter":o.after(t);break;default:u(o,t)}r&&$fmap.get(Number(r))?.call($signals?.(Number(a))??o,{type:"update",target:o})}setTimeout(()=>{i.some(t=>!t.validity.valid)||e.reset()},0),p&&(u(d.body,d.createElement("script")).textContent=p+";document.currentScript.remove();")}};}`;
 
 // runtime/utils.ts
 var regexpIsNonDimensional = /^(-|f[lo].*[^se]$|g.{5,}[^ps]$|z|o[pr]|(W.{5})?[lL]i.*(t|mp)$|an|(bo|s).{4}Im|sca|m.{6}[ds]|ta|c.*[st]$|wido|ini)/;
@@ -176,7 +176,7 @@ var $vnode = /* @__PURE__ */ Symbol.for("jsx.vnode");
 var $setup = /* @__PURE__ */ Symbol.for("mono.setup");
 
 // version.ts
-var VERSION = "0.9.10";
+var VERSION = "0.9.13";
 
 // render.ts
 var FunctionIdGenerator = class extends Map {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mono-jsx",
-  "version": "0.9.11",
+  "version": "0.9.13",
   "description": "`<html>` as a `Response`.",
   "type": "module",
   "module": "./index.mjs",
@@ -23,21 +23,6 @@
       "types": "./types/jsx-runtime.d.ts",
       "node": "./jsx-runtime.mjs",
       "import": "./jsx-runtime.mjs"
-    },
-    "./dom": {
-      "types": "./types/dom/index.d.ts",
-      "node": "./dom/index.mjs",
-      "import": "./dom/index.mjs"
-    },
-    "./dom/jsx-runtime": {
-      "types": "./types/dom/jsx-runtime.d.ts",
-      "node": "./dom/jsx-runtime.mjs",
-      "import": "./dom/jsx-runtime.mjs"
-    },
-    "./dom/jsx-dev-runtime": {
-      "types": "./types/dom/jsx-runtime.d.ts",
-      "node": "./dom/jsx-runtime.mjs",
-      "import": "./dom/jsx-runtime.mjs"
     }
   },
   "scripts": {
@@ -45,9 +30,7 @@
   },
   "files": [
     "./*.mjs",
-    "./dom/*.mjs",
-    "./types/*.d.ts",
-    "./types/dom/*.d.ts"
+    "./types/*.d.ts"
   ],
   "license": "MIT",
   "repository": {

package/setup.mjs

@@ -1,6 +1,5 @@
 // setup.ts
 import { lstat, readFile, writeFile } from "node:fs/promises";
-import { argv } from "node:process";
 var serverTSX = `// mono-jsx SSR example
 // Docs: https://github.com/ije/mono-jsx
 
@@ -58,24 +57,22 @@ export default {
 async function install() {
   if (globalThis.Deno) {
     await new Deno.Command("deno", {
-      args: ["install", "npm:mono-jsx"]
+      args: ["add", "npm:mono-jsx"]
     }).spawn().status;
   } else {
-    await import("node:child_process").then((module) => {
-      const result = module.spawnSync("bun", ["i", "mono-jsx"]);
-      if (result.error) {
-        if (result.error.code === "ENOENT") {
-          module.spawnSync("npm", ["install", "mono-jsx"]);
-        } else {
-          throw result.error;
-        }
-      }
-    });
+    let npm = "npm";
+    if ("Bun" in globalThis || await exists("bun.lock")) {
+      npm = "bun";
+    } else if (await exists("pnpm-lock.yaml")) {
+      npm = "pnpm";
+    }
+    const { spawnSync } = await import("node:child_process");
+    spawnSync(npm, ["add", "mono-jsx"]);
   }
 }
 async function setup() {
-  const csr = argv.includes("--csr");
-  if (!csr && !await exists("server.tsx")) {
+  await install();
+  if (!await exists("server.tsx")) {
     await writeFile("server.tsx", serverTSX);
   }
   if (globalThis.Deno && await exists("deno.jsonc")) {
@@ -102,9 +99,8 @@ async function setup() {
     tsConfig = JSON.parse(data);
   } catch {
   }
-  const jsxImportSource = csr ? "mono-jsx/dom" : "mono-jsx";
   const compilerOptions = tsConfig.compilerOptions ?? (tsConfig.compilerOptions = {});
-  if (compilerOptions.jsx === "react-jsx" && compilerOptions.jsxImportSource === jsxImportSource) {
+  if (compilerOptions.jsx === "react-jsx" && compilerOptions.jsxImportSource === "mono-jsx") {
     console.log("%cmono-jsx already setup.", "color:grey");
     return;
   }
@@ -116,9 +112,8 @@ async function setup() {
     compilerOptions.noEmit ??= true;
   }
   compilerOptions.jsx = "react-jsx";
-  compilerOptions.jsxImportSource = jsxImportSource;
+  compilerOptions.jsxImportSource = "mono-jsx";
   await writeFile(tsConfigFilename, JSON.stringify(tsConfig, null, 2));
-  await install();
   console.log("\u2705 mono-jsx setup complete.");
 }
 async function exists(path) {

package/dom/index.mjs

@@ -1,6 +0,0 @@
-// dom/index.ts
-import { atom, store } from "./jsx-runtime.mjs";
-export {
-  atom,
-  store
-};

package/dom/jsx-runtime.mjs

@@ -1,785 +0,0 @@
-// jsx.ts
-var customElements = /* @__PURE__ */ new Map();
-var JSX = {
-  customElements: {
-    define(tagName, fc) {
-      customElements.set(tagName, fc);
-    }
-  }
-};
-
-// runtime/utils.ts
-var regexpIsNonDimensional = /^(-|f[lo].*[^se]$|g.{5,}[^ps]$|z|o[pr]|(W.{5})?[lL]i.*(t|mp)$|an|(bo|s).{4}Im|sca|m.{6}[ds]|ta|c.*[st]$|wido|ini)/;
-var isString = (v) => typeof v === "string";
-var isFunction = (v) => typeof v === "function";
-var isPlainObject = (v) => !!v && (v.constructor === Object || v.constructor === void 0);
-var toHyphenCase = (k) => k.replace(/[a-z][A-Z]/g, (m) => m.charAt(0) + "-" + m.charAt(1).toLowerCase());
-var hashCode = (str) => {
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    hash = (hash << 5) - hash + str.charCodeAt(i) | 0;
-  }
-  return hash >>> 0;
-};
-var NullPrototypeObject = /* @__PURE__ */ (() => {
-  function ONP() {
-  }
-  ONP.prototype = /* @__PURE__ */ Object.create(null);
-  return ONP;
-})();
-var domEscapeHTML = (text) => {
-  const div = document.createElement("div");
-  div.textContent = text;
-  return div.innerHTML;
-};
-
-// symbols.ts
-var $fragment = /* @__PURE__ */ Symbol.for("jsx.fragment");
-var $html = /* @__PURE__ */ Symbol.for("jsx.html");
-var $vnode = /* @__PURE__ */ Symbol.for("jsx.vnode");
-
-// dom/render.ts
-var Reactive = class {
-  reactive(effect, abortSignal) {
-    const update = () => effect(this.get());
-    update();
-    this.watch(update, abortSignal);
-  }
-  map(callback) {
-    return new ReactiveList(this, callback);
-  }
-  toString() {
-    return "" + this.get();
-  }
-};
-var Signal = class extends Reactive {
-  #scope;
-  #key;
-  #isAtom;
-  constructor(scope, key, isAtom = false) {
-    super();
-    this.#scope = scope;
-    this.#key = key;
-    this.#isAtom = isAtom;
-  }
-  get() {
-    if (this.#isAtom) {
-      $depsMark?.add(this);
-    }
-    return this.#scope[$get](this.#key);
-  }
-  set(value) {
-    if (isFunction(value)) {
-      value = value(this.get());
-    }
-    this.#scope[this.#key] = value;
-  }
-  watch(callback, abortSignal) {
-    onAbort(abortSignal, this.#scope[$watch](this.#key, callback));
-  }
-  ref(callback) {
-    if (callback) {
-      return new Computed(this.#scope, () => callback(this.get()));
-    }
-    return this;
-  }
-};
-var Computed = class extends Reactive {
-  #scope;
-  #compute;
-  #deps;
-  constructor(scope, compute) {
-    super();
-    this.#scope = scope;
-    this.#compute = compute;
-  }
-  get() {
-    const shouldMark = !this.#deps && !$depsMark;
-    if (shouldMark) {
-      $depsMark = /* @__PURE__ */ new Set();
-    }
-    const value = this.#compute.call(this.#scope);
-    if (shouldMark) {
-      this.#deps = $depsMark;
-      $depsMark = void 0;
-    }
-    return value;
-  }
-  watch(callback, abortSignal) {
-    this.#deps?.forEach((dep) => dep.watch(callback, abortSignal));
-  }
-};
-var ReactiveList = class {
-  constructor(reactive, callback) {
-    this.reactive = reactive;
-    this.callback = callback;
-  }
-};
-var Ref = class {
-  constructor(refs, name) {
-    this.refs = refs;
-    this.name = name;
-  }
-};
-var InsertMark = class {
-  #root;
-  #anchor;
-  constructor(root, signal) {
-    const anchor = createTextNode();
-    root.appendChild(anchor);
-    onAbort(signal, anchor.remove.bind(anchor));
-    this.#root = root;
-    this.#anchor = anchor;
-  }
-  setText(text) {
-    this.#anchor.textContent = text;
-  }
-  insert(...nodes) {
-    const parent = this.#anchor.parentElement ?? this.#root;
-    for (const node of nodes) {
-      parent.insertBefore(node, this.#anchor);
-    }
-  }
-  insertHTML(html2) {
-    let temp = createElement("template");
-    let childNodes;
-    temp.innerHTML = html2;
-    childNodes = [...temp.content.childNodes];
-    this.insert(...childNodes);
-    return () => childNodes.forEach((node) => node.remove());
-  }
-};
-var document2 = globalThis.document;
-var $get = /* @__PURE__ */ Symbol();
-var $watch = /* @__PURE__ */ Symbol();
-var $expr = /* @__PURE__ */ Symbol();
-var $slots = /* @__PURE__ */ Symbol();
-var globalScopes = /* @__PURE__ */ new Set();
-var isVNode = (v) => Array.isArray(v) && v.length === 3 && v[2] === $vnode;
-var createTextNode = (text = "") => document2.createTextNode(text);
-var createElement = (tag) => document2.createElement(tag);
-var onAbort = (signal, callback) => signal?.addEventListener("abort", callback);
-var setAttribute = (el, name, value) => {
-  switch (typeof value) {
-    case "boolean":
-      el.toggleAttribute(name, value);
-      break;
-    case "number":
-    case "string":
-      el.setAttribute(name, String(value));
-      break;
-  }
-};
-var call$expr = (scope, ok) => {
-  scope[$expr](ok);
-  globalScopes.forEach((s) => s[$expr](ok));
-};
-var $depsMark;
-var createScope = (slots, abortSignal) => {
-  let exprMode = false;
-  let watchHandlers = /* @__PURE__ */ new Map();
-  let refElements = /* @__PURE__ */ new Map();
-  let signals = /* @__PURE__ */ new Map();
-  let refs = new Proxy(new NullPrototypeObject(), {
-    get(_, key) {
-      if (!exprMode || $depsMark) {
-        return refElements.get(key);
-      }
-      return new Ref(refElements, key);
-    }
-  });
-  let scope = new Proxy(new NullPrototypeObject(), {
-    get(target, key, receiver) {
-      switch (key) {
-        case $get:
-          return (key2) => target[key2];
-        case $watch:
-          return (key2, effect) => {
-            let handlers = watchHandlers.get(key2);
-            if (!handlers) {
-              handlers = /* @__PURE__ */ new Set();
-              watchHandlers.set(key2, handlers);
-            }
-            handlers.add(effect);
-            return () => handlers.delete(effect);
-          };
-        case $expr:
-          return (ok) => exprMode = ok;
-        case $slots:
-          return slots;
-        case "init":
-          return (init) => {
-            Object.assign(target, init);
-          };
-        case "extend":
-          return (init) => {
-            for (const [key2, { set, get, value }] of Object.entries(Object.getOwnPropertyDescriptors(init))) {
-              if (set) {
-                throw new TypeError("setter is not allowed");
-              }
-              if (get) {
-                target[key2] = new Computed(receiver, get);
-              } else {
-                if (key2 === "effect" && isFunction(value)) {
-                  receiver.effect(value);
-                } else {
-                  target[key2] = value;
-                }
-              }
-            }
-            return receiver;
-          };
-        case "$":
-        case "computed":
-          return (fn) => new Computed(receiver, fn);
-        case "effect":
-          return (callback) => {
-            queueMicrotask(() => {
-              $depsMark = /* @__PURE__ */ new Set();
-              let cleanup = callback.call(receiver);
-              $depsMark.forEach(
-                (dep) => dep.watch(() => {
-                  cleanup?.();
-                  cleanup = callback.call(receiver);
-                }, abortSignal)
-              );
-              if (cleanup) {
-                onAbort(abortSignal, cleanup);
-              }
-              $depsMark = void 0;
-            });
-          };
-        case "refs":
-          return refs;
-        default: {
-          const value = Reflect.get(target, key, receiver);
-          if (typeof key === "symbol" || isFunction(value)) {
-            return value;
-          }
-          const getRawValue = !exprMode || $depsMark !== void 0;
-          if (value instanceof Reactive) {
-            if (getRawValue) {
-              if (value instanceof Signal) {
-                $depsMark?.add(value);
-              }
-              return value.get();
-            }
-            return value;
-          }
-          let signal = signals.get(key);
-          if (!signal) {
-            signal = new Signal(receiver, key);
-            signals.set(key, signal);
-          }
-          if (getRawValue) {
-            $depsMark?.add(signal);
-            return value;
-          }
-          return signal;
-        }
-      }
-    },
-    set(target, key, value) {
-      if (isString(key)) {
-        const prev = target[key];
-        if (prev !== value) {
-          target[key] = value;
-          watchHandlers.get(key)?.forEach((effect) => effect());
-        }
-      }
-      return true;
-    }
-  });
-  onAbort(abortSignal, () => {
-    watchHandlers.clear();
-    refElements.clear();
-    signals.clear();
-  });
-  return scope;
-};
-var atomIndex = 0;
-var atomScope;
-var atom = (value) => {
-  if (!atomScope) {
-    atomScope = createScope();
-  }
-  const atomKey = "$" + atomIndex++;
-  atomScope[atomKey] = value;
-  return new Signal(atomScope, atomKey, true);
-};
-var store = (props) => {
-  const scope = createScope().extend(props);
-  globalScopes.add(scope);
-  return scope;
-};
-var render = (scope, child, root, abortSignal) => {
-  switch (typeof child) {
-    case "boolean":
-    case "undefined":
-    case "symbol":
-      return;
-    case "object":
-      if (child === null) {
-        return;
-      }
-      if (child instanceof ReactiveList) {
-        let { reactive, callback } = child;
-        let insertMark = new InsertMark(root, abortSignal);
-        let list = /* @__PURE__ */ new Map();
-        let cleanup = () => {
-          list.forEach((items) => items.forEach(([ac]) => ac.abort()));
-          list.clear();
-        };
-        reactive.reactive((v) => {
-          if (!Array.isArray(v) || isVNode(v)) {
-            v = [v];
-          }
-          let nodes = [];
-          let newList = /* @__PURE__ */ new Map();
-          v.forEach((item, index) => {
-            let render2 = list.get(item)?.shift();
-            if (callback.length >= 2 && render2 && render2[2] !== index) {
-              render2[0].abort();
-              render2 = void 0;
-            }
-            if (!render2) {
-              const ac = new AbortController();
-              render2 = [ac, [...renderToFragment(scope, callback(item, index), ac.signal).childNodes], index];
-            }
-            nodes.push(...render2[1]);
-            if (newList.has(item)) {
-              newList.get(item).push(render2);
-            } else {
-              newList.set(item, [render2]);
-            }
-          });
-          cleanup();
-          insertMark.insert(...nodes);
-          list = newList;
-        }, abortSignal);
-        onAbort(abortSignal, cleanup);
-        return;
-      }
-      if (child instanceof Reactive) {
-        let ac;
-        let insertMark = new InsertMark(root, abortSignal);
-        child.reactive((value) => {
-          ac?.abort();
-          if (Array.isArray(value) || child instanceof ReactiveList || child instanceof Reactive) {
-            ac = new AbortController();
-            insertMark.insert(...renderToFragment(scope, value, ac.signal).childNodes);
-          } else {
-            const vtype = typeof value;
-            insertMark.setText(
-              vtype === "boolean" || vtype === "undefined" || vtype === "symbol" || value === null ? "" : String(value)
-            );
-          }
-        }, abortSignal);
-        onAbort(abortSignal, () => ac?.abort());
-        return;
-      }
-      if (isVNode(child)) {
-        const [tag, props] = child;
-        switch (tag) {
-          // fragment element
-          case $fragment: {
-            const { children } = props;
-            if (children !== void 0) {
-              renderChildren(scope, children, root, abortSignal);
-            }
-            break;
-          }
-          // XSS!
-          case $html: {
-            const { innerHTML } = props;
-            const mark = new InsertMark(root, abortSignal);
-            if (innerHTML instanceof Reactive) {
-              let cleanup;
-              innerHTML.reactive((html2) => {
-                cleanup?.();
-                cleanup = mark.insertHTML(html2);
-              }, abortSignal);
-              onAbort(abortSignal, () => cleanup?.());
-            } else {
-              onAbort(abortSignal, mark.insertHTML(innerHTML));
-            }
-            break;
-          }
-          // `<slot>` element
-          case "slot": {
-            const slots = scope[$slots];
-            if (slots) {
-              renderChildren(scope, slots, root, abortSignal);
-            }
-            break;
-          }
-          // `<show>` and `<hidden>` elements
-          case "show":
-          case "hidden": {
-            let { when = true, children } = props;
-            if (children !== void 0) {
-              if (when instanceof Reactive) {
-                let mark = new InsertMark(root, abortSignal);
-                let ac;
-                when.reactive((value) => {
-                  ac?.abort();
-                  if (tag === "show" ? value : !value) {
-                    ac = new AbortController();
-                    mark.insert(...renderToFragment(scope, children, ac.signal).childNodes);
-                  }
-                }, abortSignal);
-                onAbort(abortSignal, () => ac?.abort());
-              } else {
-                console.warn("[mono-jsx] <" + tag + "> The `when` prop is not a signal/computed.");
-                if (when) {
-                  renderChildren(scope, children, root, abortSignal);
-                }
-              }
-            }
-            break;
-          }
-          // `<switch>` element
-          case "switch": {
-            const { value: valueProp, children } = props;
-            if (children !== void 0) {
-              if (valueProp instanceof Reactive) {
-                let mark = new InsertMark(root, abortSignal);
-                let ac;
-                valueProp.reactive((value) => {
-                  const slots = children.filter((v) => isVNode(v) && v[1].slot === String(value));
-                  ac?.abort();
-                  if (slots.length > 0) {
-                    ac = new AbortController();
-                    mark.insert(...renderToFragment(scope, slots, ac.signal).childNodes);
-                  }
-                }, abortSignal);
-                onAbort(abortSignal, () => ac?.abort());
-              } else {
-                renderChildren(
-                  scope,
-                  children.filter((v) => isVNode(v) && v[1].slot === String(valueProp)),
-                  root,
-                  abortSignal
-                );
-              }
-            }
-            break;
-          }
-          default: {
-            if (typeof tag === "function") {
-              renderFC(tag, props, root, abortSignal);
-              break;
-            }
-            if (isString(tag)) {
-              if (customElements.has(tag)) {
-                renderFC(customElements.get(tag), props, root, abortSignal);
-                break;
-              }
-              const { portal, children, ...attrs } = props;
-              const el = createElement(tag);
-              for (const [attrName, attrValue] of Object.entries(attrs)) {
-                switch (attrName) {
-                  case "class": {
-                    const updateClassName = (className) => {
-                      el.className = [className, ...el.classList.values().filter((name) => name.startsWith("css-"))].join(" ");
-                    };
-                    if (isString(attrValue)) {
-                      updateClassName(attrValue);
-                    } else {
-                      let mark = /* @__PURE__ */ new Set();
-                      let update = () => updateClassName(cx(attrValue, mark));
-                      update();
-                      for (const reactive of mark) {
-                        reactive.watch(update, abortSignal);
-                      }
-                      mark = void 0;
-                    }
-                    break;
-                  }
-                  case "style": {
-                    if (isString(attrValue)) {
-                      el.style.cssText = attrValue;
-                    } else {
-                      let mark = /* @__PURE__ */ new Set();
-                      let update = () => applyStyle(el, attrValue, mark);
-                      update();
-                      for (const reactive of mark) {
-                        reactive.watch(update, abortSignal);
-                      }
-                      mark = void 0;
-                    }
-                    break;
-                  }
-                  case "ref":
-                    if (isFunction(attrValue)) {
-                      const ret = attrValue(el);
-                      if (isFunction(ret)) {
-                        onAbort(abortSignal, ret);
-                      }
-                    } else if (attrValue instanceof Ref) {
-                      attrValue.refs.set(attrValue.name, el);
-                    }
-                    break;
-                  case "slot":
-                    break;
-                  case "$checked":
-                  case "$value":
-                    if (attrValue instanceof Signal) {
-                      const name = attrName.slice(1);
-                      const isValue = name.charAt(0) === "v";
-                      attrValue.reactive((value) => {
-                        el[name] = isValue ? String(value) : !!value;
-                      }, abortSignal);
-                      el.addEventListener("input", () => attrValue.set(el[name]));
-                    } else {
-                      setAttribute(el, attrName.slice(1), attrValue);
-                    }
-                    break;
-                  case "viewTransition":
-                    break;
-                  case "action":
-                    if (isFunction(attrValue) && tag === "form") {
-                      el.addEventListener("submit", (evt) => {
-                        evt.preventDefault();
-                        attrValue(new FormData(evt.target), evt);
-                      });
-                    } else {
-                      setAttribute(el, attrName, attrValue);
-                    }
-                    break;
-                  default:
-                    if (attrName.startsWith("on") && isFunction(attrValue)) {
-                      el.addEventListener(attrName.slice(2).toLowerCase(), attrValue);
-                    } else if (attrValue instanceof Reactive) {
-                      attrValue.reactive((value) => setAttribute(el, attrName, value), abortSignal);
-                    } else {
-                      setAttribute(el, attrName, attrValue);
-                    }
-                    break;
-                }
-              }
-              onAbort(abortSignal, el.remove.bind(el));
-              (portal instanceof HTMLElement ? portal : root).appendChild(el);
-              if (children !== void 0) {
-                renderChildren(scope, children, el, abortSignal);
-              }
-            }
-          }
-        }
-        return;
-      }
-      if (Array.isArray(child)) {
-        renderChildren(scope, child, root, abortSignal);
-        return;
-      }
-  }
-  const textNode = createTextNode(String(child));
-  root.appendChild(textNode);
-  onAbort(abortSignal, textNode.remove.bind(textNode));
-};
-var renderChildren = (scope, children, root, aboutSignal) => {
-  if (Array.isArray(children) && !isVNode(children)) {
-    for (const child of children) {
-      render(scope, child, root, aboutSignal);
-    }
-  } else {
-    render(scope, children, root, aboutSignal);
-  }
-};
-var renderFC = (fc, props, root, abortSignal) => {
-  let el;
-  let scope = createScope(props.children, abortSignal);
-  let catchFn = props.catch;
-  call$expr(scope, true);
-  try {
-    el = fc.call(scope, props);
-  } catch (err) {
-    if (!catchFn) {
-      throw err;
-    }
-    el = catchFn(err);
-    catchFn = void 0;
-  }
-  if (el instanceof Promise) {
-    let pendingNodes;
-    if (isVNode(props.pending)) {
-      pendingNodes = [...renderToFragment(scope, props.pending, abortSignal).childNodes];
-    }
-    if (!pendingNodes?.length) {
-      pendingNodes = [createTextNode()];
-    }
-    root.append(...pendingNodes);
-    el.then((nodes) => {
-      call$expr(scope, false);
-      pendingNodes[0].replaceWith(...renderToFragment(scope, nodes, abortSignal).childNodes);
-    }).catch((err) => {
-      if (!catchFn) {
-        throw err;
-      }
-      pendingNodes[0].replaceWith(...renderToFragment(scope, catchFn(err), abortSignal).childNodes);
-    }).finally(() => {
-      call$expr(scope, false);
-      pendingNodes.forEach((node) => node.remove());
-    });
-  } else {
-    call$expr(scope, false);
-    if (isPlainObject(el) && !isVNode(el)) {
-      if (Symbol.asyncIterator in el) {
-      } else if (Symbol.iterator in el) {
-        for (const node of el) {
-          render(scope, node, root, abortSignal);
-        }
-      }
-    } else {
-      render(scope, el, root, abortSignal);
-    }
-  }
-};
-var renderToFragment = (scope, node, aboutSignal) => {
-  const fragment = document2.createDocumentFragment();
-  renderChildren(scope, node, fragment, aboutSignal);
-  return fragment;
-};
-var $ = (value, mark) => {
-  if (value instanceof Reactive) {
-    mark?.add(value);
-    value = value.get();
-  }
-  return value;
-};
-var cx = (className, mark) => {
-  className = $(className, mark);
-  if (isString(className)) {
-    return className;
-  }
-  if (typeof className === "object" && className !== null) {
-    return (Array.isArray(className) ? className.map((cn) => cx(cn, mark)).filter(Boolean) : Object.entries(className).filter(([, v]) => !!$(v, mark)).map(([k]) => k)).join(" ");
-  }
-  return "";
-};
-var applyStyle = (el, style, mark) => {
-  style = $(style, mark);
-  if (isPlainObject(style)) {
-    let { classList } = el;
-    let inline;
-    let css = [];
-    classList.remove(...classList.values().filter((key) => key.startsWith("css-")));
-    for (let [k, v] of Object.entries(style)) {
-      v = $(v, mark);
-      switch (k.charCodeAt(0)) {
-        case /* ':' */
-        58:
-          if (isPlainObject(v)) {
-            css.push(k.startsWith("::view-") ? "" : null, k + renderStyle(v, mark));
-          }
-          break;
-        case /* '@' */
-        64:
-          if (isPlainObject(v)) {
-            if (k.startsWith("@keyframes ")) {
-              css.push(k + "{" + Object.entries(v).map(([k2, v2]) => isPlainObject(v2) ? k2 + renderStyle(v2, mark) : "").join("") + "}");
-            } else if (k.startsWith("@view-")) {
-              css.push(k + renderStyle(v, mark));
-            } else {
-              css.push(k + "{", null, renderStyle(v, mark) + "}");
-            }
-          }
-          break;
-        case /* '&' */
-        38:
-          if (isPlainObject(v)) {
-            css.push(null, k.slice(1) + renderStyle(v, mark));
-          }
-          break;
-        default:
-          inline ??= {};
-          inline[k] = v;
-      }
-    }
-    if (css.length > 0) {
-      if (inline) {
-        css.unshift(null, renderStyle(inline));
-      }
-      classList.add(createStyleElement(css));
-    } else if (inline) {
-      el.style.cssText = renderStyle(inline).slice(1, -1);
-    }
-  } else if (isString(style)) {
-    el.style.cssText = style;
-  }
-};
-var renderStyle = (style, mark) => {
-  let css = "";
-  let vt;
-  let cssKey;
-  let cssValue;
-  for (let [k, v] of Object.entries(style)) {
-    v = $(v, mark);
-    vt = typeof v;
-    if (vt === "string" || vt === "number") {
-      cssKey = toHyphenCase(k);
-      cssValue = vt === "number" ? regexpIsNonDimensional.test(k) ? "" + v : v + "px" : "" + v;
-      css += (css ? ";" : "") + cssKey + ":" + (cssKey === "content" ? JSON.stringify(cssValue) : cssValue) + ";";
-    }
-  }
-  return "{" + css + "}";
-};
-var createStyleElement = (css) => {
-  const hash = hashCode(css.join("")).toString(36);
-  const className = "css-" + hash;
-  if (!document2.getElementById(className)) {
-    const styleEl = document2.head.appendChild(createElement("style"));
-    styleEl.id = className;
-    styleEl.textContent = css.map((v) => v === null ? "." + className : v).join("");
-  }
-  return className;
-};
-
-// dom/jsx-runtime.ts
-var Fragment = $fragment;
-var jsx = (tag, props = new NullPrototypeObject(), key) => {
-  const vnode = [tag, props, $vnode];
-  if (key !== void 0) {
-    props.key = key;
-  }
-  return vnode;
-};
-var jsxEscape = (value) => {
-  switch (typeof value) {
-    case "bigint":
-    case "number":
-      return String(value);
-    case "string":
-      return domEscapeHTML(value);
-    default:
-      return "";
-  }
-};
-var html = (template, ...values) => [
-  $html,
-  {
-    innerHTML: isString(template) || template instanceof Reactive ? template : String.raw(template, ...values.map(jsxEscape))
-  },
-  $vnode
-];
-HTMLElement.prototype.mount = function(node, aboutSignal) {
-  render(null, node, this, aboutSignal);
-};
-Object.assign(globalThis, {
-  JSX,
-  html,
-  css: html,
-  js: html
-});
-export {
-  Fragment,
-  JSX,
-  atom,
-  html as css,
-  html,
-  html as js,
-  jsx,
-  jsx as jsxDEV,
-  jsx as jsxs,
-  store
-};

package/types/dom/index.d.ts

@@ -1,12 +0,0 @@
-import { ChildPrimitiveType } from "../jsx.d.ts";
-
-export interface Atom<T> {
-  get(): T;
-  set(value: T | ((prev: T) => T)): void;
-  map(callback: (value: T extends (infer V)[] ? V : T, index: number) => ChildPrimitiveType): ChildPrimitiveType[];
-  ref(): T;
-  ref<V>(callback: (value: T) => V): V;
-}
-
-export const atom: <T>(initValue: T) => Atom<T>;
-export const store: <T extends Record<string, unknown>>(initValue: T) => T;

package/types/dom/jsx-runtime.d.ts

@@ -1,29 +0,0 @@
-import type { ComponentType, VNode } from "../jsx.d.ts";
-
-export const html: JSX.Raw;
-export const JSX: typeof globalThis.JSX;
-export const Fragment: (props: {}) => VNode;
-export const jsx: (tag: string | ComponentType, props: Record<string, unknown>, key?: string | number) => VNode;
-
-// aliases
-export { html as css, html as js, jsx as jsxDEV, jsx as jsxs };
-
-declare global {
-  interface FCExtension<FC> {
-    /**
-     * Creates a new signals object.
-     *
-     * **⚠ This is a client-side only API.**
-     */
-    extend<T extends Record<string, unknown>>(initValue: T): FC & T;
-  }
-
-  interface HTMLElement {
-    /**
-     * Mounts a VNode to the DOM element.
-     *
-     * @mono-jsx
-     */
-    mount(node: VNode, aboutSignal?: AbortSignal): void;
-  }
-}