elit 1.0.0 → 2.0.0

package/dist/index.js

@@ -1,2266 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  CreateStyle: () => CreateStyle,
-  DomNode: () => DomNode,
-  a: () => a,
-  abbr: () => abbr,
-  addLink: () => addLink,
-  addMeta: () => addMeta,
-  addStyle: () => addStyle,
-  address: () => address,
-  area: () => area,
-  article: () => article,
-  aside: () => aside,
-  audio: () => audio,
-  b: () => b,
-  base: () => base,
-  batchRender: () => batchRender,
-  bdi: () => bdi,
-  bdo: () => bdo,
-  bindChecked: () => bindChecked,
-  bindValue: () => bindValue,
-  blockquote: () => blockquote,
-  body: () => body,
-  br: () => br,
-  button: () => button,
-  canvas: () => canvas,
-  caption: () => caption,
-  cite: () => cite,
-  cleanupUnused: () => cleanupUnused,
-  code: () => code,
-  col: () => col,
-  colgroup: () => colgroup,
-  computed: () => computed,
-  createElementFactory: () => createElementFactory,
-  createRouter: () => createRouter,
-  createRouterView: () => createRouterView,
-  createState: () => createState,
-  createVirtualList: () => createVirtualList,
-  data: () => data,
-  datalist: () => datalist,
-  dd: () => dd,
-  debounce: () => debounce,
-  del: () => del,
-  details: () => details,
-  dfn: () => dfn,
-  dialog: () => dialog,
-  div: () => div,
-  dl: () => dl,
-  domNode: () => domNode,
-  dt: () => dt,
-  effect: () => effect,
-  elements: () => elements,
-  em: () => em,
-  embed: () => embed,
-  fieldset: () => fieldset,
-  figcaption: () => figcaption,
-  figure: () => figure,
-  footer: () => footer,
-  form: () => form,
-  h1: () => h1,
-  h2: () => h2,
-  h3: () => h3,
-  h4: () => h4,
-  h5: () => h5,
-  h6: () => h6,
-  head: () => head,
-  header: () => header,
-  hr: () => hr,
-  html: () => html,
-  i: () => i,
-  iframe: () => iframe,
-  img: () => img,
-  input: () => input,
-  ins: () => ins,
-  jsonToVNode: () => jsonToVNode,
-  kbd: () => kbd,
-  label: () => label,
-  lazy: () => lazy,
-  legend: () => legend,
-  li: () => li,
-  link: () => link,
-  main: () => main,
-  map: () => map,
-  mark: () => mark,
-  mathMath: () => mathMath,
-  mathMfrac: () => mathMfrac,
-  mathMi: () => mathMi,
-  mathMn: () => mathMn,
-  mathMo: () => mathMo,
-  mathMroot: () => mathMroot,
-  mathMrow: () => mathMrow,
-  mathMs: () => mathMs,
-  mathMsqrt: () => mathMsqrt,
-  mathMsub: () => mathMsub,
-  mathMsup: () => mathMsup,
-  mathMtext: () => mathMtext,
-  menu: () => menu,
-  meta: () => meta,
-  meter: () => meter,
-  nav: () => nav,
-  noscript: () => noscript,
-  object: () => object,
-  ol: () => ol,
-  optgroup: () => optgroup,
-  option: () => option,
-  output: () => output,
-  p: () => p,
-  param: () => param,
-  picture: () => picture,
-  portal: () => portal,
-  pre: () => pre,
-  progress: () => progress,
-  q: () => q,
-  reactive: () => reactive,
-  reactiveAs: () => reactiveAs,
-  renderChunked: () => renderChunked,
-  renderJson: () => renderJson,
-  renderJsonToString: () => renderJsonToString,
-  renderToHead: () => renderToHead,
-  renderToString: () => renderToString,
-  renderVNode: () => renderVNode,
-  renderVNodeToString: () => renderVNodeToString,
-  routerLink: () => routerLink,
-  rp: () => rp,
-  rt: () => rt,
-  ruby: () => ruby,
-  s: () => s,
-  samp: () => samp,
-  script: () => script,
-  section: () => section,
-  select: () => select,
-  setTitle: () => setTitle,
-  slot: () => slot,
-  small: () => small,
-  source: () => source,
-  span: () => span,
-  strong: () => strong,
-  style: () => style,
-  sub: () => sub,
-  summary: () => summary,
-  sup: () => sup,
-  svgAnimate: () => svgAnimate,
-  svgAnimateMotion: () => svgAnimateMotion,
-  svgAnimateTransform: () => svgAnimateTransform,
-  svgCircle: () => svgCircle,
-  svgClipPath: () => svgClipPath,
-  svgDefs: () => svgDefs,
-  svgEllipse: () => svgEllipse,
-  svgFeBlend: () => svgFeBlend,
-  svgFeColorMatrix: () => svgFeColorMatrix,
-  svgFeComponentTransfer: () => svgFeComponentTransfer,
-  svgFeComposite: () => svgFeComposite,
-  svgFeConvolveMatrix: () => svgFeConvolveMatrix,
-  svgFeDiffuseLighting: () => svgFeDiffuseLighting,
-  svgFeDisplacementMap: () => svgFeDisplacementMap,
-  svgFeFlood: () => svgFeFlood,
-  svgFeGaussianBlur: () => svgFeGaussianBlur,
-  svgFeMorphology: () => svgFeMorphology,
-  svgFeOffset: () => svgFeOffset,
-  svgFeSpecularLighting: () => svgFeSpecularLighting,
-  svgFeTile: () => svgFeTile,
-  svgFeTurbulence: () => svgFeTurbulence,
-  svgFilter: () => svgFilter,
-  svgForeignObject: () => svgForeignObject,
-  svgG: () => svgG,
-  svgImage: () => svgImage,
-  svgLine: () => svgLine,
-  svgLinearGradient: () => svgLinearGradient,
-  svgMarker: () => svgMarker,
-  svgMask: () => svgMask,
-  svgPath: () => svgPath,
-  svgPattern: () => svgPattern,
-  svgPolygon: () => svgPolygon,
-  svgPolyline: () => svgPolyline,
-  svgRadialGradient: () => svgRadialGradient,
-  svgRect: () => svgRect,
-  svgSet: () => svgSet,
-  svgStop: () => svgStop,
-  svgSvg: () => svgSvg,
-  svgSymbol: () => svgSymbol,
-  svgText: () => svgText,
-  svgTspan: () => svgTspan,
-  svgUse: () => svgUse,
-  table: () => table,
-  tbody: () => tbody,
-  td: () => td,
-  template: () => template,
-  text: () => text,
-  textarea: () => textarea,
-  tfoot: () => tfoot,
-  th: () => th,
-  thead: () => thead,
-  throttle: () => throttle,
-  time: () => time,
-  title: () => title,
-  tr: () => tr,
-  track: () => track,
-  u: () => u,
-  ul: () => ul,
-  vNodeJsonToVNode: () => vNodeJsonToVNode,
-  varElement: () => varElement,
-  video: () => video,
-  wbr: () => wbr
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/DomNode.ts
-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 = vNode.tagName;
-    const isSVG = tagName === "svg" || tagName[0] === "s" && tagName[1] === "v" && tagName[2] === "g" || parent.namespaceURI === "http://www.w3.org/2000/svg";
-    const el = isSVG ? document.createElementNS("http://www.w3.org/2000/svg", tagName.replace("svg", "").toLowerCase() || tagName) : document.createElement(tagName);
-    const props = vNode.props;
-    for (const key in props) {
-      const value = props[key];
-      if (value == null || value === false) continue;
-      const c = key.charCodeAt(0);
-      if (c === 99) {
-        if (key.length < 6 || key[5] === "N") {
-          const classValue = Array.isArray(value) ? value.join(" ") : value;
-          if (isSVG) {
-            el.setAttribute("class", classValue);
-          } else {
-            el.className = classValue;
-          }
-          continue;
-        }
-      } else if (c === 115 && key.length === 5) {
-        if (typeof value === "string") {
-          el.style.cssText = value;
-        } else {
-          const s2 = el.style;
-          for (const k in value) s2[k] = value[k];
-        }
-        continue;
-      } else if (c === 111 && key.charCodeAt(1) === 110) {
-        el[key.toLowerCase()] = value;
-        continue;
-      } else if (c === 100 && key.length > 20) {
-        el.innerHTML = value.__html;
-        continue;
-      } else if (c === 114 && key.length === 3) {
-        setTimeout(() => {
-          if (typeof value === "function") {
-            value(el);
-          } else if (value && "current" in value) {
-            value.current = el;
-          }
-        }, 0);
-        continue;
-      }
-      isSVG ? el.setAttributeNS(null, key, value === true ? "" : String(value)) : el.setAttribute(key, value === true ? "" : String(value));
-    }
-    const children = vNode.children;
-    const len = children.length;
-    if (len === 0) {
-      parent.appendChild(el);
-      return;
-    }
-    if (len > 30) {
-      const fragment = document.createDocumentFragment();
-      for (let i2 = 0; i2 < len; i2++) {
-        const child = children[i2];
-        if (child == null || child === false) continue;
-        if (Array.isArray(child)) {
-          const childLen = child.length;
-          for (let j = 0; j < childLen; j++) {
-            const c = child[j];
-            if (c != null && c !== false) {
-              this.renderToDOM(c, fragment);
-            }
-          }
-        } else {
-          this.renderToDOM(child, fragment);
-        }
-      }
-      el.appendChild(fragment);
-    } else {
-      for (let i2 = 0; i2 < len; i2++) {
-        const child = children[i2];
-        if (child == null || child === false) continue;
-        if (Array.isArray(child)) {
-          const childLen = child.length;
-          for (let j = 0; j < childLen; j++) {
-            const c = child[j];
-            if (c != null && c !== false) {
-              this.renderToDOM(c, el);
-            }
-          }
-        } else {
-          this.renderToDOM(child, el);
-        }
-      }
-    }
-    parent.appendChild(el);
-  }
-  render(rootElement, vNode) {
-    const el = typeof rootElement === "string" ? document.getElementById(rootElement.replace("#", "")) : rootElement;
-    if (!el) {
-      throw new Error(`Element not found: ${rootElement}`);
-    }
-    if (vNode.children && vNode.children.length > 500) {
-      const fragment = document.createDocumentFragment();
-      this.renderToDOM(vNode, fragment);
-      el.appendChild(fragment);
-    } else {
-      this.renderToDOM(vNode, el);
-    }
-    return el;
-  }
-  batchRender(rootElement, vNodes) {
-    const el = typeof rootElement === "string" ? document.getElementById(rootElement.replace("#", "")) : rootElement;
-    if (!el) {
-      throw new Error(`Element not found: ${rootElement}`);
-    }
-    const len = vNodes.length;
-    if (len > 3e3) {
-      const fragment = 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], fragment);
-        }
-        processed = end;
-        if (processed >= len) {
-          el.appendChild(fragment);
-        } else {
-          requestAnimationFrame(processChunk);
-        }
-      };
-      processChunk();
-    } else {
-      const fragment = document.createDocumentFragment();
-      for (let i2 = 0; i2 < len; i2++) {
-        this.renderToDOM(vNodes[i2], fragment);
-      }
-      el.appendChild(fragment);
-    }
-    return el;
-  }
-  renderChunked(rootElement, vNodes, chunkSize = 5e3, onProgress) {
-    const el = typeof rootElement === "string" ? document.getElementById(rootElement.replace("#", "")) : rootElement;
-    if (!el) {
-      throw new Error(`Element not found: ${rootElement}`);
-    }
-    const len = vNodes.length;
-    let index = 0;
-    const renderChunk = () => {
-      const end = Math.min(index + chunkSize, len);
-      const fragment = document.createDocumentFragment();
-      for (let i2 = index; i2 < end; i2++) {
-        this.renderToDOM(vNodes[i2], fragment);
-      }
-      el.appendChild(fragment);
-      index = end;
-      if (onProgress) onProgress(index, len);
-      if (index < len) {
-        requestAnimationFrame(renderChunk);
-      }
-    };
-    requestAnimationFrame(renderChunk);
-    return el;
-  }
-  renderToHead(...vNodes) {
-    const head2 = document.head;
-    if (head2) {
-      for (const vNode of vNodes.flat()) {
-        vNode && this.renderToDOM(vNode, head2);
-      }
-    }
-    return head2;
-  }
-  addStyle(cssText) {
-    const el = document.createElement("style");
-    el.textContent = cssText;
-    return document.head.appendChild(el);
-  }
-  addMeta(attrs) {
-    const el = document.createElement("meta");
-    for (const k in attrs) el.setAttribute(k, attrs[k]);
-    return document.head.appendChild(el);
-  }
-  addLink(attrs) {
-    const el = document.createElement("link");
-    for (const k in attrs) el.setAttribute(k, attrs[k]);
-    return document.head.appendChild(el);
-  }
-  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();
-        if (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(container, items, renderItem, itemHeight = 50, bufferSize = 5) {
-    const viewportHeight = container.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 render = () => {
-      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);
-      }
-      container.innerHTML = "";
-      container.appendChild(wrapper);
-    };
-    const scrollHandler = () => {
-      scrollTop = container.scrollTop;
-      requestAnimationFrame(render);
-    };
-    container.addEventListener("scroll", scrollHandler);
-    render();
-    return {
-      render,
-      destroy: () => {
-        container.removeEventListener("scroll", scrollHandler);
-        container.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((el) => el.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 (child == null || child === false) continue;
-          if (Array.isArray(child)) {
-            for (const c of child) {
-              if (c != null && c !== false) {
-                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 (child == null || child === false) continue;
-          if (Array.isArray(child)) {
-            for (const c of child) {
-              if (c != null && c !== false) {
-                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 styles = [];
-      for (const key in style2) {
-        const cssKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
-        styles.push(`${cssKey}:${style2[key]}`);
-      }
-      return styles.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 (json == null || typeof json === "boolean") {
-      return json;
-    }
-    if (typeof json === "string" || typeof json === "number") {
-      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 (json == null || typeof json === "boolean") {
-      return json;
-    }
-    if (typeof json === "string" || typeof json === "number") {
-      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);
-  }
-  // Expose elementCache for reactive updates
-  getElementCache() {
-    return this.elementCache;
-  }
-};
-var domNode = new DomNode();
-
-// src/state.ts
-var createState = (initial, options) => domNode.createState(initial, options);
-var computed = (states, fn) => domNode.computed(states, fn);
-var effect = (fn) => domNode.effect(fn);
-var batchRender = (container, vNodes) => domNode.batchRender(container, vNodes);
-var renderChunked = (container, vNodes, chunkSize, onProgress) => domNode.renderChunked(container, vNodes, chunkSize, onProgress);
-var createVirtualList = (container, items, renderItem, itemHeight, bufferSize) => domNode.createVirtualList(container, items, renderItem, itemHeight, bufferSize);
-var lazy = (loadFn) => domNode.lazy(loadFn);
-var cleanupUnused = (root) => domNode.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) => {
-    if (timer) clearTimeout(timer);
-    timer = setTimeout(() => fn(...args), delay);
-  };
-};
-
-// src/reactive.ts
-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;
-  state.subscribe(() => {
-    if (rafId) cancelAnimationFrame(rafId);
-    rafId = requestAnimationFrame(() => {
-      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 fragment = document.createDocumentFragment();
-          if (isVNodeResult && newResult && typeof newResult === "object" && "tagName" in newResult) {
-            const vnode = newResult;
-            const props = vnode.props;
-            for (const key in props) {
-              const value = props[key];
-              if (key === "ref") continue;
-              if (key === "class" || key === "className") {
-                elementRef.className = Array.isArray(value) ? value.join(" ") : value || "";
-              } else if (key === "style" && typeof value === "object") {
-                const s2 = elementRef.style;
-                for (const k in value) s2[k] = value[k];
-              } else if (key.startsWith("on")) {
-                elementRef[key.toLowerCase()] = value;
-              } else if (value != null && value !== false) {
-                elementRef.setAttribute(key, String(value === true ? "" : value));
-              } else {
-                elementRef.removeAttribute(key);
-              }
-            }
-            for (const child of vnode.children) {
-              domNode.renderToDOM(child, fragment);
-            }
-          } else {
-            domNode.renderToDOM(newResult, fragment);
-          }
-          elementRef.textContent = "";
-          elementRef.appendChild(fragment);
-          domNode.getElementCache().set(elementRef, true);
-        }
-      }
-      rafId = null;
-    });
-  });
-  const refCallback = (el) => {
-    elementRef = el;
-    if (initialIsNull && el.parentNode) {
-      placeholder = document.createComment("reactive");
-      el.parentNode.replaceChild(placeholder, el);
-      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(() => {
-    if (rafId) cancelAnimationFrame(rafId);
-    rafId = requestAnimationFrame(() => {
-      if (elementRef) {
-        const fragment = document.createDocumentFragment();
-        const newResult = renderFn(state.value);
-        if (newResult == null || newResult === false) {
-          elementRef.style.display = "none";
-          elementRef.textContent = "";
-        } else {
-          elementRef.style.display = "";
-          domNode.renderToDOM(newResult, fragment);
-          elementRef.textContent = "";
-          elementRef.appendChild(fragment);
-        }
-        domNode.getElementCache().set(elementRef, true);
-      }
-      rafId = null;
-    });
-  });
-  const refCallback = (el) => {
-    elementRef = el;
-  };
-  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/CreateStyle.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, styles) {
-    const rule = { selector: tag, styles, type: "tag" };
-    this.rules.push(rule);
-    return rule;
-  }
-  addClass(name, styles) {
-    const selector = name.startsWith(".") ? name : `.${name}`;
-    const rule = { selector, styles, type: "class" };
-    this.rules.push(rule);
-    return rule;
-  }
-  addId(name, styles) {
-    const selector = name.startsWith("#") ? name : `#${name}`;
-    const rule = { selector, styles, type: "id" };
-    this.rules.push(rule);
-    return rule;
-  }
-  // Pseudo Selectors
-  addPseudoClass(pseudo, styles, baseSelector) {
-    const pseudoClass = pseudo.startsWith(":") ? pseudo : `:${pseudo}`;
-    const selector = baseSelector ? `${baseSelector}${pseudoClass}` : pseudoClass;
-    const rule = { selector, styles, type: "pseudo-class" };
-    this.rules.push(rule);
-    return rule;
-  }
-  addPseudoElement(pseudo, styles, baseSelector) {
-    const pseudoElement = pseudo.startsWith("::") ? pseudo : `::${pseudo}`;
-    const selector = baseSelector ? `${baseSelector}${pseudoElement}` : pseudoElement;
-    const rule = { selector, styles, type: "pseudo-element" };
-    this.rules.push(rule);
-    return rule;
-  }
-  // Attribute Selectors
-  addAttribute(attr, styles, baseSelector) {
-    const attrSelector = attr.startsWith("[") ? attr : `[${attr}]`;
-    const selector = baseSelector ? `${baseSelector}${attrSelector}` : attrSelector;
-    const rule = { selector, styles, type: "attribute" };
-    this.rules.push(rule);
-    return rule;
-  }
-  attrEquals(attr, value, styles, baseSelector) {
-    return this.addAttribute(`${attr}="${value}"`, styles, baseSelector);
-  }
-  attrContainsWord(attr, value, styles, baseSelector) {
-    return this.addAttribute(`${attr}~="${value}"`, styles, baseSelector);
-  }
-  attrStartsWith(attr, value, styles, baseSelector) {
-    return this.addAttribute(`${attr}^="${value}"`, styles, baseSelector);
-  }
-  attrEndsWith(attr, value, styles, baseSelector) {
-    return this.addAttribute(`${attr}$="${value}"`, styles, baseSelector);
-  }
-  attrContains(attr, value, styles, baseSelector) {
-    return this.addAttribute(`${attr}*="${value}"`, styles, baseSelector);
-  }
-  // Combinator Selectors
-  descendant(ancestor, descendant, styles) {
-    const selector = `${ancestor} ${descendant}`;
-    const rule = { selector, styles, type: "custom" };
-    this.rules.push(rule);
-    return rule;
-  }
-  child(parent, childSel, styles) {
-    const selector = `${parent} > ${childSel}`;
-    const rule = { selector, styles, type: "custom" };
-    this.rules.push(rule);
-    return rule;
-  }
-  adjacentSibling(element, sibling, styles) {
-    const selector = `${element} + ${sibling}`;
-    const rule = { selector, styles, type: "custom" };
-    this.rules.push(rule);
-    return rule;
-  }
-  generalSibling(element, sibling, styles) {
-    const selector = `${element} ~ ${sibling}`;
-    const rule = { selector, styles, type: "custom" };
-    this.rules.push(rule);
-    return rule;
-  }
-  multiple(selectors, styles) {
-    const selector = selectors.join(", ");
-    const rule = { selector, styles, type: "custom" };
-    this.rules.push(rule);
-    return rule;
-  }
-  // Nesting (BEM-style)
-  addName(name, styles) {
-    const selector = name.startsWith("--") ? `&${name}` : `&--${name}`;
-    const rule = { selector, styles, type: "name" };
-    return rule;
-  }
-  nesting(parentRule, ...childRules) {
-    parentRule.nested = childRules;
-    return parentRule;
-  }
-  // @keyframes - Animations
-  keyframe(name, steps) {
-    const keyframeSteps = Object.entries(steps).map(([step, styles]) => ({
-      step: step === "from" ? "from" : step === "to" ? "to" : `${step}%`,
-      styles
-    }));
-    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 cssRules = Object.entries(rules).map(([selector, styles]) => ({
-      selector,
-      styles,
-      type: "custom"
-    }));
-    const mediaRule = { type, condition, rules: cssRules };
-    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 cssRules = Object.entries(rules).map(([selector, styles]) => ({
-      selector,
-      styles,
-      type: "custom"
-    }));
-    const mediaRule = { type: "", condition: "prefers-color-scheme: dark", rules: cssRules };
-    this.mediaRules.push(mediaRule);
-    return mediaRule;
-  }
-  mediaLight(rules) {
-    const cssRules = Object.entries(rules).map(([selector, styles]) => ({
-      selector,
-      styles,
-      type: "custom"
-    }));
-    const mediaRule = { type: "", condition: "prefers-color-scheme: light", rules: cssRules };
-    this.mediaRules.push(mediaRule);
-    return mediaRule;
-  }
-  mediaReducedMotion(rules) {
-    const cssRules = Object.entries(rules).map(([selector, styles]) => ({
-      selector,
-      styles,
-      type: "custom"
-    }));
-    const mediaRule = { type: "", condition: "prefers-reduced-motion: reduce", rules: cssRules };
-    this.mediaRules.push(mediaRule);
-    return mediaRule;
-  }
-  // @container - Container Queries
-  container(condition, rules, name) {
-    const cssRules = Object.entries(rules).map(([selector, styles]) => ({
-      selector,
-      styles,
-      type: "custom"
-    }));
-    const containerRule = { name, condition, rules: cssRules };
-    this.containerRules.push(containerRule);
-    return containerRule;
-  }
-  addContainer(name, styles) {
-    const containerStyles = { ...styles, containerName: name };
-    return this.addClass(name, containerStyles);
-  }
-  // @supports - Feature Queries
-  supports(condition, rules) {
-    const cssRules = Object.entries(rules).map(([selector, styles]) => ({
-      selector,
-      styles,
-      type: "custom"
-    }));
-    const supportsRule = { condition, rules: cssRules };
-    this.supportsRules.push(supportsRule);
-    return supportsRule;
-  }
-  // @layer - Cascade Layers
-  layerOrder(...layers) {
-    this._layerOrder = layers;
-  }
-  layer(name, rules) {
-    const cssRules = Object.entries(rules).map(([selector, styles]) => ({
-      selector,
-      styles,
-      type: "custom"
-    }));
-    const layerRule = { name, rules: cssRules };
-    this.layerRules.push(layerRule);
-    return layerRule;
-  }
-  // Custom Rules
-  add(rules) {
-    const cssRules = Object.entries(rules).map(([selector, styles]) => {
-      const rule = { selector, styles, 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();
-  }
-  stylesToString(styles, indent = "    ") {
-    return Object.entries(styles).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})`;
-    let css = `@media ${condition} {
-`;
-    for (const rule of media.rules) {
-      css += this.renderRule(rule, "    ") + "\n";
-    }
-    css += "}";
-    return css;
-  }
-  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(container) {
-    const nameStr = container.name ? `${container.name} ` : "";
-    let css = `@container ${nameStr}(${container.condition}) {
-`;
-    for (const rule of container.rules) {
-      css += this.renderRule(rule, "    ") + "\n";
-    }
-    css += "}";
-    return css;
-  }
-  renderSupportsRule(supports) {
-    let css = `@supports (${supports.condition}) {
-`;
-    for (const rule of supports.rules) {
-      css += this.renderRule(rule, "    ") + "\n";
-    }
-    css += "}";
-    return css;
-  }
-  renderLayerRule(layer) {
-    let css = `@layer ${layer.name} {
-`;
-    for (const rule of layer.rules) {
-      css += this.renderRule(rule, "    ") + "\n";
-    }
-    css += "}";
-    return css;
-  }
-  // 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 layer of allLayerRules) {
-      parts.push(this.renderLayerRule(layer));
-    }
-    for (const rule of allRules) {
-      parts.push(this.renderRule(rule));
-    }
-    for (const supports of allSupportsRules) {
-      parts.push(this.renderSupportsRule(supports));
-    }
-    for (const container of allContainerRules) {
-      parts.push(this.renderContainerRule(container));
-    }
-    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 = [];
-  }
-};
-
-// 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 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 = domNode.createState(parseLocation(getCurrentPath()));
-  const navigate = (path, replace = false) => {
-    const location = parseLocation(path);
-    const match = findRoute(location.path);
-    if (match) {
-      location.params = match.params;
-    }
-    for (const guard of globalGuards) {
-      const result = guard(location, currentRoute.value);
-      if (result === false) return;
-      if (typeof result === "string") {
-        navigate(result, replace);
-        return;
-      }
-    }
-    if (match?.route.beforeEnter) {
-      const result = match.route.beforeEnter(location, currentRoute.value);
-      if (result === false) return;
-      if (typeof result === "string") {
-        navigate(result, replace);
-        return;
-      }
-    }
-    const url = mode === "hash" ? "#" + path : base2 + path;
-    if (replace) {
-      window.history.replaceState({ path }, "", url);
-    } else {
-      window.history.pushState({ path }, "", url);
-    }
-    currentRoute.value = location;
-  };
-  const handlePopState = () => {
-    const path = getCurrentPath();
-    const location = parseLocation(path);
-    const match = findRoute(location.path);
-    if (match) {
-      location.params = match.params;
-    }
-    currentRoute.value = location;
-  };
-  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 location = router.currentRoute.value;
-    const match = routes.find((r) => matchRoute(r.path, location.path) !== null);
-    if (match) {
-      const params = matchRoute(match.path, location.path) || {};
-      const component = match.component({ ...params, ...location.query });
-      if (typeof component === "object" && component !== null && "tagName" in component) {
-        return component;
-      }
-      return { tagName: "span", props: {}, children: [component] };
-    }
-    if (notFound) {
-      const component = notFound(location.params);
-      if (typeof component === "object" && component !== null && "tagName" in component) {
-        return component;
-      }
-      return { tagName: "span", props: {}, children: [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/elements.ts
-var createElementFactory = (tag) => {
-  return function(props, ...rest) {
-    if (arguments.length === 0) {
-      return { tagName: tag, props: {}, children: [] };
-    }
-    let actualProps = {};
-    let startIndex = 1;
-    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;
-    if (isChild) {
-      actualProps = {};
-      startIndex = 0;
-    } else {
-      actualProps = props;
-    }
-    const args = startIndex === 0 ? [props, ...rest] : rest;
-    if (args.length === 0) {
-      return { tagName: tag, props: actualProps, children: [] };
-    }
-    if (args.length === 1) {
-      const child = args[0];
-      if (child == null || child === false) {
-        return { tagName: tag, props: actualProps, children: [] };
-      }
-      if (Array.isArray(child)) {
-        const flatChildren2 = [];
-        const len = child.length;
-        for (let j = 0; j < len; j++) {
-          const c = child[j];
-          if (c != null && c !== false) {
-            flatChildren2.push(c);
-          }
-        }
-        return { tagName: tag, props: actualProps, children: flatChildren2 };
-      }
-      return { tagName: tag, props: actualProps, children: [child] };
-    }
-    const flatChildren = [];
-    for (let i2 = 0; i2 < args.length; i2++) {
-      const child = args[i2];
-      if (child == null || child === false) continue;
-      if (Array.isArray(child)) {
-        const len = child.length;
-        for (let j = 0; j < len; j++) {
-          const c = child[j];
-          if (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);
-});
-svgTags.forEach((tag) => {
-  const name = "svg" + tag.charAt(0).toUpperCase() + tag.slice(1);
-  elements[name] = createElementFactory(tag);
-});
-mathTags.forEach((tag) => {
-  const name = "math" + tag.charAt(0).toUpperCase() + tag.slice(1);
-  elements[name] = createElementFactory(tag);
-});
-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;
-
-// src/index.ts
-var renderToHead = (...vNodes) => domNode.renderToHead(...vNodes);
-var addStyle = (css) => domNode.addStyle(css);
-var addMeta = (attrs) => domNode.addMeta(attrs);
-var addLink = (attrs) => domNode.addLink(attrs);
-var setTitle = (text2) => domNode.setTitle(text2);
-var renderToString = (vNode, options) => domNode.renderToString(vNode, options);
-var jsonToVNode = (json) => domNode.jsonToVNode(json);
-var renderJson = (container, json) => domNode.renderJson(container, json);
-var renderJsonToString = (json, options) => domNode.renderJsonToString(json, options);
-var vNodeJsonToVNode = (json) => domNode.vNodeJsonToVNode(json);
-var renderVNode = (container, json) => domNode.renderVNode(container, json);
-var renderVNodeToString = (json, options) => domNode.renderVNodeToString(json, options);
-if (typeof window !== "undefined") {
-  Object.assign(window, {
-    domNode,
-    createElementFactory,
-    renderToHead,
-    addStyle,
-    addMeta,
-    addLink,
-    setTitle,
-    createState,
-    computed,
-    effect,
-    reactive,
-    reactiveAs,
-    text,
-    bindValue,
-    bindChecked,
-    batchRender,
-    renderChunked,
-    createVirtualList,
-    lazy,
-    cleanupUnused,
-    renderToString,
-    jsonToVNode,
-    renderJson,
-    renderJsonToString,
-    vNodeJsonToVNode,
-    renderVNode,
-    renderVNodeToString,
-    throttle,
-    debounce,
-    CreateStyle,
-    createRouter,
-    createRouterView,
-    routerLink,
-    ...elements
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CreateStyle,
-  DomNode,
-  a,
-  abbr,
-  addLink,
-  addMeta,
-  addStyle,
-  address,
-  area,
-  article,
-  aside,
-  audio,
-  b,
-  base,
-  batchRender,
-  bdi,
-  bdo,
-  bindChecked,
-  bindValue,
-  blockquote,
-  body,
-  br,
-  button,
-  canvas,
-  caption,
-  cite,
-  cleanupUnused,
-  code,
-  col,
-  colgroup,
-  computed,
-  createElementFactory,
-  createRouter,
-  createRouterView,
-  createState,
-  createVirtualList,
-  data,
-  datalist,
-  dd,
-  debounce,
-  del,
-  details,
-  dfn,
-  dialog,
-  div,
-  dl,
-  domNode,
-  dt,
-  effect,
-  elements,
-  em,
-  embed,
-  fieldset,
-  figcaption,
-  figure,
-  footer,
-  form,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  head,
-  header,
-  hr,
-  html,
-  i,
-  iframe,
-  img,
-  input,
-  ins,
-  jsonToVNode,
-  kbd,
-  label,
-  lazy,
-  legend,
-  li,
-  link,
-  main,
-  map,
-  mark,
-  mathMath,
-  mathMfrac,
-  mathMi,
-  mathMn,
-  mathMo,
-  mathMroot,
-  mathMrow,
-  mathMs,
-  mathMsqrt,
-  mathMsub,
-  mathMsup,
-  mathMtext,
-  menu,
-  meta,
-  meter,
-  nav,
-  noscript,
-  object,
-  ol,
-  optgroup,
-  option,
-  output,
-  p,
-  param,
-  picture,
-  portal,
-  pre,
-  progress,
-  q,
-  reactive,
-  reactiveAs,
-  renderChunked,
-  renderJson,
-  renderJsonToString,
-  renderToHead,
-  renderToString,
-  renderVNode,
-  renderVNodeToString,
-  routerLink,
-  rp,
-  rt,
-  ruby,
-  s,
-  samp,
-  script,
-  section,
-  select,
-  setTitle,
-  slot,
-  small,
-  source,
-  span,
-  strong,
-  style,
-  sub,
-  summary,
-  sup,
-  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,
-  textarea,
-  tfoot,
-  th,
-  thead,
-  throttle,
-  time,
-  title,
-  tr,
-  track,
-  u,
-  ul,
-  vNodeJsonToVNode,
-  varElement,
-  video,
-  wbr
-});
+"use strict";var e,t=require("http"),r=require("https"),s=require("ws"),o=require("chokidar"),n=require("fs/promises"),i=require("path"),a=require("mime-types"),l=require("esbuild"),p=require("fs"),c=(e=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(e,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):e),d=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:o}=e,n="svg"===r||"s"===r[0]&&"v"===r[1]&&"g"===r[2]||"http://www.w3.org/2000/svg"===t.namespaceURI,i=n?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;n?i.setAttribute("class",e):i.className=e}else if(115===r&&5===e.length)if("string"==typeof t)i.style.cssText=t;else{let e=i.style;for(let r in t)e[r]=t[r]}else 111===r&&110===e.charCodeAt(1)?i[e.toLowerCase()]=t:100===r&&e.length>20?i.innerHTML=t.__html:114===r&&3===e.length?setTimeout(()=>{"function"==typeof t?t(i):t.current=i},0):i.setAttribute(e,!0===t?"":String(t))}let a=o.length;if(!a)return void t.appendChild(i);let l=e=>{for(let t=0;t<a;t++){let r=o[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(a>30){let e=document.createDocumentFragment();l(e),i.appendChild(e)}else l(i);t.appendChild(i)}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(),o=0,n=1500,i=()=>{let a=Math.min(o+n,s);for(let r=o;r<a;r++)this.renderToDOM(t[r],e);o=a,o>=s?r.appendChild(e):requestAnimationFrame(i)};i()}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 o="string"==typeof e?document.getElementById(e.replace("#","")):e;if(!o)throw new Error(`Element not found: ${e}`);let n=t.length,i=0,a=()=>{let e=Math.min(i+r,n),l=document.createDocumentFragment();for(let r=i;r<e;r++)this.renderToDOM(t[r],l);o.appendChild(l),i=e,s&&s(i,n),i<n&&requestAnimationFrame(a)};return requestAnimationFrame(a),o}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,o=null,{throttle:n=0,deep:i=!1}=t,a=()=>s.forEach(e=>e(r));return{get value(){return r},set value(e){(i?JSON.stringify(r)!==JSON.stringify(e):r!==e)&&(r=e,n>0?o||(o=setTimeout(()=>{o=null,a()},n)):a())},subscribe:e=>(s.add(e),()=>s.delete(e)),destroy(){s.clear(),o&&clearTimeout(o)}}}computed(e,t){let r=e.map(e=>e.value),s=this.createState(t(...r));return e.forEach((e,o)=>{e.subscribe(e=>{r[o]=e,s.value=t(...r)})}),s}effect(e){e()}createVirtualList(e,t,r,s=50,o=5){let n=e.clientHeight,i=t.length*s,a=0,l=()=>{let{start:l,end:p}={start:Math.max(0,Math.floor(a/s)-o),end:Math.min(t.length,Math.ceil((a+n)/s)+o)},c=document.createElement("div");c.style.cssText=`height:${i}px;position:relative`;for(let e=l;e<p;e++){let o=document.createElement("div");o.style.cssText=`position:absolute;top:${e*s}px;height:${s}px;width:100%`,this.renderToDOM(r(t[e],e),o),c.appendChild(o)}e.innerHTML="",e.appendChild(c)},p=()=>{a=e.scrollTop,requestAnimationFrame(l)};return e.addEventListener("scroll",p),l(),{render:l,destroy:()=>{e.removeEventListener("scroll",p),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,o=r?"  ".repeat(s):"",n=r?"\n":"",i=this.resolveStateValue(e);if(i=this.unwrapReactive(i),Array.isArray(i))return i.map(e=>this.renderToString(e,t)).join("");if("object"!=typeof i||null===i)return null==i||!1===i?"":this.escapeHtml(String(i));let{tagName:a,props:l,children:p}=i,c=this.isSelfClosingTag(a),d=`${o}<${a}`,u=this.propsToAttributes(l);if(u&&(d+=` ${u}`),c)return d+=` />${n}`,d;if(d+=">",l.dangerouslySetInnerHTML)return d+=l.dangerouslySetInnerHTML.__html,d+=`</${a}>${n}`,d;if(p&&p.length>0){let e=p.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){d+=n;for(let t of e)if(null!=t&&!1!==t)if(Array.isArray(t))for(let e of t)null!=e&&!1!==e&&(d+=this.renderToString(e,{pretty:r,indent:s+1}));else d+=this.renderToString(t,{pretty:r,indent:s+1});d+=o}else for(let t of e)if(null!=t&&!1!==t)if(Array.isArray(t))for(let e of t)null!=e&&!1!==e&&(d+=this.renderToString(e,{pretty:!1,indent:0}));else d+=this.renderToString(t,{pretty:!1,indent:0})}return d+=`</${a}>${n}`,d}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,o={};for(let e in r){let t=r[e];"class"===e?o.className=this.isState(t)?t.value:t:o[e]=this.isState(t)?t.value:t}let n=[];if(null!=s)if(Array.isArray(s))for(let e of s)if(this.isState(e))n.push(this.createReactiveChild(e,e=>e));else{let t=this.jsonToVNode(e);null!=t&&!1!==t&&n.push(t)}else if(this.isState(s))n.push(this.createReactiveChild(s,e=>e));else if("object"==typeof s&&"tag"in s){let e=this.jsonToVNode(s);null!=e&&!1!==e&&n.push(e)}else n.push(s);return{tagName:t,props:o,children:n}}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,o={};for(let e in r){let t=r[e];o[e]=this.isState(t)?t.value:t}let n=[];for(let e of s)if(this.isState(e))n.push(this.createReactiveChild(e,e=>e));else{let t=this.vNodeJsonToVNode(e);null!=t&&!1!==t&&n.push(t)}return{tagName:t,props:o,children:n}}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:o=[],scripts:n=[],styles:i=[],lang:a="en",head:l="",bodyAttrs:p={},pretty:c=!1}=t,d=c?"\n":"",u=c?"  ":"",h=c?"    ":"",g=`<!DOCTYPE html>${d}<html lang="${a}">${d}${u}<head>${d}${h}<meta charset="UTF-8">${d}${h}<meta name="viewport" content="width=device-width, initial-scale=1.0">${d}`;r&&(g+=`${h}<title>${this.escapeHtml(r)}</title>${d}`);for(let e of s){g+=`${h}<meta`;for(let t in e)g+=` ${t}="${this.escapeHtml(e[t])}"`;g+=`>${d}`}for(let e of o){g+=`${h}<link`;for(let t in e)g+=` ${t}="${this.escapeHtml(e[t])}"`;g+=`>${d}`}for(let e of i)e.href?g+=`${h}<link rel="stylesheet" href="${this.escapeHtml(e.href)}">${d}`:e.content&&(g+=`${h}<style>${e.content}</style>${d}`);l&&(g+=l+d),g+=`${u}</head>${d}${u}<body`;for(let e in p)g+=` ${e}="${this.escapeHtml(p[e])}"`;g+=`>${d}`,g+=this.renderToString(e,{pretty:c,indent:2});for(let e of n)g+=`${h}<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>${d}`:e.content?g+=`>${e.content}<\/script>${d}`:g+=`><\/script>${d}`;return g+=`${u}</body>${d}</html>`,g}getElementCache(){return this.elementCache}},u=new d,h=(e,t)=>u.createState(e,t),g=class{constructor(e,t,r){this.key=e,this.wsUrl=r,this.ws=null,this.pendingUpdates=[],this.localState=h(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()}};var m=new class{constructor(){this.states=new Map}create(e,t,r){if(this.states.has(e))return this.states.get(e);let s=new g(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()}},f=(e,t)=>{let r=null,s=null,o=null,n=!0,i=t(e.value),a=i&&"object"==typeof i&&"tagName"in i,l=null==i||!1===i;e.subscribe(()=>{r&&cancelAnimationFrame(r),r=requestAnimationFrame(()=>{(()=>{if(!s&&!o)return;let r=t(e.value);if(null==r||!1===r)n&&s&&(o=document.createComment("reactive"),s.parentNode?.replaceChild(o,s),n=!1);else if(!n&&o&&s&&(o.parentNode?.replaceChild(s,o),o=null,n=!0),s){let e=document.createDocumentFragment();if(a&&r&&"object"==typeof r&&"tagName"in r){let{props:t,children:o}=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 o)u.renderToDOM(t,e)}else u.renderToDOM(r,e);s.textContent="",s.appendChild(e),u.getElementCache().set(s,!0)}})(),r=null})});let p=e=>{s=e,l&&e.parentNode&&(o=document.createComment("reactive"),e.parentNode.replaceChild(o,e),n=!1)};if(a){let e=i;return{tagName:e.tagName,props:{...e.props,ref:p},children:e.children}}return{tagName:"span",props:{ref:p},children:[i]}},y=e=>function(t,...r){if(!arguments.length)return{tagName:e,props:{},children:[]};let s=t&&"object"==typeof t&&"value"in t&&"subscribe"in t,o=t&&"object"==typeof t&&"tagName"in t,n="object"!=typeof t||Array.isArray(t)||null===t||s||o,i=n?{}:t,a=n?[t,...r]:r;if(!a.length)return{tagName:e,props:i,children:[]};let l=[];for(let e=0,t=a.length;e<t;e++){let t=a[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:i,children:l}},v={};["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=>{v[e]=y(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);v[t]=y(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);v[t]=y(e)}),v.varElement=y("var");var{head:x,body:b,title:w,base:$,link:S,meta:E,style:T,address:C,article:N,aside:M,footer:R,header:k,h1:j,h2:F,h3:H,h4:O,h5:A,h6:D,main:P,nav:W,section:L,blockquote:q,dd:B,div:U,dl:I,dt:J,figcaption:V,figure:_,hr:G,li:z,ol:K,p:X,pre:Z,ul:Y,a:Q,abbr:ee,b:te,bdi:re,bdo:se,br:oe,cite:ne,code:ie,data:ae,dfn:le,em:pe,i:ce,kbd:de,mark:ue,q:he,rp:ge,rt:me,ruby:fe,s:ye,samp:ve,small:xe,span:be,strong:we,sub:$e,sup:Se,time:Ee,u:Te,wbr:Ce,area:Ne,audio:Me,img:Re,map:ke,track:je,video:Fe,embed:He,iframe:Oe,object:Ae,param:De,picture:Pe,portal:We,source:Le,canvas:qe,noscript:Be,script:Ue,del:Ie,ins:Je,caption:Ve,col:_e,colgroup:Ge,table:ze,tbody:Ke,td:Xe,tfoot:Ze,th:Ye,thead:Qe,tr:et,button:tt,datalist:rt,fieldset:st,form:ot,input:nt,label:it,legend:at,meter:lt,optgroup:pt,option:ct,output:dt,progress:ut,select:ht,textarea:gt,details:mt,dialog:ft,menu:yt,summary:vt,slot:xt,template:bt,svgSvg:wt,svgCircle:$t,svgRect:St,svgPath:Et,svgLine:Tt,svgPolyline:Ct,svgPolygon:Nt,svgEllipse:Mt,svgG:Rt,svgText:kt,svgTspan:jt,svgDefs:Ft,svgLinearGradient:Ht,svgRadialGradient:Ot,svgStop:At,svgPattern:Dt,svgMask:Pt,svgClipPath:Wt,svgUse:Lt,svgSymbol:qt,svgMarker:Bt,svgImage:Ut,svgForeignObject:It,svgAnimate:Jt,svgAnimateTransform:Vt,svgAnimateMotion:_t,svgSet:Gt,svgFilter:zt,svgFeBlend:Kt,svgFeColorMatrix:Xt,svgFeComponentTransfer:Zt,svgFeComposite:Yt,svgFeConvolveMatrix:Qt,svgFeDiffuseLighting:er,svgFeDisplacementMap:tr,svgFeFlood:rr,svgFeGaussianBlur:sr,svgFeMorphology:or,svgFeOffset:nr,svgFeSpecularLighting:ir,svgFeTile:ar,svgFeTurbulence:lr,mathMath:pr,mathMi:cr,mathMn:dr,mathMo:ur,mathMs:hr,mathMtext:gr,mathMrow:mr,mathMfrac:fr,mathMsqrt:yr,mathMroot:vr,mathMsub:xr,mathMsup:br,varElement:wr}=v,$r=v,Sr=document,Er=Sr.querySelector.bind(Sr),Tr=Sr.querySelectorAll.bind(Sr),Cr=Sr.createElement.bind(Sr),Nr=Sr.createElementNS.bind(Sr,"http://www.w3.org/2000/svg"),Mr=Sr.createElementNS.bind(Sr,"http://www.w3.org/1998/Math/MathML"),Rr=Sr.createDocumentFragment.bind(Sr),kr=Sr.createTextNode.bind(Sr),jr=Sr.createComment.bind(Sr),Fr=Sr.getElementById.bind(Sr),Hr=Sr.getElementsByClassName.bind(Sr),Or=Sr.getElementsByTagName.bind(Sr),Ar=Sr.getElementsByName.bind(Sr);function Dr(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 o={};for(let e=0;e<r.length;e++){let t=r[e],n=s[e];if(t.startsWith(":"))o[t.slice(1)]=decodeURIComponent(n);else if(t!==n)return null}return o}var Pr=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:o}=this.pathToRegex(t);return this.routes.push({method:e,pattern:s,paramNames:o,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||"/",o=s.split("?")[0];for(let n of this.routes){if(n.method!==r)continue;let i=o.match(n.pattern);if(!i)continue;let a={};n.paramNames.forEach((e,t)=>{a[e]=i[t+1]});let l=this.parseQuery(s),p={};if(["POST","PUT","PATCH"].includes(r))try{p=await this.parseBody(e)}catch{return t.writeHead(400,{"Content-Type":"application/json"}),t.end(JSON.stringify({error:"Invalid request body"})),!0}let c={req:e,res:t,params:a,query:l,body:p,headers:e.headers},d=0,u=async()=>{if(d<this.middlewares.length){let e=this.middlewares[d++];await e(c,u)}};try{await u(),await n.handler(c)}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}};function Wr(e){return async(s,o)=>{let n=s.url||"/",i=n.split("?")[0],a=e.find(e=>i.startsWith(e.context));if(!a)return!1;let{target:l,changeOrigin:p,pathRewrite:c,headers:d}=a;try{let e=new URL(l),i="https:"===e.protocol,a=i?r.request:t.request,u=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}(n,c),h={hostname:e.hostname,port:e.port||(i?443:80),path:u,method:s.method,headers:{...s.headers,...d||{}}};p&&(h.headers.host=e.host),delete h.headers.host;let g=a(h,e=>{o.writeHead(e.statusCode||200,e.headers),e.pipe(o)});return g.on("error",e=>{console.error("[Proxy] Error proxying %s to %s:",n,l,e.message),o.headersSent||(o.writeHead(502,{"Content-Type":"application/json"}),o.end(JSON.stringify({error:"Bad Gateway",message:"Proxy error"})))}),s.pipe(g),!0}catch(e){return console.error("[Proxy] Invalid proxy configuration for %s:",i,e),!1}}}var Lr=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.WebSocket.OPEN&&t.send(e))}sendTo(e){e.readyState===s.WebSocket.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()}},qr=class{constructor(){this.states=new Map}create(e,t){if(this.states.has(e))return this.states.get(e);let r=new Lr(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()}},Br={port:3e3,host:"localhost",https:!1,open:!0,watch:["**/*.ts","**/*.js","**/*.html","**/*.css"],ignore:["node_modules/**","dist/**",".git/**","**/*.d.ts"],logging:!0,middleware:[],worker:[]};var Ur=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__=Ur);var Ir=Ur,Jr={outDir:"dist",minify:!0,sourcemap:!1,target:"es2020",format:"esm",treeshake:!0,logging:!0,external:[]};function Vr(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]}var _r=["elit.config.ts","elit.config.js","elit.config.mjs","elit.config.cjs","elit.config.json"];async function Gr(e){let t=e.split(".").pop();if("json"===t){let t=p.readFileSync(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")}}exports.ApiRouter=Pr,exports.CreateStyle=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}`,o={selector:r?`${r}${s}`:s,styles:t,type:"pseudo-class"};return this.rules.push(o),o}addPseudoElement(e,t,r){let s=e.startsWith("::")?e:`::${e}`,o={selector:r?`${r}${s}`:s,styles:t,type:"pseudo-element"};return this.rules.push(o),o}addAttribute(e,t,r){let s=e.startsWith("[")?e:`[${e}]`,o={selector:r?`${r}${s}`:s,styles:t,type:"attribute"};return this.rules.push(o),o}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],o=[],n=[...this.containerRules],i=[...this.supportsRules],a=[...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?o.push(t):"name"in t&&"rules"in t?a.push(t):r.push(t):"type"in t?s.push(t):"name"in t&&"string"==typeof t.name?n.push(t):i.push(t));for(let e of o)t.push(this.renderKeyframes(e));for(let e of a)t.push(this.renderLayerRule(e));for(let e of r)t.push(this.renderRule(e));for(let e of i)t.push(this.renderSupportsRule(e));for(let e of n)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=[]}},exports.DomNode=d,exports.ServerRouter=Pr,exports.SharedState=Lr,exports.StateManager=qr,exports.a=Q,exports.abbr=ee,exports.address=C,exports.area=Ne,exports.article=N,exports.aside=M,exports.audio=Me,exports.b=te,exports.base=$,exports.batchRender=(e,t)=>u.batchRender(e,t),exports.bdi=re,exports.bdo=se,exports.bindChecked=e=>({checked:e.value,onchange:t=>{e.value=t.target.checked}}),exports.bindValue=e=>({value:e.value,oninput:t=>{e.value=t.target.value}}),exports.blockquote=q,exports.body=b,exports.bodyLimit=function(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()}},exports.br=oe,exports.build=async function(e){let t={...Jr,...e},r=Date.now();if(!t.entry)throw new Error("Entry file is required");let s=i.resolve(t.entry),o=i.resolve(t.outDir),n=t.outFile;if(!n){n=i.basename(t.entry,i.extname(t.entry))+("cjs"===t.format?".cjs":".js")}let a=i.join(o,n);try{p.mkdirSync(o,{recursive:!0})}catch{}t.logging&&(console.log("\n🔨 Building..."),console.log(`  Entry:  ${t.entry}`),console.log(`  Output: ${a}`),console.log(`  Format: ${t.format}`),console.log(`  Target: ${t.target}`));let c={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"),n="browser"===e?[c]:[],d={};t.env&&(Object.entries(t.env).forEach(([e,t])=>{e.startsWith("VITE_")&&(d[`import.meta.env.${e}`]=JSON.stringify(t))}),t.env.MODE&&(d["import.meta.env.MODE"]=JSON.stringify(t.env.MODE)),d["import.meta.env.DEV"]=JSON.stringify("production"!==t.env.MODE),d["import.meta.env.PROD"]=JSON.stringify("production"===t.env.MODE));let u=await l.build({entryPoints:[s],bundle:!0,outfile:a,format:t.format,target:t.target,minify:t.minify,sourcemap:t.sourcemap,external:t.external,treeShaking:t.treeshake,globalName:t.globalName,platform:e,plugins:n,define:d,logLevel:t.logging?"info":"silent",metafile:!0,...t.minify&&{minifyWhitespace:!0,minifyIdentifiers:!0,minifySyntax:!0,legalComments:"none",mangleProps:/^_/,keepNames:!1}}),h=Date.now()-r,g=p.statSync(a).size;if(t.logging&&(console.log("\n✅ Build successful!"),console.log(`  Time: ${h}ms`),console.log(`  Size: ${Vr(g)}`),u.metafile)){let e=Object.keys(u.metafile.inputs).length;console.log(`  Files: ${e} input(s)`);let t=Object.keys(u.metafile.outputs);if(t.length>0){let e=u.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)} ${Vr(t.bytesInOutput)}`)}))}}}let m={outputPath:a,buildTime:h,size:g};if(t.copy&&t.copy.length>0){t.logging&&console.log("\n📦 Copying files...");for(let e of t.copy){let r=i.resolve(e.from),s=i.resolve(o,e.to),n=i.dirname(s);if(p.existsSync(n)||p.mkdirSync(n,{recursive:!0}),p.existsSync(r)){if(e.transform){let o=p.readFileSync(r,"utf-8"),n=e.transform(o,t);p.writeFileSync(s,n)}else p.copyFileSync(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(m),t.logging&&console.log(""),m}catch(e){throw t.logging&&(console.error("\n❌ Build failed:"),console.error(e)),e}},exports.button=tt,exports.cacheControl=function(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()}},exports.canvas=qe,exports.caption=Ve,exports.cite=ne,exports.cleanupUnused=e=>u.cleanupUnusedElements(e),exports.code=ie,exports.col=_e,exports.colgroup=Ge,exports.commentNode=jr,exports.compress=function(){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 o=Buffer.concat(s),{gzipSync:n}=c("zlib"),i=n(o);return e.res.setHeader("Content-Encoding","gzip"),e.res.setHeader("Content-Length",i.length),r(i),e.res},await t()}},exports.computed=(e,t)=>u.computed(e,t),exports.cors=function(e={}){let{origin:t="*",methods:r=["GET","POST","PUT","DELETE","PATCH","OPTIONS"],credentials:s=!0,maxAge:o=86400}=e;return async(e,n)=>{let i=e.req.headers.origin||"",a=Array.isArray(t)&&t.includes(i)?i:Array.isArray(t)?"":t;if(a&&e.res.setHeader("Access-Control-Allow-Origin",a),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(o)),"OPTIONS"===e.req.method)return e.res.writeHead(204),void e.res.end();await n()}},exports.createDevServer=function(e){let r={...Br,...e},p=new Set,d=new qr,h=r.clients?.length?r.clients:r.root?[{root:r.root,basePath:r.basePath||"",ssr:r.ssr,proxy:r.proxy}]:null;if(!h)throw new Error('DevServerOptions must include either "clients" array or "root" directory');let g=h.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?Wr(e.proxy):void 0}}),m=r.proxy?Wr(r.proxy):null,f=t.createServer(async(e,t)=>{let s=e.url||"/",o=g.find(e=>e.basePath&&s.startsWith(e.basePath))||g.find(e=>!e.basePath);if(!o)return t.writeHead(404,{"Content-Type":"text/plain"}),void t.end("404 Not Found");if(o.proxyHandler)try{if(await o.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(m)try{if(await m(e,t))return void(r.logging&&console.log(`[Proxy] ${e.method} ${s} -> proxied (global)`))}catch(e){console.error("[Proxy] Error (global):",e)}let a=o.basePath?s.slice(o.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,c=l.startsWith("/dist/"),d=i.normalize(l).replace(/\\/g,"/").replace(/^\/+/,"");if(d.includes(".."))return r.logging&&console.log(`[403] Path traversal attempt: ${l}`),t.writeHead(403,{"Content-Type":"text/plain"}),void t.end("403 Forbidden");p=d;let u,h=await n.realpath(i.resolve(o.root)),f=c?await n.realpath(i.resolve(o.root,"..")):h;try{if(u=await n.realpath(i.resolve(i.join(f,p))),!u.startsWith(f.endsWith(i.sep)?f:f+i.sep))return r.logging&&console.log(`[403] File access outside of root: ${u}`),t.writeHead(403,{"Content-Type":"text/plain"}),void t.end("403 Forbidden");r.logging&&"/src/pages"===l&&console.log(`[DEBUG] Initial resolve succeeded: ${u}`)}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 o=await n.realpath(i.resolve(i.join(f,s)));if(!o.startsWith(f.endsWith(i.sep)?f:f+i.sep))return r.logging&&console.log(`[403] Fallback TS path outside of root: ${o}`),t.writeHead(403,{"Content-Type":"text/plain"}),void t.end("403 Forbidden");e=o}catch{}}if(!e&&!p.includes("."))try{e=await n.realpath(i.resolve(i.join(f,p+".ts"))),r.logging&&console.log(`[DEBUG] Found: ${p}.ts`)}catch{try{e=await n.realpath(i.resolve(i.join(f,p+".js"))),r.logging&&console.log(`[DEBUG] Found: ${p}.js`)}catch{try{e=await n.realpath(i.resolve(i.join(f,p,"index.ts"))),r.logging&&console.log(`[DEBUG] Found: ${p}/index.ts`)}catch{try{e=await n.realpath(i.resolve(i.join(f,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");u=e}try{if((await n.stat(u)).isDirectory()){let e;r.logging&&console.log(`[DEBUG] Path is directory: ${u}, trying index files...`);try{e=await n.realpath(i.resolve(i.join(u,"index.ts"))),r.logging&&console.log("[DEBUG] Found index.ts in directory")}catch{try{e=await n.realpath(i.resolve(i.join(u,"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")}}u=e}}catch{return t.writeHead(404,{"Content-Type":"text/plain"}),void t.end("404 Not Found")}let v=await n.realpath(i.resolve(o.root,"..")),x=u.startsWith(h+i.sep)||u===h,b=c&&(u.startsWith(v+i.sep)||u===v);if(!x&&!b)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 n.stat(u)).isDirectory())try{let e=await n.realpath(i.resolve(i.join(u,"index.html")));return e.startsWith(h+i.sep)||e===h?(await n.stat(e),y(e,t,o)):(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 y(u,t,o)}catch{r.logging&&console.log(`[404] ${l}`),t.writeHead(404,{"Content-Type":"text/plain"}),t.end("404 Not Found")}});async function y(e,t,s){try{let o,p=await n.realpath(i.resolve(s.root)),d=await n.realpath(i.resolve(s.root,".."));try{o=await n.realpath(i.resolve(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,o=t.ssr();if("string"==typeof o)s=o;else if("object"==typeof o&&null!==o&&"tagName"in o){let e=o;s="html"===e.tagName?u.renderToString(e):`<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body>${u.renderToString(e)}</body></html>`}else s=String(o);let n=`<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>",`${n}</body>`):s+n,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 h=o.startsWith(p+i.sep)||o===p,g=o.startsWith(d+i.sep+"dist"+i.sep);if(!h&&!g)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 n.readFile(o),f=i.extname(o),y=a.lookup(o)||"application/octet-stream";if(".ts"===f||".tsx"===f)try{let e=await l.build({stdin:{contents:m.toString(),loader:".tsx"===f?"tsx":"ts",resolveDir:i.resolve(o,".."),sourcefile:o},format:"esm",target:"es2020",write:!1,bundle:!1,sourcemap:"inline"});m=Buffer.from(e.outputFiles[0].text),y="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>`,o=m.toString();if(s.basePath&&"/"!==s.basePath){let e=`<base href="${s.basePath}/">`;o.includes("<base")||(o.includes('<meta name="viewport"')?o=o.replace(/<meta name="viewport"[^>]*>/,t=>`${t}\n  ${e}`):o.includes("<head>")&&(o=o.replace("<head>",`<head>\n  ${e}`)))}o=o.includes("</head>")?o.replace("</head>",`${e}</head>`):o,o=o.includes("</body>")?o.replace("</body>",`${t}</body>`):o+t,m=Buffer.from(o)}let v={"Content-Type":y,"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(y)&&m.length>1024){let{gzipSync:e}=c("zlib"),r=e(m);v["Content-Encoding"]="gzip",v["Content-Length"]=r.length,t.writeHead(200,v),t.end(r)}else t.writeHead(200,v),t.end(m);r.logging&&console.log(`[200] ${i.relative(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 v=new s.WebSocketServer({server:f});v.on("connection",e=>{p.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?(d.subscribe(s.key,e),r.logging&&console.log(`[State] Client subscribed to "${s.key}"`)):"state:unsubscribe"===s.type?(d.unsubscribe(s.key,e),r.logging&&console.log(`[State] Client unsubscribed from "${s.key}"`)):"state:change"===s.type&&(d.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",()=>{p.delete(e),d.unsubscribeAll(e),r.logging&&console.log("[HMR] Client disconnected")})});let x=g.flatMap(e=>r.watch.map(t=>i.join(e.root,t))),b=o.watch(x,{ignored:r.ignore,ignoreInitial:!0,persistent:!0});b.on("change",e=>{r.logging&&console.log(`[HMR] File changed: ${e}`);let t=JSON.stringify({type:"update",path:e,timestamp:Date.now()});p.forEach(e=>e.readyState===s.WebSocket.OPEN&&e.send(t))}),b.on("add",e=>r.logging&&console.log(`[HMR] File added: ${e}`)),b.on("unlink",e=>r.logging&&console.log(`[HMR] File removed: ${e}`)),f.setMaxListeners(20),f.listen(r.port,r.host,()=>{if(r.logging){if(console.log("\n🚀 Elit Dev Server"),console.log(`\n  ➜ Local:   http://${r.host}:${r.port}`),g.length>1)console.log("  ➜ Clients:"),g.forEach(e=>{let t=`http://${r.host}:${r.port}${e.basePath}`;console.log(`     - ${t} → ${e.root}`)});else{let e=g[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&&g.length>0){let e=g[0],t=`http://${r.host}:${r.port}${e.basePath}`;(async()=>{let{default:e}=await import("open");await e(t)})().catch(()=>{})}});let w=!1,$=g[0],S=`http://${r.host}:${r.port}${$.basePath}`;return{server:f,wss:v,url:S,state:d,close:async()=>{if(!w)return w=!0,r.logging&&console.log("\n[Server] Shutting down..."),await b.close(),v.close(),p.forEach(e=>e.close()),p.clear(),new Promise(e=>{f.close(()=>{r.logging&&console.log("[Server] Closed"),e()})})}}},exports.createEl=Cr,exports.createElementFactory=y,exports.createMathEl=Mr,exports.createRouter=function(e){let{mode:t="history",base:r="",routes:s}=e,o=[],n=e=>{let t={};return new URLSearchParams(e).forEach((e,r)=>{t[r]=e}),t},i=()=>"hash"===t?window.location.hash.slice(1)||"/":window.location.pathname.replace(r,"")||"/",a=e=>{let[t,r=""]=e.split("?"),[s,o=""]=t.split("#");return{path:s||"/",params:{},query:n(r),hash:o?"#"+o:""}},l=e=>{for(let t of s){let r=Dr(t.path,e);if(null!==r)return{route:t,params:r}}return null},p=u.createState(a(i())),c=(e,s=!1)=>{let n=a(e),i=l(n.path);i&&(n.params=i.params);for(let e of o){let t=e(n,p.value);if(!1===t)return;if("string"==typeof t)return void c(t,s)}if(i?.route.beforeEnter){let e=i.route.beforeEnter(n,p.value);if(!1===e)return;if("string"==typeof e)return void c(e,s)}let d="hash"===t?"#"+e:r+e;s?window.history.replaceState({path:e},"",d):window.history.pushState({path:e},"",d),p.value=n},d=()=>{let e=i(),t=a(e),r=l(t.path);r&&(t.params=r.params),p.value=t};return typeof window<"u"&&window.addEventListener("popstate",d),{currentRoute:p,push:e=>c(e,!1),replace:e=>c(e,!0),back:()=>window.history.back(),forward:()=>window.history.forward(),go:e=>window.history.go(e),beforeEach:e=>{o.push(e)},destroy:()=>{typeof window<"u"&&window.removeEventListener("popstate",d),p.destroy()}}},exports.createRouterView=function(e,t){let{routes:r,notFound:s}=t;return()=>{let t=e.currentRoute.value,o=r.find(e=>null!==Dr(e.path,t.path));if(o){let e=Dr(o.path,t.path)||{},r=o.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"]}}},exports.createSharedState=function(e,t,r){return new g(e,t,r)},exports.createState=h,exports.createSvgEl=Nr,exports.createVirtualList=(e,t,r,s,o)=>u.createVirtualList(e,t,r,s,o),exports.data=ae,exports.datalist=rt,exports.dd=B,exports.debounce=(e,t)=>{let r=null;return(...s)=>{r&&clearTimeout(r),r=setTimeout(()=>e(...s),t)}},exports.defineConfig=function(e){return e},exports.del=Ie,exports.details=mt,exports.dfn=le,exports.dialog=ft,exports.div=U,exports.dl=I,exports.doc=Sr,exports.dom=u,exports.dt=J,exports.effect=e=>u.effect(e),exports.el=$r,exports.elements=v,exports.em=pe,exports.embed=He,exports.errorHandler=function(){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"})))}}},exports.fieldset=st,exports.figcaption=V,exports.figure=_,exports.footer=R,exports.form=ot,exports.fragment=Rr,exports.getEl=Er,exports.getElClass=Hr,exports.getElId=Fr,exports.getElName=Ar,exports.getElTag=Or,exports.getEls=Tr,exports.h1=j,exports.h2=F,exports.h3=H,exports.h4=O,exports.h5=A,exports.h6=D,exports.head=x,exports.header=k,exports.hmr=Ir,exports.hr=G,exports.html=(e,t,r=200)=>{e.writeHead(r,{"Content-Type":"text/html"}),e.end(t)},exports.i=ce,exports.iframe=Oe,exports.img=Re,exports.input=nt,exports.ins=Je,exports.json=(e,t,r=200)=>{e.writeHead(r,{"Content-Type":"application/json"}),e.end(JSON.stringify(t))},exports.kbd=de,exports.label=it,exports.lazy=e=>u.lazy(e),exports.legend=at,exports.li=z,exports.link=S,exports.loadConfig=async function(e=process.cwd()){for(let t of _r){let r=i.resolve(e,t);if(p.existsSync(r))try{return await Gr(r)}catch(e){throw console.error(`Error loading config file: ${t}`),console.error(e),e}}return null},exports.loadEnv=function(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=i.resolve(t,e);if(p.existsSync(s)){let e=p.readFileSync(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,o=t.trim();(o.startsWith('"')&&o.endsWith('"')||o.startsWith("'")&&o.endsWith("'"))&&(o=o.slice(1,-1)),e in r||(r[e]=o)}}}}return r},exports.logger=function(e={}){let{format:t="simple"}=e;return async(e,r)=>{let s=Date.now(),{method:o,url:n}=e.req;await r();let i=Date.now()-s,a=e.res.statusCode;console.log("detailed"===t?`[${(new Date).toISOString()}] ${o} ${n} ${a} - ${i}ms`:`${o} ${n} - ${a} (${i}ms)`)}},exports.main=P,exports.map=ke,exports.mark=ue,exports.mathMath=pr,exports.mathMfrac=fr,exports.mathMi=cr,exports.mathMn=dr,exports.mathMo=ur,exports.mathMroot=vr,exports.mathMrow=mr,exports.mathMs=hr,exports.mathMsqrt=yr,exports.mathMsub=xr,exports.mathMsup=br,exports.mathMtext=gr,exports.menu=yt,exports.mergeConfig=function(e,t){return e?{...e,...Object.fromEntries(Object.entries(t).filter(([e,t])=>void 0!==t))}:t},exports.meta=E,exports.meter=lt,exports.nav=W,exports.noscript=Be,exports.object=Ae,exports.ol=K,exports.optgroup=pt,exports.option=ct,exports.output=dt,exports.p=X,exports.param=De,exports.picture=Pe,exports.portal=We,exports.pre=Z,exports.progress=ut,exports.q=he,exports.rateLimit=function(e={}){let{windowMs:t=6e4,max:r=100,message:s="Too many requests"}=e,o=new Map;return async(e,n)=>{let i=e.req.socket.remoteAddress||"unknown",a=Date.now(),l=o.get(i);if((!l||a>l.resetTime)&&(l={count:0,resetTime:a+t},o.set(i,l)),++l.count>r)return e.res.writeHead(429,{"Content-Type":"application/json"}),void e.res.end(JSON.stringify({error:s}));await n()}},exports.reactive=f,exports.reactiveAs=(e,t,r,s={})=>{let o=null,n=null;return t.subscribe(()=>{o&&cancelAnimationFrame(o),o=requestAnimationFrame(()=>{if(n){let e=document.createDocumentFragment(),s=r(t.value);null==s||!1===s?(n.style.display="none",n.textContent=""):(n.style.display="",u.renderToDOM(s,e),n.textContent="",n.appendChild(e)),u.getElementCache().set(n,!0)}o=null})}),{tagName:e,props:{...s,ref:e=>{n=e}},children:[r(t.value)]}},exports.renderChunked=(e,t,r,s)=>u.renderChunked(e,t,r,s),exports.routerLink=(e,t,...r)=>({tagName:"a",props:{...t,href:t.to,onclick:r=>{r.preventDefault(),e.push(t.to)}},children:r}),exports.rp=ge,exports.rt=me,exports.ruby=fe,exports.s=ye,exports.samp=ve,exports.script=Ue,exports.section=L,exports.security=function(){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()}},exports.select=ht,exports.sendText=(e,t,r=200)=>{e.writeHead(r,{"Content-Type":"text/plain"}),e.end(t)},exports.sharedStateManager=m,exports.slot=xt,exports.small=xe,exports.source=Le,exports.span=be,exports.status=(e,t,r)=>{e.writeHead(t,{"Content-Type":"application/json"}),e.end(JSON.stringify({status:t,message:r||""}))},exports.strong=we,exports.style=T,exports.sub=$e,exports.summary=vt,exports.sup=Se,exports.svgAnimate=Jt,exports.svgAnimateMotion=_t,exports.svgAnimateTransform=Vt,exports.svgCircle=$t,exports.svgClipPath=Wt,exports.svgDefs=Ft,exports.svgEllipse=Mt,exports.svgFeBlend=Kt,exports.svgFeColorMatrix=Xt,exports.svgFeComponentTransfer=Zt,exports.svgFeComposite=Yt,exports.svgFeConvolveMatrix=Qt,exports.svgFeDiffuseLighting=er,exports.svgFeDisplacementMap=tr,exports.svgFeFlood=rr,exports.svgFeGaussianBlur=sr,exports.svgFeMorphology=or,exports.svgFeOffset=nr,exports.svgFeSpecularLighting=ir,exports.svgFeTile=ar,exports.svgFeTurbulence=lr,exports.svgFilter=zt,exports.svgForeignObject=It,exports.svgG=Rt,exports.svgImage=Ut,exports.svgLine=Tt,exports.svgLinearGradient=Ht,exports.svgMarker=Bt,exports.svgMask=Pt,exports.svgPath=Et,exports.svgPattern=Dt,exports.svgPolygon=Nt,exports.svgPolyline=Ct,exports.svgRadialGradient=Ot,exports.svgRect=St,exports.svgSet=Gt,exports.svgStop=At,exports.svgSvg=wt,exports.svgSymbol=qt,exports.svgText=kt,exports.svgTspan=jt,exports.svgUse=Lt,exports.table=ze,exports.tbody=Ke,exports.td=Xe,exports.template=bt,exports.text=e=>e&&void 0!==e.value?f(e,e=>({tagName:"span",props:{},children:[String(e)]})):String(e),exports.textNode=kr,exports.textarea=gt,exports.tfoot=Ze,exports.th=Ye,exports.thead=Qe,exports.throttle=(e,t)=>{let r=null;return(...s)=>{r||(r=setTimeout(()=>{r=null,e(...s)},t))}},exports.time=Ee,exports.title=w,exports.tr=et,exports.track=je,exports.u=Te,exports.ul=Y,exports.varElement=wr,exports.video=Fe,exports.wbr=Ce;