elit 2.0.1 → 3.0.1

package/dist/index.mjs

@@ -1 +1,2312 @@
-import{createServer as e,request as t}from"http";import{request as r}from"https";import{WebSocket as s,WebSocketServer as n}from"ws";import{watch as a}from"chokidar";import{realpath as o,stat as i,readFile as l}from"fs/promises";import{normalize as c,resolve as d,join as u,sep as h,extname as p,relative as g,basename as m,dirname as f}from"path";import{lookup as y}from"mime-types";import{build as v}from"esbuild";import{mkdirSync as b,statSync as w,existsSync as $,readFileSync as S,writeFileSync as E,copyFileSync as T}from"fs";var C,N=(C=function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')},typeof require<"u"?require:typeof Proxy<"u"?new Proxy(C,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):C),M=class{constructor(){this.elementCache=new WeakMap,this.reactiveNodes=new Map}createElement(e,t={},r=[]){return{tagName:e,props:t,children:r}}renderToDOM(e,t){if(null==e||!1===e)return;if("object"!=typeof e)return void t.appendChild(document.createTextNode(String(e)));let{tagName:r,props:s,children:n}=e,a="svg"===r||"s"===r[0]&&"v"===r[1]&&"g"===r[2]||"http://www.w3.org/2000/svg"===t.namespaceURI,o=a?document.createElementNS("http://www.w3.org/2000/svg",r.replace("svg","").toLowerCase()||r):document.createElement(r);for(let e in s){let t=s[e];if(null==t||!1===t)continue;let r=e.charCodeAt(0);if(99===r&&(e.length<6||"N"===e[5])){let e=Array.isArray(t)?t.join(" "):t;a?o.setAttribute("class",e):o.className=e}else if(115===r&&5===e.length)if("string"==typeof t)o.style.cssText=t;else{let e=o.style;for(let r in t)e[r]=t[r]}else 111===r&&110===e.charCodeAt(1)?o[e.toLowerCase()]=t:100===r&&e.length>20?o.innerHTML=t.__html:114===r&&3===e.length?setTimeout(()=>{"function"==typeof t?t(o):t.current=o},0):o.setAttribute(e,!0===t?"":String(t))}let i=n.length;if(!i)return void t.appendChild(o);let l=e=>{for(let t=0;t<i;t++){let r=n[t];if(null!=r&&!1!==r)if(Array.isArray(r))for(let t=0,s=r.length;t<s;t++){let s=r[t];null!=s&&!1!==s&&this.renderToDOM(s,e)}else this.renderToDOM(r,e)}};if(i>30){let e=document.createDocumentFragment();l(e),o.appendChild(e)}else l(o);t.appendChild(o)}render(e,t){let r="string"==typeof e?document.getElementById(e.replace("#","")):e;if(!r)throw new Error(`Element not found: ${e}`);if(t.children&&t.children.length>500){let e=document.createDocumentFragment();this.renderToDOM(t,e),r.appendChild(e)}else this.renderToDOM(t,r);return r}batchRender(e,t){let r="string"==typeof e?document.getElementById(e.replace("#","")):e;if(!r)throw new Error(`Element not found: ${e}`);let s=t.length;if(s>3e3){let e=document.createDocumentFragment(),n=0,a=1500,o=()=>{let i=Math.min(n+a,s);for(let r=n;r<i;r++)this.renderToDOM(t[r],e);n=i,n>=s?r.appendChild(e):requestAnimationFrame(o)};o()}else{let e=document.createDocumentFragment();for(let r=0;r<s;r++)this.renderToDOM(t[r],e);r.appendChild(e)}return r}renderChunked(e,t,r=5e3,s){let n="string"==typeof e?document.getElementById(e.replace("#","")):e;if(!n)throw new Error(`Element not found: ${e}`);let a=t.length,o=0,i=()=>{let e=Math.min(o+r,a),l=document.createDocumentFragment();for(let r=o;r<e;r++)this.renderToDOM(t[r],l);n.appendChild(l),o=e,s&&s(o,a),o<a&&requestAnimationFrame(i)};return requestAnimationFrame(i),n}renderToHead(...e){let t=document.head;if(t)for(let r of e.flat())r&&this.renderToDOM(r,t);return t}addStyle(e){let t=document.createElement("style");return t.textContent=e,document.head.appendChild(t)}addMeta(e){let t=document.createElement("meta");for(let r in e)t.setAttribute(r,e[r]);return document.head.appendChild(t)}addLink(e){let t=document.createElement("link");for(let r in e)t.setAttribute(r,e[r]);return document.head.appendChild(t)}setTitle(e){return document.title=e}createState(e,t={}){let r=e,s=new Set,n=null,{throttle:a=0,deep:o=!1}=t,i=()=>s.forEach(e=>e(r));return{get value(){return r},set value(e){(o?JSON.stringify(r)!==JSON.stringify(e):r!==e)&&(r=e,a>0?n||(n=setTimeout(()=>{n=null,i()},a)):i())},subscribe:e=>(s.add(e),()=>s.delete(e)),destroy(){s.clear(),n&&clearTimeout(n)}}}computed(e,t){let r=e.map(e=>e.value),s=this.createState(t(...r));return e.forEach((e,n)=>{e.subscribe(e=>{r[n]=e,s.value=t(...r)})}),s}effect(e){e()}createVirtualList(e,t,r,s=50,n=5){let a=e.clientHeight,o=t.length*s,i=0,l=()=>{let{start:l,end:c}={start:Math.max(0,Math.floor(i/s)-n),end:Math.min(t.length,Math.ceil((i+a)/s)+n)},d=document.createElement("div");d.style.cssText=`height:${o}px;position:relative`;for(let e=l;e<c;e++){let n=document.createElement("div");n.style.cssText=`position:absolute;top:${e*s}px;height:${s}px;width:100%`,this.renderToDOM(r(t[e],e),n),d.appendChild(n)}e.innerHTML="",e.appendChild(d)},c=()=>{i=e.scrollTop,requestAnimationFrame(l)};return e.addEventListener("scroll",c),l(),{render:l,destroy:()=>{e.removeEventListener("scroll",c),e.innerHTML=""}}}lazy(e){let t=null,r=!1;return async(...s)=>(!t&&!r&&(r=!0,t=await e(),r=!1),t?t(...s):{tagName:"div",props:{class:"loading"},children:["Loading..."]})}cleanupUnusedElements(e){let t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT),r=[];for(;t.nextNode();){let e=t.currentNode;e.id&&e.id.startsWith("r")&&!this.elementCache.has(e)&&r.push(e)}return r.forEach(e=>e.remove()),r.length}renderToString(e,t={}){let{pretty:r=!1,indent:s=0}=t,n=r?"  ".repeat(s):"",a=r?"\n":"",o=this.resolveStateValue(e);if(o=this.unwrapReactive(o),Array.isArray(o))return o.map(e=>this.renderToString(e,t)).join("");if("object"!=typeof o||null===o)return null==o||!1===o?"":this.escapeHtml(String(o));let{tagName:i,props:l,children:c}=o,d=this.isSelfClosingTag(i),u=`${n}<${i}`,h=this.propsToAttributes(l);if(h&&(u+=` ${h}`),d)return u+=` />${a}`,u;if(u+=">",l.dangerouslySetInnerHTML)return u+=l.dangerouslySetInnerHTML.__html,u+=`</${i}>${a}`,u;if(c&&c.length>0){let e=c.map(e=>{let t=this.resolveStateValue(e);return this.unwrapReactive(t)}),t=e.some(e=>"object"==typeof e&&null!==e&&!Array.isArray(e)&&"tagName"in e);if(r&&t){u+=a;for(let t of e)if(null!=t&&!1!==t)if(Array.isArray(t))for(let e of t)null!=e&&!1!==e&&(u+=this.renderToString(e,{pretty:r,indent:s+1}));else u+=this.renderToString(t,{pretty:r,indent:s+1});u+=n}else for(let t of e)if(null!=t&&!1!==t)if(Array.isArray(t))for(let e of t)null!=e&&!1!==e&&(u+=this.renderToString(e,{pretty:!1,indent:0}));else u+=this.renderToString(t,{pretty:!1,indent:0})}return u+=`</${i}>${a}`,u}resolveStateValue(e){return e&&"object"==typeof e&&"value"in e&&"subscribe"in e?e.value:e}isReactiveWrapper(e){return!(!e||"object"!=typeof e||!e.tagName)&&("span"===e.tagName&&e.props?.id&&"string"==typeof e.props.id&&e.props.id.match(/^r[a-z0-9]{9}$/))}unwrapReactive(e){if(!this.isReactiveWrapper(e))return e;let t=e.children;if(!t||0===t.length)return"";if(1===t.length){let e=t[0];if(e&&"object"==typeof e&&"span"===e.tagName){let t=e.props,r=!t||0===Object.keys(t).length,s=e.children&&1===e.children.length&&"string"==typeof e.children[0];if(r&&s)return e.children[0]}return this.unwrapReactive(e)}return t.map(e=>this.unwrapReactive(e))}escapeHtml(e){let t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;"};return e.replace(/[&<>"']/g,e=>t[e])}isSelfClosingTag(e){return new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]).has(e.toLowerCase())}propsToAttributes(e){let t=[];for(let r in e){if("children"===r||"dangerouslySetInnerHTML"===r||"ref"===r)continue;let s=e[r];if(s=this.resolveStateValue(s),null!=s&&!1!==s&&(!r.startsWith("on")||"function"!=typeof s)){if("className"===r||"class"===r){let e=Array.isArray(s)?s.join(" "):s;e&&t.push(`class="${this.escapeHtml(String(e))}"`);continue}if("style"===r){let e=this.styleToString(s);e&&t.push(`style="${this.escapeHtml(e)}"`);continue}if(!0===s){t.push(r);continue}t.push(`${r}="${this.escapeHtml(String(s))}"`)}}return t.join(" ")}styleToString(e){if("string"==typeof e)return e;if("object"==typeof e&&null!==e){let t=[];for(let r in e){let s=r.replace(/([A-Z])/g,"-$1").toLowerCase();t.push(`${s}:${e[r]}`)}return t.join(";")}return""}isState(e){return e&&"object"==typeof e&&"value"in e&&"subscribe"in e&&"function"==typeof e.subscribe}createReactiveChild(e,t){let r=t(e.value);if(typeof window<"u"&&typeof document<"u"){let r={node:null,renderFn:t};this.reactiveNodes.set(e,r),e.subscribe(()=>{if(r.node&&r.node.parentNode){let s=t(e.value);r.node.textContent=String(s??"")}})}return r}jsonToVNode(e){if(this.isState(e))return this.createReactiveChild(e,e=>e);if(null==e||"boolean"==typeof e||"string"==typeof e||"number"==typeof e)return e;let{tag:t,attributes:r={},children:s}=e,n={};for(let e in r){let t=r[e];"class"===e?n.className=this.isState(t)?t.value:t:n[e]=this.isState(t)?t.value:t}let a=[];if(null!=s)if(Array.isArray(s))for(let e of s)if(this.isState(e))a.push(this.createReactiveChild(e,e=>e));else{let t=this.jsonToVNode(e);null!=t&&!1!==t&&a.push(t)}else if(this.isState(s))a.push(this.createReactiveChild(s,e=>e));else if("object"==typeof s&&"tag"in s){let e=this.jsonToVNode(s);null!=e&&!1!==e&&a.push(e)}else a.push(s);return{tagName:t,props:n,children:a}}vNodeJsonToVNode(e){if(this.isState(e))return this.createReactiveChild(e,e=>e);if(null==e||"boolean"==typeof e||"string"==typeof e||"number"==typeof e)return e;let{tagName:t,props:r={},children:s=[]}=e,n={};for(let e in r){let t=r[e];n[e]=this.isState(t)?t.value:t}let a=[];for(let e of s)if(this.isState(e))a.push(this.createReactiveChild(e,e=>e));else{let t=this.vNodeJsonToVNode(e);null!=t&&!1!==t&&a.push(t)}return{tagName:t,props:n,children:a}}renderJson(e,t){let r=this.jsonToVNode(t);if(!r||"object"!=typeof r||!("tagName"in r))throw new Error("Invalid JSON structure");return this.render(e,r)}renderVNode(e,t){let r=this.vNodeJsonToVNode(t);if(!r||"object"!=typeof r||!("tagName"in r))throw new Error("Invalid VNode JSON structure");return this.render(e,r)}renderJsonToString(e,t={}){let r=this.jsonToVNode(e);return this.renderToString(r,t)}renderVNodeToString(e,t={}){let r=this.vNodeJsonToVNode(e);return this.renderToString(r,t)}renderServer(e){if("object"!=typeof e||null===e||!("tagName"in e))throw new Error("renderServer requires a VNode with html tag");if("html"!==e.tagName)throw new Error("renderServer requires a VNode with html tag as root");let t=e,r=null,s=null;for(let e of t.children||[])"object"==typeof e&&null!==e&&"tagName"in e&&("head"===e.tagName&&(r=e),"body"===e.tagName&&(s=e));if(t.props)for(let e in t.props){let r=t.props[e];null!=r&&!1!==r&&document.documentElement.setAttribute(e,String(r))}if(r){document.head.innerHTML="";for(let e of r.children||[])this.renderToDOM(e,document.head)}if(s){if(document.body.innerHTML="",s.props)for(let e in s.props){let t=s.props[e];null!=t&&!1!==t&&document.body.setAttribute(e,String(t))}for(let e of s.children||[])this.renderToDOM(e,document.body)}}renderToHTMLDocument(e,t={}){let{title:r="",meta:s=[],links:n=[],scripts:a=[],styles:o=[],lang:i="en",head:l="",bodyAttrs:c={},pretty:d=!1}=t,u=d?"\n":"",h=d?"  ":"",p=d?"    ":"",g=`<!DOCTYPE html>${u}<html lang="${i}">${u}${h}<head>${u}${p}<meta charset="UTF-8">${u}${p}<meta name="viewport" content="width=device-width, initial-scale=1.0">${u}`;r&&(g+=`${p}<title>${this.escapeHtml(r)}</title>${u}`);for(let e of s){g+=`${p}<meta`;for(let t in e)g+=` ${t}="${this.escapeHtml(e[t])}"`;g+=`>${u}`}for(let e of n){g+=`${p}<link`;for(let t in e)g+=` ${t}="${this.escapeHtml(e[t])}"`;g+=`>${u}`}for(let e of o)e.href?g+=`${p}<link rel="stylesheet" href="${this.escapeHtml(e.href)}">${u}`:e.content&&(g+=`${p}<style>${e.content}</style>${u}`);l&&(g+=l+u),g+=`${h}</head>${u}${h}<body`;for(let e in c)g+=` ${e}="${this.escapeHtml(c[e])}"`;g+=`>${u}`,g+=this.renderToString(e,{pretty:d,indent:2});for(let e of a)g+=`${p}<script`,e.type&&(g+=` type="${this.escapeHtml(e.type)}"`),e.async&&(g+=" async"),e.defer&&(g+=" defer"),e.src?g+=` src="${this.escapeHtml(e.src)}"><\/script>${u}`:e.content?g+=`>${e.content}<\/script>${u}`:g+=`><\/script>${u}`;return g+=`${h}</body>${u}</html>`,g}getElementCache(){return this.elementCache}},x=new M,R=(e,t)=>x.createState(e,t),k=(e,t)=>x.computed(e,t),H=e=>x.effect(e),O=(e,t)=>x.batchRender(e,t),F=(e,t,r,s)=>x.renderChunked(e,t,r,s),j=(e,t,r,s,n)=>x.createVirtualList(e,t,r,s,n),A=e=>x.lazy(e),D=e=>x.cleanupUnusedElements(e),P=(e,t)=>{let r=null;return(...s)=>{r||(r=setTimeout(()=>{r=null,e(...s)},t))}},W=(e,t)=>{let r=null;return(...s)=>{r&&clearTimeout(r),r=setTimeout(()=>e(...s),t)}},L=class{constructor(e,t,r){this.key=e,this.wsUrl=r,this.ws=null,this.pendingUpdates=[],this.localState=R(t),this.previousValue=t,this.connect()}get value(){return this.localState.value}set value(e){this.previousValue=this.localState.value,this.localState.value=e,this.sendToServer(e)}get state(){return this.localState}onChange(e){return this.localState.subscribe(t=>{let r=this.previousValue;this.previousValue=t,e(t,r)})}update(e){this.value=e(this.value)}connect(){if(typeof window>"u")return;let e=this.wsUrl||`ws://${location.host}`;this.ws=new WebSocket(e),this.ws.addEventListener("open",()=>{for(this.subscribe();this.pendingUpdates.length>0;){let e=this.pendingUpdates.shift();this.sendToServer(e)}}),this.ws.addEventListener("message",e=>{this.handleMessage(e.data)}),this.ws.addEventListener("close",()=>{setTimeout(()=>this.connect(),1e3)}),this.ws.addEventListener("error",e=>{console.error("[SharedState] WebSocket error:",e)})}subscribe(){!this.ws||this.ws.readyState!==WebSocket.OPEN||this.ws.send(JSON.stringify({type:"state:subscribe",key:this.key}))}handleMessage(e){try{let t=JSON.parse(e);if(t.key!==this.key)return;("state:init"===t.type||"state:update"===t.type)&&(this.localState.value=t.value)}catch{}}sendToServer(e){if(this.ws){if(this.ws.readyState!==WebSocket.OPEN)return void this.pendingUpdates.push(e);this.ws.send(JSON.stringify({type:"state:change",key:this.key,value:e}))}}disconnect(){this.ws&&(this.ws.close(),this.ws=null)}destroy(){this.disconnect(),this.localState.destroy()}};function q(e,t,r){return new L(e,t,r)}var B=new class{constructor(){this.states=new Map}create(e,t,r){if(this.states.has(e))return this.states.get(e);let s=new L(e,t,r);return this.states.set(e,s),s}get(e){return this.states.get(e)}delete(e){let t=this.states.get(e);return!!t&&(t.destroy(),this.states.delete(e))}clear(){this.states.forEach(e=>e.destroy()),this.states.clear()}},U=(e,t)=>{let r=null,s=null,n=null,a=!0,o=t(e.value),i=o&&"object"==typeof o&&"tagName"in o,l=null==o||!1===o;e.subscribe(()=>{r&&cancelAnimationFrame(r),r=requestAnimationFrame(()=>{(()=>{if(!s&&!n)return;let r=t(e.value);if(null==r||!1===r)a&&s&&(n=document.createComment("reactive"),s.parentNode?.replaceChild(n,s),a=!1);else if(!a&&n&&s&&(n.parentNode?.replaceChild(s,n),n=null,a=!0),s){let e=document.createDocumentFragment();if(i&&r&&"object"==typeof r&&"tagName"in r){let{props:t,children:n}=r;for(let e in t){let r=t[e];if("ref"!==e)if("class"===e||"className"===e)s.className=Array.isArray(r)?r.join(" "):r||"";else if("style"===e&&"object"==typeof r){let e=s.style;for(let t in r)e[t]=r[t]}else e.startsWith("on")?s[e.toLowerCase()]=r:null!=r&&!1!==r?s.setAttribute(e,String(!0===r?"":r)):s.removeAttribute(e)}for(let t of n)x.renderToDOM(t,e)}else x.renderToDOM(r,e);s.textContent="",s.appendChild(e),x.getElementCache().set(s,!0)}})(),r=null})});let c=e=>{s=e,l&&e.parentNode&&(n=document.createComment("reactive"),e.parentNode.replaceChild(n,e),a=!1)};if(i){let e=o;return{tagName:e.tagName,props:{...e.props,ref:c},children:e.children}}return{tagName:"span",props:{ref:c},children:[o]}},I=(e,t,r,s={})=>{let n=null,a=null;return t.subscribe(()=>{n&&cancelAnimationFrame(n),n=requestAnimationFrame(()=>{if(a){let e=document.createDocumentFragment(),s=r(t.value);null==s||!1===s?(a.style.display="none",a.textContent=""):(a.style.display="",x.renderToDOM(s,e),a.textContent="",a.appendChild(e)),x.getElementCache().set(a,!0)}n=null})}),{tagName:e,props:{...s,ref:e=>{a=e}},children:[r(t.value)]}},J=e=>e&&void 0!==e.value?U(e,e=>({tagName:"span",props:{},children:[String(e)]})):String(e),V=e=>({value:e.value,oninput:t=>{e.value=t.target.value}}),_=e=>({checked:e.value,onchange:t=>{e.value=t.target.checked}}),G=class{constructor(){this.variables=[],this.rules=[],this.mediaRules=[],this.keyframes=[],this.fontFaces=[],this.imports=[],this.containerRules=[],this.supportsRules=[],this.layerRules=[],this._layerOrder=[]}addVar(e,t){let r={name:e.startsWith("--")?e:`--${e}`,value:t,toString(){return`var(${this.name})`}};return this.variables.push(r),r}var(e,t){let r="string"==typeof e?e.startsWith("--")?e:`--${e}`:e.name;return t?`var(${r}, ${t})`:`var(${r})`}addTag(e,t){let r={selector:e,styles:t,type:"tag"};return this.rules.push(r),r}addClass(e,t){let r={selector:e.startsWith(".")?e:`.${e}`,styles:t,type:"class"};return this.rules.push(r),r}addId(e,t){let r={selector:e.startsWith("#")?e:`#${e}`,styles:t,type:"id"};return this.rules.push(r),r}addPseudoClass(e,t,r){let s=e.startsWith(":")?e:`:${e}`,n={selector:r?`${r}${s}`:s,styles:t,type:"pseudo-class"};return this.rules.push(n),n}addPseudoElement(e,t,r){let s=e.startsWith("::")?e:`::${e}`,n={selector:r?`${r}${s}`:s,styles:t,type:"pseudo-element"};return this.rules.push(n),n}addAttribute(e,t,r){let s=e.startsWith("[")?e:`[${e}]`,n={selector:r?`${r}${s}`:s,styles:t,type:"attribute"};return this.rules.push(n),n}attrEquals(e,t,r,s){return this.addAttribute(`${e}="${t}"`,r,s)}attrContainsWord(e,t,r,s){return this.addAttribute(`${e}~="${t}"`,r,s)}attrStartsWith(e,t,r,s){return this.addAttribute(`${e}^="${t}"`,r,s)}attrEndsWith(e,t,r,s){return this.addAttribute(`${e}$="${t}"`,r,s)}attrContains(e,t,r,s){return this.addAttribute(`${e}*="${t}"`,r,s)}descendant(e,t,r){let s={selector:`${e} ${t}`,styles:r,type:"custom"};return this.rules.push(s),s}child(e,t,r){let s={selector:`${e} > ${t}`,styles:r,type:"custom"};return this.rules.push(s),s}adjacentSibling(e,t,r){let s={selector:`${e} + ${t}`,styles:r,type:"custom"};return this.rules.push(s),s}generalSibling(e,t,r){let s={selector:`${e} ~ ${t}`,styles:r,type:"custom"};return this.rules.push(s),s}multiple(e,t){let r={selector:e.join(", "),styles:t,type:"custom"};return this.rules.push(r),r}addName(e,t){return{selector:e.startsWith("--")?`&${e}`:`&--${e}`,styles:t,type:"name"}}nesting(e,...t){return e.nested=t,e}keyframe(e,t){let r={name:e,steps:Object.entries(t).map(([e,t])=>({step:"from"===e?"from":"to"===e?"to":`${e}%`,styles:t}))};return this.keyframes.push(r),r}keyframeFromTo(e,t,r){return this.keyframe(e,{from:t,to:r})}fontFace(e){return this.fontFaces.push(e),e}import(e,t){let r=t?`@import url("${e}") ${t};`:`@import url("${e}");`;return this.imports.push(r),r}media(e,t,r){let s={type:e,condition:t,rules:Object.entries(r).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.mediaRules.push(s),s}mediaScreen(e,t){return this.media("screen",e,t)}mediaPrint(e){return this.media("print","",e)}mediaMinWidth(e,t){return this.media("screen",`min-width: ${e}`,t)}mediaMaxWidth(e,t){return this.media("screen",`max-width: ${e}`,t)}mediaDark(e){let t={type:"",condition:"prefers-color-scheme: dark",rules:Object.entries(e).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.mediaRules.push(t),t}mediaLight(e){let t={type:"",condition:"prefers-color-scheme: light",rules:Object.entries(e).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.mediaRules.push(t),t}mediaReducedMotion(e){let t={type:"",condition:"prefers-reduced-motion: reduce",rules:Object.entries(e).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.mediaRules.push(t),t}container(e,t,r){let s={name:r,condition:e,rules:Object.entries(t).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.containerRules.push(s),s}addContainer(e,t){let r={...t,containerName:e};return this.addClass(e,r)}supports(e,t){let r={condition:e,rules:Object.entries(t).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.supportsRules.push(r),r}layerOrder(...e){this._layerOrder=e}layer(e,t){let r={name:e,rules:Object.entries(t).map(([e,t])=>({selector:e,styles:t,type:"custom"}))};return this.layerRules.push(r),r}add(e){return Object.entries(e).map(([e,t])=>{let r={selector:e,styles:t,type:"custom"};return this.rules.push(r),r})}important(e){return`${e} !important`}toKebabCase(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}stylesToString(e,t="    "){return Object.entries(e).map(([e,r])=>{let s="object"==typeof r&&null!==r&&"name"in r?`var(${r.name})`:r;return`${t}${this.toKebabCase(e)}: ${s};`}).join("\n")}renderRule(e,t=""){let r=`${t}${e.selector} {\n${this.stylesToString(e.styles,t+"    ")}\n`;if(e.nested&&e.nested.length>0)for(let s of e.nested){r+=`\n${t}${s.selector.startsWith("&")?s.selector.replace(/&/g,e.selector):`${e.selector} ${s.selector}`} {\n${this.stylesToString(s.styles,t+"    ")}\n${t}}\n`}return r+=`${t}}`,r}renderMediaRule(e){let t=`@media ${e.type&&e.condition?`${e.type} and (${e.condition})`:e.type?e.type:`(${e.condition})`} {\n`;for(let r of e.rules)t+=this.renderRule(r,"    ")+"\n";return t+="}",t}renderKeyframes(e){let t=`@keyframes ${e.name} {\n`;for(let r of e.steps)t+=`    ${r.step} {\n${this.stylesToString(r.styles,"        ")}\n    }\n`;return t+="}",t}renderFontFace(e){let t="@font-face {\n";return t+=`    font-family: "${e.fontFamily}";\n`,t+=`    src: ${e.src};\n`,e.fontWeight&&(t+=`    font-weight: ${e.fontWeight};\n`),e.fontStyle&&(t+=`    font-style: ${e.fontStyle};\n`),e.fontDisplay&&(t+=`    font-display: ${e.fontDisplay};\n`),e.unicodeRange&&(t+=`    unicode-range: ${e.unicodeRange};\n`),t+="}",t}renderContainerRule(e){let t=`@container ${e.name?`${e.name} `:""}(${e.condition}) {\n`;for(let r of e.rules)t+=this.renderRule(r,"    ")+"\n";return t+="}",t}renderSupportsRule(e){let t=`@supports (${e.condition}) {\n`;for(let r of e.rules)t+=this.renderRule(r,"    ")+"\n";return t+="}",t}renderLayerRule(e){let t=`@layer ${e.name} {\n`;for(let r of e.rules)t+=this.renderRule(r,"    ")+"\n";return t+="}",t}render(...e){let t=[];if(this.imports.length>0&&t.push(this.imports.join("\n")),this._layerOrder.length>0&&t.push(`@layer ${this._layerOrder.join(", ")};`),this.variables.length>0){let e=this.variables.map(e=>`    ${e.name}: ${e.value};`).join("\n");t.push(`:root {\n${e}\n}`)}for(let e of this.fontFaces)t.push(this.renderFontFace(e));for(let e of this.keyframes)t.push(this.renderKeyframes(e));let r=[...this.rules],s=[...this.mediaRules],n=[],a=[...this.containerRules],o=[...this.supportsRules],i=[...this.layerRules];for(let t of e)t&&(Array.isArray(t)?r.push(...t):!("condition"in t)||!("rules"in t)||"name"in t&&"steps"in t?"name"in t&&"steps"in t?n.push(t):"name"in t&&"rules"in t?i.push(t):r.push(t):"type"in t?s.push(t):"name"in t&&"string"==typeof t.name?a.push(t):o.push(t));for(let e of n)t.push(this.renderKeyframes(e));for(let e of i)t.push(this.renderLayerRule(e));for(let e of r)t.push(this.renderRule(e));for(let e of o)t.push(this.renderSupportsRule(e));for(let e of a)t.push(this.renderContainerRule(e));for(let e of s)t.push(this.renderMediaRule(e));return t.join("\n\n")}inject(e){let t=this.render(),r=document.createElement("style");return e&&(r.id=e),r.textContent=t,document.head.appendChild(r),r}clear(){this.variables=[],this.rules=[],this.mediaRules=[],this.keyframes=[],this.fontFaces=[],this.imports=[],this.containerRules=[],this.supportsRules=[],this.layerRules=[],this._layerOrder=[]}},z=e=>function(t,...r){if(!arguments.length)return{tagName:e,props:{},children:[]};let s=t&&"object"==typeof t&&"value"in t&&"subscribe"in t,n=t&&"object"==typeof t&&"tagName"in t,a="object"!=typeof t||Array.isArray(t)||null===t||s||n,o=a?{}:t,i=a?[t,...r]:r;if(!i.length)return{tagName:e,props:o,children:[]};let l=[];for(let e=0,t=i.length;e<t;e++){let t=i[e];if(null!=t&&!1!==t)if(Array.isArray(t))for(let e=0,r=t.length;e<r;e++){let r=t[e];null!=r&&!1!==r&&l.push(r)}else l.push(t)}return{tagName:e,props:o,children:l}},K={};["html","head","body","title","base","link","meta","style","address","article","aside","footer","header","h1","h2","h3","h4","h5","h6","main","nav","section","blockquote","dd","div","dl","dt","figcaption","figure","hr","li","ol","p","pre","ul","a","abbr","b","bdi","bdo","br","cite","code","data","dfn","em","i","kbd","mark","q","rp","rt","ruby","s","samp","small","span","strong","sub","sup","time","u","wbr","area","audio","img","map","track","video","embed","iframe","object","param","picture","portal","source","canvas","noscript","script","del","ins","caption","col","colgroup","table","tbody","td","tfoot","th","thead","tr","button","datalist","fieldset","form","input","label","legend","meter","optgroup","option","output","progress","select","textarea","details","dialog","menu","summary","slot","template"].forEach(e=>{K[e]=z(e)}),["svg","circle","rect","path","line","polyline","polygon","ellipse","g","text","tspan","defs","linearGradient","radialGradient","stop","pattern","mask","clipPath","use","symbol","marker","image","foreignObject","animate","animateTransform","animateMotion","set","filter","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feFlood","feGaussianBlur","feMorphology","feOffset","feSpecularLighting","feTile","feTurbulence"].forEach(e=>{let t="svg"+e.charAt(0).toUpperCase()+e.slice(1);K[t]=z(e)}),["math","mi","mn","mo","ms","mtext","mrow","mfrac","msqrt","mroot","msub","msup"].forEach(e=>{let t="math"+e.charAt(0).toUpperCase()+e.slice(1);K[t]=z(e)}),K.varElement=z("var");var{head:X,body:Z,title:Y,base:Q,link:ee,meta:te,style:re,address:se,article:ne,aside:ae,footer:oe,header:ie,h1:le,h2:ce,h3:de,h4:ue,h5:he,h6:pe,main:ge,nav:me,section:fe,blockquote:ye,dd:ve,div:be,dl:we,dt:$e,figcaption:Se,figure:Ee,hr:Te,li:Ce,ol:Ne,p:Me,pre:xe,ul:Re,a:ke,abbr:He,b:Oe,bdi:Fe,bdo:je,br:Ae,cite:De,code:Pe,data:We,dfn:Le,em:qe,i:Be,kbd:Ue,mark:Ie,q:Je,rp:Ve,rt:_e,ruby:Ge,s:ze,samp:Ke,small:Xe,span:Ze,strong:Ye,sub:Qe,sup:et,time:tt,u:rt,wbr:st,area:nt,audio:at,img:ot,map:it,track:lt,video:ct,embed:dt,iframe:ut,object:ht,param:pt,picture:gt,portal:mt,source:ft,canvas:yt,noscript:vt,script:bt,del:wt,ins:$t,caption:St,col:Et,colgroup:Tt,table:Ct,tbody:Nt,td:Mt,tfoot:xt,th:Rt,thead:kt,tr:Ht,button:Ot,datalist:Ft,fieldset:jt,form:At,input:Dt,label:Pt,legend:Wt,meter:Lt,optgroup:qt,option:Bt,output:Ut,progress:It,select:Jt,textarea:Vt,details:_t,dialog:Gt,menu:zt,summary:Kt,slot:Xt,template:Zt,svgSvg:Yt,svgCircle:Qt,svgRect:er,svgPath:tr,svgLine:rr,svgPolyline:sr,svgPolygon:nr,svgEllipse:ar,svgG:or,svgText:ir,svgTspan:lr,svgDefs:cr,svgLinearGradient:dr,svgRadialGradient:ur,svgStop:hr,svgPattern:pr,svgMask:gr,svgClipPath:mr,svgUse:fr,svgSymbol:yr,svgMarker:vr,svgImage:br,svgForeignObject:wr,svgAnimate:$r,svgAnimateTransform:Sr,svgAnimateMotion:Er,svgSet:Tr,svgFilter:Cr,svgFeBlend:Nr,svgFeColorMatrix:Mr,svgFeComponentTransfer:xr,svgFeComposite:Rr,svgFeConvolveMatrix:kr,svgFeDiffuseLighting:Hr,svgFeDisplacementMap:Or,svgFeFlood:Fr,svgFeGaussianBlur:jr,svgFeMorphology:Ar,svgFeOffset:Dr,svgFeSpecularLighting:Pr,svgFeTile:Wr,svgFeTurbulence:Lr,mathMath:qr,mathMi:Br,mathMn:Ur,mathMo:Ir,mathMs:Jr,mathMtext:Vr,mathMrow:_r,mathMfrac:Gr,mathMsqrt:zr,mathMroot:Kr,mathMsub:Xr,mathMsup:Zr,varElement:Yr}=K,Qr=K,es=document,ts=es.querySelector.bind(es),rs=es.querySelectorAll.bind(es),ss=es.createElement.bind(es),ns=es.createElementNS.bind(es,"http://www.w3.org/2000/svg"),as=es.createElementNS.bind(es,"http://www.w3.org/1998/Math/MathML"),os=es.createDocumentFragment.bind(es),is=es.createTextNode.bind(es),ls=es.createComment.bind(es),cs=es.getElementById.bind(es),ds=es.getElementsByClassName.bind(es),us=es.getElementsByTagName.bind(es),hs=es.getElementsByName.bind(es);function ps(e,t){let r=e.split("/").filter(Boolean),s=t.split("/").filter(Boolean);if(e.endsWith("*")){let r=e.slice(0,-1);if(t.startsWith(r)||"/"===r||"*"===e)return{"*":t.slice(r.length)}}if(r.length!==s.length)return null;let n={};for(let e=0;e<r.length;e++){let t=r[e],a=s[e];if(t.startsWith(":"))n[t.slice(1)]=decodeURIComponent(a);else if(t!==a)return null}return n}function gs(e){let{mode:t="history",base:r="",routes:s}=e,n=[],a=e=>{let t={};return new URLSearchParams(e).forEach((e,r)=>{t[r]=e}),t},o=()=>"hash"===t?window.location.hash.slice(1)||"/":window.location.pathname.replace(r,"")||"/",i=e=>{let[t,r=""]=e.split("?"),[s,n=""]=t.split("#");return{path:s||"/",params:{},query:a(r),hash:n?"#"+n:""}},l=e=>{for(let t of s){let r=ps(t.path,e);if(null!==r)return{route:t,params:r}}return null},c=x.createState(i(o())),d=(e,s=!1)=>{let a=i(e),o=l(a.path);o&&(a.params=o.params);for(let e of n){let t=e(a,c.value);if(!1===t)return;if("string"==typeof t)return void d(t,s)}if(o?.route.beforeEnter){let e=o.route.beforeEnter(a,c.value);if(!1===e)return;if("string"==typeof e)return void d(e,s)}let u="hash"===t?"#"+e:r+e;s?window.history.replaceState({path:e},"",u):window.history.pushState({path:e},"",u),c.value=a},u=()=>{let e=o(),t=i(e),r=l(t.path);r&&(t.params=r.params),c.value=t};return typeof window<"u"&&window.addEventListener("popstate",u),{currentRoute:c,push:e=>d(e,!1),replace:e=>d(e,!0),back:()=>window.history.back(),forward:()=>window.history.forward(),go:e=>window.history.go(e),beforeEach:e=>{n.push(e)},destroy:()=>{typeof window<"u"&&window.removeEventListener("popstate",u),c.destroy()}}}function ms(e,t){let{routes:r,notFound:s}=t;return()=>{let t=e.currentRoute.value,n=r.find(e=>null!==ps(e.path,t.path));if(n){let e=ps(n.path,t.path)||{},r=n.component({...e,...t.query});return"object"==typeof r&&null!==r&&"tagName"in r?r:{tagName:"span",props:{},children:[r]}}if(s){let e=s(t.params);return"object"==typeof e&&null!==e&&"tagName"in e?e:{tagName:"span",props:{},children:[e]}}return{tagName:"div",props:{},children:["404 - Not Found"]}}}var fs=(e,t,...r)=>({tagName:"a",props:{...t,href:t.to,onclick:r=>{r.preventDefault(),e.push(t.to)}},children:r}),ys=class{constructor(){this.routes=[],this.middlewares=[]}use(e){return this.middlewares.push(e),this}get(e,t){return this.addRoute("GET",e,t)}post(e,t){return this.addRoute("POST",e,t)}put(e,t){return this.addRoute("PUT",e,t)}delete(e,t){return this.addRoute("DELETE",e,t)}patch(e,t){return this.addRoute("PATCH",e,t)}options(e,t){return this.addRoute("OPTIONS",e,t)}addRoute(e,t,r){let{pattern:s,paramNames:n}=this.pathToRegex(t);return this.routes.push({method:e,pattern:s,paramNames:n,handler:r}),this}pathToRegex(e){let t=[],r=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(/\//g,"\\/").replace(/:(\w+)/g,(e,r)=>(t.push(r),"([^\\/]+)"));return{pattern:new RegExp(`^${r}$`),paramNames:t}}parseQuery(e){let t={},r=e.split("?")[1];return r&&new URLSearchParams(r).forEach((e,r)=>t[r]=e),t}async parseBody(e){return new Promise((t,r)=>{let s="";e.on("data",e=>s+=e.toString()),e.on("end",()=>{try{let r=e.headers["content-type"]||"";if(r.includes("application/json"))t(s?JSON.parse(s):{});else if(r.includes("application/x-www-form-urlencoded")){let e={};new URLSearchParams(s).forEach((t,r)=>e[r]=t),t(e)}else t(s)}catch(e){r(e)}}),e.on("error",r)})}async handle(e,t){let r=e.method,s=e.url||"/",n=s.split("?")[0];for(let a of this.routes){if(a.method!==r)continue;let o=n.match(a.pattern);if(!o)continue;let i={};a.paramNames.forEach((e,t)=>{i[e]=o[t+1]});let l=this.parseQuery(s),c={};if(["POST","PUT","PATCH"].includes(r))try{c=await this.parseBody(e)}catch{return t.writeHead(400,{"Content-Type":"application/json"}),t.end(JSON.stringify({error:"Invalid request body"})),!0}let d={req:e,res:t,params:i,query:l,body:c,headers:e.headers},u=0,h=async()=>{if(u<this.middlewares.length){let e=this.middlewares[u++];await e(d,h)}};try{await h(),await a.handler(d)}catch(e){console.error("Route handler error:",e),t.headersSent||(t.writeHead(500,{"Content-Type":"application/json"}),t.end(JSON.stringify({error:"Internal Server Error",message:e instanceof Error?e.message:"Unknown error"})))}return!0}return!1}},vs=(e,t,r=200)=>{e.writeHead(r,{"Content-Type":"application/json"}),e.end(JSON.stringify(t))},bs=(e,t,r=200)=>{e.writeHead(r,{"Content-Type":"text/plain"}),e.end(t)},ws=(e,t,r=200)=>{e.writeHead(r,{"Content-Type":"text/html"}),e.end(t)},$s=(e,t,r)=>{e.writeHead(t,{"Content-Type":"application/json"}),e.end(JSON.stringify({status:t,message:r||""}))};function Ss(e={}){let{origin:t="*",methods:r=["GET","POST","PUT","DELETE","PATCH","OPTIONS"],credentials:s=!0,maxAge:n=86400}=e;return async(e,a)=>{let o=e.req.headers.origin||"",i=Array.isArray(t)&&t.includes(o)?o:Array.isArray(t)?"":t;if(i&&e.res.setHeader("Access-Control-Allow-Origin",i),e.res.setHeader("Access-Control-Allow-Methods",r.join(", ")),e.res.setHeader("Access-Control-Allow-Headers","Content-Type, Authorization"),s&&e.res.setHeader("Access-Control-Allow-Credentials","true"),e.res.setHeader("Access-Control-Max-Age",String(n)),"OPTIONS"===e.req.method)return e.res.writeHead(204),void e.res.end();await a()}}function Es(e={}){let{format:t="simple"}=e;return async(e,r)=>{let s=Date.now(),{method:n,url:a}=e.req;await r();let o=Date.now()-s,i=e.res.statusCode;console.log("detailed"===t?`[${(new Date).toISOString()}] ${n} ${a} ${i} - ${o}ms`:`${n} ${a} - ${i} (${o}ms)`)}}function Ts(){return async(e,t)=>{try{await t()}catch(t){console.error("Error:",t),e.res.headersSent||(e.res.writeHead(500,{"Content-Type":"application/json"}),e.res.end(JSON.stringify({error:"Internal Server Error",message:t instanceof Error?t.message:"Unknown error"})))}}}function Cs(e={}){let{windowMs:t=6e4,max:r=100,message:s="Too many requests"}=e,n=new Map;return async(e,a)=>{let o=e.req.socket.remoteAddress||"unknown",i=Date.now(),l=n.get(o);if((!l||i>l.resetTime)&&(l={count:0,resetTime:i+t},n.set(o,l)),++l.count>r)return e.res.writeHead(429,{"Content-Type":"application/json"}),void e.res.end(JSON.stringify({error:s}));await a()}}function Ns(e={}){let{limit:t=1048576}=e;return async(e,r)=>{if(parseInt(e.req.headers["content-length"]||"0",10)>t)return e.res.writeHead(413,{"Content-Type":"application/json"}),void e.res.end(JSON.stringify({error:"Request body too large"}));await r()}}function Ms(e={}){let{maxAge:t=3600,public:r=!0}=e;return async(e,s)=>{e.res.setHeader("Cache-Control",`${r?"public":"private"}, max-age=${t}`),await s()}}function xs(){return async(e,t)=>{if(!(e.req.headers["accept-encoding"]||"").includes("gzip"))return void await t();let r=e.res.end.bind(e.res),s=[];e.res.write=e=>(s.push(Buffer.from(e)),!0),e.res.end=t=>{t&&s.push(Buffer.from(t));let n=Buffer.concat(s),{gzipSync:a}=N("zlib"),o=a(n);return e.res.setHeader("Content-Encoding","gzip"),e.res.setHeader("Content-Length",o.length),r(o),e.res},await t()}}function Rs(){return async(e,t)=>{e.res.setHeader("X-Content-Type-Options","nosniff"),e.res.setHeader("X-Frame-Options","DENY"),e.res.setHeader("X-XSS-Protection","1; mode=block"),e.res.setHeader("Strict-Transport-Security","max-age=31536000; includeSubDomains"),await t()}}function ks(e){return async(s,n)=>{let a=s.url||"/",o=a.split("?")[0],i=e.find(e=>o.startsWith(e.context));if(!i)return!1;let{target:l,changeOrigin:c,pathRewrite:d,headers:u}=i;try{let e=new URL(l),o="https:"===e.protocol,i=o?r:t,h=function(e,t){if(!t)return e;for(let[r,s]of Object.entries(t)){let t=new RegExp(r);if(t.test(e))return e.replace(t,s)}return e}(a,d),p={hostname:e.hostname,port:e.port||(o?443:80),path:h,method:s.method,headers:{...s.headers,...u||{}}};c&&(p.headers.host=e.host),delete p.headers.host;let g=i(p,e=>{n.writeHead(e.statusCode||200,e.headers),e.pipe(n)});return g.on("error",e=>{console.error("[Proxy] Error proxying %s to %s:",a,l,e.message),n.headersSent||(n.writeHead(502,{"Content-Type":"application/json"}),n.end(JSON.stringify({error:"Bad Gateway",message:"Proxy error"})))}),s.pipe(g),!0}catch(e){return console.error("[Proxy] Invalid proxy configuration for %s:",o,e),!1}}}var Hs=class{constructor(e,t){this.key=e,this.listeners=new Set,this.changeHandlers=new Set,this.options=t,this._value=t.initial}get value(){return this._value}set value(e){if(this.options.validate&&!this.options.validate(e))throw new Error(`Invalid state value for "${this.key}"`);let t=this._value;this._value=e,this.changeHandlers.forEach(r=>{r(e,t)}),this.broadcast()}update(e){this.value=e(this._value)}subscribe(e){this.listeners.add(e),this.sendTo(e)}unsubscribe(e){this.listeners.delete(e)}onChange(e){return this.changeHandlers.add(e),()=>this.changeHandlers.delete(e)}broadcast(){let e=JSON.stringify({type:"state:update",key:this.key,value:this._value,timestamp:Date.now()});this.listeners.forEach(t=>t.readyState===s.OPEN&&t.send(e))}sendTo(e){e.readyState===s.OPEN&&e.send(JSON.stringify({type:"state:init",key:this.key,value:this._value,timestamp:Date.now()}))}get subscriberCount(){return this.listeners.size}clear(){this.listeners.clear(),this.changeHandlers.clear()}},Os=class{constructor(){this.states=new Map}create(e,t){if(this.states.has(e))return this.states.get(e);let r=new Hs(e,t);return this.states.set(e,r),r}get(e){return this.states.get(e)}has(e){return this.states.has(e)}delete(e){let t=this.states.get(e);return!!t&&(t.clear(),this.states.delete(e))}subscribe(e,t){this.states.get(e)?.subscribe(t)}unsubscribe(e,t){this.states.get(e)?.unsubscribe(t)}unsubscribeAll(e){this.states.forEach(t=>t.unsubscribe(e))}handleStateChange(e,t){let r=this.states.get(e);r&&(r.value=t)}keys(){return Array.from(this.states.keys())}clear(){this.states.forEach(e=>e.clear()),this.states.clear()}},Fs={port:3e3,host:"localhost",https:!1,open:!0,watch:["**/*.ts","**/*.js","**/*.html","**/*.css"],ignore:["node_modules/**","dist/**",".git/**","**/*.d.ts"],logging:!0,middleware:[],worker:[]};function js(t){let r={...Fs,...t},m=new Set,f=new Os,b=r.clients?.length?r.clients:r.root?[{root:r.root,basePath:r.basePath||"",ssr:r.ssr,proxy:r.proxy}]:null;if(!b)throw new Error('DevServerOptions must include either "clients" array or "root" directory');let w=b.map(e=>{let t=e.basePath||"";if(t){for(;t.startsWith("/");)t=t.slice(1);for(;t.endsWith("/");)t=t.slice(0,-1);t=t?"/"+t:""}return{root:e.root,basePath:t,ssr:e.ssr,proxyHandler:e.proxy?ks(e.proxy):void 0}}),$=r.proxy?ks(r.proxy):null,S=e(async(e,t)=>{let s=e.url||"/",n=w.find(e=>e.basePath&&s.startsWith(e.basePath))||w.find(e=>!e.basePath);if(!n)return t.writeHead(404,{"Content-Type":"text/plain"}),void t.end("404 Not Found");if(n.proxyHandler)try{if(await n.proxyHandler(e,t))return void(r.logging&&console.log(`[Proxy] ${e.method} ${s} -> proxied (client-specific)`))}catch(e){console.error("[Proxy] Error (client-specific):",e)}if($)try{if(await $(e,t))return void(r.logging&&console.log(`[Proxy] ${e.method} ${s} -> proxied (global)`))}catch(e){console.error("[Proxy] Error (global):",e)}let a=n.basePath?s.slice(n.basePath.length)||"/":s;if(r.api&&a.startsWith("/api")&&await r.api.handle(e,t))return;let l="/"===a?"/index.html":a;if(l=l.split("?")[0],r.logging&&"/src/pages"===l&&console.log("[DEBUG] Request for /src/pages received"),l.includes("\0"))return r.logging&&console.log(`[403] Rejected path with null byte: ${l}`),t.writeHead(403,{"Content-Type":"text/plain"}),void t.end("403 Forbidden");let p,g=l.startsWith("/dist/"),m=c(l).replace(/\\/g,"/").replace(/^\/+/,"");if(m.includes(".."))return r.logging&&console.log(`[403] Path traversal attempt: ${l}`),t.writeHead(403,{"Content-Type":"text/plain"}),void t.end("403 Forbidden");p=m;let f,y=await o(d(n.root)),v=g?await o(d(n.root,"..")):y;try{if(f=await o(d(u(v,p))),!f.startsWith(v.endsWith(h)?v:v+h))return r.logging&&console.log(`[403] File access outside of root: ${f}`),t.writeHead(403,{"Content-Type":"text/plain"}),void t.end("403 Forbidden");r.logging&&"/src/pages"===l&&console.log(`[DEBUG] Initial resolve succeeded: ${f}`)}catch{let e;if(r.logging&&!p.includes(".")&&console.log(`[DEBUG] File not found: ${p}, trying extensions...`),p.endsWith(".js")){let s=p.replace(/\.js$/,".ts");try{let n=await o(d(u(v,s)));if(!n.startsWith(v.endsWith(h)?v:v+h))return r.logging&&console.log(`[403] Fallback TS path outside of root: ${n}`),t.writeHead(403,{"Content-Type":"text/plain"}),void t.end("403 Forbidden");e=n}catch{}}if(!e&&!p.includes("."))try{e=await o(d(u(v,p+".ts"))),r.logging&&console.log(`[DEBUG] Found: ${p}.ts`)}catch{try{e=await o(d(u(v,p+".js"))),r.logging&&console.log(`[DEBUG] Found: ${p}.js`)}catch{try{e=await o(d(u(v,p,"index.ts"))),r.logging&&console.log(`[DEBUG] Found: ${p}/index.ts`)}catch{try{e=await o(d(u(v,p,"index.js"))),r.logging&&console.log(`[DEBUG] Found: ${p}/index.js`)}catch{r.logging&&console.log(`[DEBUG] Not found: all attempts failed for ${p}`)}}}}if(!e)return t.writeHead(404,{"Content-Type":"text/plain"}),void t.end("404 Not Found");f=e}try{if((await i(f)).isDirectory()){let e;r.logging&&console.log(`[DEBUG] Path is directory: ${f}, trying index files...`);try{e=await o(d(u(f,"index.ts"))),r.logging&&console.log("[DEBUG] Found index.ts in directory")}catch{try{e=await o(d(u(f,"index.js"))),r.logging&&console.log("[DEBUG] Found index.js in directory")}catch{return r.logging&&console.log("[DEBUG] No index file found in directory"),t.writeHead(404,{"Content-Type":"text/plain"}),void t.end("404 Not Found")}}f=e}}catch{return t.writeHead(404,{"Content-Type":"text/plain"}),void t.end("404 Not Found")}let b=await o(d(n.root,"..")),S=f.startsWith(y+h)||f===y,T=g&&(f.startsWith(b+h)||f===b);if(!S&&!T)return r.logging&&console.log(`[403] Path outside allowed directories: ${l}`),t.writeHead(403,{"Content-Type":"text/plain"}),void t.end("403 Forbidden");try{if((await i(f)).isDirectory())try{let e=await o(d(u(f,"index.html")));return e.startsWith(y+h)||e===y?(await i(e),E(e,t,n)):(t.writeHead(403,{"Content-Type":"text/plain"}),void t.end("403 Forbidden"))}catch{return t.writeHead(404,{"Content-Type":"text/plain"}),void t.end("404 Not Found")}await E(f,t,n)}catch{r.logging&&console.log(`[404] ${l}`),t.writeHead(404,{"Content-Type":"text/plain"}),t.end("404 Not Found")}});async function E(e,t,s){try{let n,a=await o(d(s.root)),i=await o(d(s.root,".."));try{n=await o(d(e))}catch{return e.endsWith("index.html")&&s.ssr?function(e,t){try{if(!t.ssr)return e.writeHead(500,{"Content-Type":"text/plain"}),void e.end("SSR function not configured");let s,n=t.ssr();if("string"==typeof n)s=n;else if("object"==typeof n&&null!==n&&"tagName"in n){let e=n;s="html"===e.tagName?x.renderToString(e):`<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body>${x.renderToString(e)}</body></html>`}else s=String(n);let a=`<script>(function(){const ws=new WebSocket('ws://${r.host}:${r.port}${t.basePath}');ws.onopen=()=>console.log('[Elit HMR] Connected');ws.onmessage=(e)=>{const d=JSON.parse(e.data);if(d.type==='update'){console.log('[Elit HMR] File updated:',d.path);window.location.reload()}else if(d.type==='reload'){console.log('[Elit HMR] Reloading...');window.location.reload()}else if(d.type==='error')console.error('[Elit HMR] Error:',d.error)};ws.onclose=()=>{console.log('[Elit HMR] Disconnected - Retrying...');setTimeout(()=>window.location.reload(),1000)};ws.onerror=(e)=>console.error('[Elit HMR] WebSocket error:',e)})();<\/script>`;s=s.includes("</body>")?s.replace("</body>",`${a}</body>`):s+a,e.writeHead(200,{"Content-Type":"text/html","Cache-Control":"no-cache, no-store, must-revalidate"}),e.end(s),r.logging&&console.log("[200] SSR rendered")}catch(t){e.writeHead(500,{"Content-Type":"text/plain"}),e.end("500 SSR Error"),r.logging&&console.error("[500] SSR Error:",t)}}(t,s):(t.writeHead(404,{"Content-Type":"text/plain"}),void t.end("404 Not Found"))}let c=n.startsWith(a+h)||n===a,u=n.startsWith(i+h+"dist"+h);if(!c&&!u)return r.logging&&console.log(`[403] Attempted to serve file outside allowed directories: ${e}`),t.writeHead(403,{"Content-Type":"text/plain"}),void t.end("403 Forbidden");let m=await l(n),f=p(n),b=y(n)||"application/octet-stream";if(".ts"===f||".tsx"===f)try{let e=await v({stdin:{contents:m.toString(),loader:".tsx"===f?"tsx":"ts",resolveDir:d(n,".."),sourcefile:n},format:"esm",target:"es2020",write:!1,bundle:!1,sourcemap:"inline"});m=Buffer.from(e.outputFiles[0].text),b="application/javascript"}catch(e){return t.writeHead(500,{"Content-Type":"text/plain"}),t.end(`TypeScript compilation error:\n${e}`),void(r.logging&&console.error("[500] TypeScript compilation error:",e))}if(".html"===f){let e=`<script type="importmap">\n{\n  "imports": {\n    "elit": "${s.basePath?`${s.basePath}/dist/client.mjs`:"/dist/client.mjs"}"\n  }\n}\n<\/script>`,t=`<script>(function(){const ws=new WebSocket('ws://${r.host}:${r.port}${s.basePath}');ws.onopen=()=>console.log('[Elit HMR] Connected');ws.onmessage=(e)=>{const d=JSON.parse(e.data);if(d.type==='update'){console.log('[Elit HMR] File updated:',d.path);window.location.reload()}else if(d.type==='reload'){console.log('[Elit HMR] Reloading...');window.location.reload()}else if(d.type==='error')console.error('[Elit HMR] Error:',d.error)};ws.onclose=()=>{console.log('[Elit HMR] Disconnected - Retrying...');setTimeout(()=>window.location.reload(),1000)};ws.onerror=(e)=>console.error('[Elit HMR] WebSocket error:',e)})();<\/script>`,n=m.toString();if(s.basePath&&"/"!==s.basePath){let e=`<base href="${s.basePath}/">`;n.includes("<base")||(n.includes('<meta name="viewport"')?n=n.replace(/<meta name="viewport"[^>]*>/,t=>`${t}\n  ${e}`):n.includes("<head>")&&(n=n.replace("<head>",`<head>\n  ${e}`)))}n=n.includes("</head>")?n.replace("</head>",`${e}</head>`):n,n=n.includes("</body>")?n.replace("</body>",`${t}</body>`):n+t,m=Buffer.from(n)}let w={"Content-Type":b,"Cache-Control":".html"===f||".ts"===f||".tsx"===f?"no-cache, no-store, must-revalidate":"public, max-age=31536000, immutable"};if(/^(text\/|application\/(javascript|json|xml))/.test(b)&&m.length>1024){let{gzipSync:e}=N("zlib"),r=e(m);w["Content-Encoding"]="gzip",w["Content-Length"]=r.length,t.writeHead(200,w),t.end(r)}else t.writeHead(200,w),t.end(m);r.logging&&console.log(`[200] ${g(s.root,e)}`)}catch(e){t.writeHead(500,{"Content-Type":"text/plain"}),t.end("500 Internal Server Error"),r.logging&&console.error("[500] Error reading file:",e)}}let T=new n({server:S});T.on("connection",e=>{m.add(e);let t={type:"connected",timestamp:Date.now()};e.send(JSON.stringify(t)),r.logging&&console.log("[HMR] Client connected"),e.on("message",t=>{try{let s=JSON.parse(t.toString());"state:subscribe"===s.type?(f.subscribe(s.key,e),r.logging&&console.log(`[State] Client subscribed to "${s.key}"`)):"state:unsubscribe"===s.type?(f.unsubscribe(s.key,e),r.logging&&console.log(`[State] Client unsubscribed from "${s.key}"`)):"state:change"===s.type&&(f.handleStateChange(s.key,s.value),r.logging&&console.log(`[State] Client updated "${s.key}"`))}catch(e){r.logging&&console.error("[WebSocket] Message parse error:",e)}}),e.on("close",()=>{m.delete(e),f.unsubscribeAll(e),r.logging&&console.log("[HMR] Client disconnected")})});let C=w.flatMap(e=>r.watch.map(t=>u(e.root,t))),M=a(C,{ignored:r.ignore,ignoreInitial:!0,persistent:!0});M.on("change",e=>{r.logging&&console.log(`[HMR] File changed: ${e}`);let t=JSON.stringify({type:"update",path:e,timestamp:Date.now()});m.forEach(e=>e.readyState===s.OPEN&&e.send(t))}),M.on("add",e=>r.logging&&console.log(`[HMR] File added: ${e}`)),M.on("unlink",e=>r.logging&&console.log(`[HMR] File removed: ${e}`)),S.setMaxListeners(20),S.listen(r.port,r.host,()=>{if(r.logging){if(console.log("\n🚀 Elit Dev Server"),console.log(`\n  ➜ Local:   http://${r.host}:${r.port}`),w.length>1)console.log("  ➜ Clients:"),w.forEach(e=>{let t=`http://${r.host}:${r.port}${e.basePath}`;console.log(`     - ${t} → ${e.root}`)});else{let e=w[0];console.log(`  ➜ Root:    ${e.root}`),e.basePath&&console.log(`  ➜ Base:    ${e.basePath}`)}console.log("\n[HMR] Watching for file changes...\n")}if(r.open&&w.length>0){let e=w[0],t=`http://${r.host}:${r.port}${e.basePath}`;(async()=>{let{default:e}=await import("open");await e(t)})().catch(()=>{})}});let R=!1,k=w[0],H=`http://${r.host}:${r.port}${k.basePath}`;return{server:S,wss:T,url:H,state:f,close:async()=>{if(!R)return R=!0,r.logging&&console.log("\n[Server] Shutting down..."),await M.close(),T.close(),m.forEach(e=>e.close()),m.clear(),new Promise(e=>{S.close(()=>{r.logging&&console.log("[Server] Closed"),e()})})}}}var As=new class{constructor(){this.enabled=!1,this.ws=null,this.acceptCallbacks=[],this.disposeCallbacks=[],this.declined=!1,typeof window>"u"||this.connect()}connect(){let e="https:"===window.location.protocol?"wss:":"ws:",t=window.location.hostname,r=window.location.port||"3000";this.ws=new WebSocket(`${e}//${t}:${r}`),this.ws.onopen=()=>{this.enabled=!0,console.log("[Elit HMR] Connected ✓")},this.ws.onmessage=e=>{try{let t=JSON.parse(e.data);this.handleMessage(t)}catch(e){console.error("[Elit HMR] Error parsing message:",e)}},this.ws.onclose=()=>{this.enabled=!1,console.log("[Elit HMR] Disconnected - Attempting reconnect..."),setTimeout(()=>this.reload(),1e3)},this.ws.onerror=e=>{console.error("[Elit HMR] WebSocket error:",e)}}handleMessage(e){switch(e.type){case"connected":console.log("[Elit HMR] Ready");break;case"update":if(console.log(`[Elit HMR] Update detected: ${e.path}`),this.declined)return void this.reload();this.disposeCallbacks.forEach(e=>e()),this.disposeCallbacks=[],this.acceptCallbacks.length>0?this.acceptCallbacks.forEach(e=>e()):this.reload();break;case"reload":console.log("[Elit HMR] Full reload requested"),this.reload();break;case"error":console.error("[Elit HMR] Server error:",e.error)}}reload(){window.location.reload()}accept(e){e&&this.acceptCallbacks.push(e),this.declined=!1}decline(){this.declined=!0}dispose(e){this.disposeCallbacks.push(e)}};typeof window<"u"&&(window.__ELIT_HMR__=As);var Ds=As,Ps={outDir:"dist",minify:!0,sourcemap:!1,target:"es2020",format:"esm",treeshake:!0,logging:!0,external:[]};async function Ws(e){let t={...Ps,...e},r=Date.now();if(!t.entry)throw new Error("Entry file is required");let s=d(t.entry),n=d(t.outDir),a=t.outFile;if(!a){a=m(t.entry,p(t.entry))+("cjs"===t.format?".cjs":".js")}let o=u(n,a);try{b(n,{recursive:!0})}catch{}t.logging&&(console.log("\n🔨 Building..."),console.log(`  Entry:  ${t.entry}`),console.log(`  Output: ${o}`),console.log(`  Format: ${t.format}`),console.log(`  Target: ${t.target}`));let i={name:"browser-only",setup(e){e.onResolve({filter:/^(node:.*|fs|path|http|https|url|os|child_process|net|tls|crypto|stream|util|events|buffer|zlib|readline|process|assert|constants|dns|domain|punycode|querystring|repl|string_decoder|sys|timers|tty|v8|vm)$/},()=>({path:"node-builtin",external:!0,sideEffects:!1})),e.onResolve({filter:/^(chokidar|esbuild|mime-types|open|ws|fs\/promises)$/},()=>({path:"server-dep",external:!0,sideEffects:!1})),e.onLoad({filter:/[\\/](server|config|cli)\.ts$/},()=>({contents:"export {}",loader:"js"}))}};try{let e=t.platform||("cjs"===t.format?"node":"browser"),a="browser"===e?[i]:[],l={};t.env&&(Object.entries(t.env).forEach(([e,t])=>{e.startsWith("VITE_")&&(l[`import.meta.env.${e}`]=JSON.stringify(t))}),t.env.MODE&&(l["import.meta.env.MODE"]=JSON.stringify(t.env.MODE)),l["import.meta.env.DEV"]=JSON.stringify("production"!==t.env.MODE),l["import.meta.env.PROD"]=JSON.stringify("production"===t.env.MODE));let c=await v({entryPoints:[s],bundle:!0,outfile:o,format:t.format,target:t.target,minify:t.minify,sourcemap:t.sourcemap,external:t.external,treeShaking:t.treeshake,globalName:t.globalName,platform:e,plugins:a,define:l,logLevel:t.logging?"info":"silent",metafile:!0,...t.minify&&{minifyWhitespace:!0,minifyIdentifiers:!0,minifySyntax:!0,legalComments:"none",mangleProps:/^_/,keepNames:!1}}),u=Date.now()-r,h=w(o).size;if(t.logging&&(console.log("\n✅ Build successful!"),console.log(`  Time: ${u}ms`),console.log(`  Size: ${Ls(h)}`),c.metafile)){let e=Object.keys(c.metafile.inputs).length;console.log(`  Files: ${e} input(s)`);let t=Object.keys(c.metafile.outputs);if(t.length>0){let e=c.metafile.outputs[t[0]];if(e&&e.inputs){let t=Object.entries(e.inputs).sort(([,e],[,t])=>t.bytesInOutput-e.bytesInOutput).slice(0,5);t.length>0&&(console.log("\n  📊 Top 5 largest modules:"),t.forEach(([e,t])=>{let r=e.split(/[/\\]/).pop()||e;console.log(`     ${r.padEnd(30)} ${Ls(t.bytesInOutput)}`)}))}}}let p={outputPath:o,buildTime:u,size:h};if(t.copy&&t.copy.length>0){t.logging&&console.log("\n📦 Copying files...");for(let e of t.copy){let r=d(e.from),s=d(n,e.to),a=f(s);if($(a)||b(a,{recursive:!0}),$(r)){if(e.transform){let n=S(r,"utf-8"),a=e.transform(n,t);E(s,a)}else T(r,s);t.logging&&console.log(`  ✓ ${e.from} → ${e.to}`)}else t.logging&&console.warn(`  ⚠ File not found: ${e.from}`)}}return t.onBuildEnd&&await t.onBuildEnd(p),t.logging&&console.log(""),p}catch(e){throw t.logging&&(console.error("\n❌ Build failed:"),console.error(e)),e}}function Ls(e){if(0===e)return"0 B";let t=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,t)).toFixed(2))+" "+["B","KB","MB","GB"][t]}function qs(e){return e}var Bs=["elit.config.ts","elit.config.js","elit.config.mjs","elit.config.cjs","elit.config.json"];function Us(e="development",t=process.cwd()){let r={MODE:e},s=[`.env.${e}.local`,`.env.${e}`,".env.local",".env"];for(let e of s){let s=d(t,e);if($(s)){let e=S(s,"utf-8").split("\n");for(let t of e){let e=t.trim();if(!e||e.startsWith("#"))continue;let s=e.match(/^([A-Za-z_][A-Za-z0-9_]*)\s*=\s*(.*)$/);if(s){let[,e,t]=s,n=t.trim();(n.startsWith('"')&&n.endsWith('"')||n.startsWith("'")&&n.endsWith("'"))&&(n=n.slice(1,-1)),e in r||(r[e]=n)}}}}return r}async function Is(e=process.cwd()){for(let t of Bs){let r=d(e,t);if($(r))try{return await Js(r)}catch(e){throw console.error(`Error loading config file: ${t}`),console.error(e),e}}return null}async function Js(e){let t=e.split(".").pop();if("json"===t){let t=S(e,"utf-8");return JSON.parse(t)}if("ts"!==t){let{pathToFileURL:t}=await import("url"),r=await import(t(e).href);return r.default||r}try{let{pathToFileURL:t}=await import("url"),r=await import(t(e).href);return r.default||r}catch{throw console.error("TypeScript config files require tsx or ts-node to be installed."),console.error("Install with: npm install -D tsx"),console.error("Or use a .js or .json config file instead."),new Error("Cannot load TypeScript config without tsx/ts-node")}}function Vs(e,t){return e?{...e,...Object.fromEntries(Object.entries(t).filter(([e,t])=>void 0!==t))}:t}export{ys as ApiRouter,G as CreateStyle,M as DomNode,ys as ServerRouter,Hs as SharedState,Os as StateManager,ke as a,He as abbr,se as address,nt as area,ne as article,ae as aside,at as audio,Oe as b,Q as base,O as batchRender,Fe as bdi,je as bdo,_ as bindChecked,V as bindValue,ye as blockquote,Z as body,Ns as bodyLimit,Ae as br,Ws as build,Ot as button,Ms as cacheControl,yt as canvas,St as caption,De as cite,D as cleanupUnused,Pe as code,Et as col,Tt as colgroup,ls as commentNode,xs as compress,k as computed,Ss as cors,js as createDevServer,ss as createEl,z as createElementFactory,as as createMathEl,gs as createRouter,ms as createRouterView,q as createSharedState,R as createState,ns as createSvgEl,j as createVirtualList,We as data,Ft as datalist,ve as dd,W as debounce,qs as defineConfig,wt as del,_t as details,Le as dfn,Gt as dialog,be as div,we as dl,es as doc,x as dom,$e as dt,H as effect,Qr as el,K as elements,qe as em,dt as embed,Ts as errorHandler,jt as fieldset,Se as figcaption,Ee as figure,oe as footer,At as form,os as fragment,ts as getEl,ds as getElClass,cs as getElId,hs as getElName,us as getElTag,rs as getEls,le as h1,ce as h2,de as h3,ue as h4,he as h5,pe as h6,X as head,ie as header,Ds as hmr,Te as hr,ws as html,Be as i,ut as iframe,ot as img,Dt as input,$t as ins,vs as json,Ue as kbd,Pt as label,A as lazy,Wt as legend,Ce as li,ee as link,Is as loadConfig,Us as loadEnv,Es as logger,ge as main,it as map,Ie as mark,qr as mathMath,Gr as mathMfrac,Br as mathMi,Ur as mathMn,Ir as mathMo,Kr as mathMroot,_r as mathMrow,Jr as mathMs,zr as mathMsqrt,Xr as mathMsub,Zr as mathMsup,Vr as mathMtext,zt as menu,Vs as mergeConfig,te as meta,Lt as meter,me as nav,vt as noscript,ht as object,Ne as ol,qt as optgroup,Bt as option,Ut as output,Me as p,pt as param,gt as picture,mt as portal,xe as pre,It as progress,Je as q,Cs as rateLimit,U as reactive,I as reactiveAs,F as renderChunked,fs as routerLink,Ve as rp,_e as rt,Ge as ruby,ze as s,Ke as samp,bt as script,fe as section,Rs as security,Jt as select,bs as sendText,B as sharedStateManager,Xt as slot,Xe as small,ft as source,Ze as span,$s as status,Ye as strong,re as style,Qe as sub,Kt as summary,et as sup,$r as svgAnimate,Er as svgAnimateMotion,Sr as svgAnimateTransform,Qt as svgCircle,mr as svgClipPath,cr as svgDefs,ar as svgEllipse,Nr as svgFeBlend,Mr as svgFeColorMatrix,xr as svgFeComponentTransfer,Rr as svgFeComposite,kr as svgFeConvolveMatrix,Hr as svgFeDiffuseLighting,Or as svgFeDisplacementMap,Fr as svgFeFlood,jr as svgFeGaussianBlur,Ar as svgFeMorphology,Dr as svgFeOffset,Pr as svgFeSpecularLighting,Wr as svgFeTile,Lr as svgFeTurbulence,Cr as svgFilter,wr as svgForeignObject,or as svgG,br as svgImage,rr as svgLine,dr as svgLinearGradient,vr as svgMarker,gr as svgMask,tr as svgPath,pr as svgPattern,nr as svgPolygon,sr as svgPolyline,ur as svgRadialGradient,er as svgRect,Tr as svgSet,hr as svgStop,Yt as svgSvg,yr as svgSymbol,ir as svgText,lr as svgTspan,fr as svgUse,Ct as table,Nt as tbody,Mt as td,Zt as template,J as text,is as textNode,Vt as textarea,xt as tfoot,Rt as th,kt as thead,P as throttle,tt as time,Y as title,Ht as tr,lt as track,rt as u,Re as ul,Yr as varElement,ct as video,st as wbr};
+import {createRequire as __createRequire} from 'module';const require = __createRequire(import.meta.url);
+
+// src/dom.ts
+function resolveElement(rootElement) {
+  return typeof rootElement === "string" ? document.getElementById(rootElement.replace("#", "")) : rootElement;
+}
+function ensureElement(el2, rootElement) {
+  if (!el2) {
+    throw new Error(`Element not found: ${rootElement}`);
+  }
+  return el2;
+}
+function shouldSkipChild(child) {
+  return child == null || child === false;
+}
+function isPrimitiveJson(json) {
+  return json == null || typeof json === "boolean" || typeof json === "string" || typeof json === "number";
+}
+var DomNode = class {
+  constructor() {
+    this.elementCache = /* @__PURE__ */ new WeakMap();
+    this.reactiveNodes = /* @__PURE__ */ new Map();
+  }
+  createElement(tagName, props = {}, children = []) {
+    return { tagName, props, children };
+  }
+  renderToDOM(vNode, parent) {
+    if (vNode == null || vNode === false) return;
+    if (typeof vNode !== "object") {
+      parent.appendChild(document.createTextNode(String(vNode)));
+      return;
+    }
+    const { tagName, props, children } = vNode;
+    const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
+    const el2 = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
+    for (const key in props) {
+      const value = props[key];
+      if (value == null || value === false) continue;
+      const c = key.charCodeAt(0);
+      if (c === 99 && (key.length < 6 || key[5] === "N")) {
+        const classValue = Array.isArray(value) ? value.join(" ") : value;
+        isSVG ? el2.setAttribute("class", classValue) : el2.className = classValue;
+      } else if (c === 115 && key.length === 5) {
+        if (typeof value === "string") {
+          el2.style.cssText = value;
+        } else {
+          const s2 = el2.style;
+          for (const k in value) s2[k] = value[k];
+        }
+      } else if (c === 111 && key.charCodeAt(1) === 110) {
+        el2[key.toLowerCase()] = value;
+      } else if (c === 100 && key.length > 20) {
+        el2.innerHTML = value.__html;
+      } else if (c === 114 && key.length === 3) {
+        setTimeout(() => {
+          typeof value === "function" ? value(el2) : value.current = el2;
+        }, 0);
+      } else {
+        el2.setAttribute(key, value === true ? "" : String(value));
+      }
+    }
+    const len = children.length;
+    if (!len) {
+      parent.appendChild(el2);
+      return;
+    }
+    const renderChildren = (target) => {
+      for (let i2 = 0; i2 < len; i2++) {
+        const child = children[i2];
+        if (shouldSkipChild(child)) continue;
+        if (Array.isArray(child)) {
+          for (let j = 0, cLen = child.length; j < cLen; j++) {
+            const c = child[j];
+            !shouldSkipChild(c) && this.renderToDOM(c, target);
+          }
+        } else {
+          this.renderToDOM(child, target);
+        }
+      }
+    };
+    if (len > 30) {
+      const fragment2 = document.createDocumentFragment();
+      renderChildren(fragment2);
+      el2.appendChild(fragment2);
+    } else {
+      renderChildren(el2);
+    }
+    parent.appendChild(el2);
+  }
+  render(rootElement, vNode) {
+    const el2 = ensureElement(resolveElement(rootElement), rootElement);
+    el2.innerHTML = "";
+    if (vNode.children && vNode.children.length > 500) {
+      const fragment2 = document.createDocumentFragment();
+      this.renderToDOM(vNode, fragment2);
+      el2.appendChild(fragment2);
+    } else {
+      this.renderToDOM(vNode, el2);
+    }
+    return el2;
+  }
+  batchRender(rootElement, vNodes) {
+    const el2 = ensureElement(resolveElement(rootElement), rootElement);
+    const len = vNodes.length;
+    if (len > 3e3) {
+      const fragment2 = document.createDocumentFragment();
+      let processed = 0;
+      const chunkSize = 1500;
+      const processChunk = () => {
+        const end = Math.min(processed + chunkSize, len);
+        for (let i2 = processed; i2 < end; i2++) {
+          this.renderToDOM(vNodes[i2], fragment2);
+        }
+        processed = end;
+        if (processed >= len) {
+          el2.appendChild(fragment2);
+        } else {
+          requestAnimationFrame(processChunk);
+        }
+      };
+      processChunk();
+    } else {
+      const fragment2 = document.createDocumentFragment();
+      for (let i2 = 0; i2 < len; i2++) {
+        this.renderToDOM(vNodes[i2], fragment2);
+      }
+      el2.appendChild(fragment2);
+    }
+    return el2;
+  }
+  renderChunked(rootElement, vNodes, chunkSize = 5e3, onProgress) {
+    const el2 = ensureElement(resolveElement(rootElement), rootElement);
+    const len = vNodes.length;
+    let index = 0;
+    const renderChunk = () => {
+      const end = Math.min(index + chunkSize, len);
+      const fragment2 = document.createDocumentFragment();
+      for (let i2 = index; i2 < end; i2++) {
+        this.renderToDOM(vNodes[i2], fragment2);
+      }
+      el2.appendChild(fragment2);
+      index = end;
+      if (onProgress) onProgress(index, len);
+      if (index < len) {
+        requestAnimationFrame(renderChunk);
+      }
+    };
+    requestAnimationFrame(renderChunk);
+    return el2;
+  }
+  renderToHead(...vNodes) {
+    const head2 = document.head;
+    if (head2) {
+      for (const vNode of vNodes.flat()) {
+        vNode && this.renderToDOM(vNode, head2);
+      }
+    }
+    return head2;
+  }
+  addStyle(cssText) {
+    const el2 = document.createElement("style");
+    el2.textContent = cssText;
+    return document.head.appendChild(el2);
+  }
+  addMeta(attrs) {
+    const el2 = document.createElement("meta");
+    for (const k in attrs) el2.setAttribute(k, attrs[k]);
+    return document.head.appendChild(el2);
+  }
+  addLink(attrs) {
+    const el2 = document.createElement("link");
+    for (const k in attrs) el2.setAttribute(k, attrs[k]);
+    return document.head.appendChild(el2);
+  }
+  setTitle(text2) {
+    return document.title = text2;
+  }
+  // Reactive State Management
+  createState(initialValue, options = {}) {
+    let value = initialValue;
+    const listeners = /* @__PURE__ */ new Set();
+    let updateTimer = null;
+    const { throttle: throttle2 = 0, deep = false } = options;
+    const notify = () => listeners.forEach((fn) => fn(value));
+    const scheduleUpdate = () => {
+      if (throttle2 > 0) {
+        if (!updateTimer) {
+          updateTimer = setTimeout(() => {
+            updateTimer = null;
+            notify();
+          }, throttle2);
+        }
+      } else {
+        notify();
+      }
+    };
+    return {
+      get value() {
+        return value;
+      },
+      set value(newValue) {
+        const changed = deep ? JSON.stringify(value) !== JSON.stringify(newValue) : value !== newValue;
+        if (changed) {
+          value = newValue;
+          scheduleUpdate();
+        }
+      },
+      subscribe(fn) {
+        listeners.add(fn);
+        return () => listeners.delete(fn);
+      },
+      destroy() {
+        listeners.clear();
+        updateTimer && clearTimeout(updateTimer);
+      }
+    };
+  }
+  computed(states, computeFn) {
+    const values = states.map((s2) => s2.value);
+    const result = this.createState(computeFn(...values));
+    states.forEach((state, index) => {
+      state.subscribe((newValue) => {
+        values[index] = newValue;
+        result.value = computeFn(...values);
+      });
+    });
+    return result;
+  }
+  effect(stateFn) {
+    stateFn();
+  }
+  // Virtual scrolling helper for large lists
+  createVirtualList(container2, items, renderItem, itemHeight = 50, bufferSize = 5) {
+    const viewportHeight = container2.clientHeight;
+    const totalHeight = items.length * itemHeight;
+    let scrollTop = 0;
+    const getVisibleRange = () => {
+      const start = Math.max(0, Math.floor(scrollTop / itemHeight) - bufferSize);
+      const end = Math.min(items.length, Math.ceil((scrollTop + viewportHeight) / itemHeight) + bufferSize);
+      return { start, end };
+    };
+    const render2 = () => {
+      const { start, end } = getVisibleRange();
+      const wrapper = document.createElement("div");
+      wrapper.style.cssText = `height:${totalHeight}px;position:relative`;
+      for (let i2 = start; i2 < end; i2++) {
+        const itemEl = document.createElement("div");
+        itemEl.style.cssText = `position:absolute;top:${i2 * itemHeight}px;height:${itemHeight}px;width:100%`;
+        this.renderToDOM(renderItem(items[i2], i2), itemEl);
+        wrapper.appendChild(itemEl);
+      }
+      container2.innerHTML = "";
+      container2.appendChild(wrapper);
+    };
+    const scrollHandler = () => {
+      scrollTop = container2.scrollTop;
+      requestAnimationFrame(render2);
+    };
+    container2.addEventListener("scroll", scrollHandler);
+    render2();
+    return {
+      render: render2,
+      destroy: () => {
+        container2.removeEventListener("scroll", scrollHandler);
+        container2.innerHTML = "";
+      }
+    };
+  }
+  // Lazy load components
+  lazy(loadFn) {
+    let component = null;
+    let loading = false;
+    return async (...args) => {
+      if (!component && !loading) {
+        loading = true;
+        component = await loadFn();
+        loading = false;
+      }
+      return component ? component(...args) : { tagName: "div", props: { class: "loading" }, children: ["Loading..."] };
+    };
+  }
+  // Memory management - cleanup unused elements
+  cleanupUnusedElements(root) {
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT);
+    const toRemove = [];
+    while (walker.nextNode()) {
+      const node = walker.currentNode;
+      if (node.id && node.id.startsWith("r") && !this.elementCache.has(node)) {
+        toRemove.push(node);
+      }
+    }
+    toRemove.forEach((el2) => el2.remove());
+    return toRemove.length;
+  }
+  // Server-Side Rendering - convert VNode to HTML string
+  renderToString(vNode, options = {}) {
+    const { pretty = false, indent = 0 } = options;
+    const indentStr = pretty ? "  ".repeat(indent) : "";
+    const newLine = pretty ? "\n" : "";
+    let resolvedVNode = this.resolveStateValue(vNode);
+    resolvedVNode = this.unwrapReactive(resolvedVNode);
+    if (Array.isArray(resolvedVNode)) {
+      return resolvedVNode.map((child) => this.renderToString(child, options)).join("");
+    }
+    if (typeof resolvedVNode !== "object" || resolvedVNode === null) {
+      if (resolvedVNode === null || resolvedVNode === void 0 || resolvedVNode === false) {
+        return "";
+      }
+      return this.escapeHtml(String(resolvedVNode));
+    }
+    const { tagName, props, children } = resolvedVNode;
+    const isSelfClosing = this.isSelfClosingTag(tagName);
+    let html2 = `${indentStr}<${tagName}`;
+    const attrs = this.propsToAttributes(props);
+    if (attrs) {
+      html2 += ` ${attrs}`;
+    }
+    if (isSelfClosing) {
+      html2 += ` />${newLine}`;
+      return html2;
+    }
+    html2 += ">";
+    if (props.dangerouslySetInnerHTML) {
+      html2 += props.dangerouslySetInnerHTML.__html;
+      html2 += `</${tagName}>${newLine}`;
+      return html2;
+    }
+    if (children && children.length > 0) {
+      const resolvedChildren = children.map((c) => {
+        const resolved = this.resolveStateValue(c);
+        return this.unwrapReactive(resolved);
+      });
+      const hasComplexChildren = resolvedChildren.some(
+        (c) => typeof c === "object" && c !== null && !Array.isArray(c) && "tagName" in c
+      );
+      if (pretty && hasComplexChildren) {
+        html2 += newLine;
+        for (const child of resolvedChildren) {
+          if (shouldSkipChild(child)) continue;
+          if (Array.isArray(child)) {
+            for (const c of child) {
+              if (!shouldSkipChild(c)) {
+                html2 += this.renderToString(c, { pretty, indent: indent + 1 });
+              }
+            }
+          } else {
+            html2 += this.renderToString(child, { pretty, indent: indent + 1 });
+          }
+        }
+        html2 += indentStr;
+      } else {
+        for (const child of resolvedChildren) {
+          if (shouldSkipChild(child)) continue;
+          if (Array.isArray(child)) {
+            for (const c of child) {
+              if (!shouldSkipChild(c)) {
+                html2 += this.renderToString(c, { pretty: false, indent: 0 });
+              }
+            }
+          } else {
+            html2 += this.renderToString(child, { pretty: false, indent: 0 });
+          }
+        }
+      }
+    }
+    html2 += `</${tagName}>${newLine}`;
+    return html2;
+  }
+  resolveStateValue(value) {
+    if (value && typeof value === "object" && "value" in value && "subscribe" in value) {
+      return value.value;
+    }
+    return value;
+  }
+  isReactiveWrapper(vNode) {
+    if (!vNode || typeof vNode !== "object" || !vNode.tagName) {
+      return false;
+    }
+    return vNode.tagName === "span" && vNode.props?.id && typeof vNode.props.id === "string" && vNode.props.id.match(/^r[a-z0-9]{9}$/);
+  }
+  unwrapReactive(vNode) {
+    if (!this.isReactiveWrapper(vNode)) {
+      return vNode;
+    }
+    const children = vNode.children;
+    if (!children || children.length === 0) {
+      return "";
+    }
+    if (children.length === 1) {
+      const child = children[0];
+      if (child && typeof child === "object" && child.tagName === "span") {
+        const props = child.props;
+        const hasNoProps = !props || Object.keys(props).length === 0;
+        const hasSingleStringChild = child.children && child.children.length === 1 && typeof child.children[0] === "string";
+        if (hasNoProps && hasSingleStringChild) {
+          return child.children[0];
+        }
+      }
+      return this.unwrapReactive(child);
+    }
+    return children.map((c) => this.unwrapReactive(c));
+  }
+  escapeHtml(text2) {
+    const htmlEscapes = {
+      "&": "&amp;",
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#x27;"
+    };
+    return text2.replace(/[&<>"']/g, (char) => htmlEscapes[char]);
+  }
+  isSelfClosingTag(tagName) {
+    const selfClosingTags = /* @__PURE__ */ new Set([
+      "area",
+      "base",
+      "br",
+      "col",
+      "embed",
+      "hr",
+      "img",
+      "input",
+      "link",
+      "meta",
+      "param",
+      "source",
+      "track",
+      "wbr"
+    ]);
+    return selfClosingTags.has(tagName.toLowerCase());
+  }
+  propsToAttributes(props) {
+    const attrs = [];
+    for (const key in props) {
+      if (key === "children" || key === "dangerouslySetInnerHTML" || key === "ref") {
+        continue;
+      }
+      let value = props[key];
+      value = this.resolveStateValue(value);
+      if (value == null || value === false) continue;
+      if (key.startsWith("on") && typeof value === "function") {
+        continue;
+      }
+      if (key === "className" || key === "class") {
+        const className = Array.isArray(value) ? value.join(" ") : value;
+        if (className) {
+          attrs.push(`class="${this.escapeHtml(String(className))}"`);
+        }
+        continue;
+      }
+      if (key === "style") {
+        const styleStr = this.styleToString(value);
+        if (styleStr) {
+          attrs.push(`style="${this.escapeHtml(styleStr)}"`);
+        }
+        continue;
+      }
+      if (value === true) {
+        attrs.push(key);
+        continue;
+      }
+      attrs.push(`${key}="${this.escapeHtml(String(value))}"`);
+    }
+    return attrs.join(" ");
+  }
+  styleToString(style2) {
+    if (typeof style2 === "string") {
+      return style2;
+    }
+    if (typeof style2 === "object" && style2 !== null) {
+      const styles2 = [];
+      for (const key in style2) {
+        const cssKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+        styles2.push(`${cssKey}:${style2[key]}`);
+      }
+      return styles2.join(";");
+    }
+    return "";
+  }
+  isState(value) {
+    return value && typeof value === "object" && "value" in value && "subscribe" in value && typeof value.subscribe === "function";
+  }
+  createReactiveChild(state, renderFn) {
+    const currentValue = renderFn(state.value);
+    if (typeof window !== "undefined" && typeof document !== "undefined") {
+      const entry = { node: null, renderFn };
+      this.reactiveNodes.set(state, entry);
+      state.subscribe(() => {
+        if (entry.node && entry.node.parentNode) {
+          const newValue = renderFn(state.value);
+          entry.node.textContent = String(newValue ?? "");
+        }
+      });
+    }
+    return currentValue;
+  }
+  jsonToVNode(json) {
+    if (this.isState(json)) {
+      return this.createReactiveChild(json, (v) => v);
+    }
+    if (isPrimitiveJson(json)) {
+      return json;
+    }
+    const { tag, attributes = {}, children } = json;
+    const props = {};
+    for (const key in attributes) {
+      const value = attributes[key];
+      if (key === "class") {
+        props.className = this.isState(value) ? value.value : value;
+      } else {
+        props[key] = this.isState(value) ? value.value : value;
+      }
+    }
+    const childrenArray = [];
+    if (children != null) {
+      if (Array.isArray(children)) {
+        for (const child of children) {
+          if (this.isState(child)) {
+            childrenArray.push(this.createReactiveChild(child, (v) => v));
+          } else {
+            const converted = this.jsonToVNode(child);
+            if (converted != null && converted !== false) {
+              childrenArray.push(converted);
+            }
+          }
+        }
+      } else if (this.isState(children)) {
+        childrenArray.push(this.createReactiveChild(children, (v) => v));
+      } else if (typeof children === "object" && "tag" in children) {
+        const converted = this.jsonToVNode(children);
+        if (converted != null && converted !== false) {
+          childrenArray.push(converted);
+        }
+      } else {
+        childrenArray.push(children);
+      }
+    }
+    return { tagName: tag, props, children: childrenArray };
+  }
+  vNodeJsonToVNode(json) {
+    if (this.isState(json)) {
+      return this.createReactiveChild(json, (v) => v);
+    }
+    if (isPrimitiveJson(json)) {
+      return json;
+    }
+    const { tagName, props = {}, children = [] } = json;
+    const resolvedProps = {};
+    for (const key in props) {
+      const value = props[key];
+      resolvedProps[key] = this.isState(value) ? value.value : value;
+    }
+    const childrenArray = [];
+    for (const child of children) {
+      if (this.isState(child)) {
+        childrenArray.push(this.createReactiveChild(child, (v) => v));
+      } else {
+        const converted = this.vNodeJsonToVNode(child);
+        if (converted != null && converted !== false) {
+          childrenArray.push(converted);
+        }
+      }
+    }
+    return { tagName, props: resolvedProps, children: childrenArray };
+  }
+  renderJson(rootElement, json) {
+    const vNode = this.jsonToVNode(json);
+    if (!vNode || typeof vNode !== "object" || !("tagName" in vNode)) {
+      throw new Error("Invalid JSON structure");
+    }
+    return this.render(rootElement, vNode);
+  }
+  renderVNode(rootElement, json) {
+    const vNode = this.vNodeJsonToVNode(json);
+    if (!vNode || typeof vNode !== "object" || !("tagName" in vNode)) {
+      throw new Error("Invalid VNode JSON structure");
+    }
+    return this.render(rootElement, vNode);
+  }
+  renderJsonToString(json, options = {}) {
+    const vNode = this.jsonToVNode(json);
+    return this.renderToString(vNode, options);
+  }
+  renderVNodeToString(json, options = {}) {
+    const vNode = this.vNodeJsonToVNode(json);
+    return this.renderToString(vNode, options);
+  }
+  // Generate complete HTML document as string (for SSR)
+  renderToHTMLDocument(vNode, options = {}) {
+    const { title: title2 = "", meta: meta2 = [], links = [], scripts = [], styles: styles2 = [], lang = "en", head: head2 = "", bodyAttrs = {}, pretty = false } = options;
+    const nl = pretty ? "\n" : "";
+    const indent = pretty ? "  " : "";
+    const indent2 = pretty ? "    " : "";
+    let html2 = `<!DOCTYPE html>${nl}<html lang="${lang}">${nl}${indent}<head>${nl}${indent2}<meta charset="UTF-8">${nl}${indent2}<meta name="viewport" content="width=device-width, initial-scale=1.0">${nl}`;
+    if (title2) html2 += `${indent2}<title>${this.escapeHtml(title2)}</title>${nl}`;
+    for (const m of meta2) {
+      html2 += `${indent2}<meta`;
+      for (const k in m) html2 += ` ${k}="${this.escapeHtml(m[k])}"`;
+      html2 += `>${nl}`;
+    }
+    for (const l of links) {
+      html2 += `${indent2}<link`;
+      for (const k in l) html2 += ` ${k}="${this.escapeHtml(l[k])}"`;
+      html2 += `>${nl}`;
+    }
+    for (const s2 of styles2) {
+      if (s2.href) {
+        html2 += `${indent2}<link rel="stylesheet" href="${this.escapeHtml(s2.href)}">${nl}`;
+      } else if (s2.content) {
+        html2 += `${indent2}<style>${s2.content}</style>${nl}`;
+      }
+    }
+    if (head2) html2 += head2 + nl;
+    html2 += `${indent}</head>${nl}${indent}<body`;
+    for (const k in bodyAttrs) html2 += ` ${k}="${this.escapeHtml(bodyAttrs[k])}"`;
+    html2 += `>${nl}`;
+    html2 += this.renderToString(vNode, { pretty, indent: 2 });
+    for (const script2 of scripts) {
+      html2 += `${indent2}<script`;
+      if (script2.type) html2 += ` type="${this.escapeHtml(script2.type)}"`;
+      if (script2.async) html2 += ` async`;
+      if (script2.defer) html2 += ` defer`;
+      if (script2.src) {
+        html2 += ` src="${this.escapeHtml(script2.src)}"></script>${nl}`;
+      } else if (script2.content) {
+        html2 += `>${script2.content}</script>${nl}`;
+      } else {
+        html2 += `></script>${nl}`;
+      }
+    }
+    html2 += `${indent}</body>${nl}</html>`;
+    return html2;
+  }
+  // Expose elementCache for reactive updates
+  getElementCache() {
+    return this.elementCache;
+  }
+};
+var dom = new DomNode();
+var render = dom.render.bind(dom);
+var renderToString = dom.renderToString.bind(dom);
+var mount = render;
+
+// src/state.ts
+var createState = (initial, options) => dom.createState(initial, options);
+var computed = (states, fn) => dom.computed(states, fn);
+var effect = (fn) => dom.effect(fn);
+var batchRender = (container2, vNodes) => dom.batchRender(container2, vNodes);
+var renderChunked = (container2, vNodes, chunkSize, onProgress) => dom.renderChunked(container2, vNodes, chunkSize, onProgress);
+var createVirtualList = (container2, items, renderItem, itemHeight, bufferSize) => dom.createVirtualList(container2, items, renderItem, itemHeight, bufferSize);
+var lazy = (loadFn) => dom.lazy(loadFn);
+var cleanupUnused = (root) => dom.cleanupUnusedElements(root);
+var throttle = (fn, delay) => {
+  let timer = null;
+  return (...args) => {
+    if (!timer) {
+      timer = setTimeout(() => {
+        timer = null;
+        fn(...args);
+      }, delay);
+    }
+  };
+};
+var debounce = (fn, delay) => {
+  let timer = null;
+  return (...args) => {
+    timer && clearTimeout(timer);
+    timer = setTimeout(() => fn(...args), delay);
+  };
+};
+var SharedState = class {
+  constructor(key, defaultValue, wsUrl) {
+    this.key = key;
+    this.wsUrl = wsUrl;
+    this.ws = null;
+    this.pendingUpdates = [];
+    this.localState = createState(defaultValue);
+    this.previousValue = defaultValue;
+    this.connect();
+  }
+  /**
+   * Get current value
+   */
+  get value() {
+    return this.localState.value;
+  }
+  /**
+   * Set new value and sync to server
+   */
+  set value(newValue) {
+    this.previousValue = this.localState.value;
+    this.localState.value = newValue;
+    this.sendToServer(newValue);
+  }
+  /**
+   * Get the underlying Elit State (for reactive binding)
+   */
+  get state() {
+    return this.localState;
+  }
+  /**
+   * Subscribe to changes (returns Elit State for reactive)
+   */
+  onChange(callback) {
+    return this.localState.subscribe((newValue) => {
+      const oldValue = this.previousValue;
+      this.previousValue = newValue;
+      callback(newValue, oldValue);
+    });
+  }
+  /**
+   * Update value using a function
+   */
+  update(updater) {
+    this.value = updater(this.value);
+  }
+  /**
+   * Connect to WebSocket
+   */
+  connect() {
+    if (typeof window === "undefined") return;
+    const url = this.wsUrl || `ws://${location.host}`;
+    this.ws = new WebSocket(url);
+    this.ws.addEventListener("open", () => {
+      this.subscribe();
+      while (this.pendingUpdates.length > 0) {
+        const value = this.pendingUpdates.shift();
+        this.sendToServer(value);
+      }
+    });
+    this.ws.addEventListener("message", (event) => {
+      this.handleMessage(event.data);
+    });
+    this.ws.addEventListener("close", () => {
+      setTimeout(() => this.connect(), 1e3);
+    });
+    this.ws.addEventListener("error", (error) => {
+      console.error("[SharedState] WebSocket error:", error);
+    });
+  }
+  /**
+   * Subscribe to server state
+   */
+  subscribe() {
+    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) return;
+    this.ws.send(JSON.stringify({
+      type: "state:subscribe",
+      key: this.key
+    }));
+  }
+  /**
+   * Handle message from server
+   */
+  handleMessage(data2) {
+    try {
+      const msg = JSON.parse(data2);
+      if (msg.key !== this.key) return;
+      if (msg.type === "state:init" || msg.type === "state:update") {
+        this.localState.value = msg.value;
+      }
+    } catch (error) {
+    }
+  }
+  /**
+   * Send value to server
+   */
+  sendToServer(value) {
+    if (!this.ws) return;
+    if (this.ws.readyState !== WebSocket.OPEN) {
+      this.pendingUpdates.push(value);
+      return;
+    }
+    this.ws.send(JSON.stringify({
+      type: "state:change",
+      key: this.key,
+      value
+    }));
+  }
+  /**
+   * Disconnect
+   */
+  disconnect() {
+    if (this.ws) {
+      this.ws.close();
+      this.ws = null;
+    }
+  }
+  /**
+   * Destroy state and cleanup
+   */
+  destroy() {
+    this.disconnect();
+    this.localState.destroy();
+  }
+};
+function createSharedState(key, defaultValue, wsUrl) {
+  return new SharedState(key, defaultValue, wsUrl);
+}
+var SharedStateManager = class {
+  constructor() {
+    this.states = /* @__PURE__ */ new Map();
+  }
+  /**
+   * Create or get a shared state
+   */
+  create(key, defaultValue, wsUrl) {
+    if (this.states.has(key)) {
+      return this.states.get(key);
+    }
+    const state = new SharedState(key, defaultValue, wsUrl);
+    this.states.set(key, state);
+    return state;
+  }
+  /**
+   * Get existing state
+   */
+  get(key) {
+    return this.states.get(key);
+  }
+  /**
+   * Delete a state
+   */
+  delete(key) {
+    const state = this.states.get(key);
+    if (state) {
+      state.destroy();
+      return this.states.delete(key);
+    }
+    return false;
+  }
+  /**
+   * Clear all states
+   */
+  clear() {
+    this.states.forEach((state) => state.destroy());
+    this.states.clear();
+  }
+};
+var sharedStateManager = new SharedStateManager();
+var scheduleRAFUpdate = (rafId, updateFn) => {
+  rafId && cancelAnimationFrame(rafId);
+  return requestAnimationFrame(() => {
+    updateFn();
+  });
+};
+var renderToFragment = (content, isVNode) => {
+  const fragment2 = document.createDocumentFragment();
+  if (isVNode && content && typeof content === "object" && "tagName" in content) {
+    const { children } = content;
+    for (const child of children) {
+      dom.renderToDOM(child, fragment2);
+    }
+  } else {
+    dom.renderToDOM(content, fragment2);
+  }
+  return fragment2;
+};
+var updateElementProps = (element, props) => {
+  for (const key in props) {
+    const value = props[key];
+    if (key === "ref") continue;
+    if (key === "class" || key === "className") {
+      element.className = Array.isArray(value) ? value.join(" ") : value || "";
+    } else if (key === "style" && typeof value === "object") {
+      const s2 = element.style;
+      for (const k in value) s2[k] = value[k];
+    } else if (key.startsWith("on")) {
+      element[key.toLowerCase()] = value;
+    } else if (value != null && value !== false) {
+      element.setAttribute(key, String(value === true ? "" : value));
+    } else {
+      element.removeAttribute(key);
+    }
+  }
+};
+var reactive = (state, renderFn) => {
+  let rafId = null;
+  let elementRef = null;
+  let placeholder = null;
+  let isInDOM = true;
+  const initialResult = renderFn(state.value);
+  const isVNodeResult = initialResult && typeof initialResult === "object" && "tagName" in initialResult;
+  const initialIsNull = initialResult == null || initialResult === false;
+  const updateElement = () => {
+    if (!elementRef && !placeholder) return;
+    const newResult = renderFn(state.value);
+    const resultIsNull = newResult == null || newResult === false;
+    if (resultIsNull) {
+      if (isInDOM && elementRef) {
+        placeholder = document.createComment("reactive");
+        elementRef.parentNode?.replaceChild(placeholder, elementRef);
+        isInDOM = false;
+      }
+    } else {
+      if (!isInDOM && placeholder && elementRef) {
+        placeholder.parentNode?.replaceChild(elementRef, placeholder);
+        placeholder = null;
+        isInDOM = true;
+      }
+      if (elementRef) {
+        const isCurrentVNode = !!(isVNodeResult && newResult && typeof newResult === "object" && "tagName" in newResult);
+        if (isCurrentVNode) {
+          const { props } = newResult;
+          updateElementProps(elementRef, props);
+        }
+        const fragment2 = renderToFragment(newResult, isCurrentVNode);
+        elementRef.textContent = "";
+        elementRef.appendChild(fragment2);
+        dom.getElementCache().set(elementRef, true);
+      }
+    }
+  };
+  state.subscribe(() => {
+    rafId = scheduleRAFUpdate(rafId, () => {
+      updateElement();
+      rafId = null;
+    });
+  });
+  const refCallback = (el2) => {
+    elementRef = el2;
+    if (initialIsNull && el2.parentNode) {
+      placeholder = document.createComment("reactive");
+      el2.parentNode.replaceChild(placeholder, el2);
+      isInDOM = false;
+    }
+  };
+  if (isVNodeResult) {
+    const vnode = initialResult;
+    return {
+      tagName: vnode.tagName,
+      props: { ...vnode.props, ref: refCallback },
+      children: vnode.children
+    };
+  }
+  return { tagName: "span", props: { ref: refCallback }, children: [initialResult] };
+};
+var reactiveAs = (tagName, state, renderFn, props = {}) => {
+  let rafId = null;
+  let elementRef = null;
+  state.subscribe(() => {
+    rafId = scheduleRAFUpdate(rafId, () => {
+      if (elementRef) {
+        const newResult = renderFn(state.value);
+        if (newResult == null || newResult === false) {
+          elementRef.style.display = "none";
+          elementRef.textContent = "";
+        } else {
+          elementRef.style.display = "";
+          const fragment2 = renderToFragment(newResult, false);
+          elementRef.textContent = "";
+          elementRef.appendChild(fragment2);
+        }
+        dom.getElementCache().set(elementRef, true);
+      }
+      rafId = null;
+    });
+  });
+  const refCallback = (el2) => {
+    elementRef = el2;
+  };
+  return { tagName, props: { ...props, ref: refCallback }, children: [renderFn(state.value)] };
+};
+var text = (state) => state && state.value !== void 0 ? reactive(state, (v) => ({ tagName: "span", props: {}, children: [String(v)] })) : String(state);
+var bindValue = (state) => ({
+  value: state.value,
+  oninput: (e) => {
+    state.value = e.target.value;
+  }
+});
+var bindChecked = (state) => ({
+  checked: state.value,
+  onchange: (e) => {
+    state.value = e.target.checked;
+  }
+});
+
+// src/style.ts
+var CreateStyle = class {
+  constructor() {
+    this.variables = [];
+    this.rules = [];
+    this.mediaRules = [];
+    this.keyframes = [];
+    this.fontFaces = [];
+    this.imports = [];
+    this.containerRules = [];
+    this.supportsRules = [];
+    this.layerRules = [];
+    this._layerOrder = [];
+  }
+  // CSS Variables
+  addVar(name, value) {
+    const cssVar = {
+      name: name.startsWith("--") ? name : `--${name}`,
+      value,
+      toString() {
+        return `var(${this.name})`;
+      }
+    };
+    this.variables.push(cssVar);
+    return cssVar;
+  }
+  var(variable, fallback) {
+    const varName = typeof variable === "string" ? variable.startsWith("--") ? variable : `--${variable}` : variable.name;
+    return fallback ? `var(${varName}, ${fallback})` : `var(${varName})`;
+  }
+  // Basic Selectors
+  addTag(tag, styles2) {
+    const rule = { selector: tag, styles: styles2, type: "tag" };
+    this.rules.push(rule);
+    return rule;
+  }
+  addClass(name, styles2) {
+    const selector = name.startsWith(".") ? name : `.${name}`;
+    const rule = { selector, styles: styles2, type: "class" };
+    this.rules.push(rule);
+    return rule;
+  }
+  addId(name, styles2) {
+    const selector = name.startsWith("#") ? name : `#${name}`;
+    const rule = { selector, styles: styles2, type: "id" };
+    this.rules.push(rule);
+    return rule;
+  }
+  // Pseudo Selectors
+  addPseudoClass(pseudo, styles2, baseSelector) {
+    const pseudoClass = pseudo.startsWith(":") ? pseudo : `:${pseudo}`;
+    const selector = baseSelector ? `${baseSelector}${pseudoClass}` : pseudoClass;
+    const rule = { selector, styles: styles2, type: "pseudo-class" };
+    this.rules.push(rule);
+    return rule;
+  }
+  addPseudoElement(pseudo, styles2, baseSelector) {
+    const pseudoElement = pseudo.startsWith("::") ? pseudo : `::${pseudo}`;
+    const selector = baseSelector ? `${baseSelector}${pseudoElement}` : pseudoElement;
+    const rule = { selector, styles: styles2, type: "pseudo-element" };
+    this.rules.push(rule);
+    return rule;
+  }
+  // Attribute Selectors
+  addAttribute(attr, styles2, baseSelector) {
+    const attrSelector = attr.startsWith("[") ? attr : `[${attr}]`;
+    const selector = baseSelector ? `${baseSelector}${attrSelector}` : attrSelector;
+    const rule = { selector, styles: styles2, type: "attribute" };
+    this.rules.push(rule);
+    return rule;
+  }
+  attrEquals(attr, value, styles2, baseSelector) {
+    return this.addAttribute(`${attr}="${value}"`, styles2, baseSelector);
+  }
+  attrContainsWord(attr, value, styles2, baseSelector) {
+    return this.addAttribute(`${attr}~="${value}"`, styles2, baseSelector);
+  }
+  attrStartsWith(attr, value, styles2, baseSelector) {
+    return this.addAttribute(`${attr}^="${value}"`, styles2, baseSelector);
+  }
+  attrEndsWith(attr, value, styles2, baseSelector) {
+    return this.addAttribute(`${attr}$="${value}"`, styles2, baseSelector);
+  }
+  attrContains(attr, value, styles2, baseSelector) {
+    return this.addAttribute(`${attr}*="${value}"`, styles2, baseSelector);
+  }
+  // Combinator Selectors
+  descendant(ancestor, descendant2, styles2) {
+    return this.createAndAddRule(`${ancestor} ${descendant2}`, styles2);
+  }
+  child(parent, childSel, styles2) {
+    return this.createAndAddRule(`${parent} > ${childSel}`, styles2);
+  }
+  adjacentSibling(element, sibling, styles2) {
+    return this.createAndAddRule(`${element} + ${sibling}`, styles2);
+  }
+  generalSibling(element, sibling, styles2) {
+    return this.createAndAddRule(`${element} ~ ${sibling}`, styles2);
+  }
+  multiple(selectors, styles2) {
+    return this.createAndAddRule(selectors.join(", "), styles2);
+  }
+  // Nesting (BEM-style)
+  addName(name, styles2) {
+    const selector = name.startsWith("--") ? `&${name}` : `&--${name}`;
+    const rule = { selector, styles: styles2, type: "name" };
+    return rule;
+  }
+  nesting(parentRule, ...childRules) {
+    parentRule.nested = childRules;
+    return parentRule;
+  }
+  // @keyframes - Animations
+  keyframe(name, steps) {
+    const keyframeSteps = Object.entries(steps).map(([step, styles2]) => ({
+      step: step === "from" ? "from" : step === "to" ? "to" : `${step}%`,
+      styles: styles2
+    }));
+    const kf = { name, steps: keyframeSteps };
+    this.keyframes.push(kf);
+    return kf;
+  }
+  keyframeFromTo(name, from, to) {
+    return this.keyframe(name, { from, to });
+  }
+  // @font-face - Custom Fonts
+  fontFace(options) {
+    this.fontFaces.push(options);
+    return options;
+  }
+  // @import - Import Stylesheets
+  import(url, mediaQuery) {
+    const importRule = mediaQuery ? `@import url("${url}") ${mediaQuery};` : `@import url("${url}");`;
+    this.imports.push(importRule);
+    return importRule;
+  }
+  // @media - Media Queries
+  media(type, condition, rules) {
+    const mediaRule = { type, condition, rules: this.rulesToCSSRules(rules) };
+    this.mediaRules.push(mediaRule);
+    return mediaRule;
+  }
+  mediaScreen(condition, rules) {
+    return this.media("screen", condition, rules);
+  }
+  mediaPrint(rules) {
+    return this.media("print", "", rules);
+  }
+  mediaMinWidth(minWidth, rules) {
+    return this.media("screen", `min-width: ${minWidth}`, rules);
+  }
+  mediaMaxWidth(maxWidth, rules) {
+    return this.media("screen", `max-width: ${maxWidth}`, rules);
+  }
+  mediaDark(rules) {
+    const mediaRule = { type: "", condition: "prefers-color-scheme: dark", rules: this.rulesToCSSRules(rules) };
+    this.mediaRules.push(mediaRule);
+    return mediaRule;
+  }
+  mediaLight(rules) {
+    const mediaRule = { type: "", condition: "prefers-color-scheme: light", rules: this.rulesToCSSRules(rules) };
+    this.mediaRules.push(mediaRule);
+    return mediaRule;
+  }
+  mediaReducedMotion(rules) {
+    const mediaRule = { type: "", condition: "prefers-reduced-motion: reduce", rules: this.rulesToCSSRules(rules) };
+    this.mediaRules.push(mediaRule);
+    return mediaRule;
+  }
+  // @container - Container Queries
+  container(condition, rules, name) {
+    const containerRule = { name, condition, rules: this.rulesToCSSRules(rules) };
+    this.containerRules.push(containerRule);
+    return containerRule;
+  }
+  addContainer(name, styles2) {
+    const containerStyles = { ...styles2, containerName: name };
+    return this.addClass(name, containerStyles);
+  }
+  // @supports - Feature Queries
+  supports(condition, rules) {
+    const supportsRule = { condition, rules: this.rulesToCSSRules(rules) };
+    this.supportsRules.push(supportsRule);
+    return supportsRule;
+  }
+  // @layer - Cascade Layers
+  layerOrder(...layers) {
+    this._layerOrder = layers;
+  }
+  layer(name, rules) {
+    const layerRule = { name, rules: this.rulesToCSSRules(rules) };
+    this.layerRules.push(layerRule);
+    return layerRule;
+  }
+  // Custom Rules
+  add(rules) {
+    const cssRules = Object.entries(rules).map(([selector, styles2]) => {
+      const rule = { selector, styles: styles2, type: "custom" };
+      this.rules.push(rule);
+      return rule;
+    });
+    return cssRules;
+  }
+  important(value) {
+    return `${value} !important`;
+  }
+  // Utility Methods
+  toKebabCase(str) {
+    return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+  }
+  // Helper: Create and add rule (eliminates duplication in combinator selectors)
+  createAndAddRule(selector, styles2, type = "custom") {
+    const rule = { selector, styles: styles2, type };
+    this.rules.push(rule);
+    return rule;
+  }
+  // Helper: Convert rules object to CSSRule array (eliminates duplication in media/container/supports/layer)
+  rulesToCSSRules(rules) {
+    return Object.entries(rules).map(([selector, styles2]) => ({
+      selector,
+      styles: styles2,
+      type: "custom"
+    }));
+  }
+  // Helper: Render rules with indentation (eliminates duplication in render methods)
+  renderRulesWithIndent(rules, indent = "    ") {
+    return rules.map((rule) => this.renderRule(rule, indent)).join("\n");
+  }
+  stylesToString(styles2, indent = "    ") {
+    return Object.entries(styles2).map(([prop, value]) => {
+      const cssValue = typeof value === "object" && value !== null && "name" in value ? `var(${value.name})` : value;
+      return `${indent}${this.toKebabCase(prop)}: ${cssValue};`;
+    }).join("\n");
+  }
+  renderRule(rule, indent = "") {
+    let css = `${indent}${rule.selector} {
+${this.stylesToString(rule.styles, indent + "    ")}
+`;
+    if (rule.nested && rule.nested.length > 0) {
+      for (const nestedRule of rule.nested) {
+        const nestedSelector = nestedRule.selector.startsWith("&") ? nestedRule.selector.replace(/&/g, rule.selector) : `${rule.selector} ${nestedRule.selector}`;
+        css += `
+${indent}${nestedSelector} {
+${this.stylesToString(nestedRule.styles, indent + "    ")}
+${indent}}
+`;
+      }
+    }
+    css += `${indent}}`;
+    return css;
+  }
+  renderMediaRule(media) {
+    const condition = media.type && media.condition ? `${media.type} and (${media.condition})` : media.type ? media.type : `(${media.condition})`;
+    return `@media ${condition} {
+${this.renderRulesWithIndent(media.rules)}
+}`;
+  }
+  renderKeyframes(kf) {
+    let css = `@keyframes ${kf.name} {
+`;
+    for (const step of kf.steps) {
+      css += `    ${step.step} {
+${this.stylesToString(step.styles, "        ")}
+    }
+`;
+    }
+    css += "}";
+    return css;
+  }
+  renderFontFace(ff) {
+    let css = "@font-face {\n";
+    css += `    font-family: "${ff.fontFamily}";
+`;
+    css += `    src: ${ff.src};
+`;
+    if (ff.fontWeight) css += `    font-weight: ${ff.fontWeight};
+`;
+    if (ff.fontStyle) css += `    font-style: ${ff.fontStyle};
+`;
+    if (ff.fontDisplay) css += `    font-display: ${ff.fontDisplay};
+`;
+    if (ff.unicodeRange) css += `    unicode-range: ${ff.unicodeRange};
+`;
+    css += "}";
+    return css;
+  }
+  renderContainerRule(container2) {
+    const nameStr = container2.name ? `${container2.name} ` : "";
+    return `@container ${nameStr}(${container2.condition}) {
+${this.renderRulesWithIndent(container2.rules)}
+}`;
+  }
+  renderSupportsRule(supports) {
+    return `@supports (${supports.condition}) {
+${this.renderRulesWithIndent(supports.rules)}
+}`;
+  }
+  renderLayerRule(layer2) {
+    return `@layer ${layer2.name} {
+${this.renderRulesWithIndent(layer2.rules)}
+}`;
+  }
+  // Render Output
+  render(...additionalRules) {
+    const parts = [];
+    if (this.imports.length > 0) {
+      parts.push(this.imports.join("\n"));
+    }
+    if (this._layerOrder.length > 0) {
+      parts.push(`@layer ${this._layerOrder.join(", ")};`);
+    }
+    if (this.variables.length > 0) {
+      const varDeclarations = this.variables.map((v) => `    ${v.name}: ${v.value};`).join("\n");
+      parts.push(`:root {
+${varDeclarations}
+}`);
+    }
+    for (const ff of this.fontFaces) {
+      parts.push(this.renderFontFace(ff));
+    }
+    for (const kf of this.keyframes) {
+      parts.push(this.renderKeyframes(kf));
+    }
+    const allRules = [...this.rules];
+    const allMediaRules = [...this.mediaRules];
+    const allKeyframes = [];
+    const allContainerRules = [...this.containerRules];
+    const allSupportsRules = [...this.supportsRules];
+    const allLayerRules = [...this.layerRules];
+    for (const item of additionalRules) {
+      if (!item) continue;
+      if (Array.isArray(item)) {
+        allRules.push(...item);
+      } else if ("condition" in item && "rules" in item && !("name" in item && "steps" in item)) {
+        if ("type" in item) {
+          allMediaRules.push(item);
+        } else if ("name" in item && typeof item.name === "string") {
+          allContainerRules.push(item);
+        } else {
+          allSupportsRules.push(item);
+        }
+      } else if ("name" in item && "steps" in item) {
+        allKeyframes.push(item);
+      } else if ("name" in item && "rules" in item) {
+        allLayerRules.push(item);
+      } else {
+        allRules.push(item);
+      }
+    }
+    for (const kf of allKeyframes) {
+      parts.push(this.renderKeyframes(kf));
+    }
+    for (const layer2 of allLayerRules) {
+      parts.push(this.renderLayerRule(layer2));
+    }
+    for (const rule of allRules) {
+      parts.push(this.renderRule(rule));
+    }
+    for (const supports of allSupportsRules) {
+      parts.push(this.renderSupportsRule(supports));
+    }
+    for (const container2 of allContainerRules) {
+      parts.push(this.renderContainerRule(container2));
+    }
+    for (const media of allMediaRules) {
+      parts.push(this.renderMediaRule(media));
+    }
+    return parts.join("\n\n");
+  }
+  inject(styleId) {
+    const css = this.render();
+    const style2 = document.createElement("style");
+    if (styleId) style2.id = styleId;
+    style2.textContent = css;
+    document.head.appendChild(style2);
+    return style2;
+  }
+  clear() {
+    this.variables = [];
+    this.rules = [];
+    this.mediaRules = [];
+    this.keyframes = [];
+    this.fontFaces = [];
+    this.imports = [];
+    this.containerRules = [];
+    this.supportsRules = [];
+    this.layerRules = [];
+    this._layerOrder = [];
+  }
+};
+var styles = new CreateStyle();
+var {
+  addVar,
+  var: getVar,
+  addTag,
+  addClass,
+  addId,
+  addPseudoClass,
+  addPseudoElement,
+  addAttribute,
+  attrEquals,
+  attrContainsWord,
+  attrStartsWith,
+  attrEndsWith,
+  attrContains,
+  descendant,
+  child: childStyle,
+  adjacentSibling,
+  generalSibling,
+  multiple: multipleStyle,
+  addName,
+  nesting,
+  keyframe,
+  keyframeFromTo,
+  fontFace,
+  import: importStyle,
+  media: mediaStyle,
+  mediaScreen,
+  mediaPrint,
+  mediaMinWidth,
+  mediaMaxWidth,
+  mediaDark,
+  mediaLight,
+  mediaReducedMotion,
+  container,
+  addContainer,
+  supports: supportsStyle,
+  layerOrder,
+  layer,
+  add: addStyle,
+  important,
+  render: renderStyle,
+  inject: injectStyle,
+  clear: clearStyle
+} = styles;
+
+// src/el.ts
+var hasDocument = typeof document !== "undefined";
+function capitalize(str) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+function bindDocMethod(method) {
+  return hasDocument && method ? method.bind(doc) : void 0;
+}
+function createPrefixedFactories(tags2, prefix, elements2) {
+  tags2.forEach((tag) => {
+    const name = prefix + capitalize(tag);
+    elements2[name] = createElementFactory(tag);
+  });
+}
+var createElementFactory = (tag) => {
+  return function(props, ...rest) {
+    if (!arguments.length) return { tagName: tag, props: {}, children: [] };
+    const isState = props && typeof props === "object" && "value" in props && "subscribe" in props;
+    const isVNode = props && typeof props === "object" && "tagName" in props;
+    const isChild = typeof props !== "object" || Array.isArray(props) || props === null || isState || isVNode;
+    const actualProps = isChild ? {} : props;
+    const args = isChild ? [props, ...rest] : rest;
+    if (!args.length) return { tagName: tag, props: actualProps, children: [] };
+    const flatChildren = [];
+    for (let i2 = 0, len = args.length; i2 < len; i2++) {
+      const child = args[i2];
+      if (child == null || child === false) continue;
+      if (Array.isArray(child)) {
+        for (let j = 0, cLen = child.length; j < cLen; j++) {
+          const c = child[j];
+          c != null && c !== false && flatChildren.push(c);
+        }
+      } else {
+        flatChildren.push(child);
+      }
+    }
+    return { tagName: tag, props: actualProps, children: flatChildren };
+  };
+};
+var tags = [
+  "html",
+  "head",
+  "body",
+  "title",
+  "base",
+  "link",
+  "meta",
+  "style",
+  "address",
+  "article",
+  "aside",
+  "footer",
+  "header",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "main",
+  "nav",
+  "section",
+  "blockquote",
+  "dd",
+  "div",
+  "dl",
+  "dt",
+  "figcaption",
+  "figure",
+  "hr",
+  "li",
+  "ol",
+  "p",
+  "pre",
+  "ul",
+  "a",
+  "abbr",
+  "b",
+  "bdi",
+  "bdo",
+  "br",
+  "cite",
+  "code",
+  "data",
+  "dfn",
+  "em",
+  "i",
+  "kbd",
+  "mark",
+  "q",
+  "rp",
+  "rt",
+  "ruby",
+  "s",
+  "samp",
+  "small",
+  "span",
+  "strong",
+  "sub",
+  "sup",
+  "time",
+  "u",
+  "wbr",
+  "area",
+  "audio",
+  "img",
+  "map",
+  "track",
+  "video",
+  "embed",
+  "iframe",
+  "object",
+  "param",
+  "picture",
+  "portal",
+  "source",
+  "canvas",
+  "noscript",
+  "script",
+  "del",
+  "ins",
+  "caption",
+  "col",
+  "colgroup",
+  "table",
+  "tbody",
+  "td",
+  "tfoot",
+  "th",
+  "thead",
+  "tr",
+  "button",
+  "datalist",
+  "fieldset",
+  "form",
+  "input",
+  "label",
+  "legend",
+  "meter",
+  "optgroup",
+  "option",
+  "output",
+  "progress",
+  "select",
+  "textarea",
+  "details",
+  "dialog",
+  "menu",
+  "summary",
+  "slot",
+  "template"
+];
+var svgTags = [
+  "svg",
+  "circle",
+  "rect",
+  "path",
+  "line",
+  "polyline",
+  "polygon",
+  "ellipse",
+  "g",
+  "text",
+  "tspan",
+  "defs",
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "pattern",
+  "mask",
+  "clipPath",
+  "use",
+  "symbol",
+  "marker",
+  "image",
+  "foreignObject",
+  "animate",
+  "animateTransform",
+  "animateMotion",
+  "set",
+  "filter",
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feFlood",
+  "feGaussianBlur",
+  "feMorphology",
+  "feOffset",
+  "feSpecularLighting",
+  "feTile",
+  "feTurbulence"
+];
+var mathTags = [
+  "math",
+  "mi",
+  "mn",
+  "mo",
+  "ms",
+  "mtext",
+  "mrow",
+  "mfrac",
+  "msqrt",
+  "mroot",
+  "msub",
+  "msup"
+];
+var elements = {};
+tags.forEach((tag) => {
+  elements[tag] = createElementFactory(tag);
+});
+createPrefixedFactories(svgTags, "svg", elements);
+createPrefixedFactories(mathTags, "math", elements);
+elements.varElement = createElementFactory("var");
+var {
+  html,
+  head,
+  body,
+  title,
+  base,
+  link,
+  meta,
+  style,
+  address,
+  article,
+  aside,
+  footer,
+  header,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  main,
+  nav,
+  section,
+  blockquote,
+  dd,
+  div,
+  dl,
+  dt,
+  figcaption,
+  figure,
+  hr,
+  li,
+  ol,
+  p,
+  pre,
+  ul,
+  a,
+  abbr,
+  b,
+  bdi,
+  bdo,
+  br,
+  cite,
+  code,
+  data,
+  dfn,
+  em,
+  i,
+  kbd,
+  mark,
+  q,
+  rp,
+  rt,
+  ruby,
+  s,
+  samp,
+  small,
+  span,
+  strong,
+  sub,
+  sup,
+  time,
+  u,
+  wbr,
+  area,
+  audio,
+  img,
+  map,
+  track,
+  video,
+  embed,
+  iframe,
+  object,
+  param,
+  picture,
+  portal,
+  source,
+  canvas,
+  noscript,
+  script,
+  del,
+  ins,
+  caption,
+  col,
+  colgroup,
+  table,
+  tbody,
+  td,
+  tfoot,
+  th,
+  thead,
+  tr,
+  button,
+  datalist,
+  fieldset,
+  form,
+  input,
+  label,
+  legend,
+  meter,
+  optgroup,
+  option,
+  output,
+  progress,
+  select,
+  textarea,
+  details,
+  dialog,
+  menu,
+  summary,
+  slot,
+  template,
+  svgSvg,
+  svgCircle,
+  svgRect,
+  svgPath,
+  svgLine,
+  svgPolyline,
+  svgPolygon,
+  svgEllipse,
+  svgG,
+  svgText,
+  svgTspan,
+  svgDefs,
+  svgLinearGradient,
+  svgRadialGradient,
+  svgStop,
+  svgPattern,
+  svgMask,
+  svgClipPath,
+  svgUse,
+  svgSymbol,
+  svgMarker,
+  svgImage,
+  svgForeignObject,
+  svgAnimate,
+  svgAnimateTransform,
+  svgAnimateMotion,
+  svgSet,
+  svgFilter,
+  svgFeBlend,
+  svgFeColorMatrix,
+  svgFeComponentTransfer,
+  svgFeComposite,
+  svgFeConvolveMatrix,
+  svgFeDiffuseLighting,
+  svgFeDisplacementMap,
+  svgFeFlood,
+  svgFeGaussianBlur,
+  svgFeMorphology,
+  svgFeOffset,
+  svgFeSpecularLighting,
+  svgFeTile,
+  svgFeTurbulence,
+  mathMath,
+  mathMi,
+  mathMn,
+  mathMo,
+  mathMs,
+  mathMtext,
+  mathMrow,
+  mathMfrac,
+  mathMsqrt,
+  mathMroot,
+  mathMsub,
+  mathMsup,
+  varElement
+} = elements;
+var el = elements;
+var doc = hasDocument ? document : void 0;
+var getEl = bindDocMethod(doc?.querySelector);
+var getEls = bindDocMethod(doc?.querySelectorAll);
+var createEl = bindDocMethod(doc?.createElement);
+var createSvgEl = hasDocument ? doc.createElementNS.bind(doc, "http://www.w3.org/2000/svg") : void 0;
+var createMathEl = hasDocument ? doc.createElementNS.bind(doc, "http://www.w3.org/1998/Math/MathML") : void 0;
+var fragment = bindDocMethod(doc?.createDocumentFragment);
+var textNode = bindDocMethod(doc?.createTextNode);
+var commentNode = bindDocMethod(doc?.createComment);
+var getElId = bindDocMethod(doc?.getElementById);
+var getElClass = bindDocMethod(doc?.getElementsByClassName);
+var getElTag = bindDocMethod(doc?.getElementsByTagName);
+var getElName = bindDocMethod(doc?.getElementsByName);
+
+// src/router.ts
+function matchRoute(pattern, path) {
+  const patternParts = pattern.split("/").filter(Boolean);
+  const pathParts = path.split("/").filter(Boolean);
+  if (pattern.endsWith("*")) {
+    const basePattern = pattern.slice(0, -1);
+    if (path.startsWith(basePattern) || basePattern === "/" || pattern === "*") {
+      return { "*": path.slice(basePattern.length) };
+    }
+  }
+  if (patternParts.length !== pathParts.length) return null;
+  const params = {};
+  for (let i2 = 0; i2 < patternParts.length; i2++) {
+    const patternPart = patternParts[i2];
+    const pathPart = pathParts[i2];
+    if (patternPart.startsWith(":")) {
+      params[patternPart.slice(1)] = decodeURIComponent(pathPart);
+    } else if (patternPart !== pathPart) {
+      return null;
+    }
+  }
+  return params;
+}
+function executeGuard(guard, to, from, navigate, replace = false) {
+  const result = guard(to, from);
+  if (result === false) return false;
+  if (typeof result === "string") {
+    navigate(result, replace);
+    return false;
+  }
+  return true;
+}
+function wrapComponent(component) {
+  if (typeof component === "object" && component !== null && "tagName" in component) {
+    return component;
+  }
+  return { tagName: "span", props: {}, children: [component] };
+}
+function createRouter(options) {
+  const { mode = "history", base: base2 = "", routes } = options;
+  const globalGuards = [];
+  const parseQuery = (search) => {
+    const query = {};
+    const params = new URLSearchParams(search);
+    params.forEach((value, key) => {
+      query[key] = value;
+    });
+    return query;
+  };
+  const getCurrentPath = () => {
+    if (mode === "hash") {
+      return window.location.hash.slice(1) || "/";
+    }
+    return window.location.pathname.replace(base2, "") || "/";
+  };
+  const parseLocation = (path) => {
+    const [pathPart, queryPart = ""] = path.split("?");
+    const [cleanPath, hash = ""] = pathPart.split("#");
+    return {
+      path: cleanPath || "/",
+      params: {},
+      query: parseQuery(queryPart),
+      hash: hash ? "#" + hash : ""
+    };
+  };
+  const findRoute = (path) => {
+    for (const route of routes) {
+      const params = matchRoute(route.path, path);
+      if (params !== null) {
+        return { route, params };
+      }
+    }
+    return null;
+  };
+  const currentRoute = dom.createState(parseLocation(getCurrentPath()));
+  const navigate = (path, replace = false) => {
+    const location2 = parseLocation(path);
+    const match = findRoute(location2.path);
+    if (match) {
+      location2.params = match.params;
+    }
+    for (const guard of globalGuards) {
+      if (!executeGuard(guard, location2, currentRoute.value, navigate, replace)) return;
+    }
+    if (match?.route.beforeEnter) {
+      if (!executeGuard(match.route.beforeEnter, location2, currentRoute.value, navigate, replace)) return;
+    }
+    const url = mode === "hash" ? "#" + path : base2 + path;
+    if (replace) {
+      window.history.replaceState({ path }, "", url);
+    } else {
+      window.history.pushState({ path }, "", url);
+    }
+    currentRoute.value = location2;
+  };
+  const handlePopState = () => {
+    const path = getCurrentPath();
+    const location2 = parseLocation(path);
+    const match = findRoute(location2.path);
+    if (match) {
+      location2.params = match.params;
+    }
+    currentRoute.value = location2;
+  };
+  if (typeof window !== "undefined") {
+    window.addEventListener("popstate", handlePopState);
+  }
+  return {
+    currentRoute,
+    push: (path) => navigate(path, false),
+    replace: (path) => navigate(path, true),
+    back: () => window.history.back(),
+    forward: () => window.history.forward(),
+    go: (delta) => window.history.go(delta),
+    beforeEach: (guard) => {
+      globalGuards.push(guard);
+    },
+    destroy: () => {
+      if (typeof window !== "undefined") {
+        window.removeEventListener("popstate", handlePopState);
+      }
+      currentRoute.destroy();
+    }
+  };
+}
+function createRouterView(router, options) {
+  const { routes, notFound } = options;
+  return () => {
+    const location2 = router.currentRoute.value;
+    const match = routes.find((r) => matchRoute(r.path, location2.path) !== null);
+    if (match) {
+      const params = matchRoute(match.path, location2.path) || {};
+      const component = match.component({ ...params, ...location2.query });
+      return wrapComponent(component);
+    }
+    if (notFound) {
+      const component = notFound(location2.params);
+      return wrapComponent(component);
+    }
+    return { tagName: "div", props: {}, children: ["404 - Not Found"] };
+  };
+}
+var routerLink = (router, props, ...children) => {
+  return {
+    tagName: "a",
+    props: {
+      ...props,
+      href: props.to,
+      onclick: (e) => {
+        e.preventDefault();
+        router.push(props.to);
+      }
+    },
+    children
+  };
+};
+
+// src/hmr.ts
+var ElitHMR = class {
+  constructor() {
+    this.enabled = false;
+    this.ws = null;
+    this.acceptCallbacks = [];
+    this.disposeCallbacks = [];
+    this.declined = false;
+    if (typeof window === "undefined") {
+      return;
+    }
+    this.connect();
+  }
+  connect() {
+    const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+    const host = window.location.hostname;
+    const port = window.location.port || "3000";
+    this.ws = new WebSocket(`${protocol}//${host}:${port}`);
+    this.ws.onopen = () => {
+      this.enabled = true;
+      console.log("[Elit HMR] Connected \u2713");
+    };
+    this.ws.onmessage = (event) => {
+      try {
+        const data2 = JSON.parse(event.data);
+        this.handleMessage(data2);
+      } catch (error) {
+        console.error("[Elit HMR] Error parsing message:", error);
+      }
+    };
+    this.ws.onclose = () => {
+      this.enabled = false;
+      console.log("[Elit HMR] Disconnected - Attempting reconnect...");
+      setTimeout(() => this.reload(), 1e3);
+    };
+    this.ws.onerror = (error) => {
+      console.error("[Elit HMR] WebSocket error:", error);
+    };
+  }
+  handleMessage(data2) {
+    switch (data2.type) {
+      case "connected":
+        console.log("[Elit HMR] Ready");
+        break;
+      case "update":
+        console.log(`[Elit HMR] Update detected: ${data2.path}`);
+        if (this.declined) {
+          this.reload();
+          return;
+        }
+        this.disposeCallbacks.forEach((cb) => cb());
+        this.disposeCallbacks = [];
+        if (this.acceptCallbacks.length > 0) {
+          this.acceptCallbacks.forEach((cb) => cb());
+        } else {
+          this.reload();
+        }
+        break;
+      case "reload":
+        console.log("[Elit HMR] Full reload requested");
+        this.reload();
+        break;
+      case "error":
+        console.error("[Elit HMR] Server error:", data2.error);
+        break;
+    }
+  }
+  reload() {
+    window.location.reload();
+  }
+  accept(callback) {
+    if (callback) {
+      this.acceptCallbacks.push(callback);
+    }
+    this.declined = false;
+  }
+  decline() {
+    this.declined = true;
+  }
+  dispose(callback) {
+    this.disposeCallbacks.push(callback);
+  }
+};
+var hmr = new ElitHMR();
+if (typeof window !== "undefined") {
+  window.__ELIT_HMR__ = hmr;
+}
+var hmr_default = hmr;
+export {
+  CreateStyle,
+  DomNode,
+  SharedState,
+  a,
+  abbr,
+  addAttribute,
+  addClass,
+  addContainer,
+  addId,
+  addName,
+  addPseudoClass,
+  addPseudoElement,
+  addStyle,
+  addTag,
+  addVar,
+  address,
+  adjacentSibling,
+  area,
+  article,
+  aside,
+  attrContains,
+  attrContainsWord,
+  attrEndsWith,
+  attrEquals,
+  attrStartsWith,
+  audio,
+  b,
+  base,
+  batchRender,
+  bdi,
+  bdo,
+  bindChecked,
+  bindValue,
+  blockquote,
+  body,
+  br,
+  button,
+  canvas,
+  caption,
+  childStyle,
+  cite,
+  cleanupUnused,
+  clearStyle,
+  code,
+  col,
+  colgroup,
+  commentNode,
+  computed,
+  container,
+  createEl,
+  createElementFactory,
+  createMathEl,
+  createRouter,
+  createRouterView,
+  createSharedState,
+  createState,
+  createSvgEl,
+  createVirtualList,
+  data,
+  datalist,
+  dd,
+  debounce,
+  del,
+  descendant,
+  details,
+  dfn,
+  dialog,
+  div,
+  dl,
+  doc,
+  dom,
+  dt,
+  effect,
+  el,
+  elements,
+  em,
+  embed,
+  fieldset,
+  figcaption,
+  figure,
+  fontFace,
+  footer,
+  form,
+  fragment,
+  generalSibling,
+  getEl,
+  getElClass,
+  getElId,
+  getElName,
+  getElTag,
+  getEls,
+  getVar,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  head,
+  header,
+  hmr_default as hmr,
+  hr,
+  html,
+  i,
+  iframe,
+  img,
+  importStyle,
+  important,
+  injectStyle,
+  input,
+  ins,
+  kbd,
+  keyframe,
+  keyframeFromTo,
+  label,
+  layer,
+  layerOrder,
+  lazy,
+  legend,
+  li,
+  link,
+  main,
+  map,
+  mark,
+  mathMath,
+  mathMfrac,
+  mathMi,
+  mathMn,
+  mathMo,
+  mathMroot,
+  mathMrow,
+  mathMs,
+  mathMsqrt,
+  mathMsub,
+  mathMsup,
+  mathMtext,
+  mediaDark,
+  mediaLight,
+  mediaMaxWidth,
+  mediaMinWidth,
+  mediaPrint,
+  mediaReducedMotion,
+  mediaScreen,
+  mediaStyle,
+  menu,
+  meta,
+  meter,
+  mount,
+  multipleStyle,
+  nav,
+  nesting,
+  noscript,
+  object,
+  ol,
+  optgroup,
+  option,
+  output,
+  p,
+  param,
+  picture,
+  portal,
+  pre,
+  progress,
+  q,
+  reactive,
+  reactiveAs,
+  render,
+  renderChunked,
+  renderStyle,
+  renderToString,
+  routerLink,
+  rp,
+  rt,
+  ruby,
+  s,
+  samp,
+  script,
+  section,
+  select,
+  sharedStateManager,
+  slot,
+  small,
+  source,
+  span,
+  strong,
+  style,
+  styles,
+  sub,
+  summary,
+  sup,
+  supportsStyle,
+  svgAnimate,
+  svgAnimateMotion,
+  svgAnimateTransform,
+  svgCircle,
+  svgClipPath,
+  svgDefs,
+  svgEllipse,
+  svgFeBlend,
+  svgFeColorMatrix,
+  svgFeComponentTransfer,
+  svgFeComposite,
+  svgFeConvolveMatrix,
+  svgFeDiffuseLighting,
+  svgFeDisplacementMap,
+  svgFeFlood,
+  svgFeGaussianBlur,
+  svgFeMorphology,
+  svgFeOffset,
+  svgFeSpecularLighting,
+  svgFeTile,
+  svgFeTurbulence,
+  svgFilter,
+  svgForeignObject,
+  svgG,
+  svgImage,
+  svgLine,
+  svgLinearGradient,
+  svgMarker,
+  svgMask,
+  svgPath,
+  svgPattern,
+  svgPolygon,
+  svgPolyline,
+  svgRadialGradient,
+  svgRect,
+  svgSet,
+  svgStop,
+  svgSvg,
+  svgSymbol,
+  svgText,
+  svgTspan,
+  svgUse,
+  table,
+  tbody,
+  td,
+  template,
+  text,
+  textNode,
+  textarea,
+  tfoot,
+  th,
+  thead,
+  throttle,
+  time,
+  title,
+  tr,
+  track,
+  u,
+  ul,
+  varElement,
+  video,
+  wbr
+};