themed-markdown 0.1.0

package/README.md

@@ -0,0 +1,81 @@
+# themed-markdown
+
+Industry-themed markdown renderer with presentation capabilities.
+
+## Features
+
+- 🎨 Beautiful industry-themed styling
+- 📊 Mermaid diagram support
+- 🎯 Presentation mode with slide navigation
+- 🌓 Dark/light theme support
+- 📱 Responsive design
+- ⚡ Built with React and TypeScript
+
+## Installation
+
+```bash
+npm install themed-markdown
+# or
+yarn add themed-markdown
+# or
+bun add themed-markdown
+```
+
+## Usage
+
+```tsx
+import { IndustryMarkdownSlide } from 'themed-markdown/industryMarkdown';
+import { ThemeProvider } from 'themed-markdown/industryTheme';
+
+function App() {
+  const markdownContent = `
+# My Presentation
+
+## Slide 1
+Content for the first slide
+
+## Slide 2
+Content for the second slide
+  `;
+
+  return (
+    <ThemeProvider>
+      <IndustryMarkdownSlide 
+        markdown={markdownContent}
+        slideId="slide-1"
+      />
+    </ThemeProvider>
+  );
+}
+```
+
+## Development
+
+```bash
+# Install dependencies
+bun install
+
+# Run tests
+bun test
+
+# Build the project
+bun run build
+
+# Type check
+bun run typecheck
+
+# Lint
+bun run lint
+```
+
+## License
+
+MIT
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## Credits
+
+Developed by [a24z.ai](https://a24z.ai)

package/dist/index.css

@@ -0,0 +1,60 @@
+/* node_modules/highlight.js/styles/atom-one-dark.css */
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+}
+
+code.hljs {
+  padding: 3px 5px;
+}
+
+.hljs {
+  color: #abb2bf;
+  background: #282c34;
+}
+
+.hljs-comment, .hljs-quote {
+  color: #5c6370;
+  font-style: italic;
+}
+
+.hljs-doctag, .hljs-keyword, .hljs-formula {
+  color: #c678dd;
+}
+
+.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
+  color: #e06c75;
+}
+
+.hljs-literal {
+  color: #56b6c2;
+}
+
+.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta .hljs-string {
+  color: #98c379;
+}
+
+.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {
+  color: #d19a66;
+}
+
+.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
+  color: #61aeee;
+}
+
+.hljs-built_in, .hljs-title.class_, .hljs-class .hljs-title {
+  color: #e6c07b;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}