@tachui/core 0.7.0-alpha1

package/dist/runtime/renderer.d.ts

@@ -0,0 +1,116 @@
+/**
+ * Direct DOM Renderer (Phase 3.1.1)
+ *
+ * Efficient DOM manipulation without virtual DOM overhead.
+ * Provides surgical DOM updates integrated with the reactive system.
+ */
+import type { ComponentInstance, DOMNode } from './types';
+/**
+ * Direct DOM renderer for efficient DOM manipulation
+ */
+export declare class DOMRenderer {
+    private nodeMap;
+    private cleanupMap;
+    private renderedNodes;
+    /**
+     * Render a DOM node to an actual DOM element
+     */
+    render(node: DOMNode | DOMNode[], container?: Element): Element | Text | Comment | DocumentFragment;
+    /**
+     * Render a single DOM node
+     */
+    private renderSingle;
+    /**
+     * Render multiple nodes as a document fragment
+     */
+    private renderFragment;
+    /**
+     * Create a DOM element with props and children
+     */
+    private createElement;
+    /**
+     * Apply debug attributes to DOM element if debug mode is enabled
+     */
+    private applyDebugAttributes;
+    /**
+     * Create a text node
+     */
+    private createTextNode;
+    /**
+     * Create a comment node
+     */
+    private createComment;
+    /**
+     * Apply props to a DOM element with reactive updates
+     */
+    private applyProps;
+    /**
+     * Apply a single prop to an element
+     */
+    private applyProp;
+    /**
+     * Set a property on an element
+     */
+    private setElementProp;
+    /**
+     * Apply className with reactive updates
+     */
+    private applyClassName;
+    /**
+     * Normalize className value
+     */
+    private normalizeClassName;
+    /**
+     * Apply styles with reactive updates
+     */
+    private applyStyle;
+    /**
+     * Set styles on an element
+     */
+    private setElementStyles;
+    /**
+     * Apply event listener
+     */
+    private applyEventListener;
+    /**
+     * Add cleanup function for an element
+     */
+    private addCleanup;
+    /**
+     * Update an existing DOM node
+     */
+    updateNode(node: DOMNode, newProps?: Record<string, any>): void;
+    /**
+     * Remove a DOM node and run cleanup
+     */
+    removeNode(node: DOMNode): void;
+    /**
+     * Create reactive text content
+     */
+    createReactiveText(textAccessor: () => string): Text;
+    /**
+     * Create reactive element with dynamic props
+     */
+    createReactiveElement(tag: string, propsAccessor: () => Record<string, any>, children?: DOMNode[]): Element;
+    /**
+     * Apply modifiers to a DOM element
+     */
+    private applyModifiersToElement;
+    /**
+     * Cleanup all tracked elements
+     */
+    cleanup(): void;
+}
+/**
+ * Render a component instance to DOM
+ */
+export declare function renderComponent(instance: ComponentInstance, container: Element): () => void;
+/**
+ * Create a DOM node helper
+ */
+export declare function h(tag: string, props?: Record<string, any> | null, ...children: (DOMNode | string | number)[]): DOMNode;
+/**
+ * Create a text node helper
+ */
+export declare function text(content: string | (() => string)): DOMNode;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/runtime/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/runtime/renderer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAIzD;;GAEG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,OAAO,CAAmD;IAClE,OAAO,CAAC,UAAU,CAA0D;IAC5E,OAAO,CAAC,aAAa,CAAqB;IAE1C;;OAEG;IACH,MAAM,CACJ,IAAI,EAAE,OAAO,GAAG,OAAO,EAAE,EACzB,SAAS,CAAC,EAAE,OAAO,GAClB,OAAO,GAAG,IAAI,GAAG,OAAO,GAAG,gBAAgB;IAQ9C;;OAEG;IACH,OAAO,CAAC,YAAY;IAiEpB;;OAEG;IACH,OAAO,CAAC,cAAc;IAetB;;OAEG;IACH,OAAO,CAAC,aAAa;IA6CrB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA+B5B;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,aAAa;IAIrB;;OAEG;IACH,OAAO,CAAC,UAAU;IAMlB;;OAEG;IACH,OAAO,CAAC,SAAS;IAoCjB;;OAEG;IACH,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IACH,OAAO,CAAC,cAAc;IAiBtB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAe1B;;OAEG;IACH,OAAO,CAAC,UAAU;IAmBlB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAyCxB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAmB1B;;OAEG;IACH,OAAO,CAAC,UAAU;IAMlB;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAY/D;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IA6B/B;;OAEG;IACH,kBAAkB,CAAC,YAAY,EAAE,MAAM,MAAM,GAAG,IAAI;IAUpD;;OAEG;IACH,qBAAqB,CACnB,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACxC,QAAQ,CAAC,EAAE,OAAO,EAAE,GACnB,OAAO;IAoBV;;OAEG;IACH,OAAO,CAAC,uBAAuB;IA2B/B;;OAEG;IACH,OAAO,IAAI,IAAI;CAiBhB;AAOD;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,IAAI,CA6B3F;AAED;;GAEG;AACH,wBAAgB,CAAC,CACf,GAAG,EAAE,MAAM,EACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,EAClC,GAAG,QAAQ,EAAE,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC,EAAE,GACzC,OAAO,CAoBT;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,GAAG,OAAO,CAwC9D"}

package/dist/runtime/renderer.js

@@ -0,0 +1,390 @@
+import { applyModifiersToNode as h } from "../modifiers/registry.js";
+import "../reactive/cleanup.js";
+import { isComputed as p } from "../reactive/computed.js";
+import { createRoot as u } from "../reactive/context.js";
+import { createEffect as a } from "../reactive/effect.js";
+import "../reactive/unified-scheduler.js";
+import { isSignal as c } from "../reactive/signal.js";
+import "../reactive/scheduler.js";
+import "../reactive/theme.js";
+import { semanticRoleManager as y } from "./semantic-role-manager.js";
+import { debugManager as d } from "../debug.js";
+var g = Object.defineProperty, E = (s, e, t) => e in s ? g(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, f = (s, e, t) => E(s, typeof e != "symbol" ? e + "" : e, t);
+class b {
+  constructor() {
+    f(this, "nodeMap", /* @__PURE__ */ new WeakMap()), f(this, "cleanupMap", /* @__PURE__ */ new WeakMap()), f(this, "renderedNodes", /* @__PURE__ */ new Set());
+  }
+  /**
+   * Render a DOM node to an actual DOM element
+   */
+  render(e, t) {
+    return Array.isArray(e) ? this.renderFragment(e, t) : this.renderSingle(e, t);
+  }
+  /**
+   * Render a single DOM node
+   */
+  renderSingle(e, t) {
+    this.renderedNodes.add(e);
+    let r;
+    switch (e.type) {
+      case "element":
+        r = this.createElement(e);
+        break;
+      case "text":
+        r = this.createTextNode(e);
+        break;
+      case "comment":
+        r = this.createComment(e);
+        break;
+      default:
+        throw new Error(`Unknown node type: ${e.type}`);
+    }
+    if (this.nodeMap.set(e, r), e.element = r, r instanceof Element) {
+      let n = [];
+      "modifiers" in e && Array.isArray(e.modifiers) && e.modifiers.length > 0 && (n = e.modifiers), "componentMetadata" in e && e.componentMetadata?.modifiers && Array.isArray(e.componentMetadata.modifiers) && e.componentMetadata.modifiers.length > 0 && (n = e.componentMetadata.modifiers), n.length > 0 && this.applyModifiersToElement(r, n, e);
+    }
+    return e.dispose && this.addCleanup(r, e.dispose), t && t.appendChild(r), r;
+  }
+  /**
+   * Render multiple nodes as a document fragment
+   */
+  renderFragment(e, t) {
+    const r = document.createDocumentFragment();
+    return e.forEach((n) => {
+      const o = this.renderSingle(n);
+      r.appendChild(o);
+    }), t && t.appendChild(r), r;
+  }
+  /**
+   * Create a DOM element with props and children
+   */
+  createElement(e) {
+    if (!e.tag)
+      throw new Error("Element node must have a tag");
+    const t = document.createElement(e.tag);
+    if (this.applyDebugAttributes(t, e), e.props && this.applyProps(t, e.props), "componentMetadata" in e && e.componentMetadata) {
+      const r = e.componentMetadata;
+      if (r.overriddenTo && r.originalType)
+        try {
+          y.processElementNode(
+            t,
+            e.tag,
+            r,
+            e.props?.aria || void 0
+          );
+        } catch (n) {
+          console.warn("[tachUI] Could not process semantic attributes:", n);
+        }
+    }
+    return e.children && e.children.length > 0 && e.children.forEach((r) => {
+      const n = this.renderSingle(r);
+      t.appendChild(n);
+    }), t;
+  }
+  /**
+   * Apply debug attributes to DOM element if debug mode is enabled
+   */
+  applyDebugAttributes(e, t) {
+    if (!d.isEnabled())
+      return;
+    let r = t.tag || "element", n;
+    if ("componentMetadata" in t && t.componentMetadata) {
+      const o = t.componentMetadata;
+      o.type && (r = o.type);
+    }
+    t.props && "data-tachui-label" in t.props && (n = t.props["data-tachui-label"]), t.props && "debugLabel" in t.props && (n = t.props.debugLabel), d.addDebugAttributes(e, r, n);
+  }
+  /**
+   * Create a text node
+   */
+  createTextNode(e) {
+    return document.createTextNode(e.text || "");
+  }
+  /**
+   * Create a comment node
+   */
+  createComment(e) {
+    return document.createComment(e.text || "");
+  }
+  /**
+   * Apply props to a DOM element with reactive updates
+   */
+  applyProps(e, t) {
+    Object.entries(t).forEach(([r, n]) => {
+      this.applyProp(e, r, n);
+    });
+  }
+  /**
+   * Apply a single prop to an element
+   */
+  applyProp(e, t, r) {
+    if (t === "className" || t === "class") {
+      this.applyClassName(e, r);
+      return;
+    }
+    if (t === "style") {
+      this.applyStyle(e, r);
+      return;
+    }
+    if (t.startsWith("on") && typeof r == "function") {
+      this.applyEventListener(e, t, r);
+      return;
+    }
+    if (c(r) || p(r)) {
+      const n = a(() => {
+        const o = r();
+        this.setElementProp(e, t, o);
+      });
+      this.addCleanup(e, () => {
+        n.dispose();
+      });
+      return;
+    }
+    this.setElementProp(e, t, r);
+  }
+  /**
+   * Set a property on an element
+   */
+  setElementProp(e, t, r) {
+    if (r == null) {
+      e.removeAttribute(t);
+      return;
+    }
+    if (typeof r == "boolean") {
+      r ? e.setAttribute(t, "") : e.removeAttribute(t);
+      return;
+    }
+    e.setAttribute(t, String(r));
+  }
+  /**
+   * Apply className with reactive updates
+   */
+  applyClassName(e, t) {
+    if (c(t) || p(t)) {
+      const r = a(() => {
+        const n = t();
+        e.className = this.normalizeClassName(n);
+      });
+      this.addCleanup(e, () => {
+        r.dispose();
+      });
+    } else
+      e.className = this.normalizeClassName(t);
+  }
+  /**
+   * Normalize className value
+   */
+  normalizeClassName(e) {
+    return Array.isArray(e) ? e.filter(Boolean).join(" ") : typeof e == "object" && e !== null ? Object.entries(e).filter(([, t]) => !!t).map(([t]) => t).join(" ") : String(e || "");
+  }
+  /**
+   * Apply styles with reactive updates
+   */
+  applyStyle(e, t) {
+    const r = e;
+    if (c(t) || p(t)) {
+      const n = a(() => {
+        const o = t();
+        this.setElementStyles(r, o);
+      });
+      this.addCleanup(e, () => {
+        n.dispose();
+      });
+    } else
+      this.setElementStyles(r, t);
+  }
+  /**
+   * Set styles on an element
+   */
+  setElementStyles(e, t) {
+    if (typeof t == "string") {
+      e.style.cssText = t;
+      return;
+    }
+    typeof t == "object" && t !== null && Object.entries(t).forEach(([r, n]) => {
+      if (c(n) || p(n)) {
+        const o = a(() => {
+          const i = n();
+          i == null ? e.style.removeProperty(r) : e.style.setProperty(
+            r.replace(/[A-Z]/g, (l) => `-${l.toLowerCase()}`),
+            String(i)
+          );
+        });
+        this.addCleanup(e, () => {
+          o.dispose();
+        });
+      } else
+        n == null ? e.style.removeProperty(r) : e.style.setProperty(
+          r.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`),
+          String(n)
+        );
+    });
+  }
+  /**
+   * Apply event listener
+   */
+  applyEventListener(e, t, r) {
+    const n = t.slice(2).toLowerCase(), o = (i) => {
+      try {
+        r(i);
+      } catch (l) {
+        console.error(`Event handler error for ${t}:`, l);
+      }
+    };
+    e.addEventListener(n, o), this.addCleanup(e, () => {
+      e.removeEventListener(n, o);
+    });
+  }
+  /**
+   * Add cleanup function for an element
+   */
+  addCleanup(e, t) {
+    const r = this.cleanupMap.get(e) || [];
+    r.push(t), this.cleanupMap.set(e, r);
+  }
+  /**
+   * Update an existing DOM node
+   */
+  updateNode(e, t) {
+    const r = this.nodeMap.get(e);
+    !r || typeof r.setAttribute != "function" || t && this.applyProps(r, t);
+  }
+  /**
+   * Remove a DOM node and run cleanup
+   */
+  removeNode(e) {
+    const t = this.nodeMap.get(e);
+    if (!t) return;
+    const r = this.cleanupMap.get(t);
+    r && (r.forEach((n) => {
+      try {
+        n();
+      } catch (o) {
+        console.error("Cleanup error:", o);
+      }
+    }), this.cleanupMap.delete(t)), t.parentNode && t.parentNode.removeChild(t), this.nodeMap.delete(e), e.element !== void 0 && (e.element = void 0);
+  }
+  /**
+   * Create reactive text content
+   */
+  createReactiveText(e) {
+    const t = document.createTextNode("");
+    return a(() => {
+      t.textContent = e();
+    }), t;
+  }
+  /**
+   * Create reactive element with dynamic props
+   */
+  createReactiveElement(e, t, r) {
+    const n = document.createElement(e);
+    return a(() => {
+      const o = t();
+      this.applyProps(n, o);
+    }), r && r.forEach((o) => {
+      const i = this.renderSingle(o);
+      n.appendChild(i);
+    }), n;
+  }
+  /**
+   * Apply modifiers to a DOM element
+   */
+  applyModifiersToElement(e, t, r) {
+    try {
+      const n = r.componentInstance || r.componentMetadata && r.componentMetadata.componentInstance || r;
+      h(
+        r,
+        t,
+        {
+          element: e,
+          componentId: r.componentId || "unknown",
+          phase: "creation",
+          componentInstance: n
+          // Pass the component instance
+        },
+        {
+          batch: !0
+          // Enable batched modifier application
+        }
+      );
+    } catch (n) {
+      console.error("Failed to apply modifiers to element:", n);
+    }
+  }
+  /**
+   * Cleanup all tracked elements
+   */
+  cleanup() {
+    for (const e of this.renderedNodes)
+      if (e.dispose && typeof e.dispose == "function")
+        try {
+          e.dispose();
+        } catch (t) {
+          console.error("Cleanup error:", t);
+        }
+    this.renderedNodes.clear(), this.nodeMap = /* @__PURE__ */ new WeakMap(), this.cleanupMap = /* @__PURE__ */ new WeakMap();
+  }
+}
+const m = new b();
+function R(s, e) {
+  return u(() => {
+    let t = [];
+    const r = a(() => {
+      t.forEach((i) => {
+        m.removeNode(i);
+      });
+      const n = s.render(), o = Array.isArray(n) ? n : [n];
+      t = o, o.forEach((i) => {
+        m.render(i, e);
+      });
+    });
+    return () => {
+      r.dispose(), t.forEach((n) => {
+        m.removeNode(n);
+      });
+    };
+  });
+}
+function j(s, e, ...t) {
+  const r = t.flat().filter((o) => o != null).map((o) => typeof o == "string" || typeof o == "number" ? { type: "text", text: String(o) } : o);
+  return {
+    type: "element",
+    tag: s,
+    props: e || {},
+    children: r
+  };
+}
+function F(s) {
+  if (c(s) || p(s) || typeof s == "function") {
+    const e = {
+      type: "text",
+      text: "",
+      dispose: void 0
+    }, t = u(() => {
+      const r = a(() => {
+        const n = s();
+        if (e.text = String(n), e.element && e.element instanceof Text) {
+          const o = e.element.parentElement;
+          if (o && o.__tachui_asHTML)
+            return;
+          e.element.textContent = e.text;
+        }
+      });
+      return () => {
+        r.dispose();
+      };
+    });
+    return e.dispose = t, e;
+  }
+  return {
+    type: "text",
+    text: s
+  };
+}
+export {
+  b as DOMRenderer,
+  j as h,
+  R as renderComponent,
+  F as text
+};
+//# sourceMappingURL=renderer.js.map

package/dist/runtime/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sources":["../../src/runtime/renderer.ts"],"sourcesContent":["/**\n * Direct DOM Renderer (Phase 3.1.1)\n *\n * Efficient DOM manipulation without virtual DOM overhead.\n * Provides surgical DOM updates integrated with the reactive system.\n */\n\nimport { applyModifiersToNode } from '../modifiers/registry'\nimport { createEffect, createRoot, isComputed, isSignal } from '../reactive'\nimport type { ComponentInstance, DOMNode } from './types'\nimport { semanticRoleManager } from './semantic-role-manager'\nimport { debugManager } from '../debug'\n\n/**\n * Direct DOM renderer for efficient DOM manipulation\n */\nexport class DOMRenderer {\n  private nodeMap = new WeakMap<DOMNode, Element | Text | Comment>()\n  private cleanupMap = new WeakMap<Element | Text | Comment, (() => void)[]>()\n  private renderedNodes = new Set<DOMNode>()\n\n  /**\n   * Render a DOM node to an actual DOM element\n   */\n  render(\n    node: DOMNode | DOMNode[],\n    container?: Element\n  ): Element | Text | Comment | DocumentFragment {\n    if (Array.isArray(node)) {\n      return this.renderFragment(node, container)\n    }\n\n    return this.renderSingle(node, container)\n  }\n\n  /**\n   * Render a single DOM node\n   */\n  private renderSingle(node: DOMNode, container?: Element): Element | Text | Comment {\n    // Track rendered nodes for cleanup\n    this.renderedNodes.add(node)\n\n    let element: Element | Text | Comment\n\n    switch (node.type) {\n      case 'element':\n        element = this.createElement(node)\n        break\n      case 'text':\n        element = this.createTextNode(node)\n        break\n      case 'comment':\n        element = this.createComment(node)\n        break\n      default:\n        throw new Error(`Unknown node type: ${(node as any).type}`)\n    }\n\n    // Store reference\n    this.nodeMap.set(node, element)\n    node.element = element\n\n    // Apply modifiers if present (only for Element nodes, not Text/Comment)\n    if (element instanceof Element) {\n      let modifiers: any[] = []\n      \n      // Check for modifiers directly on the node\n      if (\n        'modifiers' in node &&\n        Array.isArray((node as any).modifiers) &&\n        (node as any).modifiers.length > 0\n      ) {\n        modifiers = (node as any).modifiers\n      }\n      \n      // Check for modifiers in component metadata\n      if (\n        'componentMetadata' in node &&\n        (node as any).componentMetadata?.modifiers &&\n        Array.isArray((node as any).componentMetadata.modifiers) &&\n        (node as any).componentMetadata.modifiers.length > 0\n      ) {\n        modifiers = (node as any).componentMetadata.modifiers\n      }\n      \n      if (modifiers.length > 0) {\n        this.applyModifiersToElement(element, modifiers, node)\n      }\n    }\n\n    // Set up cleanup if provided\n    if (node.dispose) {\n      this.addCleanup(element, node.dispose)\n    }\n\n    // Append to container if provided\n    if (container) {\n      container.appendChild(element)\n    }\n\n    return element\n  }\n\n  /**\n   * Render multiple nodes as a document fragment\n   */\n  private renderFragment(nodes: DOMNode[], container?: Element): DocumentFragment {\n    const fragment = document.createDocumentFragment()\n\n    nodes.forEach((node) => {\n      const element = this.renderSingle(node)\n      fragment.appendChild(element)\n    })\n\n    if (container) {\n      container.appendChild(fragment)\n    }\n\n    return fragment\n  }\n\n  /**\n   * Create a DOM element with props and children\n   */\n  private createElement(node: DOMNode): Element {\n    if (!node.tag) {\n      throw new Error('Element node must have a tag')\n    }\n\n    const element = document.createElement(node.tag)\n\n    // Apply debug attributes if debug mode is enabled\n    this.applyDebugAttributes(element, node)\n\n    // Apply props\n    if (node.props) {\n      this.applyProps(element, node.props)\n    }\n\n    // Process semantic attributes for components with element overrides\n    if ('componentMetadata' in node && (node as any).componentMetadata) {\n      const metadata = (node as any).componentMetadata\n      if (metadata.overriddenTo && metadata.originalType) {\n        // Import and use semantic role manager\n        try {\n          semanticRoleManager.processElementNode(\n            element as HTMLElement,\n            node.tag,\n            metadata,\n            node.props?.['aria'] || undefined\n          )\n        } catch (error) {\n          // Gracefully handle missing semantic role manager\n          console.warn('[tachUI] Could not process semantic attributes:', error)\n        }\n      }\n    }\n\n    // Render children\n    if (node.children && node.children.length > 0) {\n      node.children.forEach((child) => {\n        const childElement = this.renderSingle(child)\n        element.appendChild(childElement)\n      })\n    }\n\n    return element\n  }\n\n  /**\n   * Apply debug attributes to DOM element if debug mode is enabled\n   */\n  private applyDebugAttributes(element: Element, node: DOMNode): void {\n    if (!debugManager.isEnabled()) {\n      return\n    }\n\n    // Extract component type and debug label from various sources\n    let componentType = node.tag || 'element'\n    let debugLabel: string | undefined\n\n    // Check component metadata for more specific type and debug label\n    if ('componentMetadata' in node && (node as any).componentMetadata) {\n      const metadata = (node as any).componentMetadata\n      if (metadata.type) {\n        componentType = metadata.type\n      }\n    }\n\n    // Check props for debug label\n    if (node.props && 'data-tachui-label' in node.props) {\n      debugLabel = node.props['data-tachui-label']\n    }\n\n    // Check direct debug label in props\n    if (node.props && 'debugLabel' in node.props) {\n      debugLabel = node.props.debugLabel\n    }\n\n    // Apply debug attributes using the debug manager\n    debugManager.addDebugAttributes(element as HTMLElement, componentType, debugLabel)\n  }\n\n  /**\n   * Create a text node\n   */\n  private createTextNode(node: DOMNode): Text {\n    return document.createTextNode(node.text || '')\n  }\n\n  /**\n   * Create a comment node\n   */\n  private createComment(node: DOMNode): Comment {\n    return document.createComment(node.text || '')\n  }\n\n  /**\n   * Apply props to a DOM element with reactive updates\n   */\n  private applyProps(element: Element, props: Record<string, any>): void {\n    Object.entries(props).forEach(([key, value]) => {\n      this.applyProp(element, key, value)\n    })\n  }\n\n  /**\n   * Apply a single prop to an element\n   */\n  private applyProp(element: Element, key: string, value: any): void {\n    // Handle special props\n    if (key === 'className' || key === 'class') {\n      this.applyClassName(element, value)\n      return\n    }\n\n    if (key === 'style') {\n      this.applyStyle(element, value)\n      return\n    }\n\n    if (key.startsWith('on') && typeof value === 'function') {\n      this.applyEventListener(element, key, value)\n      return\n    }\n\n    // Handle reactive values (signals and computed)\n    if (isSignal(value) || isComputed(value)) {\n      // Create reactive effect to update DOM when signal changes\n      const effect = createEffect(() => {\n        const currentValue = value()\n        this.setElementProp(element, key, currentValue)\n      })\n\n      // Add cleanup for the effect\n      this.addCleanup(element, () => {\n        effect.dispose()\n      })\n      return\n    }\n\n    // Handle regular props\n    this.setElementProp(element, key, value)\n  }\n\n  /**\n   * Set a property on an element\n   */\n  private setElementProp(element: Element, key: string, value: any): void {\n    if (value == null) {\n      element.removeAttribute(key)\n      return\n    }\n\n    // Handle boolean attributes\n    if (typeof value === 'boolean') {\n      if (value) {\n        element.setAttribute(key, '')\n      } else {\n        element.removeAttribute(key)\n      }\n      return\n    }\n\n    // Handle regular attributes\n    element.setAttribute(key, String(value))\n  }\n\n  /**\n   * Apply className with reactive updates\n   */\n  private applyClassName(element: Element, value: any): void {\n    if (isSignal(value) || isComputed(value)) {\n      // Reactive className\n      const effect = createEffect(() => {\n        const currentValue = value()\n        element.className = this.normalizeClassName(currentValue)\n      })\n\n      // Add cleanup\n      this.addCleanup(element, () => {\n        effect.dispose()\n      })\n    } else {\n      element.className = this.normalizeClassName(value)\n    }\n  }\n\n  /**\n   * Normalize className value\n   */\n  private normalizeClassName(value: any): string {\n    if (Array.isArray(value)) {\n      return value.filter(Boolean).join(' ')\n    }\n\n    if (typeof value === 'object' && value !== null) {\n      return Object.entries(value)\n        .filter(([, condition]) => Boolean(condition))\n        .map(([className]) => className)\n        .join(' ')\n    }\n\n    return String(value || '')\n  }\n\n  /**\n   * Apply styles with reactive updates\n   */\n  private applyStyle(element: Element, value: any): void {\n    const htmlElement = element as HTMLElement\n\n    if (isSignal(value) || isComputed(value)) {\n      // Reactive styles\n      const effect = createEffect(() => {\n        const currentValue = value()\n        this.setElementStyles(htmlElement, currentValue)\n      })\n\n      // Add cleanup\n      this.addCleanup(element, () => {\n        effect.dispose()\n      })\n    } else {\n      this.setElementStyles(htmlElement, value)\n    }\n  }\n\n  /**\n   * Set styles on an element\n   */\n  private setElementStyles(element: HTMLElement, styles: any): void {\n    if (typeof styles === 'string') {\n      element.style.cssText = styles\n      return\n    }\n\n    if (typeof styles === 'object' && styles !== null) {\n      Object.entries(styles).forEach(([property, value]) => {\n        if (isSignal(value) || isComputed(value)) {\n          // Individual style property is reactive\n          const effect = createEffect(() => {\n            const currentValue = value()\n            if (currentValue == null) {\n              element.style.removeProperty(property)\n            } else {\n              element.style.setProperty(\n                property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`),\n                String(currentValue)\n              )\n            }\n          })\n\n          // Add cleanup\n          this.addCleanup(element, () => {\n            effect.dispose()\n          })\n        } else {\n          // Static style property\n          if (value == null) {\n            element.style.removeProperty(property)\n          } else {\n            element.style.setProperty(\n              property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`),\n              String(value)\n            )\n          }\n        }\n      })\n    }\n  }\n\n  /**\n   * Apply event listener\n   */\n  private applyEventListener(element: Element, eventName: string, handler: Function): void {\n    const event = eventName.slice(2).toLowerCase() // Remove 'on' prefix\n\n    const listener = (e: Event) => {\n      try {\n        handler(e)\n      } catch (error) {\n        console.error(`Event handler error for ${eventName}:`, error)\n      }\n    }\n\n    element.addEventListener(event, listener)\n\n    // Add cleanup\n    this.addCleanup(element, () => {\n      element.removeEventListener(event, listener)\n    })\n  }\n\n  /**\n   * Add cleanup function for an element\n   */\n  private addCleanup(element: Element | Text | Comment, cleanup: () => void): void {\n    const existing = this.cleanupMap.get(element) || []\n    existing.push(cleanup)\n    this.cleanupMap.set(element, existing)\n  }\n\n  /**\n   * Update an existing DOM node\n   */\n  updateNode(node: DOMNode, newProps?: Record<string, any>): void {\n    const element = this.nodeMap.get(node)\n    if (!element || typeof (element as any).setAttribute !== 'function') {\n      return\n    }\n\n    if (newProps) {\n      // Directly apply new props without batching to ensure immediate update\n      this.applyProps(element as Element, newProps)\n    }\n  }\n\n  /**\n   * Remove a DOM node and run cleanup\n   */\n  removeNode(node: DOMNode): void {\n    const element = this.nodeMap.get(node)\n    if (!element) return\n\n    // Run cleanup functions\n    const cleanupFunctions = this.cleanupMap.get(element)\n    if (cleanupFunctions) {\n      cleanupFunctions.forEach((cleanup) => {\n        try {\n          cleanup()\n        } catch (error) {\n          console.error('Cleanup error:', error)\n        }\n      })\n      this.cleanupMap.delete(element)\n    }\n\n    // Remove from DOM\n    if (element.parentNode) {\n      element.parentNode.removeChild(element)\n    }\n\n    // Clean up references\n    this.nodeMap.delete(node)\n    if (node.element !== undefined) {\n      node.element = undefined\n    }\n  }\n\n  /**\n   * Create reactive text content\n   */\n  createReactiveText(textAccessor: () => string): Text {\n    const textNode = document.createTextNode('')\n\n    createEffect(() => {\n      textNode.textContent = textAccessor()\n    })\n\n    return textNode\n  }\n\n  /**\n   * Create reactive element with dynamic props\n   */\n  createReactiveElement(\n    tag: string,\n    propsAccessor: () => Record<string, any>,\n    children?: DOMNode[]\n  ): Element {\n    const element = document.createElement(tag)\n\n    // Apply reactive props\n    createEffect(() => {\n      const props = propsAccessor()\n      this.applyProps(element, props)\n    })\n\n    // Add children\n    if (children) {\n      children.forEach((child) => {\n        const childElement = this.renderSingle(child)\n        element.appendChild(childElement)\n      })\n    }\n\n    return element\n  }\n\n  /**\n   * Apply modifiers to a DOM element\n   */\n  private applyModifiersToElement(element: Element, modifiers: any[], node: any): void {\n    \n    try {\n      // Extract component instance from node if available\n      const componentInstance = node.componentInstance || \n                               (node.componentMetadata && node.componentMetadata.componentInstance) ||\n                               node\n      \n      // Apply modifiers with batching enabled for better performance\n      applyModifiersToNode(\n        node,\n        modifiers,\n        {\n          element: element,\n          componentId: (node as any).componentId || 'unknown',\n          phase: 'creation',\n          componentInstance: componentInstance, // Pass the component instance\n        },\n        {\n          batch: true, // Enable batched modifier application\n        }\n      )\n    } catch (error) {\n      console.error('Failed to apply modifiers to element:', error)\n    }\n  }\n\n  /**\n   * Cleanup all tracked elements\n   */\n  cleanup(): void {\n    // Call dispose on all rendered nodes\n    for (const node of this.renderedNodes) {\n      if (node.dispose && typeof node.dispose === 'function') {\n        try {\n          node.dispose()\n        } catch (error) {\n          console.error('Cleanup error:', error)\n        }\n      }\n    }\n\n    // Clear all tracking\n    this.renderedNodes.clear()\n    this.nodeMap = new WeakMap()\n    this.cleanupMap = new WeakMap()\n  }\n}\n\n/**\n * Global renderer instance\n */\nconst globalRenderer = new DOMRenderer()\n\n/**\n * Render a component instance to DOM\n */\nexport function renderComponent(instance: ComponentInstance, container: Element): () => void {\n  return createRoot(() => {\n    let currentNodes: DOMNode[] = []\n    \n    // Create reactive effect for component re-rendering\n    const effect = createEffect(() => {\n      // Clear previous nodes\n      currentNodes.forEach((node) => {\n        globalRenderer.removeNode(node)\n      })\n      \n      // Render new nodes\n      const renderResult = instance.render()\n      const nodes = Array.isArray(renderResult) ? renderResult : [renderResult]\n      currentNodes = nodes\n\n      nodes.forEach((node) => {\n        globalRenderer.render(node, container)\n      })\n    })\n\n    // Return cleanup function\n    return () => {\n      effect.dispose()\n      currentNodes.forEach((node) => {\n        globalRenderer.removeNode(node)\n      })\n    }\n  })\n}\n\n/**\n * Create a DOM node helper\n */\nexport function h(\n  tag: string,\n  props?: Record<string, any> | null,\n  ...children: (DOMNode | string | number)[]\n): DOMNode {\n  // Normalize children\n  const normalizedChildren: DOMNode[] = children\n    .flat()\n    .filter((child) => child != null)\n    .map((child) => {\n      if (typeof child === 'string' || typeof child === 'number') {\n        return { type: 'text', text: String(child) } as DOMNode\n      }\n      return child as DOMNode\n    })\n\n  const node: DOMNode = {\n    type: 'element',\n    tag,\n    props: props || {},\n    children: normalizedChildren,\n  }\n\n  return node\n}\n\n/**\n * Create a text node helper\n */\nexport function text(content: string | (() => string)): DOMNode {\n  if (isSignal(content) || isComputed(content) || typeof content === 'function') {\n    // Reactive text content\n    const textNode: DOMNode = {\n      type: 'text',\n      text: '',\n      dispose: undefined,\n    }\n\n    // Create reactive effect\n    const cleanup = createRoot(() => {\n      const effect = createEffect(() => {\n        const newText = content()\n        textNode.text = String(newText)\n        // Update DOM if already rendered, but only if not using AsHTML modifier\n        if (textNode.element && textNode.element instanceof Text) {\n          // Check if parent element has AsHTML flag\n          const parentElement = textNode.element.parentElement\n          if (parentElement && (parentElement as any).__tachui_asHTML) {\n            // Skip updating text content when AsHTML is active\n            return\n          }\n          textNode.element.textContent = textNode.text\n        }\n      })\n\n      // Return cleanup function\n      return () => {\n        effect.dispose()\n      }\n    })\n\n    textNode.dispose = cleanup\n    return textNode\n  }\n\n  return {\n    type: 'text',\n    text: content,\n  }\n}\n"],"names":["DOMRenderer","__publicField","node","container","element","modifiers","nodes","fragment","metadata","semanticRoleManager","error","child","childElement","debugManager","componentType","debugLabel","props","key","value","isSignal","isComputed","effect","createEffect","currentValue","condition","className","htmlElement","styles","property","match","eventName","handler","event","listener","e","cleanup","existing","newProps","cleanupFunctions","textAccessor","textNode","tag","propsAccessor","children","componentInstance","applyModifiersToNode","globalRenderer","renderComponent","instance","createRoot","currentNodes","renderResult","h","normalizedChildren","text","content","newText","parentElement"],"mappings":"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"}

package/dist/runtime/semantic-role-manager.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./element-override.cjs"),c=require("./development-warnings.cjs");var u=Object.defineProperty,p=(n,e,t)=>e in n?u(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,S=(n,e,t)=>p(n,e+"",t);const m=class s{static getInstance(){return s.instance||(s.instance=new s),s.instance}applySemanticAttributes(e,t,a){const r=o.getElementOverrideConfig();if(!r.autoApplySemanticRoles)return;const i=o.SEMANTIC_TAG_ROLES.get(t);if(!(!i||!i.applyARIA)){if(a?.role){r.warnOnSemanticIssues&&c.DevelopmentWarnings.warnProblematicCombination("SemanticRole",t,`ARIA role '${a.role}' overrides semantic role '${i.role}'`,"info");return}if(e.hasAttribute("role")){r.warnOnSemanticIssues&&c.DevelopmentWarnings.warnProblematicCombination("SemanticRole",t,`Existing role attribute overrides semantic role '${i.role}'`,"info");return}e.setAttribute("role",i.role),r.warnOnSemanticIssues&&c.DevelopmentWarnings.infoSemanticRole(t,i.role)}}getSemanticRole(e){return o.SEMANTIC_TAG_ROLES.get(e)}hasAutoARIA(e){const t=o.SEMANTIC_TAG_ROLES.get(e);return t?t.applyARIA:!1}getAutoARIATags(){return Array.from(o.SEMANTIC_TAG_ROLES.entries()).filter(([,e])=>e.applyARIA).map(([e])=>e)}processElementNode(e,t,a,r){if(this.applySemanticAttributes(e,t,r),a&&process.env.NODE_ENV!=="production"){const i=this.getSemanticRole(t);i&&e.setAttribute("data-tachui-semantic",JSON.stringify({originalComponent:a.originalType,overriddenTo:t,semanticRole:i.role,autoApplied:i.applyARIA}))}}};S(m,"instance");let A=m;const l=A.getInstance(),R=(n,e,t)=>l.applySemanticAttributes(n,e,t),f=n=>l.getSemanticRole(n),g=n=>l.hasAutoARIA(n);exports.SemanticRoleManager=A;exports.applySemanticAttributes=R;exports.getSemanticRole=f;exports.hasAutoARIA=g;exports.semanticRoleManager=l;
+//# sourceMappingURL=semantic-role-manager.cjs.map

package/dist/runtime/semantic-role-manager.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic-role-manager.cjs","sources":["../../src/runtime/semantic-role-manager.ts"],"sourcesContent":["/**\n * Semantic Role Manager - Automatic ARIA Role Application\n * \n * Manages automatic application of ARIA roles for semantic HTML tags\n * while respecting explicit developer choices and context sensitivity.\n */\n\nimport { \n  SEMANTIC_TAG_ROLES, \n  getElementOverrideConfig,\n  type SemanticRoleInfo\n} from './element-override'\nimport { DevelopmentWarnings } from './development-warnings'\n\nexport class SemanticRoleManager {\n  private static instance: SemanticRoleManager\n\n  static getInstance(): SemanticRoleManager {\n    if (!SemanticRoleManager.instance) {\n      SemanticRoleManager.instance = new SemanticRoleManager()\n    }\n    return SemanticRoleManager.instance\n  }\n\n  /**\n   * Apply semantic ARIA attributes to an element based on its tag\n   */\n  applySemanticAttributes(\n    element: HTMLElement, \n    tag: string, \n    existingAria?: Record<string, string>\n  ): void {\n    const config = getElementOverrideConfig()\n    \n    // Global config: can disable all automatic ARIA role application\n    if (!config.autoApplySemanticRoles) return\n\n    const semanticInfo = SEMANTIC_TAG_ROLES.get(tag)\n    \n    // Per-tag config: only apply if applyARIA is true for this specific tag\n    if (!semanticInfo || !semanticInfo.applyARIA) return\n\n    // Always respect explicit ARIA attributes from .aria() modifier\n    if (existingAria?.role) {\n      if (config.warnOnSemanticIssues) {\n        DevelopmentWarnings.warnProblematicCombination(\n          'SemanticRole', \n          tag, \n          `ARIA role '${existingAria.role}' overrides semantic role '${semanticInfo.role}'`, \n          'info'\n        )\n      }\n      return\n    }\n\n    // Don't override existing role attribute\n    if (element.hasAttribute('role')) {\n      if (config.warnOnSemanticIssues) {\n        DevelopmentWarnings.warnProblematicCombination(\n          'SemanticRole', \n          tag, \n          `Existing role attribute overrides semantic role '${semanticInfo.role}'`, \n          'info'\n        )\n      }\n      return\n    }\n\n    // Safe to auto-apply the semantic role\n    element.setAttribute('role', semanticInfo.role)\n    \n    if (config.warnOnSemanticIssues) {\n      DevelopmentWarnings.infoSemanticRole(tag, semanticInfo.role)\n    }\n  }\n\n  /**\n   * Get semantic role information for a tag\n   */\n  getSemanticRole(tag: string): SemanticRoleInfo | undefined {\n    return SEMANTIC_TAG_ROLES.get(tag)\n  }\n\n  /**\n   * Check if a tag has automatic ARIA role application enabled\n   */\n  hasAutoARIA(tag: string): boolean {\n    const semanticInfo = SEMANTIC_TAG_ROLES.get(tag)\n    return semanticInfo ? semanticInfo.applyARIA : false\n  }\n\n  /**\n   * Get all tags that support automatic ARIA roles\n   */\n  getAutoARIATags(): string[] {\n    return Array.from(SEMANTIC_TAG_ROLES.entries())\n      .filter(([, info]) => info.applyARIA)\n      .map(([tag]) => tag)\n  }\n\n  /**\n   * Apply semantic attributes during DOM node creation\n   * This is called by the renderer when creating elements\n   */\n  processElementNode(\n    element: HTMLElement,\n    tag: string,\n    componentMetadata?: any,\n    existingAria?: Record<string, string>\n  ): void {\n    // Apply semantic roles\n    this.applySemanticAttributes(element, tag, existingAria)\n\n    // Store metadata for debugging\n    if (componentMetadata && process.env.NODE_ENV !== 'production') {\n      const semanticInfo = this.getSemanticRole(tag)\n      if (semanticInfo) {\n        element.setAttribute('data-tachui-semantic', JSON.stringify({\n          originalComponent: componentMetadata.originalType,\n          overriddenTo: tag,\n          semanticRole: semanticInfo.role,\n          autoApplied: semanticInfo.applyARIA\n        }))\n      }\n    }\n  }\n}\n\n// Global instance\nexport const semanticRoleManager = SemanticRoleManager.getInstance()\n\n// Convenience functions\nexport const applySemanticAttributes = (\n  element: HTMLElement, \n  tag: string, \n  existingAria?: Record<string, string>\n) => semanticRoleManager.applySemanticAttributes(element, tag, existingAria)\n\nexport const getSemanticRole = (tag: string) => semanticRoleManager.getSemanticRole(tag)\nexport const hasAutoARIA = (tag: string) => semanticRoleManager.hasAutoARIA(tag)"],"names":["_SemanticRoleManager","element","tag","existingAria","config","getElementOverrideConfig","semanticInfo","SEMANTIC_TAG_ROLES","DevelopmentWarnings","info","componentMetadata","__publicField","SemanticRoleManager","semanticRoleManager","applySemanticAttributes","getSemanticRole","hasAutoARIA"],"mappings":"ySAcO,MAAMA,EAAN,MAAMA,CAAoB,CAG/B,OAAO,aAAmC,CACxC,OAAKA,EAAoB,WACvBA,EAAoB,SAAW,IAAIA,GAE9BA,EAAoB,QAC7B,CAKA,wBACEC,EACAC,EACAC,EACM,CACN,MAAMC,EAASC,EAAAA,yBAAA,EAGf,GAAI,CAACD,EAAO,uBAAwB,OAEpC,MAAME,EAAeC,EAAAA,mBAAmB,IAAIL,CAAG,EAG/C,GAAI,GAACI,GAAgB,CAACA,EAAa,WAGnC,IAAIH,GAAc,KAAM,CAClBC,EAAO,sBACTI,EAAAA,oBAAoB,2BAClB,eACAN,EACA,cAAcC,EAAa,IAAI,8BAA8BG,EAAa,IAAI,IAC9E,MAAA,EAGJ,MACF,CAGA,GAAIL,EAAQ,aAAa,MAAM,EAAG,CAC5BG,EAAO,sBACTI,EAAAA,oBAAoB,2BAClB,eACAN,EACA,oDAAoDI,EAAa,IAAI,IACrE,MAAA,EAGJ,MACF,CAGAL,EAAQ,aAAa,OAAQK,EAAa,IAAI,EAE1CF,EAAO,sBACTI,EAAAA,oBAAoB,iBAAiBN,EAAKI,EAAa,IAAI,EAE/D,CAKA,gBAAgBJ,EAA2C,CACzD,OAAOK,EAAAA,mBAAmB,IAAIL,CAAG,CACnC,CAKA,YAAYA,EAAsB,CAChC,MAAMI,EAAeC,EAAAA,mBAAmB,IAAIL,CAAG,EAC/C,OAAOI,EAAeA,EAAa,UAAY,EACjD,CAKA,iBAA4B,CAC1B,OAAO,MAAM,KAAKC,EAAAA,mBAAmB,QAAA,CAAS,EAC3C,OAAO,CAAC,CAAA,CAAGE,CAAI,IAAMA,EAAK,SAAS,EACnC,IAAI,CAAC,CAACP,CAAG,IAAMA,CAAG,CACvB,CAMA,mBACED,EACAC,EACAQ,EACAP,EACM,CAKN,GAHA,KAAK,wBAAwBF,EAASC,EAAKC,CAAY,EAGnDO,GAAqB,QAAQ,IAAI,WAAa,aAAc,CAC9D,MAAMJ,EAAe,KAAK,gBAAgBJ,CAAG,EACzCI,GACFL,EAAQ,aAAa,uBAAwB,KAAK,UAAU,CAC1D,kBAAmBS,EAAkB,aACrC,aAAcR,EACd,aAAcI,EAAa,KAC3B,YAAaA,EAAa,SAAA,CAC3B,CAAC,CAEN,CACF,CACF,EA/GEK,EADWX,EACI,UAAA,EADV,IAAMY,EAANZ,EAmHA,MAAMa,EAAsBD,EAAoB,YAAA,EAG1CE,EAA0B,CACrCb,EACAC,EACAC,IACGU,EAAoB,wBAAwBZ,EAASC,EAAKC,CAAY,EAE9DY,EAAmBb,GAAgBW,EAAoB,gBAAgBX,CAAG,EAC1Ec,EAAed,GAAgBW,EAAoB,YAAYX,CAAG"}

package/dist/runtime/semantic-role-manager.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Semantic Role Manager - Automatic ARIA Role Application
+ *
+ * Manages automatic application of ARIA roles for semantic HTML tags
+ * while respecting explicit developer choices and context sensitivity.
+ */
+import { type SemanticRoleInfo } from './element-override';
+export declare class SemanticRoleManager {
+    private static instance;
+    static getInstance(): SemanticRoleManager;
+    /**
+     * Apply semantic ARIA attributes to an element based on its tag
+     */
+    applySemanticAttributes(element: HTMLElement, tag: string, existingAria?: Record<string, string>): void;
+    /**
+     * Get semantic role information for a tag
+     */
+    getSemanticRole(tag: string): SemanticRoleInfo | undefined;
+    /**
+     * Check if a tag has automatic ARIA role application enabled
+     */
+    hasAutoARIA(tag: string): boolean;
+    /**
+     * Get all tags that support automatic ARIA roles
+     */
+    getAutoARIATags(): string[];
+    /**
+     * Apply semantic attributes during DOM node creation
+     * This is called by the renderer when creating elements
+     */
+    processElementNode(element: HTMLElement, tag: string, componentMetadata?: any, existingAria?: Record<string, string>): void;
+}
+export declare const semanticRoleManager: SemanticRoleManager;
+export declare const applySemanticAttributes: (element: HTMLElement, tag: string, existingAria?: Record<string, string>) => void;
+export declare const getSemanticRole: (tag: string) => SemanticRoleInfo | undefined;
+export declare const hasAutoARIA: (tag: string) => boolean;
+//# sourceMappingURL=semantic-role-manager.d.ts.map

package/dist/runtime/semantic-role-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic-role-manager.d.ts","sourceRoot":"","sources":["../../src/runtime/semantic-role-manager.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,oBAAoB,CAAA;AAG3B,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAqB;IAE5C,MAAM,CAAC,WAAW,IAAI,mBAAmB;IAOzC;;OAEG;IACH,uBAAuB,CACrB,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,MAAM,EACX,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,IAAI;IA6CP;;OAEG;IACH,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS;IAI1D;;OAEG;IACH,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAKjC;;OAEG;IACH,eAAe,IAAI,MAAM,EAAE;IAM3B;;;OAGG;IACH,kBAAkB,CAChB,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,MAAM,EACX,iBAAiB,CAAC,EAAE,GAAG,EACvB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,IAAI;CAiBR;AAGD,eAAO,MAAM,mBAAmB,qBAAoC,CAAA;AAGpE,eAAO,MAAM,uBAAuB,GAClC,SAAS,WAAW,EACpB,KAAK,MAAM,EACX,eAAe,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,SACqC,CAAA;AAE5E,eAAO,MAAM,eAAe,GAAI,KAAK,MAAM,iCAA6C,CAAA;AACxF,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,YAAyC,CAAA"}