defuss 3.2.1 → 3.4.0

package/dist/dom-B-9C61SZ.cjs

@@ -0,0 +1,2575 @@
+'use strict';
+
+var defussRuntime = require('defuss-runtime');
+
+const CAPTURE_ONLY_EVENTS = /* @__PURE__ */ new Set([
+  "focus",
+  "blur",
+  "scroll",
+  "mouseenter",
+  "mouseleave"
+  // Note: focusin/focusout DO bubble, so they're not included here
+]);
+const elementHandlerMap = /* @__PURE__ */ new WeakMap();
+const parseEventPropName = (propName) => {
+  if (!propName.startsWith("on")) return null;
+  const raw = propName.slice(2);
+  if (!raw) return null;
+  const lower = raw.toLowerCase();
+  const isCapture = lower.endsWith("capture");
+  const eventType = isCapture ? lower.slice(0, -"capture".length) : lower;
+  if (!eventType) return null;
+  return { eventType, capture: isCapture };
+};
+const getOrCreateElementHandlers = (el) => {
+  const existing = elementHandlerMap.get(el);
+  if (existing) return existing;
+  const created = /* @__PURE__ */ new Map();
+  elementHandlerMap.set(el, created);
+  return created;
+};
+const getEventPath = (event) => {
+  const composedPath = event.composedPath?.();
+  if (composedPath && composedPath.length > 0) return composedPath;
+  const path = [];
+  let node = event.target;
+  while (node) {
+    path.push(node);
+    const maybeNode = node;
+    if (typeof maybeNode === "object" && maybeNode && "parentNode" in maybeNode) {
+      node = maybeNode.parentNode;
+      continue;
+    }
+    break;
+  }
+  const doc = event.target?.ownerDocument;
+  if (doc && path[path.length - 1] !== doc) path.push(doc);
+  const win = doc?.defaultView;
+  if (win && path[path.length - 1] !== win) path.push(win);
+  return path;
+};
+const createPhaseHandler = (eventType, phase) => {
+  return (event) => {
+    const path = getEventPath(event).filter(
+      (t) => typeof t === "object" && t !== null && t.nodeType === 1
+    );
+    const ordered = phase === "capture" ? [...path].reverse() : path;
+    for (const target of ordered) {
+      const handlersByEvent = elementHandlerMap.get(target);
+      if (!handlersByEvent) continue;
+      const entry = handlersByEvent.get(eventType);
+      if (!entry) continue;
+      if (phase === "capture") {
+        if (entry.capture) {
+          entry.capture.call(target, event);
+          if (event.cancelBubble) return;
+        }
+        if (entry.captureSet) {
+          for (const handler of entry.captureSet) {
+            handler.call(target, event);
+            if (event.cancelBubble) return;
+          }
+        }
+      } else {
+        if (entry.bubble) {
+          entry.bubble.call(target, event);
+          if (event.cancelBubble) return;
+        }
+        if (entry.bubbleSet) {
+          for (const handler of entry.bubbleSet) {
+            handler.call(target, event);
+            if (event.cancelBubble) return;
+          }
+        }
+      }
+    }
+  };
+};
+const installedRootListeners = /* @__PURE__ */ new WeakMap();
+const ensureRootListener = (root, eventType) => {
+  const installed = installedRootListeners.get(root) ?? /* @__PURE__ */ new Set();
+  installedRootListeners.set(root, installed);
+  const captureKey = `${eventType}:capture`;
+  if (!installed.has(captureKey)) {
+    root.addEventListener(eventType, createPhaseHandler(eventType, "capture"), true);
+    installed.add(captureKey);
+  }
+  const bubbleKey = `${eventType}:bubble`;
+  if (!installed.has(bubbleKey)) {
+    root.addEventListener(eventType, createPhaseHandler(eventType, "bubble"), false);
+    installed.add(bubbleKey);
+  }
+};
+const getEventRoot = (element) => {
+  const root = element.getRootNode();
+  if (root && root.nodeType === 9) {
+    return root;
+  }
+  if (root && root.nodeType === 11 && "host" in root) {
+    return root;
+  }
+  return null;
+};
+const registerDelegatedEvent = (element, eventType, handler, options = {}) => {
+  const root = getEventRoot(element);
+  const capture = options.capture || CAPTURE_ONLY_EVENTS.has(eventType);
+  if (root) {
+    ensureRootListener(root, eventType);
+  } else if (element.ownerDocument) {
+    ensureRootListener(element.ownerDocument, eventType);
+  } else {
+    element.addEventListener(eventType, handler, capture);
+  }
+  const byEvent = getOrCreateElementHandlers(element);
+  const entry = byEvent.get(eventType) ?? {};
+  byEvent.set(eventType, entry);
+  if (options.multi) {
+    if (capture) {
+      if (!entry.captureSet) entry.captureSet = /* @__PURE__ */ new Set();
+      entry.captureSet.add(handler);
+    } else {
+      if (!entry.bubbleSet) entry.bubbleSet = /* @__PURE__ */ new Set();
+      entry.bubbleSet.add(handler);
+    }
+  } else {
+    if (capture) {
+      entry.capture = handler;
+    } else {
+      entry.bubble = handler;
+    }
+  }
+};
+const removeDelegatedEvent = (target, eventType, handler, options = {}) => {
+  options.capture || CAPTURE_ONLY_EVENTS.has(eventType);
+  const byEvent = elementHandlerMap.get(target);
+  if (!byEvent) return;
+  const entry = byEvent.get(eventType);
+  if (!entry) return;
+  if (handler) {
+    if (entry.captureSet) {
+      entry.captureSet.delete(handler);
+    }
+    if (entry.bubbleSet) {
+      entry.bubbleSet.delete(handler);
+    }
+    if (entry.capture === handler) {
+      entry.capture = void 0;
+    }
+    if (entry.bubble === handler) {
+      entry.bubble = void 0;
+    }
+    target.removeEventListener(eventType, handler, true);
+    target.removeEventListener(eventType, handler, false);
+  } else {
+    entry.capture = void 0;
+    entry.bubble = void 0;
+    entry.captureSet = void 0;
+    entry.bubbleSet = void 0;
+  }
+  const isEmpty = !entry.capture && !entry.bubble && (!entry.captureSet || entry.captureSet.size === 0) && (!entry.bubbleSet || entry.bubbleSet.size === 0);
+  if (isEmpty) {
+    byEvent.delete(eventType);
+  }
+};
+const clearDelegatedEvents = (target) => {
+  const byEvent = elementHandlerMap.get(target);
+  if (!byEvent) return;
+  byEvent.clear();
+};
+const clearDelegatedEventsDeep = (root) => {
+  clearDelegatedEvents(root);
+  const doc = root.ownerDocument;
+  if (!doc) return;
+  const walker = doc.createTreeWalker(
+    root,
+    1
+    /* NodeFilter.SHOW_ELEMENT */
+  );
+  let node = walker.nextNode();
+  while (node) {
+    clearDelegatedEvents(node);
+    node = walker.nextNode();
+  }
+};
+const getRegisteredEventTypes = (element) => {
+  const byEvent = elementHandlerMap.get(element);
+  if (!byEvent) return /* @__PURE__ */ new Set();
+  return new Set(byEvent.keys());
+};
+const getRegisteredEventKeys = (element) => {
+  const byEvent = elementHandlerMap.get(element);
+  if (!byEvent) return /* @__PURE__ */ new Set();
+  const keys = /* @__PURE__ */ new Set();
+  for (const [eventType, entry] of byEvent) {
+    if (entry.bubble || entry.bubbleSet?.size) keys.add(`${eventType}:bubble`);
+    if (entry.capture || entry.captureSet?.size) keys.add(`${eventType}:capture`);
+  }
+  return keys;
+};
+const removeDelegatedEventByKey = (element, eventType, phase) => {
+  const byEvent = elementHandlerMap.get(element);
+  if (!byEvent) return;
+  const entry = byEvent.get(eventType);
+  if (!entry) return;
+  if (phase === "capture") {
+    entry.capture = void 0;
+    entry.captureSet = void 0;
+  } else {
+    entry.bubble = void 0;
+    entry.bubbleSet = void 0;
+  }
+  const isEmpty = !entry.capture && !entry.bubble && (!entry.captureSet || entry.captureSet.size === 0) && (!entry.bubbleSet || entry.bubbleSet.size === 0);
+  if (isEmpty) byEvent.delete(eventType);
+};
+
+const componentRegistry = /* @__PURE__ */ new WeakMap();
+function isComponentRoot(el) {
+  return componentRegistry.has(el);
+}
+function getComponentInstance(el) {
+  return componentRegistry.get(el);
+}
+function registerComponent(el, renderFn, props) {
+  componentRegistry.set(el, { renderFn, props });
+}
+function unregisterComponent(el) {
+  componentRegistry.delete(el);
+}
+
+const emptyImpl = (nodes) => {
+  nodes.forEach((el) => {
+    const element = el;
+    const target = element.shadowRoot ?? element;
+    while (target.firstChild) {
+      const node = target.firstChild;
+      if (node instanceof HTMLElement) {
+        clearDelegatedEventsDeep(node);
+      }
+      node.remove();
+    }
+  });
+  return nodes;
+};
+function scrollHelper(methodName, elements, xOrOptions, y) {
+  elements.forEach((el) => {
+    const element = el;
+    if (typeof xOrOptions === "object") {
+      element[methodName](xOrOptions);
+    } else if (y !== void 0) {
+      element[methodName](xOrOptions, y);
+    } else {
+      element[methodName](xOrOptions, 0);
+    }
+  });
+  return elements;
+}
+function getAllFormValues(chain) {
+  const formFields = {};
+  const mapCheckboxValue = (value) => value === "on" ? true : value;
+  chain.nodes.forEach((el) => {
+    processAllFormElements(el, (input, key) => {
+      if (!key) return;
+      if (input instanceof HTMLInputElement) {
+        if (input.type === "checkbox") {
+          if (input.checked) {
+            const value = mapCheckboxValue(input.value);
+            if (typeof formFields[key] !== "undefined") {
+              formFields[key] = [formFields[key], value];
+            } else if (Array.isArray(formFields[key])) {
+              formFields[key].push(value);
+            } else {
+              formFields[key] = value;
+            }
+          }
+        } else if (input.type === "radio") {
+          if (input.checked) {
+            formFields[key] = input.value === "on" ? true : input.value;
+          }
+        } else if (input.type === "file") {
+          if (input.files?.length) {
+            const fileNames = Array.from(input.files).map((file) => file.name);
+            formFields[key] = fileNames.length === 1 ? fileNames[0] : fileNames;
+          }
+        } else {
+          formFields[key] = input.value;
+        }
+      } else if (input instanceof HTMLSelectElement) {
+        if (input.multiple) {
+          const values = Array.from(input.selectedOptions).map(
+            (option) => option.value
+          );
+          formFields[key] = values.length === 1 ? values[0] : values;
+        } else {
+          formFields[key] = input.value;
+        }
+      } else if (input instanceof HTMLTextAreaElement) {
+        formFields[key] = input.value;
+      }
+    });
+  });
+  return formFields;
+}
+function renderNodeSync(input, chain) {
+  if (input == null) return null;
+  if (typeof input === "string") {
+    if (isMarkup(input, chain.Parser)) {
+      return renderMarkup(input, chain.Parser)[0];
+    }
+    return chain.document.createTextNode(input);
+  }
+  if (isJSX(input)) {
+    return renderIsomorphicSync(
+      input,
+      chain.document.body,
+      chain.options.globals
+    );
+  }
+  if (isRef(input)) {
+    return input.current ?? null;
+  }
+  if (input && typeof input === "object" && "nodeType" in input) {
+    return input;
+  }
+  if (isDequery(input)) {
+    return input._nodes[0] ?? null;
+  }
+  console.warn("renderNodeSync: unsupported content type", input);
+  return null;
+}
+function resolveNodesSync(input, document) {
+  if (isRef(input)) {
+    const ref = input;
+    return ref.current ? [ref.current] : [];
+  }
+  if (typeof input === "string" && document) {
+    const el = document.querySelector(input);
+    return el ? [el] : [];
+  }
+  if (input && typeof input === "object" && "nodeType" in input) {
+    return [input];
+  }
+  if (isDequery(input)) {
+    return input._nodes.filter((el) => el.nodeType !== void 0).map((el) => el);
+  }
+  console.warn("resolveNodesSync: expected selector, ref or node, got", input);
+  return [];
+}
+function updateIndexAccess(chain) {
+  const elements = chain._nodes;
+  for (let i = 0; i < elements.length; i++) {
+    chain[i] = elements[i];
+  }
+  chain.length = elements.length;
+}
+class CallChainImpl {
+  options;
+  elementCreationOptions;
+  _nodes;
+  length;
+  // SSR-ability
+  document;
+  window;
+  performance;
+  Parser;
+  // result cache for CSS computed values
+  static resultCache = /* @__PURE__ */ new WeakMap();
+  constructor(options = {}) {
+    this.options = {
+      ...getDefaultDequeryOptions(),
+      ...options
+    };
+    const optionsKeys = Object.keys(getDefaultDequeryOptions());
+    this.options = defussRuntime.pick(this.options, optionsKeys);
+    this.window = this.options.globals.window;
+    this.document = this.options.globals.window.document;
+    this.performance = this.options.globals.performance;
+    this.Parser = this.options.globals.window.DOMParser;
+    const elementCreationOptions = defussRuntime.omit(
+      options,
+      optionsKeys
+    );
+    this.elementCreationOptions = elementCreationOptions;
+    this._nodes = options.resultStack ? [...options.resultStack] : [];
+    this.length = this._nodes.length;
+    updateIndexAccess(this);
+  }
+  get globals() {
+    return this.options.globals;
+  }
+  get nodes() {
+    return this._nodes;
+  }
+  [Symbol.iterator]() {
+    return this._nodes[Symbol.iterator]();
+  }
+  // --- Selection & Traversal (all sync) ---
+  query(selector) {
+    this._nodes = Array.from(this.document.querySelectorAll(selector));
+    updateIndexAccess(this);
+    return this;
+  }
+  find(selector) {
+    this._nodes = this._nodes.flatMap(
+      (el) => Array.from(el.querySelectorAll(selector))
+    );
+    updateIndexAccess(this);
+    return this;
+  }
+  ref(ref) {
+    this._nodes = ref.current ? [ref.current] : [];
+    updateIndexAccess(this);
+    return this;
+  }
+  parent() {
+    return this._traverse((el) => el.parentElement);
+  }
+  children() {
+    return this._traverse((el) => Array.from(el.children));
+  }
+  next() {
+    return this._traverse((el) => el.nextElementSibling);
+  }
+  prev() {
+    return this._traverse((el) => el.previousElementSibling);
+  }
+  closest(selector) {
+    return this._traverse((el) => el.closest(selector));
+  }
+  first() {
+    this._nodes = this._nodes.slice(0, 1);
+    updateIndexAccess(this);
+    return this;
+  }
+  last() {
+    this._nodes = this._nodes.slice(-1);
+    updateIndexAccess(this);
+    return this;
+  }
+  filter(selector) {
+    this._nodes = this._nodes.filter(
+      (el) => el instanceof Element && el.matches(selector)
+    );
+    updateIndexAccess(this);
+    return this;
+  }
+  _traverse(selector) {
+    this._nodes = this._nodes.flatMap((el) => {
+      if (el instanceof Element) {
+        try {
+          const result = selector(el);
+          if (Array.isArray(result)) {
+            return result.filter(
+              (item) => item instanceof Element
+            );
+          }
+          if (result instanceof Element) {
+            return [result];
+          }
+        } catch (err) {
+          console.warn("Error in traverse selector function:", err);
+        }
+      }
+      return [];
+    });
+    updateIndexAccess(this);
+    return this;
+  }
+  // --- Direct value methods ---
+  getFirstElement() {
+    return this[0];
+  }
+  toArray() {
+    return [...this._nodes];
+  }
+  map(cb) {
+    const results = new Array(this._nodes.length);
+    for (let i = 0; i < this._nodes.length; i++) {
+      results[i] = cb(this._nodes[i], i);
+    }
+    return results;
+  }
+  attr(name, value) {
+    if (value !== void 0) {
+      this._nodes.forEach((el) => {
+        el.setAttribute(name, value);
+      });
+      return this;
+    }
+    if (this._nodes.length === 0) return null;
+    return this._nodes[0].getAttribute(name);
+  }
+  prop(name, value) {
+    if (value !== void 0) {
+      this._nodes.forEach((el) => {
+        el[name] = value;
+      });
+      return this;
+    }
+    if (this._nodes.length === 0) return void 0;
+    return this._nodes[0][name];
+  }
+  css(prop, value) {
+    if (typeof prop === "object") {
+      this._nodes.forEach((el2) => {
+        const htmlEl = el2;
+        Object.entries(prop).forEach(([key, val]) => {
+          htmlEl.style.setProperty(
+            key.replace(/([A-Z])/g, "-$1").toLowerCase(),
+            String(val)
+          );
+        });
+      });
+      return this;
+    }
+    if (value !== void 0) {
+      this._nodes.forEach((el2) => {
+        el2.style.setProperty(prop, String(value));
+        const cache2 = CallChainImpl.resultCache.get(el2);
+        if (cache2) cache2.delete(`css:${prop}`);
+      });
+      return this;
+    }
+    if (this._nodes.length === 0) return "";
+    const el = this._nodes[0];
+    const cache = CallChainImpl.resultCache.get(el) || /* @__PURE__ */ new Map();
+    const cacheKey = `css:${prop}`;
+    if (cache.has(cacheKey)) return cache.get(cacheKey);
+    const computed = this.window.getComputedStyle(el);
+    const result = computed.getPropertyValue(prop);
+    cache.set(cacheKey, result);
+    CallChainImpl.resultCache.set(el, cache);
+    return result;
+  }
+  addClass(name) {
+    const list = Array.isArray(name) ? name : [name];
+    this._nodes.forEach((el) => {
+      el.classList.add(...list);
+    });
+    return this;
+  }
+  removeClass(name) {
+    const list = Array.isArray(name) ? name : [name];
+    this._nodes.forEach((el) => {
+      el.classList.remove(...list);
+    });
+    return this;
+  }
+  hasClass(name) {
+    return this._nodes.every(
+      (el) => el.classList.contains(name)
+    );
+  }
+  toggleClass(name) {
+    this._nodes.forEach((el) => {
+      el.classList.toggle(name);
+    });
+    return this;
+  }
+  animateClass(name, duration) {
+    this._nodes.forEach((el) => {
+      const e = el;
+      e.classList.add(name);
+      setTimeout(() => e.classList.remove(name), duration);
+    });
+    return this;
+  }
+  // --- Content Manipulation ---
+  empty() {
+    emptyImpl(this._nodes);
+    return this;
+  }
+  html(html) {
+    if (html !== void 0) {
+      this._nodes.forEach((el) => {
+        el.innerHTML = html;
+      });
+      return this;
+    }
+    if (this._nodes.length === 0) return "";
+    return this._nodes[0].innerHTML;
+  }
+  jsx(vdom) {
+    if (!isJSX(vdom)) {
+      throw new Error("Invalid JSX input");
+    }
+    this._nodes.forEach((el) => {
+      updateDomWithVdom(el, vdom, this.globals);
+    });
+    return this;
+  }
+  render(vdom) {
+    return this.jsx(vdom);
+  }
+  text(text) {
+    if (text !== void 0) {
+      this._nodes.forEach((el) => {
+        el.textContent = text;
+      });
+      return this;
+    }
+    if (this._nodes.length === 0) return "";
+    return this._nodes[0].textContent || "";
+  }
+  remove() {
+    const removedElements = [...this._nodes];
+    this._nodes.forEach((el) => {
+      el.remove();
+    });
+    this._nodes = removedElements;
+    return this;
+  }
+  replaceWith(content) {
+    const newElements = [];
+    const newElement = renderNodeSync(content, this);
+    for (let i = 0; i < this._nodes.length; i++) {
+      const originalEl = this._nodes[i];
+      if (!originalEl?.parentNode) continue;
+      if (!newElement) continue;
+      const nodeToUse = i === 0 ? newElement : newElement.cloneNode(true);
+      originalEl.parentNode.replaceChild(nodeToUse, originalEl);
+      newElements.push(nodeToUse);
+    }
+    this._nodes = newElements;
+    updateIndexAccess(this);
+    return this;
+  }
+  append(content) {
+    if (content == null) return this;
+    if (content instanceof Node) {
+      this._nodes.forEach((el, index) => {
+        if (el && content && !el.isEqualNode(content) && el.parentNode !== content) {
+          const nodeToAppend = index === 0 ? content : content.cloneNode(true);
+          el.appendChild(nodeToAppend);
+        }
+      });
+      return this;
+    }
+    if (isDequery(content)) {
+      const children = content._nodes;
+      this._nodes.forEach((parent, parentIndex) => {
+        children.forEach((child) => {
+          if (!child?.nodeType || !parent?.nodeType)
+            return;
+          if (child.isEqualNode(parent) || parent?.parentNode === child)
+            return;
+          const nodeToInsert = parentIndex === 0 ? child : child.cloneNode(true);
+          parent.appendChild(nodeToInsert);
+        });
+      });
+      return this;
+    }
+    if (typeof content === "string" && isMarkup(content, this.Parser)) {
+      const elements = renderMarkup(content, this.Parser);
+      this._nodes.forEach((el, parentIndex) => {
+        elements.forEach((childEl) => {
+          const node = parentIndex === 0 ? childEl : childEl.cloneNode(true);
+          el.appendChild(node);
+        });
+      });
+      return this;
+    }
+    const element = renderNodeSync(content, this);
+    if (!element) return this;
+    this._nodes.forEach((el, index) => {
+      if (!element) return;
+      const nodeToAppend = index === 0 ? element : element.cloneNode(true);
+      el.appendChild(nodeToAppend);
+    });
+    return this;
+  }
+  appendTo(target) {
+    const nodes = resolveNodesSync(target, this.document);
+    if (nodes.length === 0) return this;
+    nodes.forEach((node) => {
+      this._nodes.forEach((el) => {
+        if (!node || !el) return;
+        node.appendChild(el.cloneNode(true));
+      });
+    });
+    return this;
+  }
+  /**
+   * Updates the DOM content of elements. For transitions, uses fire-and-forget async.
+   * Use .jsx() or .render() for simpler JSX rendering.
+   */
+  update(input, transitionConfig) {
+    if (input && typeof input === "object" && !(input instanceof Node) && !isJSX(input) && !isRef(input) && !isDequery(input)) {
+      let didImplicitUpdate = false;
+      for (const node of this._nodes) {
+        if (!(node instanceof Element)) continue;
+        const instance = getComponentInstance(node);
+        if (!instance) continue;
+        Object.assign(instance.props, input);
+        const newVNode = instance.renderFn(instance.props);
+        updateDomWithVdom(
+          node,
+          newVNode,
+          this.globals
+        );
+        instance.prevVNode = newVNode;
+        didImplicitUpdate = true;
+      }
+      if (didImplicitUpdate) return this;
+    }
+    if (transitionConfig && transitionConfig.type !== "none") {
+      updateDom(
+        input,
+        this._nodes,
+        this.options.timeout,
+        this.Parser,
+        transitionConfig
+      );
+      return this;
+    }
+    let processedInput = input;
+    if (isDequery(processedInput)) {
+      processedInput = processedInput[0];
+    }
+    if (isRef(processedInput)) {
+      processedInput = processedInput.current;
+    }
+    const getGlobalsFromElement = (el) => {
+      const win = el.ownerDocument?.defaultView;
+      return win ?? globalThis;
+    };
+    const nodes = this._nodes;
+    if (typeof processedInput === "object" && processedInput !== null && "nodeType" in processedInput && typeof processedInput.nodeType === "number" && processedInput instanceof Node) {
+      const vnode = domNodeToVNode(processedInput);
+      nodes.forEach((el) => {
+        if (el)
+          updateDomWithVdom(
+            el,
+            vnode,
+            getGlobalsFromElement(el)
+          );
+      });
+      return this;
+    }
+    if (typeof processedInput === "string") {
+      if (isMarkup(processedInput, this.Parser)) {
+        const vNodes = htmlStringToVNodes(processedInput, this.Parser);
+        nodes.forEach((el) => {
+          if (el)
+            updateDomWithVdom(
+              el,
+              vNodes,
+              getGlobalsFromElement(el)
+            );
+        });
+      } else {
+        nodes.forEach((el) => {
+          if (el) {
+            updateDomWithVdom(
+              el,
+              processedInput,
+              getGlobalsFromElement(el)
+            );
+          }
+        });
+      }
+    } else if (isJSX(processedInput)) {
+      nodes.forEach((el) => {
+        if (el) {
+          updateDomWithVdom(
+            el,
+            processedInput,
+            getGlobalsFromElement(el)
+          );
+        }
+      });
+    } else if (processedInput != null) {
+      console.warn("update: unsupported content type", processedInput);
+    }
+    return this;
+  }
+  on(event, handler) {
+    this._nodes.forEach((el) => {
+      if (el && typeof el.addEventListener === "function") {
+        addElementEvent(el, event, handler);
+      }
+    });
+    return this;
+  }
+  off(event, handler) {
+    this._nodes.forEach((el) => {
+      removeElementEvent(el, event, handler);
+    });
+    return this;
+  }
+  clearEvents() {
+    this._nodes.forEach((el) => {
+      clearElementEvents(el);
+    });
+    return this;
+  }
+  trigger(eventType) {
+    this._nodes.forEach((el) => {
+      el.dispatchEvent(
+        new Event(eventType, { bubbles: true, cancelable: true })
+      );
+    });
+    return this;
+  }
+  // --- Position Methods ---
+  position() {
+    return {
+      top: this._nodes[0]?.offsetTop ?? 0,
+      left: this._nodes[0]?.offsetLeft ?? 0
+    };
+  }
+  offset() {
+    if (this._nodes.length === 0) return { top: 0, left: 0 };
+    const el = this._nodes[0];
+    const rect = el.getBoundingClientRect();
+    return {
+      top: rect.top + (this.window.scrollY ?? 0),
+      left: rect.left + (this.window.scrollX ?? 0)
+    };
+  }
+  data(name, value) {
+    if (value !== void 0) {
+      this._nodes.forEach((el) => {
+        el.dataset[name] = value;
+      });
+      return this;
+    }
+    if (this._nodes.length === 0) return void 0;
+    return this._nodes[0].dataset[name];
+  }
+  val(val) {
+    if (val !== void 0) {
+      this._nodes.forEach((el2) => {
+        const input = el2;
+        if (input.type === "checkbox" && typeof val === "boolean") {
+          input.checked = val;
+        } else {
+          input.value = String(val);
+        }
+      });
+      return this;
+    }
+    if (this._nodes.length === 0) return "";
+    const el = this._nodes[0];
+    if (el.type === "checkbox") return el.checked;
+    return el.value;
+  }
+  serialize(format = "querystring") {
+    const mapValue = (value) => typeof value === "boolean" ? value ? "on" : "off" : value;
+    const formData = getAllFormValues(this);
+    if (format === "json") return JSON.stringify(formData);
+    const urlSearchParams = new URLSearchParams();
+    Object.keys(formData).forEach((key) => {
+      const value = formData[key];
+      if (typeof value === "string") {
+        urlSearchParams.append(key, value);
+      } else if (typeof value === "boolean") {
+        urlSearchParams.append(key, mapValue(value));
+      } else if (Array.isArray(value)) {
+        value.forEach((v) => {
+          urlSearchParams.append(key, mapValue(v));
+        });
+      }
+    });
+    return urlSearchParams.toString();
+  }
+  form(formData) {
+    if (formData !== void 0) {
+      this._nodes.forEach((el) => {
+        processAllFormElements(el, (input, key) => {
+          if (formData[key] !== void 0) {
+            if (input.type === "checkbox") {
+              input.checked = Boolean(formData[key]);
+            } else {
+              input.value = String(formData[key]);
+            }
+          }
+        });
+      });
+      return this;
+    }
+    return getAllFormValues(this);
+  }
+  // --- Dimension Methods ---
+  dimension(includeMarginOrPadding, includePaddingIfMarginTrue) {
+    if (this._nodes.length === 0) return { width: 0, height: 0 };
+    const el = this._nodes[0];
+    const style = this.window.getComputedStyle(el);
+    if (!style) return { width: 0, height: 0 };
+    const rect = el.getBoundingClientRect();
+    let width = rect.width;
+    let height = rect.height;
+    let includeMargin = false;
+    let includePadding = true;
+    if (includePaddingIfMarginTrue !== void 0) {
+      includeMargin = !!includeMarginOrPadding;
+      includePadding = !!includePaddingIfMarginTrue;
+    } else if (includeMarginOrPadding !== void 0) {
+      includePadding = !!includeMarginOrPadding;
+    }
+    if (!includePadding) {
+      const paddingLeft = Number.parseFloat(style.paddingLeft) || 0;
+      const paddingRight = Number.parseFloat(style.paddingRight) || 0;
+      const paddingTop = Number.parseFloat(style.paddingTop) || 0;
+      const paddingBottom = Number.parseFloat(style.paddingBottom) || 0;
+      const borderLeft = Number.parseFloat(style.borderLeftWidth) || 0;
+      const borderRight = Number.parseFloat(style.borderRightWidth) || 0;
+      const borderTop = Number.parseFloat(style.borderTopWidth) || 0;
+      const borderBottom = Number.parseFloat(style.borderBottomWidth) || 0;
+      width -= paddingLeft + paddingRight + borderLeft + borderRight;
+      height -= paddingTop + paddingBottom + borderTop + borderBottom;
+    }
+    if (includeMargin) {
+      const marginLeft = Number.parseFloat(style.marginLeft) || 0;
+      const marginRight = Number.parseFloat(style.marginRight) || 0;
+      const marginTop = Number.parseFloat(style.marginTop) || 0;
+      const marginBottom = Number.parseFloat(style.marginBottom) || 0;
+      const baseWidthForOuter = includePadding ? rect.width : width;
+      const baseHeightForOuter = includePadding ? rect.height : height;
+      return {
+        width,
+        height,
+        outerWidth: baseWidthForOuter + marginLeft + marginRight,
+        outerHeight: baseHeightForOuter + marginTop + marginBottom
+      };
+    }
+    return { width, height };
+  }
+  // --- Visibility Methods ---
+  isVisible() {
+    if (this._nodes.length === 0) return false;
+    return checkElementVisibility(
+      this._nodes[0],
+      this.window,
+      this.document
+    );
+  }
+  isHidden() {
+    if (this._nodes.length === 0) return true;
+    return !checkElementVisibility(
+      this._nodes[0],
+      this.window,
+      this.document
+    );
+  }
+  // --- Scrolling Methods ---
+  scrollTo(xOrOptions, y) {
+    scrollHelper(
+      "scrollTo",
+      this._nodes,
+      xOrOptions,
+      y
+    );
+    return this;
+  }
+  scrollBy(xOrOptions, y) {
+    scrollHelper(
+      "scrollBy",
+      this._nodes,
+      xOrOptions,
+      y
+    );
+    return this;
+  }
+  scrollIntoView(options) {
+    if (this._nodes.length > 0) {
+      this._nodes[0].scrollIntoView(options);
+    }
+    return this;
+  }
+  // --- Debug ---
+  debug(cb) {
+    cb(this);
+    return this;
+  }
+  // --- Cleanup ---
+  dispose() {
+    this._nodes.forEach((el) => {
+      CallChainImpl.resultCache.delete(el);
+    });
+    this._nodes.length = 0;
+    this.length = 0;
+  }
+  // --- Ready ---
+  ready(callback) {
+    if (this.document.readyState === "complete" || this.document.readyState === "interactive") {
+      if (callback) callback();
+    } else {
+      const doc = this.document;
+      const handleDOMContentLoaded = () => {
+        doc.removeEventListener("DOMContentLoaded", handleDOMContentLoaded);
+        if (callback) callback();
+      };
+      doc.addEventListener("DOMContentLoaded", handleDOMContentLoaded);
+    }
+    return this;
+  }
+}
+function dequery(selectorRefOrEl, options = getDefaultDequeryOptions()) {
+  if (typeof selectorRefOrEl === "function") {
+    const result = selectorRefOrEl();
+    if (typeof result !== "undefined") {
+      return dequery(result, options);
+    }
+    return dequery("body", options);
+  }
+  const chain = new CallChainImpl({
+    ...options,
+    resultStack: []
+  });
+  if (!selectorRefOrEl)
+    throw new Error("dequery: selector/ref/element required");
+  if (typeof selectorRefOrEl === "string") {
+    if (selectorRefOrEl.indexOf("<") === 0) {
+      const elements = renderMarkup(selectorRefOrEl, chain.Parser);
+      const renderRootEl = elements[0];
+      const { text, html, ...attributes } = chain.elementCreationOptions;
+      if (renderRootEl instanceof Element) {
+        Object.entries(attributes).forEach(([key, value]) => {
+          renderRootEl.setAttribute(key, String(value));
+        });
+        if (html) {
+          renderRootEl.innerHTML = html;
+        } else if (text) {
+          renderRootEl.textContent = text;
+        }
+      }
+      chain._nodes = elements;
+      updateIndexAccess(chain);
+      return chain;
+    }
+    chain.query(selectorRefOrEl);
+    return chain;
+  }
+  if (isRef(selectorRefOrEl)) {
+    chain.ref(selectorRefOrEl);
+    return chain;
+  }
+  if (selectorRefOrEl.nodeType) {
+    chain._nodes = [selectorRefOrEl];
+    updateIndexAccess(chain);
+    return chain;
+  }
+  if (isJSX(selectorRefOrEl)) {
+    const renderResult = renderIsomorphicSync(
+      selectorRefOrEl,
+      chain.document.body,
+      chain.globals
+    );
+    const elements = typeof renderResult !== "undefined" ? Array.isArray(renderResult) ? renderResult : [renderResult] : [];
+    chain._nodes = elements;
+    updateIndexAccess(chain);
+    return chain;
+  }
+  throw new Error("Unsupported selectorOrEl type");
+}
+dequery.extend = (ExtensionClass, nonChainedReturnCalls = []) => {
+  const extensionPrototype = ExtensionClass.prototype;
+  const basePrototype = CallChainImpl.prototype;
+  const extensionMethods = Object.getOwnPropertyNames(extensionPrototype);
+  const baseMethods = Object.getOwnPropertyNames(basePrototype);
+  extensionMethods.forEach((methodName) => {
+    if (methodName !== "constructor" && !baseMethods.includes(methodName) && typeof extensionPrototype[methodName] === "function") {
+      CallChainImpl.prototype[methodName] = extensionPrototype[methodName];
+    }
+  });
+  return (selectorRefOrEl, options) => {
+    return dequery(
+      selectorRefOrEl,
+      options
+    );
+  };
+};
+const $ = dequery;
+function isDequery(obj) {
+  return typeof obj === "object" && obj !== null && obj instanceof CallChainImpl;
+}
+function isDequeryOptionsObject(o) {
+  return o && typeof o === "object" && o.globals !== void 0;
+}
+let defaultOptions = null;
+function getDefaultDequeryOptions() {
+  if (!defaultOptions) {
+    defaultOptions = {
+      timeout: 5e3,
+      resultStack: [],
+      globals: {
+        document: globalThis.document,
+        window: globalThis.window,
+        performance: globalThis.performance
+      }
+    };
+  }
+  return { ...defaultOptions };
+}
+const CallChainImplThenable = CallChainImpl;
+function createCall(chain, methodName, handler, ...callArgs) {
+  const result = handler();
+  if (Array.isArray(result)) {
+    chain._nodes = result;
+    updateIndexAccess(chain);
+  }
+  return chain;
+}
+function createSyncCall(chain, methodName, handler, ...callArgs) {
+  const result = handler();
+  if (Array.isArray(result)) {
+    chain._nodes = result;
+    updateIndexAccess(chain);
+  }
+  return chain;
+}
+function mapArrayIndexAccess(source, target) {
+  const elements = source._nodes;
+  for (let i = 0; i < elements.length; i++) {
+    target[i] = elements[i];
+  }
+  target.length = elements.length;
+}
+function addNonChainedReturnCallNames(_callNames) {
+}
+function getNonChainedReturnCallNames() {
+  return [];
+}
+function isNonChainedReturnCall(_callName) {
+  return false;
+}
+const renderNode = renderNodeSync;
+const resolveNodes = resolveNodesSync;
+function traverse(chain, _methodName, selector) {
+  chain._nodes = chain._nodes.flatMap((el) => {
+    if (el instanceof Element) {
+      try {
+        const result = selector(el);
+        if (Array.isArray(result)) {
+          return result.filter(
+            (item) => item instanceof Element
+          );
+        }
+        if (result instanceof Element) return [result];
+      } catch (err) {
+        console.warn("Error in traverse selector function:", err);
+      }
+    }
+    return [];
+  });
+  updateIndexAccess(chain);
+  return chain;
+}
+
+const newInMemoryGenericStorageBackend = () => {
+  const cache = /* @__PURE__ */ new Map();
+  return {
+    clear: () => {
+      cache.clear();
+    },
+    getItem: (key) => {
+      return cache.get(String(key)) ?? null;
+    },
+    removeItem: (key) => {
+      cache.delete(String(key));
+    },
+    setItem: (key, value) => {
+      cache.set(String(key), value);
+    }
+  };
+};
+const memory = newInMemoryGenericStorageBackend();
+class WebStorageProvider {
+  storage;
+  constructor(storage) {
+    this.storage = storage || memory;
+  }
+  get(key, defaultValue, middlewareFn) {
+    const rawValue = this.storage.getItem(key);
+    if (rawValue === null) return defaultValue;
+    let value;
+    try {
+      value = JSON.parse(rawValue);
+    } catch {
+      return defaultValue;
+    }
+    if (middlewareFn) {
+      value = middlewareFn(key, value);
+    }
+    return value;
+  }
+  set(key, value, middlewareFn) {
+    if (middlewareFn) {
+      value = middlewareFn(key, value);
+    }
+    this.storage.setItem(key, JSON.stringify(value));
+  }
+  remove(key) {
+    this.storage.removeItem(key);
+  }
+  removeAll() {
+    this.storage.clear();
+  }
+  get backendApi() {
+    return this.storage;
+  }
+}
+
+const getPersistenceProvider$1 = (provider, _options) => {
+  switch (provider) {
+    case "session":
+      return new WebStorageProvider(window.sessionStorage);
+    case "local":
+      return new WebStorageProvider(window.localStorage);
+  }
+  return new WebStorageProvider();
+};
+
+const getPersistenceProvider = (_provider, _options) => {
+  return new WebStorageProvider();
+};
+
+const isServer = () => typeof window === "undefined" || typeof window.document === "undefined";
+
+const webstorage = (provider = "local", options) => {
+  if (isServer()) {
+    return getPersistenceProvider();
+  } else {
+    return getPersistenceProvider$1(provider);
+  }
+};
+
+const shallowEquals = (a, b) => Object.is(a, b);
+const deepEquals = (a, b) => JSON.stringify(a) === JSON.stringify(b);
+const createStore = (initialValue, options = {}) => {
+  const equals = options.equals ?? shallowEquals;
+  let value = initialValue;
+  const listeners = [];
+  const notify = (oldValue, changedKey) => {
+    listeners.forEach((listener) => listener(value, oldValue, changedKey));
+  };
+  let storage = null;
+  let storageKey = null;
+  let storageProvider;
+  const initStorage = (provider) => {
+    if (!storage || storageProvider !== provider) {
+      storage = webstorage(provider);
+      storageProvider = provider;
+    }
+    return storage;
+  };
+  const persistToStorage = () => {
+    if (storage && storageKey) {
+      storage.set(storageKey, value);
+    }
+  };
+  return {
+    // allow reading value but prevent external mutation
+    get value() {
+      return value;
+    },
+    persist(key, provider = "local") {
+      storage = initStorage(provider);
+      storageKey = key;
+      persistToStorage();
+    },
+    restore(key, provider = "local") {
+      storage = initStorage(provider);
+      storageKey = key;
+      const storedValue = storage.get(key, value);
+      const oldValue = value;
+      if (!equals(oldValue, storedValue)) {
+        value = storedValue;
+        notify(oldValue);
+      }
+    },
+    get(path) {
+      return path ? defussRuntime.getByPath(value, path) : value;
+    },
+    /** Get entire store value (clearer API) */
+    getRaw() {
+      return value;
+    },
+    /** Replace entire store value (clearer API) */
+    setRaw(newValue) {
+      const oldValue = value;
+      if (!equals(value, newValue)) {
+        value = newValue;
+        notify(oldValue);
+        persistToStorage();
+      }
+    },
+    /** Reset to initial or provided value */
+    reset(resetValue) {
+      const oldValue = value;
+      const newValue = resetValue ?? initialValue;
+      if (!equals(value, newValue)) {
+        value = newValue;
+        notify(oldValue);
+        persistToStorage();
+      }
+    },
+    set(pathOrValue, newValue) {
+      const oldValue = value;
+      if (newValue === void 0) {
+        if (!equals(value, pathOrValue)) {
+          value = pathOrValue;
+          notify(oldValue);
+          persistToStorage();
+        }
+      } else {
+        const updatedValue = defussRuntime.setByPath(value, pathOrValue, newValue);
+        if (!equals(value, updatedValue)) {
+          value = updatedValue;
+          notify(oldValue, pathOrValue);
+          persistToStorage();
+        }
+      }
+    },
+    subscribe(listener) {
+      listeners.push(listener);
+      return () => {
+        const index = listeners.indexOf(listener);
+        if (index >= 0) listeners.splice(index, 1);
+      };
+    }
+  };
+};
+
+const isRef = (obj) => Boolean(obj && typeof obj === "object" && "current" in obj);
+function createRef(refUpdateFn, defaultState) {
+  const stateStore = createStore(defaultState);
+  const render = async (input, ref2) => await $(ref2.current).update(input);
+  const ref = {
+    current: null,
+    store: stateStore,
+    get state() {
+      return stateStore.value;
+    },
+    set state(value) {
+      stateStore.set(value);
+    },
+    persist: (key, provider = "local") => {
+      stateStore.persist(key, provider);
+    },
+    restore: (key, provider = "local") => {
+      stateStore.restore(key, provider);
+    },
+    updateState: (state) => {
+      stateStore.set(state);
+    },
+    render: async (input) => render(input, ref),
+    update: async (input) => render(input, ref),
+    subscribe: (refUpdateFn2) => stateStore.subscribe(refUpdateFn2)
+  };
+  if (typeof refUpdateFn === "function") {
+    ref.subscribe(refUpdateFn);
+  }
+  return ref;
+}
+
+const injectShakeKeyframes = () => {
+  if (!document.getElementById("defuss-shake")) {
+    const style = document.createElement("style");
+    style.id = "defuss-shake";
+    style.textContent = "@keyframes shake{0%,100%{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}";
+    document.head.appendChild(style);
+  }
+};
+const getTransitionStyles = (type, duration, easing = "ease-in-out") => {
+  const t = `transform ${duration}ms ${easing}, opacity ${duration}ms ${easing}`;
+  const styles = {
+    fade: {
+      enter: { opacity: "0", transition: t, transform: "translate3d(0,0,0)" },
+      enterActive: { opacity: "1" },
+      exit: { opacity: "1", transition: t, transform: "translate3d(0,0,0)" },
+      exitActive: { opacity: "0" }
+    },
+    "slide-left": {
+      enter: {
+        transform: "translate3d(100%,0,0)",
+        opacity: "0.5",
+        transition: t
+      },
+      enterActive: { transform: "translate3d(0,0,0)", opacity: "1" },
+      exit: { transform: "translate3d(0,0,0)", opacity: "1", transition: t },
+      exitActive: { transform: "translate3d(-100%,0,0)", opacity: "0.5" }
+    },
+    "slide-right": {
+      enter: {
+        transform: "translate3d(-100%,0,0)",
+        opacity: "0.5",
+        transition: t
+      },
+      enterActive: { transform: "translate3d(0,0,0)", opacity: "1" },
+      exit: { transform: "translate3d(0,0,0)", opacity: "1", transition: t },
+      exitActive: { transform: "translate3d(100%,0,0)", opacity: "0.5" }
+    },
+    shake: (() => {
+      injectShakeKeyframes();
+      return {
+        enter: {
+          transform: "translate3d(0,0,0)",
+          opacity: "1",
+          transition: "none"
+        },
+        enterActive: {
+          transform: "translate3d(0,0,0)",
+          opacity: "1",
+          animation: `shake ${duration}ms cubic-bezier(0.36,0.07,0.19,0.97)`
+        },
+        exit: {
+          transform: "translate3d(0,0,0)",
+          opacity: "1",
+          transition: "none"
+        },
+        exitActive: {
+          transform: "translate3d(0,0,0)",
+          opacity: "1",
+          animation: `shake ${duration}ms cubic-bezier(0.36,0.07,0.19,0.97)`
+        }
+      };
+    })()
+  };
+  return styles[type] || { enter: {}, enterActive: {}, exit: {}, exitActive: {} };
+};
+const applyStyles = (el, styles) => Object.entries(styles).forEach(
+  ([k, v]) => el.style.setProperty(k, String(v))
+);
+const DEFAULT_TRANSITION_CONFIG = {
+  type: "fade",
+  duration: 300,
+  easing: "ease-in-out",
+  delay: 0,
+  target: "parent"
+};
+const wait = (ms) => new Promise((r) => setTimeout(r, ms));
+const performCrossfade = async (element, updateCallback, duration, easing) => {
+  const originalStyle = element.style.cssText;
+  const snapshot = element.cloneNode(true);
+  try {
+    const container = element.parentElement || element;
+    const rect = element.getBoundingClientRect();
+    snapshot.style.cssText = `position:absolute;top:${rect.top}px;left:${rect.left}px;width:${rect.width}px;height:${rect.height}px;opacity:1;transition:opacity ${duration}ms ${easing};z-index:1000;`;
+    element.style.opacity = "0";
+    element.style.transition = `opacity ${duration}ms ${easing}`;
+    document.body.appendChild(snapshot);
+    await updateCallback();
+    void element.offsetHeight;
+    snapshot.style.opacity = "0";
+    element.style.opacity = "1";
+    await wait(duration);
+    document.body.removeChild(snapshot);
+  } catch (error) {
+    if (snapshot.parentElement) document.body.removeChild(snapshot);
+    throw error;
+  } finally {
+    element.style.cssText = originalStyle;
+  }
+};
+const performTransition = async (element, updateCallback, config = {}) => {
+  const {
+    type = "fade",
+    duration = 300,
+    easing = "ease-in-out",
+    delay = 0
+  } = { ...DEFAULT_TRANSITION_CONFIG, ...config };
+  if (type === "none") {
+    await updateCallback();
+    return;
+  }
+  if (delay > 0) await wait(delay);
+  if (type === "fade") {
+    await performCrossfade(element, updateCallback, duration, easing);
+    return;
+  }
+  const styles = config.styles || getTransitionStyles(type, duration, easing);
+  const originalTransition = element.style.transition;
+  const originalAnimation = element.style.animation;
+  try {
+    if (type === "shake") {
+      element.style.animation = "none";
+      void element.offsetHeight;
+    }
+    applyStyles(element, styles.exit);
+    void element.offsetHeight;
+    applyStyles(element, styles.exitActive);
+    await wait(duration);
+    await updateCallback();
+    applyStyles(element, styles.enter);
+    void element.offsetHeight;
+    applyStyles(element, styles.enterActive);
+    await wait(duration);
+    element.style.transition = originalTransition;
+    element.style.animation = originalAnimation;
+  } catch (error) {
+    element.style.transition = originalTransition;
+    element.style.animation = originalAnimation;
+    throw error;
+  }
+};
+
+const queueCallback = (cb) => (...args) => queueMicrotask(() => cb(...args));
+
+const CLASS_ATTRIBUTE_NAME = "class";
+const XLINK_ATTRIBUTE_NAME = "xlink";
+const XMLNS_ATTRIBUTE_NAME = "xmlns";
+const REF_ATTRIBUTE_NAME = "ref";
+const DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE = "dangerouslySetInnerHTML";
+const nsMap = {
+  [XMLNS_ATTRIBUTE_NAME]: "http://www.w3.org/2000/xmlns/",
+  [XLINK_ATTRIBUTE_NAME]: "http://www.w3.org/1999/xlink",
+  svg: "http://www.w3.org/2000/svg"
+};
+const isJSXComment = (node) => (
+  /* v8 ignore next */
+  node && typeof node === "object" && !node.attributes && !node.type && !node.children
+);
+const filterComments = (children) => children.filter((child) => !isJSXComment(child));
+const createInPlaceErrorMessageVNode = (error) => ({
+  type: "p",
+  attributes: {},
+  children: [`FATAL ERROR: ${error?.message || error}`]
+});
+const jsx = (type, attributes, key, sourceInfo) => {
+  attributes = { ...attributes };
+  if (typeof key !== "undefined") {
+    attributes.key = key;
+  }
+  let children = (attributes?.children ? [].concat(
+    attributes.children
+  ) : []).filter((c) => c !== null && c !== void 0 && typeof c !== "boolean");
+  delete attributes?.children;
+  children = filterComments(
+    // Implementation to flatten virtual node children structures like:
+    // [<p>1</p>, [<p>2</p>,<p>3</p>]] to: [<p>1</p>,<p>2</p>,<p>3</p>]
+    [].concat.apply(
+      [],
+      children
+    )
+  );
+  if (type === "fragment") {
+    return filterComments(children);
+  }
+  if (typeof type === "function" && type.constructor.name === "AsyncFunction") {
+    const fallback = attributes?.fallback;
+    const propsForAsyncFn = { ...attributes };
+    delete propsForAsyncFn.fallback;
+    const onMount = async (containerEl) => {
+      try {
+        const resolvedVNode = await type({
+          ...propsForAsyncFn,
+          children
+        });
+        if (containerEl && resolvedVNode) {
+          const globals = {
+            window: containerEl.ownerDocument?.defaultView ?? globalThis
+          };
+          updateDomWithVdom(containerEl, resolvedVNode, globals);
+        }
+      } catch (error) {
+        console.error("[defuss] Async component error:", error);
+        if (containerEl) {
+          containerEl.textContent = `Error: ${error?.message || error}`;
+        }
+      }
+    };
+    return {
+      type: "div",
+      attributes: {
+        key,
+        onMount
+      },
+      children: fallback ? [fallback] : [],
+      sourceInfo
+    };
+  }
+  if (typeof type === "function" && type.constructor.name !== "AsyncFunction") {
+    try {
+      const rendered = type({
+        children,
+        ...attributes
+      });
+      if (rendered && typeof rendered === "object" && !Array.isArray(rendered) && sourceInfo) {
+        if (!rendered.componentProps) {
+          rendered.componentProps = { ...attributes };
+        } else {
+        }
+      }
+      if (typeof key !== "undefined" && rendered && typeof rendered === "object") {
+        if ("attributes" in rendered) {
+          rendered.attributes = {
+            ...rendered.attributes,
+            key
+          };
+        } else if (Array.isArray(rendered) && rendered.length === 1) {
+          const only = rendered[0];
+          if (only && typeof only === "object" && "attributes" in only) {
+            only.attributes = {
+              ...only.attributes,
+              key
+            };
+          }
+        }
+      }
+      return rendered;
+    } catch (error) {
+      if (typeof error === "string") {
+        error = `[JsxError] in ${type.name}: ${error}`;
+      } else if (error instanceof Error) {
+        error.message = `[JsxError] in ${type.name}: ${error.message}`;
+      }
+      return createInPlaceErrorMessageVNode(error);
+    }
+  }
+  return {
+    type,
+    attributes,
+    children,
+    sourceInfo
+  };
+};
+const observeUnmount = (domNode, onUnmount) => {
+  if (!domNode || typeof onUnmount !== "function") {
+    throw new Error(
+      "Invalid arguments. Ensure domNode and onUnmount are valid."
+    );
+  }
+  if (typeof MutationObserver === "undefined") {
+    return;
+  }
+  let parentNode = domNode.parentNode;
+  if (!parentNode) {
+    throw new Error("The provided domNode does not have a parentNode.");
+  }
+  const observer = new MutationObserver((mutationsList) => {
+    for (const mutation of mutationsList) {
+      if (mutation.removedNodes.length > 0) {
+        for (const removedNode of mutation.removedNodes) {
+          if (removedNode === domNode) {
+            queueMicrotask(() => {
+              if (!domNode.isConnected) {
+                onUnmount();
+                observer.disconnect();
+                return;
+              }
+              const newParent = domNode.parentNode;
+              if (newParent && newParent !== parentNode) {
+                parentNode = newParent;
+                observer.disconnect();
+                observer.observe(parentNode, { childList: true });
+              }
+            });
+            return;
+          }
+        }
+      }
+    }
+  });
+  observer.observe(parentNode, { childList: true });
+};
+const handleLifecycleEventsForOnMount = (newEl) => {
+  if (typeof newEl?.$onMount === "function") {
+    newEl.$onMount(newEl);
+    newEl.$onMount = null;
+  }
+  if (typeof newEl?.$onUnmount === "function") {
+    observeUnmount(newEl, newEl.$onUnmount);
+  }
+};
+const getRenderer = (document) => {
+  const renderer = {
+    hasElNamespace: (domElement) => domElement.namespaceURI === nsMap.svg,
+    hasSvgNamespace: (parentElement, type) => renderer.hasElNamespace(parentElement) && type !== "STYLE" && type !== "SCRIPT",
+    createElementOrElements: (virtualNode, parentDomElement) => {
+      if (Array.isArray(virtualNode)) {
+        return renderer.createChildElements(virtualNode, parentDomElement);
+      }
+      if (typeof virtualNode !== "undefined") {
+        return renderer.createElement(virtualNode, parentDomElement);
+      }
+      return renderer.createTextNode("", parentDomElement);
+    },
+    createElement: (virtualNode, parentDomElement) => {
+      let newEl = void 0;
+      try {
+        if (typeof virtualNode === "function" && virtualNode.constructor.name === "AsyncFunction") {
+          newEl = document.createElement("div");
+        } else if (typeof virtualNode === "object" && virtualNode !== null && "type" in virtualNode) {
+          const vNode = virtualNode;
+          if (typeof vNode.type === "function") {
+            newEl = document.createElement("div");
+            newEl.innerText = `FATAL ERROR: ${vNode.type._error}`;
+          } else if (
+            // SVG support
+            typeof vNode.type === "string" && vNode.type.toUpperCase() === "SVG" || parentDomElement && renderer.hasSvgNamespace(
+              parentDomElement,
+              typeof vNode.type === "string" ? vNode.type.toUpperCase() : ""
+            )
+          ) {
+            newEl = document.createElementNS(nsMap.svg, vNode.type);
+          } else {
+            newEl = document.createElement(vNode.type);
+          }
+          if (vNode.attributes) {
+            renderer.setAttributes(vNode, newEl);
+            if (vNode.attributes.dangerouslySetInnerHTML) {
+              newEl.innerHTML = vNode.attributes.dangerouslySetInnerHTML.__html;
+            }
+          }
+          if (vNode.children && !vNode.attributes?.dangerouslySetInnerHTML) {
+            renderer.createChildElements(vNode.children, newEl);
+          }
+        } else {
+          if (typeof virtualNode === "string" || typeof virtualNode === "number") {
+            newEl = document.createElement(String(virtualNode));
+          }
+        }
+        if (newEl && parentDomElement) {
+          parentDomElement.appendChild(newEl);
+          handleLifecycleEventsForOnMount(newEl);
+        }
+      } catch (e) {
+        console.error(
+          "Fatal error! Error happend while rendering the VDOM!",
+          e,
+          virtualNode
+        );
+        throw e;
+      }
+      return newEl;
+    },
+    createTextNode: (text, domElement) => {
+      const node = document.createTextNode(text.toString());
+      if (domElement) {
+        domElement.appendChild(node);
+      }
+      return node;
+    },
+    createChildElements: (virtualChildren, domElement) => {
+      const children = [];
+      for (let i = 0; i < virtualChildren.length; i++) {
+        const virtualChild = virtualChildren[i];
+        if (typeof virtualChild === "boolean") {
+          continue;
+        }
+        if (virtualChild === null || typeof virtualChild !== "object" && typeof virtualChild !== "function") {
+          children.push(
+            renderer.createTextNode(
+              (typeof virtualChild === "undefined" || virtualChild === null ? "" : virtualChild).toString(),
+              domElement
+            )
+          );
+        } else {
+          children.push(
+            renderer.createElement(virtualChild, domElement)
+          );
+        }
+      }
+      return children;
+    },
+    setAttribute: (name, value, domElement) => {
+      if (typeof value === "undefined") return;
+      if (name === DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE) return;
+      if (name === "key") {
+        domElement._defussKey = String(value);
+        return;
+      }
+      if (name === REF_ATTRIBUTE_NAME && typeof value !== "function") {
+        const ref = value;
+        ref.current = domElement;
+        domElement._defussRef = value;
+        domElement.$onUnmount = queueCallback(() => {
+        });
+        if (domElement.parentNode) {
+          observeUnmount(domElement, domElement.$onUnmount);
+        } else {
+          queueMicrotask(() => {
+            if (domElement.parentNode) {
+              observeUnmount(domElement, domElement.$onUnmount);
+            }
+          });
+        }
+        return;
+      }
+      const parsed = parseEventPropName(name);
+      if (parsed && typeof value === "function") {
+        const { eventType, capture } = parsed;
+        if (eventType === "mount") {
+          domElement.$onMount = queueCallback(value);
+          return;
+        }
+        if (eventType === "unmount") {
+          if (domElement.$onUnmount) {
+            const existingUnmount = domElement.$onUnmount;
+            domElement.$onUnmount = () => {
+              existingUnmount();
+              value();
+            };
+          } else {
+            domElement.$onUnmount = queueCallback(value);
+          }
+          return;
+        }
+        registerDelegatedEvent(
+          domElement,
+          eventType,
+          value,
+          { capture }
+        );
+        return;
+      }
+      if (name === "className") {
+        name = CLASS_ATTRIBUTE_NAME;
+      }
+      if (name === CLASS_ATTRIBUTE_NAME && Array.isArray(value)) {
+        value = value.filter((val) => !!val).join(" ");
+      }
+      const nsEndIndex = name.match(/[A-Z]/)?.index;
+      if (renderer.hasElNamespace(domElement) && nsEndIndex) {
+        const ns = name.substring(0, nsEndIndex).toLowerCase();
+        const attrName = name.substring(nsEndIndex, name.length).toLowerCase();
+        const namespace = nsMap[ns] || null;
+        domElement.setAttributeNS(
+          namespace,
+          ns === XLINK_ATTRIBUTE_NAME || ns === XMLNS_ATTRIBUTE_NAME ? `${ns}:${attrName}` : name,
+          String(value)
+        );
+      } else if (name === "style" && typeof value !== "string") {
+        const styleObj = value;
+        for (const prop of Object.keys(styleObj)) {
+          domElement.style[prop] = String(
+            styleObj[prop]
+          );
+        }
+      } else if (typeof value === "boolean") {
+        domElement[name] = value;
+        if (value) {
+          domElement.setAttribute(name, "");
+        } else {
+          domElement.removeAttribute(name);
+        }
+      } else if (
+        // Controlled input props: use property assignment for live value,
+        // AND setAttribute so SSG serialization (w3c-xmlserializer) includes it
+        (name === "value" || name === "checked" || name === "selectedIndex") && (domElement.nodeName === "INPUT" || domElement.nodeName === "TEXTAREA" || domElement.nodeName === "SELECT")
+      ) {
+        domElement[name] = value;
+        if (name === "checked") {
+          if (value) {
+            domElement.setAttribute("checked", "");
+          } else {
+            domElement.removeAttribute("checked");
+          }
+        } else if (name === "value") {
+          domElement.setAttribute("value", String(value));
+        }
+      } else {
+        domElement.setAttribute(name, String(value));
+      }
+    },
+    setAttributes: (virtualNode, domElement) => {
+      const attrNames = Object.keys(virtualNode.attributes);
+      for (let i = 0; i < attrNames.length; i++) {
+        renderer.setAttribute(
+          attrNames[i],
+          virtualNode.attributes[attrNames[i]],
+          domElement
+        );
+      }
+    }
+  };
+  return renderer;
+};
+const renderIsomorphicSync = (virtualNode, parentDomElement, globals) => {
+  if (isDequery(parentDomElement)) {
+    parentDomElement = parentDomElement.getFirstElement() || parentDomElement;
+  }
+  let renderResult;
+  if (typeof virtualNode === "string") {
+    renderResult = getRenderer(globals.window.document).createTextNode(
+      virtualNode,
+      parentDomElement
+    );
+  } else {
+    renderResult = getRenderer(globals.window.document).createElementOrElements(
+      virtualNode,
+      parentDomElement
+    );
+  }
+  return renderResult;
+};
+const renderIsomorphicAsync = async (virtualNode, parentDomElement, globals) => {
+  if (parentDomElement instanceof Promise) {
+    parentDomElement = await parentDomElement;
+  }
+  if (isDequery(parentDomElement)) {
+    parentDomElement = parentDomElement.toArray()[0];
+  }
+  if (virtualNode instanceof Promise) {
+    virtualNode = await virtualNode;
+  }
+  return renderIsomorphicSync(
+    virtualNode,
+    parentDomElement,
+    globals
+  );
+};
+const globalScopeDomApis = (window, document) => {
+  globalThis.__defuss_document = document;
+  globalThis.__defuss_window = window;
+};
+const render = (jsx2, container) => {
+  if (!container) {
+    console.warn("render: container is null or undefined");
+    return;
+  }
+  const globals = {
+    window: container.ownerDocument?.defaultView ?? globalThis
+  };
+  updateDomWithVdom(container, jsx2, globals);
+};
+const renderInto = render;
+const isJSX = (o) => {
+  if (o === null || typeof o !== "object") return false;
+  if (Array.isArray(o)) {
+    return o.every(
+      (item) => isJSX(item) || typeof item === "string" || typeof item === "number"
+    );
+  }
+  if (typeof o.type === "string") return true;
+  if (typeof o.type === "function") return true;
+  if (typeof o.attributes === "object" && typeof o.children === "object")
+    return true;
+  return false;
+};
+const Fragment = (props) => props.children;
+const jsxs = jsx;
+const jsxDEV = (type, attributes, key, allChildrenAreStatic, sourceInfo, selfReference) => {
+  let renderResult;
+  try {
+    if (sourceInfo) {
+      if (typeof type === "function" && type.constructor.name !== "AsyncFunction") {
+        sourceInfo.exportName = type.name || sourceInfo?.exportName;
+      }
+      sourceInfo.allChildrenAreStatic = allChildrenAreStatic;
+      sourceInfo.selfReference = selfReference;
+    }
+    renderResult = jsx(type, attributes, key, sourceInfo);
+  } catch (error) {
+    console.error(
+      "JSX error:",
+      error,
+      "in",
+      sourceInfo,
+      "component",
+      selfReference
+    );
+  }
+  return renderResult;
+};
+async function performCoreDomUpdate(input, nodes, timeout, Parser) {
+  let processedInput = input;
+  if (isDequery(processedInput)) {
+    processedInput = processedInput[0];
+  }
+  if (isRef(processedInput)) {
+    await defussRuntime.waitForRef(processedInput, timeout);
+    processedInput = processedInput.current;
+  }
+  const getGlobalsFromElement = (el) => {
+    const win = el.ownerDocument?.defaultView;
+    return win ?? globalThis;
+  };
+  if (typeof processedInput === "object" && processedInput !== null && "nodeType" in processedInput && typeof processedInput.nodeType === "number") {
+    const vnode = domNodeToVNode(processedInput);
+    nodes.forEach((el) => {
+      if (el) {
+        updateDomWithVdom(el, vnode, getGlobalsFromElement(el));
+      }
+    });
+    return;
+  }
+  if (typeof processedInput === "string") {
+    if (isMarkup(processedInput, Parser)) {
+      const vNodes = htmlStringToVNodes(processedInput, Parser);
+      nodes.forEach((el) => {
+        if (el) {
+          updateDomWithVdom(
+            el,
+            vNodes,
+            getGlobalsFromElement(el)
+          );
+        }
+      });
+    } else {
+      nodes.forEach((el) => {
+        if (el) {
+          updateDomWithVdom(
+            el,
+            processedInput,
+            getGlobalsFromElement(el)
+          );
+        }
+      });
+    }
+  } else if (isJSX(processedInput)) {
+    nodes.forEach((el) => {
+      if (el) {
+        updateDomWithVdom(
+          el,
+          processedInput,
+          getGlobalsFromElement(el)
+        );
+      }
+    });
+  } else {
+    console.warn("update: unsupported content type", processedInput);
+  }
+}
+async function updateDom(input, nodes, timeout, Parser, transitionConfig) {
+  if (transitionConfig && transitionConfig.type !== "none") {
+    const config = { ...DEFAULT_TRANSITION_CONFIG, ...transitionConfig };
+    const { target = "self" } = config;
+    const transitionPromises = nodes.map(async (node) => {
+      if (!node) return node;
+      const element = node;
+      const transitionTarget = target === "self" ? element : element.parentElement;
+      if (!transitionTarget) {
+        await performCoreDomUpdate(input, [node], timeout, Parser);
+        return node;
+      }
+      await performTransition(
+        transitionTarget,
+        () => performCoreDomUpdate(input, [node], timeout, Parser),
+        config
+      );
+      return node;
+    });
+    await Promise.all(transitionPromises);
+    return nodes;
+  }
+  await performCoreDomUpdate(input, nodes, timeout, Parser);
+  return nodes;
+}
+
+const areDomNodesEqual = (oldNode, newNode) => {
+  if (oldNode === newNode) return true;
+  if (oldNode.nodeType !== newNode.nodeType) return false;
+  if (oldNode.nodeType === Node.ELEMENT_NODE) {
+    const oldElement = oldNode;
+    const newElement = newNode;
+    if (oldElement.tagName !== newElement.tagName) return false;
+    const oldAttrs = oldElement.attributes;
+    const newAttrs = newElement.attributes;
+    if (oldAttrs.length !== newAttrs.length) return false;
+    for (let i = 0; i < oldAttrs.length; i++) {
+      const oldAttr = oldAttrs[i];
+      const newAttrValue = newElement.getAttribute(oldAttr.name);
+      if (oldAttr.value !== newAttrValue) return false;
+    }
+  }
+  if (oldNode.nodeType === Node.TEXT_NODE) {
+    if (oldNode.textContent !== newNode.textContent) return false;
+  }
+  return true;
+};
+function isTextLike(value) {
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
+function isVNode(value) {
+  return Boolean(value && typeof value === "object" && "type" in value);
+}
+function toValidChild(child) {
+  if (child == null) return child;
+  if (isTextLike(child)) return child;
+  if (isVNode(child)) return child;
+  return void 0;
+}
+function normalizeChildren(input) {
+  const raw = [];
+  const pushChild = (child) => {
+    if (Array.isArray(child)) {
+      child.forEach(pushChild);
+      return;
+    }
+    const valid = toValidChild(child);
+    if (typeof valid === "undefined") return;
+    if (isVNode(valid) && (valid.type === "fragment" || valid.type === "Fragment")) {
+      const nested = Array.isArray(valid.children) ? valid.children : [];
+      nested.forEach(pushChild);
+      return;
+    }
+    if (valid === null || typeof valid === "undefined" || typeof valid === "boolean") return;
+    raw.push(valid);
+  };
+  pushChild(input);
+  const fused = [];
+  let buffer = null;
+  const flush = () => {
+    if (buffer !== null && buffer.length > 0) fused.push(buffer);
+    buffer = null;
+  };
+  for (const child of raw) {
+    if (typeof child === "string" || typeof child === "number" || typeof child === "boolean") {
+      buffer = (buffer ?? "") + String(child);
+      continue;
+    }
+    flush();
+    fused.push(child);
+  }
+  flush();
+  return fused;
+}
+function getVNodeMatchKey(child) {
+  if (!child || typeof child !== "object") return null;
+  const key = child.attributes?.key;
+  if (typeof key === "string" || typeof key === "number") return `k:${String(key)}`;
+  const id = child.attributes?.id;
+  if (typeof id === "string" && id.length > 0) return `id:${id}`;
+  return null;
+}
+function getDomMatchKeys(node) {
+  if (node.nodeType !== Node.ELEMENT_NODE) return [];
+  const el = node;
+  const keys = [];
+  const internalKey = el._defussKey;
+  if (internalKey) keys.push(`k:${internalKey}`);
+  const attrKey = el.getAttribute("key");
+  if (attrKey) keys.push(`k:${attrKey}`);
+  const id = el.id;
+  if (id) keys.push(`id:${id}`);
+  return keys;
+}
+function areNodeAndChildMatching(domNode, child) {
+  if (typeof child === "string" || typeof child === "number" || typeof child === "boolean") {
+    return domNode.nodeType === Node.TEXT_NODE;
+  }
+  if (child && typeof child === "object") {
+    if (domNode.nodeType !== Node.ELEMENT_NODE) return false;
+    const el = domNode;
+    const oldTag = el.tagName.toLowerCase();
+    const newTag = typeof child.type === "string" ? child.type.toLowerCase() : "";
+    if (!newTag || oldTag !== newTag) return false;
+    return true;
+  }
+  return false;
+}
+function createDomFromChild(child, globals) {
+  const renderer = getRenderer(globals.window.document);
+  if (child == null) return void 0;
+  if (typeof child === "string" || typeof child === "number" || typeof child === "boolean") {
+    return [globals.window.document.createTextNode(String(child))];
+  }
+  const created = renderer.createElementOrElements(child);
+  if (!created) return void 0;
+  const nodes = Array.isArray(created) ? created : [created];
+  return nodes.filter(Boolean);
+}
+function shouldPreserveFormStateAttribute(el, attrName, vnode) {
+  const tag = el.tagName.toLowerCase();
+  const hasExplicit = Object.prototype.hasOwnProperty.call(vnode.attributes ?? {}, attrName);
+  if (hasExplicit) return false;
+  if (tag === "input") return attrName === "value" || attrName === "checked";
+  if (tag === "textarea") return attrName === "value";
+  if (tag === "select") return attrName === "value";
+  return false;
+}
+function patchElementInPlace(el, vnode, globals) {
+  const renderer = getRenderer(globals.window.document);
+  const existingAttrs = Array.from(el.attributes);
+  const nextAttrs = vnode.attributes ?? {};
+  for (const attr of existingAttrs) {
+    const { name } = attr;
+    if (name === "key") continue;
+    if (name.startsWith("on")) continue;
+    if (name === "class" && (Object.prototype.hasOwnProperty.call(nextAttrs, "class") || Object.prototype.hasOwnProperty.call(nextAttrs, "className"))) {
+      continue;
+    }
+    if (!Object.prototype.hasOwnProperty.call(nextAttrs, name)) {
+      if (shouldPreserveFormStateAttribute(el, name, vnode)) continue;
+      el.removeAttribute(name);
+    }
+  }
+  const registeredKeys = getRegisteredEventKeys(el);
+  const nextEventKeys = /* @__PURE__ */ new Set();
+  for (const propName of Object.keys(nextAttrs)) {
+    const parsed = parseEventPropName(propName);
+    if (parsed) {
+      const phase = parsed.capture ? "capture" : "bubble";
+      nextEventKeys.add(`${parsed.eventType}:${phase}`);
+    }
+  }
+  for (const key of registeredKeys) {
+    if (!nextEventKeys.has(key)) {
+      const [eventType, phase] = key.split(":");
+      removeDelegatedEventByKey(el, eventType, phase);
+    }
+  }
+  renderer.setAttributes(vnode, el);
+  handleLifecycleEventsForOnMount(el);
+  const d = vnode.attributes?.dangerouslySetInnerHTML;
+  if (d && typeof d === "object" && typeof d.__html === "string") {
+    el.innerHTML = d.__html;
+    return;
+  }
+  const tag = el.tagName.toLowerCase();
+  if (tag === "textarea") {
+    const isControlled = Object.prototype.hasOwnProperty.call(nextAttrs, "value");
+    const isActive = el.ownerDocument?.activeElement === el;
+    if (isActive && !isControlled) return;
+  }
+  updateDomWithVdom(el, vnode.children ?? [], globals);
+}
+function morphNode(domNode, child, globals) {
+  if (typeof child === "string" || typeof child === "number" || typeof child === "boolean") {
+    const text = String(child);
+    if (domNode.nodeType === Node.TEXT_NODE) {
+      if (domNode.nodeValue !== text) domNode.nodeValue = text;
+      return domNode;
+    }
+    const next = globals.window.document.createTextNode(text);
+    domNode.parentNode?.replaceChild(next, domNode);
+    return next;
+  }
+  if (child && typeof child === "object") {
+    const newType = typeof child.type === "string" ? child.type : null;
+    if (!newType) return domNode;
+    if (domNode.nodeType !== Node.ELEMENT_NODE) {
+      const created = createDomFromChild(child, globals);
+      const first = Array.isArray(created) ? created[0] : created;
+      if (!first) return null;
+      domNode.parentNode?.replaceChild(first, domNode);
+      handleLifecycleEventsForOnMount(first);
+      return first;
+    }
+    const el = domNode;
+    const oldTag = el.tagName.toLowerCase();
+    const newTag = newType.toLowerCase();
+    if (oldTag !== newTag) {
+      const created = createDomFromChild(child, globals);
+      const first = Array.isArray(created) ? created[0] : created;
+      if (!first) return null;
+      el.parentNode?.replaceChild(first, el);
+      handleLifecycleEventsForOnMount(first);
+      return first;
+    }
+    patchElementInPlace(el, child, globals);
+    return el;
+  }
+  domNode.parentNode?.removeChild(domNode);
+  return null;
+}
+function updateDomWithVdom(parentElement, newVDOM, globals) {
+  const el = parentElement;
+  const isCustomElement = el.tagName.includes("-");
+  const targetRoot = el.shadowRoot && !isCustomElement ? el.shadowRoot : parentElement;
+  const nextChildren = normalizeChildren(newVDOM);
+  const existing = Array.from(targetRoot.childNodes);
+  const keyedPool = /* @__PURE__ */ new Map();
+  const nodeKeys = /* @__PURE__ */ new WeakMap();
+  const unkeyedPool = [];
+  for (const node of existing) {
+    const keys = getDomMatchKeys(node);
+    if (keys.length > 0) {
+      nodeKeys.set(node, keys);
+      for (const k of keys) {
+        if (!keyedPool.has(k)) keyedPool.set(k, node);
+      }
+    } else {
+      unkeyedPool.push(node);
+    }
+  }
+  const consumeKeyedNode = (node) => {
+    const keys = nodeKeys.get(node) ?? [];
+    for (const k of keys) keyedPool.delete(k);
+  };
+  const takeUnkeyedMatch = (child) => {
+    for (let i = 0; i < unkeyedPool.length; i++) {
+      const candidate = unkeyedPool[i];
+      if (areNodeAndChildMatching(candidate, child)) {
+        unkeyedPool.splice(i, 1);
+        return candidate;
+      }
+    }
+    return void 0;
+  };
+  let domIndex = 0;
+  for (const child of nextChildren) {
+    const key = getVNodeMatchKey(child);
+    let match;
+    if (key) {
+      match = keyedPool.get(key);
+      if (match) consumeKeyedNode(match);
+    } else {
+      match = takeUnkeyedMatch(child);
+    }
+    const anchor = targetRoot.childNodes[domIndex] ?? null;
+    if (match) {
+      if (match !== anchor) {
+        targetRoot.insertBefore(match, anchor);
+      }
+      morphNode(match, child, globals);
+      domIndex++;
+      continue;
+    }
+    const created = createDomFromChild(child, globals);
+    if (!created || Array.isArray(created) && created.length === 0) continue;
+    const nodes = Array.isArray(created) ? created : [created];
+    for (const node of nodes) {
+      targetRoot.insertBefore(node, anchor);
+      handleLifecycleEventsForOnMount(node);
+      domIndex++;
+    }
+  }
+  const remaining = /* @__PURE__ */ new Set();
+  for (const node of unkeyedPool) remaining.add(node);
+  for (const node of keyedPool.values()) remaining.add(node);
+  for (const node of remaining) {
+    if (node.parentNode === targetRoot) {
+      if (node instanceof HTMLElement) {
+        clearDelegatedEventsDeep(node);
+      }
+      targetRoot.removeChild(node);
+    }
+  }
+}
+function replaceDomWithVdom(parentElement, newVDOM, globals) {
+  while (parentElement.firstChild) {
+    parentElement.removeChild(parentElement.firstChild);
+  }
+  const renderer = getRenderer(globals.window.document);
+  const newDom = renderer.createElementOrElements(
+    newVDOM
+  );
+  if (Array.isArray(newDom)) {
+    for (const node of newDom) {
+      if (node) {
+        parentElement.appendChild(node);
+        handleLifecycleEventsForOnMount(node);
+      }
+    }
+  } else if (newDom) {
+    parentElement.appendChild(newDom);
+    handleLifecycleEventsForOnMount(newDom);
+  }
+}
+async function waitForDOM(check, timeout, document) {
+  const initialResult = check();
+  if (initialResult.length) return initialResult;
+  return defussRuntime.createTimeoutPromise(timeout, () => {
+    return new Promise((resolve) => {
+      if (!document) {
+        setTimeout(() => resolve(check()), 0);
+        return;
+      }
+      const observer = new MutationObserver(() => {
+        const result = check();
+        if (result.length) {
+          observer.disconnect();
+          resolve(result);
+        }
+      });
+      observer.observe(document.documentElement, {
+        childList: true,
+        subtree: true,
+        attributes: true
+      });
+      return () => observer.disconnect();
+    });
+  });
+}
+function parseDOM(input, type, Parser) {
+  return new Parser().parseFromString(input, type);
+}
+function isSVG(input, Parser) {
+  const doc = parseDOM(input, "image/svg+xml", Parser);
+  if (!doc.documentElement) return false;
+  return doc.documentElement.nodeName.toLowerCase() === "svg";
+}
+function isHTML(input, Parser) {
+  const doc = parseDOM(input, "text/html", Parser);
+  return doc.documentElement.querySelectorAll("*").length > 2;
+}
+const isMarkup = (input, Parser) => input.indexOf("<") > -1 && input.indexOf(">") > -1 && (isHTML(input, Parser) || isSVG(input, Parser));
+function renderMarkup(markup, Parser, doc) {
+  return Array.from(
+    (doc ? doc : parseDOM(markup, getMimeType(markup, Parser), Parser)).body.childNodes
+  );
+}
+function getMimeType(input, Parser) {
+  if (isSVG(input, Parser)) {
+    return "image/svg+xml";
+  }
+  return "text/html";
+}
+function processAllFormElements(node, callback) {
+  if (node instanceof Element) {
+    if (node instanceof HTMLFormElement) {
+      Array.from(node.elements).forEach((element) => {
+        if (element instanceof HTMLInputElement || element instanceof HTMLSelectElement || element instanceof HTMLTextAreaElement) {
+          const key = element.name || element.id;
+          if (key) {
+            callback(element, key);
+          }
+        }
+      });
+    } else {
+      const inputElements = node.querySelectorAll("input, select, textarea");
+      inputElements.forEach((element) => {
+        if (element instanceof HTMLInputElement || element instanceof HTMLSelectElement || element instanceof HTMLTextAreaElement) {
+          const key = element.name || element.id;
+          if (key) {
+            callback(element, key);
+          }
+        }
+      });
+    }
+  }
+}
+function checkElementVisibility(element, window, document) {
+  const style = window.getComputedStyle(element);
+  if (!style) return false;
+  if (element.offsetWidth === 0 || element.offsetHeight === 0) return false;
+  if (style.display === "none" || style.visibility === "hidden" || style.opacity === "0" || Number.parseFloat(style.opacity) === 0)
+    return false;
+  if (!document.body.contains(element)) return false;
+  let parent = element.parentElement;
+  while (parent) {
+    const parentStyle = window.getComputedStyle(parent);
+    if (parentStyle && (parentStyle.display === "none" || parentStyle.visibility === "hidden" || parentStyle.opacity === "0" || Number.parseFloat(parentStyle.opacity) === 0)) {
+      return false;
+    }
+    parent = parent.parentElement;
+  }
+  return true;
+}
+function getEventMap(element) {
+  if (!element._dequeryEvents) {
+    element._dequeryEvents = /* @__PURE__ */ new Map();
+  }
+  return element._dequeryEvents;
+}
+function addElementEvent(target, eventType, handler) {
+  registerDelegatedEvent(target, eventType, handler, { multi: true });
+}
+function removeElementEvent(target, eventType, handler) {
+  removeDelegatedEvent(target, eventType, handler);
+}
+function clearElementEvents(target) {
+  clearDelegatedEvents(target);
+}
+function domNodeToVNode(node) {
+  if (node.nodeType === Node.TEXT_NODE) {
+    return node.textContent || "";
+  }
+  if (node.nodeType === Node.ELEMENT_NODE) {
+    const element = node;
+    const attributes = {};
+    for (let i = 0; i < element.attributes.length; i++) {
+      const attr = element.attributes[i];
+      attributes[attr.name] = attr.value;
+    }
+    const children = [];
+    for (let i = 0; i < element.childNodes.length; i++) {
+      const childVNode = domNodeToVNode(element.childNodes[i]);
+      children.push(childVNode);
+    }
+    return {
+      type: element.tagName.toLowerCase(),
+      attributes,
+      children
+    };
+  }
+  return "";
+}
+function htmlStringToVNodes(html, Parser) {
+  const parser = new Parser();
+  const doc = parser.parseFromString(html, "text/html");
+  const vNodes = [];
+  for (let i = 0; i < doc.body.childNodes.length; i++) {
+    const vnode = domNodeToVNode(doc.body.childNodes[i]);
+    if (vnode !== "") {
+      vNodes.push(vnode);
+    }
+  }
+  return vNodes;
+}
+
+exports.$ = $;
+exports.CAPTURE_ONLY_EVENTS = CAPTURE_ONLY_EVENTS;
+exports.CLASS_ATTRIBUTE_NAME = CLASS_ATTRIBUTE_NAME;
+exports.CallChainImpl = CallChainImpl;
+exports.CallChainImplThenable = CallChainImplThenable;
+exports.DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE = DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE;
+exports.DEFAULT_TRANSITION_CONFIG = DEFAULT_TRANSITION_CONFIG;
+exports.Fragment = Fragment;
+exports.REF_ATTRIBUTE_NAME = REF_ATTRIBUTE_NAME;
+exports.XLINK_ATTRIBUTE_NAME = XLINK_ATTRIBUTE_NAME;
+exports.XMLNS_ATTRIBUTE_NAME = XMLNS_ATTRIBUTE_NAME;
+exports.addElementEvent = addElementEvent;
+exports.addNonChainedReturnCallNames = addNonChainedReturnCallNames;
+exports.applyStyles = applyStyles;
+exports.areDomNodesEqual = areDomNodesEqual;
+exports.checkElementVisibility = checkElementVisibility;
+exports.clearDelegatedEvents = clearDelegatedEvents;
+exports.clearDelegatedEventsDeep = clearDelegatedEventsDeep;
+exports.clearElementEvents = clearElementEvents;
+exports.createCall = createCall;
+exports.createInPlaceErrorMessageVNode = createInPlaceErrorMessageVNode;
+exports.createRef = createRef;
+exports.createStore = createStore;
+exports.createSyncCall = createSyncCall;
+exports.deepEquals = deepEquals;
+exports.dequery = dequery;
+exports.domNodeToVNode = domNodeToVNode;
+exports.emptyImpl = emptyImpl;
+exports.getAllFormValues = getAllFormValues;
+exports.getComponentInstance = getComponentInstance;
+exports.getDefaultDequeryOptions = getDefaultDequeryOptions;
+exports.getEventMap = getEventMap;
+exports.getMimeType = getMimeType;
+exports.getNonChainedReturnCallNames = getNonChainedReturnCallNames;
+exports.getRegisteredEventKeys = getRegisteredEventKeys;
+exports.getRegisteredEventTypes = getRegisteredEventTypes;
+exports.getRenderer = getRenderer;
+exports.getTransitionStyles = getTransitionStyles;
+exports.globalScopeDomApis = globalScopeDomApis;
+exports.handleLifecycleEventsForOnMount = handleLifecycleEventsForOnMount;
+exports.htmlStringToVNodes = htmlStringToVNodes;
+exports.isComponentRoot = isComponentRoot;
+exports.isDequery = isDequery;
+exports.isDequeryOptionsObject = isDequeryOptionsObject;
+exports.isHTML = isHTML;
+exports.isJSX = isJSX;
+exports.isMarkup = isMarkup;
+exports.isNonChainedReturnCall = isNonChainedReturnCall;
+exports.isRef = isRef;
+exports.isSVG = isSVG;
+exports.jsx = jsx;
+exports.jsxDEV = jsxDEV;
+exports.jsxs = jsxs;
+exports.mapArrayIndexAccess = mapArrayIndexAccess;
+exports.nsMap = nsMap;
+exports.observeUnmount = observeUnmount;
+exports.parseDOM = parseDOM;
+exports.parseEventPropName = parseEventPropName;
+exports.performTransition = performTransition;
+exports.processAllFormElements = processAllFormElements;
+exports.queueCallback = queueCallback;
+exports.registerComponent = registerComponent;
+exports.registerDelegatedEvent = registerDelegatedEvent;
+exports.removeDelegatedEvent = removeDelegatedEvent;
+exports.removeDelegatedEventByKey = removeDelegatedEventByKey;
+exports.removeElementEvent = removeElementEvent;
+exports.render = render;
+exports.renderInto = renderInto;
+exports.renderIsomorphicAsync = renderIsomorphicAsync;
+exports.renderIsomorphicSync = renderIsomorphicSync;
+exports.renderMarkup = renderMarkup;
+exports.renderNode = renderNode;
+exports.replaceDomWithVdom = replaceDomWithVdom;
+exports.resolveNodes = resolveNodes;
+exports.scrollHelper = scrollHelper;
+exports.shallowEquals = shallowEquals;
+exports.traverse = traverse;
+exports.unregisterComponent = unregisterComponent;
+exports.updateDom = updateDom;
+exports.updateDomWithVdom = updateDomWithVdom;
+exports.waitForDOM = waitForDOM;
+exports.webstorage = webstorage;