{"_id":"@ask-rb/ask-ui-kit","_rev":"4-b2c4ba231b31741aaba8ab5215e449fa","name":"@ask-rb/ask-ui-kit","dist-tags":{"latest":"0.3.0"},"versions":{"0.1.0":{"name":"@ask-rb/ask-ui-kit","version":"0.1.0","license":"MIT","_id":"@ask-rb/ask-ui-kit@0.1.0","maintainers":[{"name":"kaka-ruto","email":"kr@kakaruto.com"}],"dist":{"shasum":"519f775df0cacb9bb56c18264671bc1b449807dd","tarball":"https://registry.npmjs.org/@ask-rb/ask-ui-kit/-/ask-ui-kit-0.1.0.tgz","fileCount":4,"integrity":"sha512-jcwMu2f+vP652l2P46LXhmhm+Ag9f3n2N+9jZwPHJ3XEOYqaFKxxpN/sWOC7VMwZuKz9+VREFSyU4TI2TYqQ5A==","signatures":[{"sig":"MEYCIQDh92U8/NbGofWnDfU5s7SyUUMc80b+vwTIDik+OHAghgIhAMTqN01HuTeufJtHiFgjFXDLypQbkZOFTjJI+PhOtOeK","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":78244},"main":"./dist/index.js","type":"module","module":"./dist/index.js","exports":{".":"./dist/index.js","./*":"./dist/*.js"},"gitHead":"cd8c82bd16cb158cdf358d9c7dfe1e8df62b77c2","scripts":{"dev":"vite","test":"vitest run","build":"tsc && vite build","preview":"vite preview","test:watch":"vitest"},"_npmUser":{"name":"kaka-ruto","email":"kr@kakaruto.com"},"_npmVersion":"11.5.2","description":"Framework-agnostic Web Components for AI chat interfaces — built with Lit","directories":{},"_nodeVersion":"22.11.0","dependencies":{"lit":"^3.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"lit":"^3.3.0","vite":"^6.0.0","vitest":"^4.1.0","typescript":"^5.7.0","tailwindcss":"^4.3.3","@tailwindcss/vite":"^4.3.3"},"_npmOperationalInternal":{"tmp":"tmp/ask-ui-kit_0.1.0_1785264183742_0.09294586721175535","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Renamed to ask-ui-kit (unscoped). Please update your imports."},"0.2.0":{"name":"@ask-rb/ask-ui-kit","version":"0.2.0","license":"MIT","_id":"@ask-rb/ask-ui-kit@0.2.0","maintainers":[{"name":"kaka-ruto","email":"kr@kakaruto.com"}],"dist":{"shasum":"efa122bd14918f5550c1e397638ff3248c3b05b7","tarball":"https://registry.npmjs.org/@ask-rb/ask-ui-kit/-/ask-ui-kit-0.2.0.tgz","fileCount":4,"integrity":"sha512-PNHUDzNTRbbUYdh8R87WQztQPI0gUMVUw6TMwa8+DWjmYWSFjYdJRK/kI3JOyLztmlT5A90JgStLAWpTNGV2Dw==","signatures":[{"sig":"MEYCIQC8NEn4YWyALuaa5T6gL7yOX+qU8OIv3MEcPEh8y8hOagIhAOmHhL2eVNEtpEhgQ74ST21OvtXmuq1Z4Qazlah3gzIR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":246334},"main":"./dist/index.js","type":"module","module":"./dist/index.js","exports":{".":"./dist/index.js","./*":"./dist/*.js"},"gitHead":"c0a12e8419fdcc08665e714e2e6374231637ef0e","scripts":{"dev":"vite","test":"playwright test","build":"tsc && vite build","preview":"vite preview","test:ui":"playwright test --ui","test:watch":"playwright test --ui"},"_npmUser":{"name":"kaka-ruto","email":"kr@kakaruto.com"},"_npmVersion":"11.5.2","description":"Framework-agnostic Web Components for AI chat interfaces — built with Lit","directories":{},"_nodeVersion":"22.11.0","dependencies":{"lit":"^3.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"lit":"^3.3.0","vite":"^6.0.0","playwright":"^1.62.0","typescript":"^5.7.0","@playwright/test":"^1.62.0"},"_npmOperationalInternal":{"tmp":"tmp/ask-ui-kit_0.2.0_1785284170707_0.4135058476612856","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Renamed to ask-ui-kit (unscoped). Please update your imports."},"0.3.0":{"name":"@ask-rb/ask-ui-kit","version":"0.3.0","license":"MIT","_id":"@ask-rb/ask-ui-kit@0.3.0","maintainers":[{"name":"kaka-ruto","email":"kr@kakaruto.com"}],"dist":{"shasum":"308d46fcbdfe9572d59dac6b2e7f76026d4b205f","tarball":"https://registry.npmjs.org/@ask-rb/ask-ui-kit/-/ask-ui-kit-0.3.0.tgz","fileCount":4,"integrity":"sha512-2eNFzroWpkpoJnUvhZhydjuMwCNfFr+I7YuIs0ROscvnDUgWc+StwRqOOqYD/iFD04CjkjKbBli91mHkWY9EhA==","signatures":[{"sig":"MEUCIQDUSbgTbxDPZj+z6OY8xQFjtcsDAaLT7KSdtvfUhGhGhQIgdwgunI9Kl3asdwusT5DkKWD+hPD4eQemwhvlCSj5piI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":256297},"main":"./dist/index.js","type":"module","module":"./dist/index.js","exports":{".":"./dist/index.js","./*":"./dist/*.js"},"gitHead":"c0a12e8419fdcc08665e714e2e6374231637ef0e","scripts":{"dev":"vite","test":"playwright test","build":"tsc && vite build","preview":"vite preview","test:ui":"playwright test --ui","test:watch":"playwright test --ui"},"_npmUser":{"name":"kaka-ruto","email":"kr@kakaruto.com"},"_npmVersion":"11.5.2","description":"Framework-agnostic Web Components for AI chat interfaces — built with Lit","directories":{},"_nodeVersion":"22.11.0","dependencies":{"lit":"^3.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"lit":"^3.3.0","vite":"^6.0.0","playwright":"^1.62.0","typescript":"^5.7.0","@playwright/test":"^1.62.0"},"_npmOperationalInternal":{"tmp":"tmp/ask-ui-kit_0.3.0_1785286310503_0.9595490651815124","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Renamed to ask-ui-kit (unscoped). Please update your imports."}},"time":{"created":"2026-07-28T18:43:03.586Z","modified":"2026-07-29T01:35:11.583Z","0.1.0":"2026-07-28T18:43:03.896Z","0.2.0":"2026-07-29T00:16:10.869Z","0.3.0":"2026-07-29T00:51:50.643Z"},"license":"MIT","description":"Framework-agnostic Web Components for AI chat interfaces — built with Lit","maintainers":[{"name":"kaka-ruto","email":"kr@kakaruto.com"}],"readme":"# ask-ui-kit\n\nFramework-agnostic Web Components for AI chat interfaces — built with [Lit](https://lit.dev).\n\n## Installation\n\n```bash\nnpm install @ask-rb/ask-ui-kit\n```\n\n## Usage\n\n### In any HTML page\n\n```html\n<script type=\"module\">\n  import \"@ask-rb/ask-ui-kit\";\n</script>\n\n<ask-message role=\"user\" content=\"What files do you have?\"></ask-message>\n<ask-message role=\"assistant\" content=\"I have three invoices from Q3.\"></ask-message>\n```\n\n### In a Rails app with importmap\n\n```bash\nbin/importmap pin @ask-rb/ask-ui-kit\n```\n\nOr if JSPM doesn't support scoped packages:\n\n```ruby\n# config/importmap.rb\npin \"@ask-rb/ask-ui-kit\", to: \"https://unpkg.com/@ask-rb/ask-ui-kit@0.1.0/dist/index.js\"\n```\n\n```erb\n<%= javascript_import_module_tag \"@ask-rb/ask-ui-kit\" %>\n\n<ask-message role=\"user\" content=\"<%= escape_javascript(message.content) %>\"></ask-message>\n```\n\n### In a Svelte app\n\n```svelte\n<script>\n  import \"@ask-rb/ask-ui-kit\";\n</script>\n\n<ask-message role={msg.role} content={msg.content} />\n```\n\n### In a React app\n\n```jsx\nimport \"@ask-rb/ask-ui-kit\";\n\nfunction ChatMessage({ role, content }) {\n  return <ask-message role={role} content={content} />;\n}\n```\n\n## Components\n\n### `<ask-message>`\n\nA chat bubble for user or assistant messages.\n\n| Attribute | Type | Default | Description |\n|-----------|------|---------|-------------|\n| `role` | `\"user\" \\| \"assistant\"` | `\"user\"` | Message role — determines alignment and styling |\n| `content` | `string` | `\"\"` | Message text content |\n\n#### Theming via CSS custom properties\n\n```css\nask-message {\n  --ask-user-bg: #f5f5f5;\n  --ask-user-text: #171717;\n  --ask-user-bg-dark: #262626;\n  --ask-user-text-dark: #f5f5f5;\n  --ask-assistant-text: #171717;\n  --ask-assistant-text-dark: #f5f5f5;\n}\n```\n\n#### Dark mode\n\nThe component automatically respects:\n1. **System preference** — `@media (prefers-color-scheme: dark)`\n2. **Host `.dark` class** — `:host-context(.dark)` for manual toggle\n3. **Host `.light` class** — overrides system preference\n\nNo configuration needed — works out of the box with Tailwind's dark mode, Rails themes, or any `.dark`/`.light` class on `<html>`.\n\n## Development\n\n```bash\nnpm install\nnpm run dev     # dev server\nnpm run build   # build for production\nnpm run test    # run tests\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}