{"_id":"@emeraldemperaur/apotheosis-ux","_rev":"2-07d38faed7350f541d46958497813148","name":"@emeraldemperaur/apotheosis-ux","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@emeraldemperaur/apotheosis-ux","version":"1.0.0","_id":"@emeraldemperaur/apotheosis-ux@1.0.0","maintainers":[{"name":"emeraldemperaur","email":"egwim.emeka@gmail.com"}],"dist":{"shasum":"85944f5b35ea2e733a430445653f668d28252424","tarball":"https://registry.npmjs.org/@emeraldemperaur/apotheosis-ux/-/apotheosis-ux-1.0.0.tgz","fileCount":12,"integrity":"sha512-M5YwLw82T6hkSW741ofFqM+SCELupxv+rH1gmdwcs9qIDFqsh0BnS7EJXE/JJtgy8IwQLAZqdoMWdLtO6p9mgQ==","signatures":[{"sig":"MEUCIQChM2nAMazw7s400dv7oTNl8jC60iFiryMEK4ERWGMzfQIgE5U2/JmSvwz2kz5K3bXBNDGJouMoAKm3YJw767Z2WdE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":60975},"main":"dist/index.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","private":false,"scripts":{"build":"rollup -c && tsc"},"_npmUser":{"name":"emeraldemperaur","email":"egwim.emeka@gmail.com"},"directories":{},"_nodeVersion":"24.15.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.8.1","rollup":"^4.61.1","react-dom":"^18.3.1","typescript":"^5.9.3","@types/react":"^19.2.17","@types/react-dom":"^19.2.3","@rollup/plugin-commonjs":"^25.0.8","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.3.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/apotheosis-ux_1.0.0_1780986851814_0.6757966131010553","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@emeraldemperaur/apotheosis-ux","version":"1.0.1","private":false,"type":"module","main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"dist/index.d.ts","peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@rollup/plugin-commonjs":"^25.0.8","@rollup/plugin-node-resolve":"^15.3.1","@rollup/plugin-typescript":"^11.1.6","@types/react":"^19.2.17","@types/react-dom":"^19.2.3","react":"^18.3.1","react-dom":"^18.3.1","rollup":"^4.61.1","tslib":"^2.8.1","typescript":"^5.9.3"},"publishConfig":{"access":"public"},"scripts":{"build":"rollup -c && tsc"},"_id":"@emeraldemperaur/apotheosis-ux@1.0.1","description":"![Changesets](https://img.shields.io/badge/maintained%20with-changesets-176de3?style=flat-square&logo=changesets&logoColor=white)","_integrity":"sha512-nrjONWRhUUBq1pXMd7UHzGsqmAU5mQgnqo9ziVFtUxN0f2mPptaFTk6E1iWKgcN7qGxEX6fzb7+h2/EKROeFbQ==","_resolved":"/tmp/9d8771c17a53fed77569267e1c2de84d/emeraldemperaur-apotheosis-ux-1.0.1.tgz","_from":"file:emeraldemperaur-apotheosis-ux-1.0.1.tgz","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-nrjONWRhUUBq1pXMd7UHzGsqmAU5mQgnqo9ziVFtUxN0f2mPptaFTk6E1iWKgcN7qGxEX6fzb7+h2/EKROeFbQ==","shasum":"6ec4a70d34710a00dcab2aebe9409847efc0cabb","tarball":"https://registry.npmjs.org/@emeraldemperaur/apotheosis-ux/-/apotheosis-ux-1.0.1.tgz","fileCount":13,"unpackedSize":61042,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIBqgL/Di37z+JyPo2SdHycdWrdPVWwaeoF/VwAPm7r39AiEA9rm1ThyVbFBzgsAu22AkaTk3Sh9/ns3edmQcb2TTZOE="}]},"_npmUser":{"name":"emeraldemperaur","email":"egwim.emeka@gmail.com"},"directories":{},"maintainers":[{"name":"emeraldemperaur","email":"egwim.emeka@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/apotheosis-ux_1.0.1_1780987926823_0.9884702435402519"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-09T06:34:11.625Z","modified":"2026-06-09T06:52:07.050Z","1.0.0":"2026-06-09T06:34:11.968Z","1.0.1":"2026-06-09T06:52:06.953Z"},"maintainers":[{"name":"emeraldemperaur","email":"egwim.emeka@gmail.com"}],"readme":"# Apotheosis UX\n## Neumorphic Design System, UI Component Library & MCP (Model Context Protocol) Server\n![Changesets](https://img.shields.io/badge/maintained%20with-changesets-176de3?style=flat-square&logo=changesets&logoColor=white) \n\n<p align=\"justify\"><strong>Apotheosis UX</strong> is a modern, TypeScript-first component ecosystem engineered to power next generation full-stack web applications. It proffers a comprehensive <strong>Neumorphic design system</strong>, equipping developers with sleek, accessible, and production-ready primitives to craft highly tactile, minimalist, and ultramodern user interfaces. \n\nBeyond aesthetics, <em>Apotheosis UX</em> pioneers an <strong>AI-ready architecture</strong>—tailored for agent-driven experiences like RAG pipelines, conversational interfaces & generative UI. Built for seamless integration into AI coding environments via the Model Context Protocol (MCP).</p>\n\n## Private Monorepository (Request Access) 🔐\nAccess to the core source code is currently restricted.\n<a href=\"https://www.github.com/emeraldemperaur/apotheosis-ux\" target=\"_blank\">Apotheosis UX Repository</a>\n\n## Quick Start\n<p align='justify'>Read the <a href=\"#\" target=\"_blank\">official Apotheosis UX documentation</a> for comprehensive guides on neumorphic design system, React primitives, backend component templates and MCP server deployment.</p>\n\n## Usage\n\n#### Install Apotheosis UX Component Library\n<p align='justify'>For standard React frontend application project:</p>\n\n```bash\nnpm install @emeraldemperaur/apotheosis-ux\n```\n\n#### Connect with AI Developer via MCP Server \n<p align='justify'>Apotheosis UX proffers an official Model Context Protocol server. This allows AI IDEs to directly read the component registry, type definitions, and backend blueprints to facilitate a hallucination-resistant developer experience.</p>\n\n##### Option A: Remote Enterprise Connection (Frictionless Authentication)\n<p align='justify'>For subscribed users, add the managed endpoint to the AI IDE's MCP configuration. Apotheosis UX utilizes Streamable HTTP in tandem with dynamic Clerk OAuth. IDE will automatically prompt a secure browser login with no API keys required.</p>\n\n```json\n{\n  \"mcpServers\": {\n    \"mito-ui\": {\n      \"url\": \"https://apotheosis-ux.onrender.com/mcp\",\n      \"transport\": \"http\"\n    }\n  }\n}\n```\n\n##### Option B: Local CLI Connection (Authentication Key)\n<p align='justify'>Install the CLI package globally to run the server locally.</p>\n\n```bash\nnpm install -g @emeraldemperaur/mito-ui-mcp\n```\n\n<p align='justify'>Configure the AI IDE to launch Apotheosis UX MCP via <code>stdio</code>:</p>\n\n```json\n{\n  \"mcpServers\": {\n    \"mito-ui-local\": {\n      \"command\": \"npx\",\n      \"args\": [\"@emeraldemperaur/apotheosis-ux-mcp\", \"--local\"]\n    }\n  }\n}\n```\n<ul>\n<li><a href=\"https://docs.openclaw.ai/gateway/configuration\">Cursor MCP Configuration</a></li>\n<li><a href=\"https://windsurf.run/mcp/filesystem\">WindSurf MCP Configuration</a></li>\n<li><a href=\"https://modelcontextprotocol.io/docs/develop/connect-remote-servers\">Claude Desktop MCP Configuration</a></li>\n<li><a href=\"https://docs.replit.com/build/connect-via-mcp#share-an-install-link\">Replit MCP Configuration</a></li>\n<li><a href=\"https://docs.devin.ai/cli/extensibility/mcp/configuration\">Devin MCP Configuration</a></li>\n<li><a href=\"https://docs.openclaw.ai/gateway/configuration\">OpenClaw MCP Configuration</a></li>\n</ul>\n\n## Design System Tenets\n<ul>\n<li><strong>Performance:</strong></li>\n<li><strong>ARIA Compliant Accessibility:</strong> Strict ARIA compliance across all primitives</li>\n<li><strong>Light vs. Dark Mode:</strong> Robust Light/Dark mode support</li>\n<li><strong>Theming Extensibility:</strong> Theming and styling customization support enabled via SCSS/CSS variables.</li>\n<li><strong>Agentic AI Compatibility:</strong> Strongly typed TypeScript full-stack components annotated with holistic JSDoc context and metadata for LLM (Large Language Model) ingestion.</li>\n</ul>\n\n## System Architecture Overview\n<p align='justify'>Apotheosis UX ecosystem is structured as a scalable monorepo:</p>\n<ol>\n<li><strong>Apotheosis UX Component Library</strong> <code>@emeraldemperaur/apotheosis-ux</code>: Named Exports React UI component library.</li>\n<li><strong>Apotheosis UX Backend Templates</strong> <code>@emeraldemperaur/apotheosis-ux</code>: Scalable backend service components & architectural templates.</li>\n<li><strong>Apotheosis UX Model Context Protocol Server</strong> <code>@emeraldemperaur/apotheosis-ux-mcp</code>: Dual-transport enabled AI context server via remote <code>Streamable HTTP</code> and localhost <code>StdioServerTransport</code>.</li>\n</ol>\n\n\n## Build Tools\n### 🎨 Frontend & Design Tools\n![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)\n![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)\n![SCSS](https://img.shields.io/badge/SCSS-CC6699?style=for-the-badge&logo=sass&logoColor=white)\n![Radix UI](https://img.shields.io/badge/Radix_UI-161618?style=for-the-badge&logo=radixui&logoColor=white)\n![D3.js](https://img.shields.io/badge/D3.js-F9A03C?style=for-the-badge&logo=d3dotjs&logoColor=white)\n\n\n### 🛠 Dev Tools & Workflow\n![PNPM Workspace](https://img.shields.io/badge/PNPM%20Workspace-222222?style=for-the-badge&logo=pnpm&logoColor=F69220)\n![Husky](https://img.shields.io/badge/Husky-000000?style=for-the-badge&logo=git&logoColor=white)\n![Jest](https://img.shields.io/badge/Jest-C21325?style=for-the-badge&logo=jest&logoColor=white)\n![Rollup](https://img.shields.io/badge/Rollup-EC4A3F?style=for-the-badge&logo=rollupdotjs&logoColor=white)\n\n\n### 🖥️ UI Component Library Deployment\n![GitHub Actions](https://img.shields.io/badge/GitHub_Actions-2088FF?style=for-the-badge&logo=githubactions&logoColor=white)\n![Storybook](https://img.shields.io/badge/Storybook-FF4785?style=for-the-badge&logo=storybook&logoColor=white)\n![Chromatic](https://img.shields.io/badge/Chromatic-FC521F?style=for-the-badge&logo=chromatic&logoColor=white)\n![Netlify](https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge&logo=netlify&logoColor=white)\n\n### ☁️ Backend Templates & Build Tools\n![OAuth](https://img.shields.io/badge/OAuth-000000?style=for-the-badge)\n![Prisma ORM](https://img.shields.io/badge/Prisma%20ORM-2D3748?style=for-the-badge&logo=prisma&logoColor=white)\n![Twilio](https://img.shields.io/badge/Twilio-F22F46?style=for-the-badge&logo=twilio&logoColor=white)\n![Stripe](https://img.shields.io/badge/Stripe-626CD9?style=for-the-badge&logo=Stripe&logoColor=white)\n![Flutterwave](https://img.shields.io/badge/Flutterwave-FB9129?style=for-the-badge)\n![Jumio](https://img.shields.io/badge/Jumio-00A453?style=for-the-badge)\n![Trulioo](https://img.shields.io/badge/Trulioo-1CE8A8?style=for-the-badge&logoColor=black)\n![Ada CX](https://img.shields.io/badge/Ada%20CX-0A0B0C?style=for-the-badge)\n![Grafana Loki](https://img.shields.io/badge/Grafana%20Loki-F46800?style=for-the-badge&logo=grafana&logoColor=white)\n![Datadog](https://img.shields.io/badge/Datadog-632CA6?style=for-the-badge&logo=datadog&logoColor=white)\n![AWS](https://img.shields.io/badge/AWS-232F3E?style=for-the-badge&logo=amazonwebservices&logoColor=white)\n![Vercel AI SDK](https://img.shields.io/badge/Vercel%20AI%20SDK-000000?style=for-the-badge&logo=vercel&logoColor=white)\n\n### 📡 MCP Server Integration\n![MCP SDK](https://img.shields.io/badge/@modelcontextprotocol/sdk-CB3837?style=for-the-badge&logo=npm&logoColor=white)\n![Clerk](https://img.shields.io/badge/Clerk-6C47FF?style=for-the-badge&logo=clerk&logoColor=white)\n![Zod](https://img.shields.io/badge/Zod-3E67B1?style=for-the-badge&logo=zod&logoColor=white)\n![Express.js](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white)\n![Render](https://img.shields.io/badge/Render-000000?style=for-the-badge&logo=render&logoColor=white)\n\n\n## Monorepo Footnotes\n<p align='justify'>Ensure you are using <code>pnpm</code> as the package manager for this workspace.</p>\n\n#### Global install PNPM via NPM\n```bash\nnpm install -g pnpm\n```\n\n#### Publishing PNPM Workflow\n<p align='justify'>To release updates to the NPM registry, authenticate and use PNPM workspace filters:</p>\n\n##### NPM Authenticate\n\n```bash\nnpm login\n```\n\n##### Publish using PNPM Filters\n```bash\npnpm --filter package1name publish --access public\npnpm --filter package2name publish --access public\n```\n<p align='justify'>e.g.</p>\n\n```bash\nnpm login\npnpm --filter @emeraldemperaur/apotheosis-ux publish --access public\npnpm --filter @emeraldemperaur/apotheosis-ux-mcp publish --access public\n```\n\n#### Init Husky\n```bash\n# Install Husky in tandem with lint-staged at the workspace root\npnpm add -wD husky lint-staged\n\n# Initialize Husky in workspace root to create .husky folder and update package.json scripts\npnpm exec husky init\n```\n<p align='justify'>Configure <code>pre-commit</code> hook in <code>.husky/pre-commit</code> to run lint-staged.</p>\n\n```bash\npnpm exec lint-staged\n```\n\n#### Changset Versioning\n```bash\n# Monorepo Root\npnpm add -wD @changesets/cli\n\n# Initialize the config folder\npnpm exec changeset init\n\n# Generate the Changeset\npnpm changeset\n```\n\n#### CLI NPM Package Publish\n```bash\n# Run build\npnpm run build:all\n\n# Localhost Monorepo NPM Publish\npnpm --filter @username/repo-name publish --access public --no-git-checks\npnpm --filter @username/reponame publish --access public --no-git-checks\n```\n","readmeFilename":"README.md","description":"![Changesets](https://img.shields.io/badge/maintained%20with-changesets-176de3?style=flat-square&logo=changesets&logoColor=white)"}