export declare const devUIHtml = "\n\n\n\n \n \n Theme Development\n \n \n\n\n
\n
\n

Theme Development

\n
\n \n \n
\n
\n
\n
\n\n\n"; export declare const devUIStyles = "\n#dev-ui {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n background: #fff;\n border-top: 1px solid #ddd;\n padding: 1rem;\n z-index: 9999;\n}\n\n.dev-ui-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1rem;\n}\n\n.dev-ui-controls {\n display: flex;\n gap: 0.5rem;\n}\n\nbutton {\n padding: 0.5rem 1rem;\n background: #008060;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background: #006048;\n}\n\n#theme-check-results {\n max-height: 200px;\n overflow-y: auto;\n padding: 1rem;\n background: #f5f5f5;\n border-radius: 4px;\n}\n"; export declare const errorPageTemplate = "\n\n\n\n \n \n Error\n \n\n\n
\n

Error

\n

{{message}}

\n {{#if stack}}\n

Stack Trace

\n 
{{stack}}
\n {{/if}}\n
\n\n\n"; export declare const devUIScript = "\ndocument.addEventListener('DOMContentLoaded', () => {\n const checkThemeButton = document.getElementById('check-theme');\n const reloadButton = document.getElementById('reload-page');\n const resultsContainer = document.getElementById('theme-check-results');\n\n checkThemeButton?.addEventListener('click', async () => {\n try {\n const response = await fetch('/api/theme/check');\n const results = await response.json();\n resultsContainer.innerHTML = '
' + JSON.stringify(results, null, 2) + '
';\n } catch (error) {\n console.error('Error checking theme:', error);\n resultsContainer.innerHTML = '

Error checking theme

';\n }\n });\n\n reloadButton?.addEventListener('click', () => {\n window.location.reload();\n });\n});\n";