{"_id":"@dendelion/mojo-ui","_rev":"3-89e18aac061df16398df100e971bade3","name":"@dendelion/mojo-ui","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@dendelion/mojo-ui","version":"0.1.0","keywords":["react","components","ui","retro","mojo","tailwindcss","glassmorphism","design-system"],"author":{"name":"Croco Team"},"license":"MIT","_id":"@dendelion/mojo-ui@0.1.0","maintainers":[{"name":"croco-dendy","email":"croooco.dendy@gmail.com"}],"homepage":"https://github.com/croco-dendy/mojo-ui#readme","bugs":{"url":"https://github.com/croco-dendy/mojo-ui/issues"},"dist":{"shasum":"ab2d167f23c6f0059f544140c7c414d5a77b7ca2","tarball":"https://registry.npmjs.org/@dendelion/mojo-ui/-/mojo-ui-0.1.0.tgz","fileCount":82,"integrity":"sha512-V5k24zCWw6+oBKDh23/nZP0KCNwIDB0ArLAlsNOlLvYEf7xUPMYGhrFzEY1uF3VeB2QQpOBCBr+jIvzqnXVY4w==","signatures":[{"sig":"MEQCIGTr5wTLLXQveiVBVLctFI+MbkoByezviRQ4ilDuu3eXAiA6YD4Cx5qASr2aphOwt+c50AW0l9IAvUnEqwSNgf+IRw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6088531},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles":{"types":"./src/styles/index.ts","import":"./src/styles/index.ts","require":"./src/styles/index.ts"},"./tailwind":{"types":"./tailwind.ts","import":"./tailwind.ts","require":"./tailwind.ts"}},"gitHead":"5bb8be17e6cfd3dadfc55d5291d3d9440a0dc9ec","scripts":{"dev":"vite","lint":"biome check ./src","build":"vite build","lint:fix":"biome check ./src --write","check-types":"tsc --noEmit","publish:jsr":"npx jsr publish","publish:npm":"npm publish --access public","publish:jsr:dry":"npx jsr publish --dry-run"},"_npmUser":{"name":"croco-dendy","email":"croooco.dendy@gmail.com"},"repository":{"url":"git+https://github.com/croco-dendy/mojo-ui.git","type":"git"},"_npmVersion":"11.11.0","description":"Retro styled React component library with nature-themed design tokens and glassmorphism","directories":{},"_nodeVersion":"22.16.0","dependencies":{"clsx":"^2.0.0"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.93.2","vite":"5.4.9","postcss":"8.4.47","typescript":"^5.0.0","tailwindcss":"3.4.14","@types/react":"^18.2.0","autoprefixer":"10.4.20","framer-motion":"^11.0.0","@types/react-dom":"^18.2.0","tailwind-scrollbar":"^3.1.0","tailwindcss-textshadow":"^2.1.3","@vitejs/plugin-react-swc":"3.7.1"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","framer-motion":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mojo-ui_0.1.0_1777143210679_0.5360410943391531","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@dendelion/mojo-ui","version":"0.1.1","keywords":["react","components","ui","retro","mojo","tailwindcss","glassmorphism","design-system"],"author":{"name":"Croco Team"},"license":"MIT","_id":"@dendelion/mojo-ui@0.1.1","maintainers":[{"name":"croco-dendy","email":"croooco.dendy@gmail.com"}],"homepage":"https://github.com/croco-dendy/mojo-ui#readme","bugs":{"url":"https://github.com/croco-dendy/mojo-ui/issues"},"dist":{"shasum":"87e8143ea54ae93dfc402d5c0cef4406c9bc5ecb","tarball":"https://registry.npmjs.org/@dendelion/mojo-ui/-/mojo-ui-0.1.1.tgz","fileCount":228,"integrity":"sha512-TtsPDwqnUTn3F0X8Mku0Uww8+5s0KFv3LK/pgoV7yOB7UScMYLl/DfpKJ/zQI1noG36ilDIt/NhMqdUBtWj8jA==","signatures":[{"sig":"MEYCIQDEHEvslvf204fIydQZAQJxUTRQNgZyCkG4MPv4B++ejwIhAI7CuO/epc/eVawRmdKmBZeelVgX45HBAUtUGQJORpQY","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6153223},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles":{"types":"./src/styles/index.ts","import":"./src/styles/index.ts","require":"./src/styles/index.ts"},"./tailwind":{"types":"./tailwind.ts","import":"./tailwind.ts","require":"./tailwind.ts"}},"gitHead":"9f60d382847e0d5e69547d74a2c6deb56bb5b586","scripts":{"dev":"vite","lint":"biome check ./src","build":"vite build","lint:fix":"biome check ./src --write","check-types":"tsc --noEmit","publish:jsr":"npx jsr publish","publish:npm":"npm publish --access public","publish:jsr:dry":"npx jsr publish --dry-run"},"_npmUser":{"name":"croco-dendy","email":"croooco.dendy@gmail.com"},"repository":{"url":"git+https://github.com/croco-dendy/mojo-ui.git","type":"git"},"_npmVersion":"11.11.0","description":"Retro styled React component library with nature-themed design tokens and glassmorphism","directories":{},"_nodeVersion":"22.16.0","dependencies":{"clsx":"^2.0.0"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.93.2","vite":"5.4.9","postcss":"8.4.47","typescript":"^5.0.0","tailwindcss":"3.4.14","@types/react":"^18.2.0","autoprefixer":"10.4.20","framer-motion":"^11.0.0","vite-plugin-dts":"^4.5.4","@types/react-dom":"^18.2.0","tailwind-scrollbar":"^3.1.0","tailwindcss-textshadow":"^2.1.3","@vitejs/plugin-react-swc":"3.7.1"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","framer-motion":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mojo-ui_0.1.1_1777143554176_0.3791097767617395","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@dendelion/mojo-ui","version":"0.1.2","description":"Retro styled React component library with nature-themed design tokens and glassmorphism","type":"module","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./index.css":"./dist/index.css","./globals.scss":"./src/globals.scss","./tailwind":{"types":"./tailwind.ts","import":"./tailwind.ts","require":"./tailwind.ts"},"./styles":{"types":"./src/styles/index.ts","import":"./src/styles/index.ts","require":"./src/styles/index.ts"}},"scripts":{"build":"vite build","dev":"vite","test":"echo 'No tests yet'","check-types":"tsc --noEmit","lint":"biome check ./src","lint:fix":"biome check ./src --write","ci":"npm run check-types && npm run build && npm run test","version":"changeset version","release":"npm run ci && npm publish --access public","publish:jsr":"npx jsr publish","publish:jsr:dry":"npx jsr publish --dry-run"},"keywords":["react","components","ui","retro","mojo","tailwindcss","glassmorphism","design-system"],"author":{"name":"Croco Team"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/croco-dendy/mojo-ui.git"},"bugs":{"url":"https://github.com/croco-dendy/mojo-ui/issues"},"homepage":"https://github.com/croco-dendy/mojo-ui#readme","peerDependencies":{"framer-motion":"^11.0.0","react":"^18.0.0","react-dom":"^18.0.0"},"dependencies":{"clsx":"^2.0.0"},"devDependencies":{"@changesets/changelog-github":"^0.6.0","@changesets/cli":"^2.31.0","@types/react":"^18.2.0","@types/react-dom":"^18.2.0","@vitejs/plugin-react-swc":"3.7.1","autoprefixer":"10.4.20","framer-motion":"^11.0.0","postcss":"8.4.47","sass":"^1.93.2","tailwind-scrollbar":"^3.1.0","tailwindcss":"3.4.14","tailwindcss-textshadow":"^2.1.3","typescript":"^5.0.0","vite":"5.4.9","vite-plugin-dts":"^4.5.4"},"gitHead":"6044ceab2ad0ca50ea7a4ded7b36699d4f1e7666","_id":"@dendelion/mojo-ui@0.1.2","_nodeVersion":"22.16.0","_npmVersion":"11.11.0","dist":{"integrity":"sha512-nTIkIagpNgZoaEkNvuMy4LJM8jvfjGDCmR6KDmwRaPzDp3kQcK1mK+cZuyPcDQnaYPiKt1uF4d7GYjCL8JV9nQ==","shasum":"84bf2ac39ebd3470b8248475fed5da1735916598","tarball":"https://registry.npmjs.org/@dendelion/mojo-ui/-/mojo-ui-0.1.2.tgz","fileCount":228,"unpackedSize":6155821,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD/nU92F62ojGDsozCAP9MaSG7dj+VP16MRZ5j+h7tErQIgGyA2g80diwOVczQ5D36DM/iVVygG8pklI8mrJapr4QE="}]},"_npmUser":{"name":"croco-dendy","email":"croooco.dendy@gmail.com"},"directories":{},"maintainers":[{"name":"croco-dendy","email":"croooco.dendy@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mojo-ui_0.1.2_1788968580127_0.9655986254372606"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-25T18:53:30.595Z","modified":"2026-09-09T15:43:00.561Z","0.1.0":"2026-04-25T18:53:30.994Z","0.1.1":"2026-04-25T18:59:14.482Z","0.1.2":"2026-09-09T15:43:00.348Z"},"bugs":{"url":"https://github.com/croco-dendy/mojo-ui/issues"},"author":{"name":"Croco Team"},"license":"MIT","homepage":"https://github.com/croco-dendy/mojo-ui#readme","keywords":["react","components","ui","retro","mojo","tailwindcss","glassmorphism","design-system"],"repository":{"type":"git","url":"git+https://github.com/croco-dendy/mojo-ui.git"},"description":"Retro styled React component library with nature-themed design tokens and glassmorphism","maintainers":[{"name":"croco-dendy","email":"croooco.dendy@gmail.com"}],"readme":"# @dendelion/mojo-ui\n\n

\n Retro styled React component library with nature-themed design tokens and glassmorphism.\n

\n\n

\n \n \"npm\n \n \n \"npm\n \n \n \"CI\n \n \n \"license\"\n \n \"TypeScript\"\n \"React\"\n \"Tailwind\n \n \"PRs\n \n

\n\n

\n 📦 NPM •\n 🐙 GitHub •\n ✨ Features •\n 🚀 Installation •\n 📚 Components\n

\n\n## Features\n\n- **28 Components** — Buttons, forms, layout, navigation, feedback, data display\n- **Tailwind CSS Preset** — Reusable `mojoPreset` with nature-themed color tokens\n- **Glassmorphism** — Shared style utilities for glass card patterns\n- **TypeScript** — Full TypeScript support with strict typing\n- **SCSS Modules** — Scoped styling with SCSS modules\n- **Accessible** — ARIA labels and keyboard navigation\n- **Animated** — Smooth transitions powered by framer-motion\n\n## Installation\n\n```bash\nnpm install @dendelion/mojo-ui\n# or\nyarn add @dendelion/mojo-ui\n# or\npnpm add @dendelion/mojo-ui\n```\n\n### Peer Dependencies\n\n```bash\nnpm install react react-dom framer-motion tailwindcss\n```\n\n## Quick Start\n\n### 1. Configure Tailwind CSS\n\n```js\n// tailwind.config.js\nimport { mojoPreset } from '@dendelion/mojo-ui/tailwind';\n\nexport default {\n presets: [mojoPreset],\n content: ['./src/**/*.{js,jsx,ts,tsx}'],\n};\n```\n\n### 2. Import Global Styles\n\nComponent styles ship as a prebuilt stylesheet that the JS bundle does not\nimport on its own, so import it once in your app entry:\n\n```ts\n// In your app entry (e.g., main.tsx)\nimport '@dendelion/mojo-ui/index.css';\n```\n\nThe stylesheet references fonts at `/fonts/*.woff2`. Copy `dist/fonts` into\nyour public directory (or serve it at `/fonts`) for the KyivType and Tiny5\nfaces to load.\n\nIf your build already compiles SCSS and runs Tailwind, you can import the\nsource instead:\n\n```scss\n@import '@dendelion/mojo-ui/globals.scss';\n```\n\n### 3. Use Components\n\n```tsx\nimport { Button, Card, Input } from '@dendelion/mojo-ui';\n\nfunction App() {\n return (\n \n \n