elit 1.0.0-test → 1.1.0

package/dist/index.mjs

@@ -1,2039 +1,35 @@
-// 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;
+var Z=Object.defineProperty;var Q=(i,e)=>{for(var t in e)Z(i,t,{get:e[t],enumerable:true});};var E=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(e==null||e===false)return;if(typeof e!="object"){t.appendChild(document.createTextNode(String(e)));return}let{tagName:r,props:n,children:s}=e,a=r==="svg"||r[0]==="s"&&r[1]==="v"&&r[2]==="g"||t.namespaceURI==="http://www.w3.org/2000/svg",o=a?document.createElementNS("http://www.w3.org/2000/svg",r.replace("svg","").toLowerCase()||r):document.createElement(r);for(let p in n){let d=n[p];if(d==null||d===false)continue;let c=p.charCodeAt(0);if(c===99&&(p.length<6||p[5]==="N")){let h=Array.isArray(d)?d.join(" "):d;a?o.setAttribute("class",h):o.className=h;}else if(c===115&&p.length===5)if(typeof d=="string")o.style.cssText=d;else {let h=o.style;for(let g in d)h[g]=d[g];}else c===111&&p.charCodeAt(1)===110?o[p.toLowerCase()]=d:c===100&&p.length>20?o.innerHTML=d.__html:c===114&&p.length===3?setTimeout(()=>{typeof d=="function"?d(o):d.current=o;},0):o.setAttribute(p,d===true?"":String(d));}let u=s.length;if(!u){t.appendChild(o);return}let l=p=>{for(let d=0;d<u;d++){let c=s[d];if(!(c==null||c===false))if(Array.isArray(c))for(let h=0,g=c.length;h<g;h++){let v=c[h];v!=null&&v!==false&&this.renderToDOM(v,p);}else this.renderToDOM(c,p);}};if(u>30){let p=document.createDocumentFragment();l(p),o.appendChild(p);}else l(o);t.appendChild(o);}render(e,t){let r=typeof e=="string"?document.getElementById(e.replace("#","")):e;if(!r)throw new Error(`Element not found: ${e}`);if(t.children&&t.children.length>500){let n=document.createDocumentFragment();this.renderToDOM(t,n),r.appendChild(n);}else this.renderToDOM(t,r);return r}batchRender(e,t){let r=typeof e=="string"?document.getElementById(e.replace("#","")):e;if(!r)throw new Error(`Element not found: ${e}`);let n=t.length;if(n>3e3){let s=document.createDocumentFragment(),a=0,o=1500,u=()=>{let l=Math.min(a+o,n);for(let p=a;p<l;p++)this.renderToDOM(t[p],s);a=l,a>=n?r.appendChild(s):requestAnimationFrame(u);};u();}else {let s=document.createDocumentFragment();for(let a=0;a<n;a++)this.renderToDOM(t[a],s);r.appendChild(s);}return r}renderChunked(e,t,r=5e3,n){let s=typeof e=="string"?document.getElementById(e.replace("#","")):e;if(!s)throw new Error(`Element not found: ${e}`);let a=t.length,o=0,u=()=>{let l=Math.min(o+r,a),p=document.createDocumentFragment();for(let d=o;d<l;d++)this.renderToDOM(t[d],p);s.appendChild(p),o=l,n&&n(o,a),o<a&&requestAnimationFrame(u);};return requestAnimationFrame(u),s}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,n=new Set,s=null,{throttle:a=0,deep:o=false}=t,u=()=>n.forEach(p=>p(r)),l=()=>{a>0?s||(s=setTimeout(()=>{s=null,u();},a)):u();};return {get value(){return r},set value(p){(o?JSON.stringify(r)!==JSON.stringify(p):r!==p)&&(r=p,l());},subscribe(p){return n.add(p),()=>n.delete(p)},destroy(){n.clear(),s&&clearTimeout(s);}}}computed(e,t){let r=e.map(s=>s.value),n=this.createState(t(...r));return e.forEach((s,a)=>{s.subscribe(o=>{r[a]=o,n.value=t(...r);});}),n}effect(e){e();}createVirtualList(e,t,r,n=50,s=5){let a=e.clientHeight,o=t.length*n,u=0,l=()=>{let c=Math.max(0,Math.floor(u/n)-s),h=Math.min(t.length,Math.ceil((u+a)/n)+s);return {start:c,end:h}},p=()=>{let{start:c,end:h}=l(),g=document.createElement("div");g.style.cssText=`height:${o}px;position:relative`;for(let v=c;v<h;v++){let m=document.createElement("div");m.style.cssText=`position:absolute;top:${v*n}px;height:${n}px;width:100%`,this.renderToDOM(r(t[v],v),m),g.appendChild(m);}e.innerHTML="",e.appendChild(g);},d=()=>{u=e.scrollTop,requestAnimationFrame(p);};return e.addEventListener("scroll",d),p(),{render:p,destroy:()=>{e.removeEventListener("scroll",d),e.innerHTML="";}}}lazy(e){let t=null,r=false;return async(...n)=>(!t&&!r&&(r=true,t=await e(),r=false),t?t(...n):{tagName:"div",props:{class:"loading"},children:["Loading..."]})}cleanupUnusedElements(e){let t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT),r=[];for(;t.nextNode();){let n=t.currentNode;n.id&&n.id.startsWith("r")&&!this.elementCache.has(n)&&r.push(n);}return r.forEach(n=>n.remove()),r.length}renderToString(e,t={}){let{pretty:r=false,indent:n=0}=t,s=r?"  ".repeat(n):"",a=r?`
+`:"",o=this.resolveStateValue(e);if(o=this.unwrapReactive(o),Array.isArray(o))return o.map(g=>this.renderToString(g,t)).join("");if(typeof o!="object"||o===null)return o==null||o===false?"":this.escapeHtml(String(o));let{tagName:u,props:l,children:p}=o,d=this.isSelfClosingTag(u),c=`${s}<${u}`,h=this.propsToAttributes(l);if(h&&(c+=` ${h}`),d)return c+=` />${a}`,c;if(c+=">",l.dangerouslySetInnerHTML)return c+=l.dangerouslySetInnerHTML.__html,c+=`</${u}>${a}`,c;if(p&&p.length>0){let g=p.map(m=>{let y=this.resolveStateValue(m);return this.unwrapReactive(y)}),v=g.some(m=>typeof m=="object"&&m!==null&&!Array.isArray(m)&&"tagName"in m);if(r&&v){c+=a;for(let m of g)if(!(m==null||m===false))if(Array.isArray(m))for(let y of m)y!=null&&y!==false&&(c+=this.renderToString(y,{pretty:r,indent:n+1}));else c+=this.renderToString(m,{pretty:r,indent:n+1});c+=s;}else for(let m of g)if(!(m==null||m===false))if(Array.isArray(m))for(let y of m)y!=null&&y!==false&&(c+=this.renderToString(y,{pretty:false,indent:0}));else c+=this.renderToString(m,{pretty:false,indent:0});}return c+=`</${u}>${a}`,c}resolveStateValue(e){return e&&typeof e=="object"&&"value"in e&&"subscribe"in e?e.value:e}isReactiveWrapper(e){return !e||typeof e!="object"||!e.tagName?false:e.tagName==="span"&&e.props?.id&&typeof e.props.id=="string"&&e.props.id.match(/^r[a-z0-9]{9}$/)}unwrapReactive(e){if(!this.isReactiveWrapper(e))return e;let t=e.children;if(!t||t.length===0)return "";if(t.length===1){let r=t[0];if(r&&typeof r=="object"&&r.tagName==="span"){let n=r.props,s=!n||Object.keys(n).length===0,a=r.children&&r.children.length===1&&typeof r.children[0]=="string";if(s&&a)return r.children[0]}return this.unwrapReactive(r)}return t.map(r=>this.unwrapReactive(r))}escapeHtml(e){let t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;"};return e.replace(/[&<>"']/g,r=>t[r])}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(r==="children"||r==="dangerouslySetInnerHTML"||r==="ref")continue;let n=e[r];if(n=this.resolveStateValue(n),!(n==null||n===false)&&!(r.startsWith("on")&&typeof n=="function")){if(r==="className"||r==="class"){let s=Array.isArray(n)?n.join(" "):n;s&&t.push(`class="${this.escapeHtml(String(s))}"`);continue}if(r==="style"){let s=this.styleToString(n);s&&t.push(`style="${this.escapeHtml(s)}"`);continue}if(n===true){t.push(r);continue}t.push(`${r}="${this.escapeHtml(String(n))}"`);}}return t.join(" ")}styleToString(e){if(typeof e=="string")return e;if(typeof e=="object"&&e!==null){let t=[];for(let r in e){let n=r.replace(/([A-Z])/g,"-$1").toLowerCase();t.push(`${n}:${e[r]}`);}return t.join(";")}return ""}isState(e){return e&&typeof e=="object"&&"value"in e&&"subscribe"in e&&typeof e.subscribe=="function"}createReactiveChild(e,t){let r=t(e.value);if(typeof window<"u"&&typeof document<"u"){let n={node:null,renderFn:t};this.reactiveNodes.set(e,n),e.subscribe(()=>{if(n.node&&n.node.parentNode){let s=t(e.value);n.node.textContent=String(s??"");}});}return r}jsonToVNode(e){if(this.isState(e))return this.createReactiveChild(e,o=>o);if(e==null||typeof e=="boolean"||typeof e=="string"||typeof e=="number")return e;let{tag:t,attributes:r={},children:n}=e,s={};for(let o in r){let u=r[o];o==="class"?s.className=this.isState(u)?u.value:u:s[o]=this.isState(u)?u.value:u;}let a=[];if(n!=null)if(Array.isArray(n))for(let o of n)if(this.isState(o))a.push(this.createReactiveChild(o,u=>u));else {let u=this.jsonToVNode(o);u!=null&&u!==false&&a.push(u);}else if(this.isState(n))a.push(this.createReactiveChild(n,o=>o));else if(typeof n=="object"&&"tag"in n){let o=this.jsonToVNode(n);o!=null&&o!==false&&a.push(o);}else a.push(n);return {tagName:t,props:s,children:a}}vNodeJsonToVNode(e){if(this.isState(e))return this.createReactiveChild(e,o=>o);if(e==null||typeof e=="boolean"||typeof e=="string"||typeof e=="number")return e;let{tagName:t,props:r={},children:n=[]}=e,s={};for(let o in r){let u=r[o];s[o]=this.isState(u)?u.value:u;}let a=[];for(let o of n)if(this.isState(o))a.push(this.createReactiveChild(o,u=>u));else {let u=this.vNodeJsonToVNode(o);u!=null&&u!==false&&a.push(u);}return {tagName:t,props:s,children:a}}renderJson(e,t){let r=this.jsonToVNode(t);if(!r||typeof r!="object"||!("tagName"in r))throw new Error("Invalid JSON structure");return this.render(e,r)}renderVNode(e,t){let r=this.vNodeJsonToVNode(t);if(!r||typeof r!="object"||!("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)}getElementCache(){return this.elementCache}},f=new E;var C=(i,e)=>f.createState(i,e),x=(i,e)=>f.computed(i,e),w=i=>f.effect(i),V=(i,e)=>f.batchRender(i,e),$=(i,e,t,r)=>f.renderChunked(i,e,t,r),k=(i,e,t,r,n)=>f.createVirtualList(i,e,t,r,n),F=i=>f.lazy(i),A=i=>f.cleanupUnusedElements(i),H=(i,e)=>{let t=null;return (...r)=>{t||(t=setTimeout(()=>{t=null,i(...r);},e));}},O=(i,e)=>{let t=null;return (...r)=>{t&&clearTimeout(t),t=setTimeout(()=>i(...r),e);}};var M=class{constructor(e,t,r){this.key=e;this.wsUrl=r;this.ws=null;this.pendingUpdates=[];this.localState=C(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 t=this.pendingUpdates.shift();this.sendToServer(t);}}),this.ws.addEventListener("message",t=>{this.handleMessage(t.data);}),this.ws.addEventListener("close",()=>{setTimeout(()=>this.connect(),1e3);}),this.ws.addEventListener("error",t=>{console.error("[SharedState] WebSocket error:",t);});}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;(t.type==="state:init"||t.type==="state:update")&&(this.localState.value=t.value);}catch{}}sendToServer(e){if(this.ws){if(this.ws.readyState!==WebSocket.OPEN){this.pendingUpdates.push(e);return}this.ws.send(JSON.stringify({type:"state:change",key:this.key,value:e}));}}disconnect(){this.ws&&(this.ws.close(),this.ws=null);}destroy(){this.disconnect(),this.localState.destroy();}};function j(i,e,t){return new M(i,e,t)}var P=class{constructor(){this.states=new Map;}create(e,t,r){if(this.states.has(e))return this.states.get(e);let n=new M(e,t,r);return this.states.set(e,n),n}get(e){return this.states.get(e)}delete(e){let t=this.states.get(e);return t?(t.destroy(),this.states.delete(e)):false}clear(){this.states.forEach(e=>e.destroy()),this.states.clear();}},J=new P;var L=(i,e)=>{let t=null,r=null,n=null,s=true,a=e(i.value),o=a&&typeof a=="object"&&"tagName"in a,u=a==null||a===false,l=()=>{if(!r&&!n)return;let d=e(i.value);if(d==null||d===false)s&&r&&(n=document.createComment("reactive"),r.parentNode?.replaceChild(n,r),s=false);else if(!s&&n&&r&&(n.parentNode?.replaceChild(r,n),n=null,s=true),r){let h=document.createDocumentFragment();if(o&&d&&typeof d=="object"&&"tagName"in d){let{props:g,children:v}=d;for(let m in g){let y=g[m];if(m!=="ref")if(m==="class"||m==="className")r.className=Array.isArray(y)?y.join(" "):y||"";else if(m==="style"&&typeof y=="object"){let T=r.style;for(let z in y)T[z]=y[z];}else m.startsWith("on")?r[m.toLowerCase()]=y:y!=null&&y!==false?r.setAttribute(m,String(y===true?"":y)):r.removeAttribute(m);}for(let m of v)f.renderToDOM(m,h);}else f.renderToDOM(d,h);r.textContent="",r.appendChild(h),f.getElementCache().set(r,true);}};i.subscribe(()=>{t&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{l(),t=null;});});let p=d=>{r=d,u&&d.parentNode&&(n=document.createComment("reactive"),d.parentNode.replaceChild(n,d),s=false);};if(o){let d=a;return {tagName:d.tagName,props:{...d.props,ref:p},children:d.children}}return {tagName:"span",props:{ref:p},children:[a]}},D=(i,e,t,r={})=>{let n=null,s=null;return e.subscribe(()=>{n&&cancelAnimationFrame(n),n=requestAnimationFrame(()=>{if(s){let o=document.createDocumentFragment(),u=t(e.value);u==null||u===false?(s.style.display="none",s.textContent=""):(s.style.display="",f.renderToDOM(u,o),s.textContent="",s.appendChild(o)),f.getElementCache().set(s,true);}n=null;});}),{tagName:i,props:{...r,ref:o=>{s=o;}},children:[t(e.value)]}},W=i=>i&&i.value!==void 0?L(i,e=>({tagName:"span",props:{},children:[String(e)]})):String(i),K=i=>({value:i.value,oninput:e=>{i.value=e.target.value;}}),q=i=>({checked:i.value,onchange:e=>{i.value=e.target.checked;}});var N=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=typeof e=="string"?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 n={selector:e.startsWith(".")?e:`.${e}`,styles:t,type:"class"};return this.rules.push(n),n}addId(e,t){let n={selector:e.startsWith("#")?e:`#${e}`,styles:t,type:"id"};return this.rules.push(n),n}addPseudoClass(e,t,r){let n=e.startsWith(":")?e:`:${e}`,a={selector:r?`${r}${n}`:n,styles:t,type:"pseudo-class"};return this.rules.push(a),a}addPseudoElement(e,t,r){let n=e.startsWith("::")?e:`::${e}`,a={selector:r?`${r}${n}`:n,styles:t,type:"pseudo-element"};return this.rules.push(a),a}addAttribute(e,t,r){let n=e.startsWith("[")?e:`[${e}]`,a={selector:r?`${r}${n}`:n,styles:t,type:"attribute"};return this.rules.push(a),a}attrEquals(e,t,r,n){return this.addAttribute(`${e}="${t}"`,r,n)}attrContainsWord(e,t,r,n){return this.addAttribute(`${e}~="${t}"`,r,n)}attrStartsWith(e,t,r,n){return this.addAttribute(`${e}^="${t}"`,r,n)}attrEndsWith(e,t,r,n){return this.addAttribute(`${e}$="${t}"`,r,n)}attrContains(e,t,r,n){return this.addAttribute(`${e}*="${t}"`,r,n)}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 n={selector:e.join(", "),styles:t,type:"custom"};return this.rules.push(n),n}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=Object.entries(t).map(([s,a])=>({step:s==="from"?"from":s==="to"?"to":`${s}%`,styles:a})),n={name:e,steps:r};return this.keyframes.push(n),n}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 n=Object.entries(r).map(([a,o])=>({selector:a,styles:o,type:"custom"})),s={type:e,condition:t,rules:n};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 r={type:"",condition:"prefers-color-scheme: dark",rules:Object.entries(e).map(([n,s])=>({selector:n,styles:s,type:"custom"}))};return this.mediaRules.push(r),r}mediaLight(e){let r={type:"",condition:"prefers-color-scheme: light",rules:Object.entries(e).map(([n,s])=>({selector:n,styles:s,type:"custom"}))};return this.mediaRules.push(r),r}mediaReducedMotion(e){let r={type:"",condition:"prefers-reduced-motion: reduce",rules:Object.entries(e).map(([n,s])=>({selector:n,styles:s,type:"custom"}))};return this.mediaRules.push(r),r}container(e,t,r){let n=Object.entries(t).map(([a,o])=>({selector:a,styles:o,type:"custom"})),s={name:r,condition:e,rules:n};return this.containerRules.push(s),s}addContainer(e,t){let r={...t,containerName:e};return this.addClass(e,r)}supports(e,t){let r=Object.entries(t).map(([s,a])=>({selector:s,styles:a,type:"custom"})),n={condition:e,rules:r};return this.supportsRules.push(n),n}layerOrder(...e){this._layerOrder=e;}layer(e,t){let r=Object.entries(t).map(([s,a])=>({selector:s,styles:a,type:"custom"})),n={name:e,rules:r};return this.layerRules.push(n),n}add(e){return Object.entries(e).map(([r,n])=>{let s={selector:r,styles:n,type:"custom"};return this.rules.push(s),s})}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(([r,n])=>{let s=typeof n=="object"&&n!==null&&"name"in n?`var(${n.name})`:n;return `${t}${this.toKebabCase(r)}: ${s};`}).join(`
+`)}renderRule(e,t=""){let r=`${t}${e.selector} {
+${this.stylesToString(e.styles,t+"    ")}
+`;if(e.nested&&e.nested.length>0)for(let n of e.nested){let s=n.selector.startsWith("&")?n.selector.replace(/&/g,e.selector):`${e.selector} ${n.selector}`;r+=`
+${t}${s} {
+${this.stylesToString(n.styles,t+"    ")}
+${t}}
+`;}return r+=`${t}}`,r}renderMediaRule(e){let r=`@media ${e.type&&e.condition?`${e.type} and (${e.condition})`:e.type?e.type:`(${e.condition})`} {
+`;for(let n of e.rules)r+=this.renderRule(n,"    ")+`
+`;return r+="}",r}renderKeyframes(e){let t=`@keyframes ${e.name} {
+`;for(let r of e.steps)t+=`    ${r.step} {
+${this.stylesToString(r.styles,"        ")}
+    }
+`;return t+="}",t}renderFontFace(e){let t=`@font-face {
+`;return t+=`    font-family: "${e.fontFamily}";
+`,t+=`    src: ${e.src};
+`,e.fontWeight&&(t+=`    font-weight: ${e.fontWeight};
+`),e.fontStyle&&(t+=`    font-style: ${e.fontStyle};
+`),e.fontDisplay&&(t+=`    font-display: ${e.fontDisplay};
+`),e.unicodeRange&&(t+=`    unicode-range: ${e.unicodeRange};
+`),t+="}",t}renderContainerRule(e){let r=`@container ${e.name?`${e.name} `:""}(${e.condition}) {
+`;for(let n of e.rules)r+=this.renderRule(n,"    ")+`
+`;return r+="}",r}renderSupportsRule(e){let t=`@supports (${e.condition}) {
+`;for(let r of e.rules)t+=this.renderRule(r,"    ")+`
+`;return t+="}",t}renderLayerRule(e){let t=`@layer ${e.name} {
+`;for(let r of e.rules)t+=this.renderRule(r,"    ")+`
+`;return t+="}",t}render(...e){let t=[];if(this.imports.length>0&&t.push(this.imports.join(`
+`)),this._layerOrder.length>0&&t.push(`@layer ${this._layerOrder.join(", ")};`),this.variables.length>0){let l=this.variables.map(p=>`    ${p.name}: ${p.value};`).join(`
+`);t.push(`:root {
+${l}
+}`);}for(let l of this.fontFaces)t.push(this.renderFontFace(l));for(let l of this.keyframes)t.push(this.renderKeyframes(l));let r=[...this.rules],n=[...this.mediaRules],s=[],a=[...this.containerRules],o=[...this.supportsRules],u=[...this.layerRules];for(let l of e)l&&(Array.isArray(l)?r.push(...l):"condition"in l&&"rules"in l&&!("name"in l&&"steps"in l)?"type"in l?n.push(l):"name"in l&&typeof l.name=="string"?a.push(l):o.push(l):"name"in l&&"steps"in l?s.push(l):"name"in l&&"rules"in l?u.push(l):r.push(l));for(let l of s)t.push(this.renderKeyframes(l));for(let l of u)t.push(this.renderLayerRule(l));for(let l of r)t.push(this.renderRule(l));for(let l of o)t.push(this.renderSupportsRule(l));for(let l of a)t.push(this.renderContainerRule(l));for(let l of n)t.push(this.renderMediaRule(l));return t.join(`
 
-// 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
-  });
-}
-export {
-  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
-};
+`)}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=[];}};function I(i,e){let t=i.split("/").filter(Boolean),r=e.split("/").filter(Boolean);if(i.endsWith("*")){let s=i.slice(0,-1);if(e.startsWith(s)||s==="/"||i==="*")return {"*":e.slice(s.length)}}if(t.length!==r.length)return null;let n={};for(let s=0;s<t.length;s++){let a=t[s],o=r[s];if(a.startsWith(":"))n[a.slice(1)]=decodeURIComponent(o);else if(a!==o)return null}return n}function G(i){let{mode:e="history",base:t="",routes:r}=i,n=[],s=c=>{let h={};return new URLSearchParams(c).forEach((v,m)=>{h[m]=v;}),h},a=()=>e==="hash"?window.location.hash.slice(1)||"/":window.location.pathname.replace(t,"")||"/",o=c=>{let[h,g=""]=c.split("?"),[v,m=""]=h.split("#");return {path:v||"/",params:{},query:s(g),hash:m?"#"+m:""}},u=c=>{for(let h of r){let g=I(h.path,c);if(g!==null)return {route:h,params:g}}return null},l=f.createState(o(a())),p=(c,h=false)=>{let g=o(c),v=u(g.path);v&&(g.params=v.params);for(let y of n){let T=y(g,l.value);if(T===false)return;if(typeof T=="string"){p(T,h);return}}if(v?.route.beforeEnter){let y=v.route.beforeEnter(g,l.value);if(y===false)return;if(typeof y=="string"){p(y,h);return}}let m=e==="hash"?"#"+c:t+c;h?window.history.replaceState({path:c},"",m):window.history.pushState({path:c},"",m),l.value=g;},d=()=>{let c=a(),h=o(c),g=u(h.path);g&&(h.params=g.params),l.value=h;};return typeof window<"u"&&window.addEventListener("popstate",d),{currentRoute:l,push:c=>p(c,false),replace:c=>p(c,true),back:()=>window.history.back(),forward:()=>window.history.forward(),go:c=>window.history.go(c),beforeEach:c=>{n.push(c);},destroy:()=>{typeof window<"u"&&window.removeEventListener("popstate",d),l.destroy();}}}function U(i,e){let{routes:t,notFound:r}=e;return ()=>{let n=i.currentRoute.value,s=t.find(a=>I(a.path,n.path)!==null);if(s){let a=I(s.path,n.path)||{},o=s.component({...a,...n.query});return typeof o=="object"&&o!==null&&"tagName"in o?o:{tagName:"span",props:{},children:[o]}}if(r){let a=r(n.params);return typeof a=="object"&&a!==null&&"tagName"in a?a:{tagName:"span",props:{},children:[a]}}return {tagName:"div",props:{},children:["404 - Not Found"]}}}var B=(i,e,...t)=>({tagName:"a",props:{...e,href:e.to,onclick:r=>{r.preventDefault(),i.push(e.to);}},children:t});var b=i=>function(e,...t){if(!arguments.length)return {tagName:i,props:{},children:[]};let r=e&&typeof e=="object"&&"value"in e&&"subscribe"in e,n=e&&typeof e=="object"&&"tagName"in e,s=typeof e!="object"||Array.isArray(e)||e===null||r||n,a=s?{}:e,o=s?[e,...t]:t;if(!o.length)return {tagName:i,props:a,children:[]};let u=[];for(let l=0,p=o.length;l<p;l++){let d=o[l];if(!(d==null||d===false))if(Array.isArray(d))for(let c=0,h=d.length;c<h;c++){let g=d[c];g!=null&&g!==false&&u.push(g);}else u.push(d);}return {tagName:i,props:a,children:u}},X=["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"],Y=["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"],ee=["math","mi","mn","mo","ms","mtext","mrow","mfrac","msqrt","mroot","msub","msup"],R={};X.forEach(i=>{R[i]=b(i);});Y.forEach(i=>{let e="svg"+i.charAt(0).toUpperCase()+i.slice(1);R[e]=b(i);});ee.forEach(i=>{let e="math"+i.charAt(0).toUpperCase()+i.slice(1);R[e]=b(i);});R.varElement=b("var");var {html:te,head:re,body:ne,title:se,base:oe,link:ie,meta:ae,style:le,address:ue,article:ce,aside:de,footer:pe,header:me,h1:he,h2:ge,h3:fe,h4:ye,h5:Se,h6:ve,main:Re,nav:be,section:Te,blockquote:Ce,dd:Me,div:Ne,dl:Ee,dt:Le,figcaption:xe,figure:we,hr:Ve,li:$e,ol:ke,p:Fe,pre:Ae,ul:He,a:Oe,abbr:Pe,b:je,bdi:Je,bdo:De,br:We,cite:Ke,code:qe,data:Ie,dfn:Ge,em:Ue,i:Be,kbd:_e,mark:ze,q:Ze,rp:Qe,rt:Xe,ruby:Ye,s:et,samp:tt,small:rt,span:nt,strong:st,sub:ot,sup:it,time:at,u:lt,wbr:ut,area:ct,audio:dt,img:pt,map:mt,track:ht,video:gt,embed:ft,iframe:yt,object:St,param:vt,picture:Rt,portal:bt,source:Tt,canvas:Ct,noscript:Mt,script:Nt,del:Et,ins:Lt,caption:xt,col:wt,colgroup:Vt,table:$t,tbody:kt,td:Ft,tfoot:At,th:Ht,thead:Ot,tr:Pt,button:jt,datalist:Jt,fieldset:Dt,form:Wt,input:Kt,label:qt,legend:It,meter:Gt,optgroup:Ut,option:Bt,output:_t,progress:zt,select:Zt,textarea:Qt,details:Xt,dialog:Yt,menu:er,summary:tr,slot:rr,template:nr,svgSvg:sr,svgCircle:or,svgRect:ir,svgPath:ar,svgLine:lr,svgPolyline:ur,svgPolygon:cr,svgEllipse:dr,svgG:pr,svgText:mr,svgTspan:hr,svgDefs:gr,svgLinearGradient:fr,svgRadialGradient:yr,svgStop:Sr,svgPattern:vr,svgMask:Rr,svgClipPath:br,svgUse:Tr,svgSymbol:Cr,svgMarker:Mr,svgImage:Nr,svgForeignObject:Er,svgAnimate:Lr,svgAnimateTransform:xr,svgAnimateMotion:wr,svgSet:Vr,svgFilter:$r,svgFeBlend:kr,svgFeColorMatrix:Fr,svgFeComponentTransfer:Ar,svgFeComposite:Hr,svgFeConvolveMatrix:Or,svgFeDiffuseLighting:Pr,svgFeDisplacementMap:jr,svgFeFlood:Jr,svgFeGaussianBlur:Dr,svgFeMorphology:Wr,svgFeOffset:Kr,svgFeSpecularLighting:qr,svgFeTile:Ir,svgFeTurbulence:Gr,mathMath:Ur,mathMi:Br,mathMn:_r,mathMo:zr,mathMs:Zr,mathMtext:Qr,mathMrow:Xr,mathMfrac:Yr,mathMsqrt:en,mathMroot:tn,mathMsub:rn,mathMsup:nn,varElement:sn}=R;var _={};Q(_,{commentNode:()=>mn,createEl:()=>ln,createMathEl:()=>cn,createSvgEl:()=>un,doc:()=>S,el:()=>on,elClass:()=>gn,elId:()=>hn,elName:()=>yn,elTag:()=>fn,els:()=>an,fragment:()=>dn,textNode:()=>pn});var S=document,on=S.querySelector.bind(S),an=S.querySelectorAll.bind(S),ln=S.createElement.bind(S),un=S.createElementNS.bind(S,"http://www.w3.org/2000/svg"),cn=S.createElementNS.bind(S,"http://www.w3.org/1998/Math/MathML"),dn=S.createDocumentFragment.bind(S),pn=S.createTextNode.bind(S),mn=S.createComment.bind(S),hn=S.getElementById.bind(S),gn=S.getElementsByClassName.bind(S),fn=S.getElementsByTagName.bind(S),yn=S.getElementsByName.bind(S);var Sn=(...i)=>f.renderToHead(...i),vn=i=>f.addStyle(i),Rn=i=>f.addMeta(i),bn=i=>f.addLink(i),Tn=i=>f.setTitle(i),Cn=(i,e)=>f.renderToString(i,e),Mn=i=>f.jsonToVNode(i),Nn=(i,e)=>f.renderJson(i,e),En=(i,e)=>f.renderJsonToString(i,e),Ln=i=>f.vNodeJsonToVNode(i),xn=(i,e)=>f.renderVNode(i,e),wn=(i,e)=>f.renderVNodeToString(i,e);typeof window<"u"&&Object.assign(window,{domNode:f,createElementFactory:b,renderToHead:Sn,addStyle:vn,addMeta:Rn,addLink:bn,setTitle:Tn,createState:C,computed:x,effect:w,createSharedState:j,sharedStateManager:J,reactive:L,reactiveAs:D,text:W,bindValue:K,bindChecked:q,batchRender:V,renderChunked:$,createVirtualList:k,lazy:F,cleanupUnused:A,renderToString:Cn,jsonToVNode:Mn,renderJson:Nn,renderJsonToString:En,vNodeJsonToVNode:Ln,renderVNode:xn,renderVNodeToString:wn,throttle:H,debounce:O,CreateStyle:N,createRouter:G,createRouterView:U,routerLink:B,...R,..._});
+export{N as CreateStyle,E as DomNode,M as SharedState,Oe as a,Pe as abbr,bn as addLink,Rn as addMeta,vn as addStyle,ue as address,ct as area,ce as article,de as aside,dt as audio,je as b,oe as base,V as batchRender,Je as bdi,De as bdo,q as bindChecked,K as bindValue,Ce as blockquote,ne as body,We as br,jt as button,Ct as canvas,xt as caption,Ke as cite,A as cleanupUnused,qe as code,wt as col,Vt as colgroup,mn as commentNode,x as computed,ln as createEl,b as createElementFactory,cn as createMathEl,G as createRouter,U as createRouterView,j as createSharedState,C as createState,un as createSvgEl,k as createVirtualList,Ie as data,Jt as datalist,Me as dd,O as debounce,Et as del,Xt as details,Ge as dfn,Yt as dialog,Ne as div,Ee as dl,S as doc,f as domNode,Le as dt,w as effect,on as el,gn as elClass,hn as elId,yn as elName,fn as elTag,R as elements,an as els,Ue as em,ft as embed,Dt as fieldset,xe as figcaption,we as figure,pe as footer,Wt as form,dn as fragment,he as h1,ge as h2,fe as h3,ye as h4,Se as h5,ve as h6,re as head,me as header,Ve as hr,te as html,Be as i,yt as iframe,pt as img,Kt as input,Lt as ins,Mn as jsonToVNode,_e as kbd,qt as label,F as lazy,It as legend,$e as li,ie as link,Re as main,mt as map,ze as mark,Ur as mathMath,Yr as mathMfrac,Br as mathMi,_r as mathMn,zr as mathMo,tn as mathMroot,Xr as mathMrow,Zr as mathMs,en as mathMsqrt,rn as mathMsub,nn as mathMsup,Qr as mathMtext,er as menu,ae as meta,Gt as meter,be as nav,Mt as noscript,St as object,ke as ol,Ut as optgroup,Bt as option,_t as output,Fe as p,vt as param,Rt as picture,bt as portal,Ae as pre,zt as progress,Ze as q,L as reactive,D as reactiveAs,$ as renderChunked,Nn as renderJson,En as renderJsonToString,Sn as renderToHead,Cn as renderToString,xn as renderVNode,wn as renderVNodeToString,B as routerLink,Qe as rp,Xe as rt,Ye as ruby,et as s,tt as samp,Nt as script,Te as section,Zt as select,Tn as setTitle,J as sharedStateManager,rr as slot,rt as small,Tt as source,nt as span,st as strong,le as style,ot as sub,tr as summary,it as sup,Lr as svgAnimate,wr as svgAnimateMotion,xr as svgAnimateTransform,or as svgCircle,br as svgClipPath,gr as svgDefs,dr as svgEllipse,kr as svgFeBlend,Fr as svgFeColorMatrix,Ar as svgFeComponentTransfer,Hr as svgFeComposite,Or as svgFeConvolveMatrix,Pr as svgFeDiffuseLighting,jr as svgFeDisplacementMap,Jr as svgFeFlood,Dr as svgFeGaussianBlur,Wr as svgFeMorphology,Kr as svgFeOffset,qr as svgFeSpecularLighting,Ir as svgFeTile,Gr as svgFeTurbulence,$r as svgFilter,Er as svgForeignObject,pr as svgG,Nr as svgImage,lr as svgLine,fr as svgLinearGradient,Mr as svgMarker,Rr as svgMask,ar as svgPath,vr as svgPattern,cr as svgPolygon,ur as svgPolyline,yr as svgRadialGradient,ir as svgRect,Vr as svgSet,Sr as svgStop,sr as svgSvg,Cr as svgSymbol,mr as svgText,hr as svgTspan,Tr as svgUse,$t as table,kt as tbody,Ft as td,nr as template,W as text,pn as textNode,Qt as textarea,At as tfoot,Ht as th,Ot as thead,H as throttle,at as time,se as title,Pt as tr,ht as track,lt as u,He as ul,Ln as vNodeJsonToVNode,sn as varElement,gt as video,ut as wbr};