{"_id":"@atomic_labs/atom-ui","name":"@atomic_labs/atom-ui","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@atomic_labs/atom-ui","version":"0.1.0","description":"A themeable React UI Component Library","author":{"name":"Miles Walker"},"license":"MIT","keywords":["react","ui","components","tailwind","library","design-system","themeable"],"type":"module","main":"dist/atom-ui.umd.js","module":"dist/atom-ui.es.js","types":"dist/types/index.d.ts","exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/atom-ui.es.js","require":"./dist/atom-ui.umd.js"},"./styles":{"import":"./dist/styles/globals.css","require":"./dist/styles/globals.css"},"./styles.css":"./dist/styles/globals.css"},"sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"vite build && tsc -p tsconfig.build.json && npm run build:styles","prepare":"npm run build","build:styles":"mkdir -p dist/styles && cp dist/atom-ui.css dist/styles/globals.css","preview":"vite preview","typecheck":"tsc --noEmit","clean":"rm -rf dist node_modules/.vite","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"devDependencies":{"@chromatic-com/storybook":"^4.1.3","@storybook/addon-a11y":"^10.1.11","@storybook/addon-docs":"^10.1.11","@storybook/addon-onboarding":"^10.1.11","@storybook/addon-vitest":"^10.1.11","@storybook/react-vite":"^10.1.11","@tailwindcss/postcss":"^4.1.18","@tailwindcss/vite":"^4.3.0","@types/react":"^19.2.7","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^5.1.2","@vitest/browser-playwright":"^4.0.16","@vitest/coverage-v8":"^4.0.16","autoprefixer":"^10.4.23","playwright":"^1.57.0","postcss":"^8.5.6","react":"^19.2.3","react-dom":"^19.2.3","storybook":"^10.1.11","tailwindcss":"^4.1.18","typescript":"^5.9.3","vite":"^7.3.0","vitest":"^4.0.16"},"repository":{"type":"git","url":"git+https://github.com/The-UI-Guy/ATOM-UI.git"},"bugs":{"url":"https://github.com/The-UI-Guy/ATOM-UI/issues"},"homepage":"https://github.com/The-UI-Guy/ATOM-UI#readme","dependencies":{"@phosphor-icons/react":"^2.1.10","@radix-ui/react-dropdown-menu":"^2.1.16","@radix-ui/react-popover":"^1.1.15","@radix-ui/react-tabs":"^1.1.13"},"_id":"@atomic_labs/atom-ui@0.1.0","gitHead":"4125bcb4472f353deb6f6d57ce9c7036e00198aa","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-LBAgXTUgadfFJj6l6K6b5jZQXwg2UP3+8XIJvjYgkfCFRcauv+QTerBS/aXUHxilvXfvbnCBZbOYj8Vht2mmnQ==","shasum":"ce52586cca75ff0ea65f20e35acf40ac6f7f407b","tarball":"https://registry.npmjs.org/@atomic_labs/atom-ui/-/atom-ui-0.1.0.tgz","fileCount":91,"unpackedSize":1347107,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAFGjfUc5AS0tegKqIU7c7/EJbctR10Doy2DDdqVs22cAiB4519lsKdB9oSYwSg3YTbb/tW9759108PFOFTIh2ipgw=="}]},"_npmUser":{"name":"atom_ui","email":"miles@miles-walker.co.uk"},"directories":{},"maintainers":[{"name":"atom_ui","email":"miles@miles-walker.co.uk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/atom-ui_0.1.0_1781001065752_0.997778631538651"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-09T10:31:05.539Z","0.1.0":"2026-06-09T10:31:05.978Z","modified":"2026-06-09T10:31:06.255Z"},"maintainers":[{"name":"atom_ui","email":"miles@miles-walker.co.uk"}],"description":"A themeable React UI Component Library","homepage":"https://github.com/The-UI-Guy/ATOM-UI#readme","keywords":["react","ui","components","tailwind","library","design-system","themeable"],"repository":{"type":"git","url":"git+https://github.com/The-UI-Guy/ATOM-UI.git"},"author":{"name":"Miles Walker"},"bugs":{"url":"https://github.com/The-UI-Guy/ATOM-UI/issues"},"license":"MIT","readme":"# Atom UI\n\nA themeable React UI Component Library built with Tailwind CSS.\n\n## Features\n\n- 🎨 **Themeable** - Crystal (light) and Obsidian (dark) themes out of the box\n- 🎯 **Customizable** - Override CSS variables to match your brand\n- 📦 **Tree-shakeable** - Only import what you use\n- 💪 **TypeScript** - Full type support\n- 🎨 **Tailwind CSS** - Built with Tailwind v4\n\n## Installation\n\n```bash\nnpm install atom-ui\n```\n\n## Usage\n\n### 1. Import the styles\n\nIn your app's entry point (e.g., `main.tsx` or `App.tsx`):\n\n```tsx\nimport 'atom-ui/styles.css';\n```\n\n### 2. Use components\n\n```tsx\nimport { Button } from 'atom-ui';\n\nfunction App() {\n  return (\n    <Button variant=\"primary\">\n      Click me\n    </Button>\n  );\n}\n```\n\n### 3. Switch themes\n\nAdd `data-theme` attribute to switch between themes:\n\n```tsx\n// Light theme (default)\n<div data-theme=\"crystal\">\n  <App />\n</div>\n\n// Dark theme\n<div data-theme=\"obsidian\">\n  <App />\n</div>\n```\n\n## Customization\n\nOverride CSS variables to customize the theme:\n\n```css\n:root {\n  /* Change the primary brand color */\n  --atom-primary-main: #your-brand-color;\n  \n  /* Adjust border radius */\n  --atom-radius-md: 8px;\n  \n  /* Change the font */\n  --atom-font-family: 'Your Font', sans-serif;\n}\n```\n\n## Available Components\n\n- 🔲 Button (coming soon)\n- 🔲 Input (coming soon)\n- 🔲 Alert (coming soon)\n- 🔲 Avatar (coming soon)\n- 🔲 Tag (coming soon)\n- 🔲 Tabs (coming soon)\n- ... and more!\n\n## Development\n\n```bash\n# Install dependencies\nnpm install\n\n# Run development server\nnpm run dev\n\n# Build the library\nnpm run build\n\n# Type check\nnpm run typecheck\n```\n\n## License\n\nMIT © Miles Walker\n","readmeFilename":"README.md","_rev":"1-fb75012c4abf9ec5faa8f0c2f7d011a5"}