export declare const READER_STYLES: string;
export declare const READER_ATTRIBUTES: string;
export declare function readerBody(title: string, bodyHtml: string, generatedIso: string, projectPath: string): string;
export declare const READER_SCRIPT = "<script data-reader-controls>\n(function () {\n  var root = document.documentElement;\n  var prose = document.querySelector('.reader-prose');\n  var controls = document.querySelector('.reader-controls');\n  if (!prose || !controls) return;\n  var media = window.matchMedia('(prefers-color-scheme: dark)');\n  var themeButton = controls.querySelector('[data-reader-theme]');\n  var sizeButton = controls.querySelector('[data-reader-size]');\n  function store(key, value) { try { localStorage.setItem('pi-artifacts.reader.' + key, value); } catch (_) {} }\n  try {\n    var theme = localStorage.getItem('pi-artifacts.reader.theme');\n    var size = localStorage.getItem('pi-artifacts.reader.size');\n    if (theme === 'light' || theme === 'dark') root.dataset.readerTheme = theme;\n    if (size === 'normal' || size === 'large') root.dataset.readerSize = size;\n  } catch (_) {}\n  function dark() { return root.dataset.readerTheme === 'dark' || (root.dataset.readerTheme === 'auto' && media.matches); }\n  function syncControls() {\n    themeButton.textContent = dark() ? 'Light' : 'Dark';\n    themeButton.setAttribute('aria-label', dark() ? 'Switch to light theme' : 'Switch to dark theme');\n    var large = root.dataset.readerSize === 'large';\n    sizeButton.setAttribute('aria-pressed', String(large));\n    sizeButton.setAttribute('aria-label', large ? 'Use normal reading text' : 'Use larger reading text');\n  }\n  themeButton.addEventListener('click', function () {\n    root.dataset.readerTheme = dark() ? 'light' : 'dark';\n    store('theme', root.dataset.readerTheme); syncControls();\n  });\n  sizeButton.addEventListener('click', function () {\n    root.dataset.readerSize = root.dataset.readerSize === 'large' ? 'normal' : 'large';\n    store('size', root.dataset.readerSize); syncControls();\n  });\n  media.addEventListener('change', syncControls);\n  syncControls(); controls.hidden = false;\n\n  var nav = document.querySelector('.reader-outline');\n  var headings = Array.from(prose.querySelectorAll('h2,h3')).filter(function (heading) { return !heading.closest('.artifact-mermaid, .d2h-wrapper'); });\n  var links = new Map();\n  headings.forEach(function (heading) {\n    if (!heading.id) {\n      var base = 'reader-' + (heading.textContent.trim().toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '') || 'section');\n      var id = base, n = 2;\n      while (document.getElementById(id)) id = base + '-' + n++;\n      heading.id = id;\n    }\n    var item = document.createElement('li'), link = document.createElement('a');\n    item.dataset.depth = heading.tagName.slice(1);\n    link.href = '#' + encodeURIComponent(heading.id);\n    link.textContent = heading.textContent;\n    item.appendChild(link); nav.querySelector('ol').appendChild(item); links.set(heading, link);\n  });\n  function current(heading) {\n    links.forEach(function (link, target) {\n      if (target === heading) link.setAttribute('aria-current', 'location'); else link.removeAttribute('aria-current');\n    });\n  }\n  if (headings.length) {\n    nav.hidden = false; document.querySelector('.reader-layout').classList.remove('reader-no-outline');\n    current(headings[0]);\n    if (typeof IntersectionObserver !== 'undefined') {\n      var visible = new Set();\n      var observer = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) { if (entry.isIntersecting) visible.add(entry.target); else visible.delete(entry.target); });\n        var first = headings.find(function (heading) { return visible.has(heading); });\n        if (first) current(first);\n      }, { rootMargin: '-80px 0px -55% 0px' });\n      headings.forEach(function (heading) { observer.observe(heading); });\n    }\n  }\n\n  prose.querySelectorAll('pre > code').forEach(function (code) {\n    var pre = code.parentElement;\n    if (pre.closest('.artifact-mermaid, .d2h-wrapper, .reader-code')) return;\n    var wrapper = document.createElement('div'), header = document.createElement('div');\n    var label = document.createElement('span'), copy = document.createElement('button');\n    var match = code.className.match(/(?:^|\\s)language-([^\\s]+)/);\n    var language = match ? match[1] : 'Code';\n    wrapper.className = 'reader-code'; header.className = 'reader-code-header'; label.textContent = language;\n    copy.type = 'button'; copy.textContent = 'Copy'; copy.dataset.readerCopy = '';\n    copy.setAttribute('aria-label', 'Copy ' + language + ' code'); copy.setAttribute('aria-live', 'polite');\n    copy.addEventListener('click', async function () {\n      copy.disabled = true;\n      try { await navigator.clipboard.writeText(code.textContent); copy.textContent = 'Copied'; }\n      catch (_) { copy.textContent = 'Select code to copy'; }\n      copy.setAttribute('aria-label', copy.textContent);\n      copy.disabled = false;\n      setTimeout(function () { copy.textContent = 'Copy'; copy.setAttribute('aria-label', 'Copy ' + language + ' code'); }, 2400);\n    });\n    pre.before(wrapper); header.append(label, copy); wrapper.append(header, pre);\n  });\n  prose.querySelectorAll('table:not(.d2h-diff-table)').forEach(function (table) {\n    if (table.closest('.d2h-wrapper, .reader-table')) return;\n    var wrapper = document.createElement('div'); wrapper.className = 'reader-table';\n    wrapper.tabIndex = 0; wrapper.setAttribute('role', 'region'); wrapper.setAttribute('aria-label', 'Scrollable table');\n    table.before(wrapper); wrapper.appendChild(table);\n  });\n})();\n</script>";