{"_id":"@ampeco/ampeco-ui","_rev":"3-21675deb8d154227e18c2a6d55f496c1","name":"@ampeco/ampeco-ui","dist-tags":{"latest":"0.5.2"},"versions":{"0.5.0":{"name":"@ampeco/ampeco-ui","version":"0.5.0","keywords":["react","ui","components","tailwind","tailwindcss","design-system","ui-library","ampeco"],"author":{"name":"Ampeco"},"license":"MIT","_id":"@ampeco/ampeco-ui@0.5.0","maintainers":[{"name":"m.spasov","email":"mspasov@gmail.com"},{"name":"lyubomir.todorov","email":"lyubomir.todorov@ampeco.global"},{"name":"alex-ampeco","email":"alexander.alexiev@ampeco.global"}],"homepage":"https://ampeco.github.io/ampeco-backend-ui-package/","bugs":{"url":"https://github.com/ampeco/ampeco-backend-ui-package/issues"},"dist":{"shasum":"36338a5175a531c3d2ca03fb05498b012209760e","tarball":"https://registry.npmjs.org/@ampeco/ampeco-ui/-/ampeco-ui-0.5.0.tgz","fileCount":125,"integrity":"sha512-+W9XH+Y7H33M9eSgIE60uoQJhCrzOUMrVn0OAg0UuNZD/emA6hvG1ejf2Kyl2CDiPmbjJMWNMzQLRFUQN2jpWw==","signatures":[{"sig":"MEQCIFDykVkIa0TH8mEqic2zQHZ5tXw2V+FNiN9hvZqmTyCiAiBb81t/E0Cgyy8xsFc2n3WFwMiWr6BQvv/ukFSMU1M1zw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":452540},"main":"./dist/ampeco-ui.cjs.js","type":"module","types":"./dist/types/index.d.ts","module":"./dist/ampeco-ui.es.js","engines":{"node":"18.x || 20.x || 22.x"},"exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/ampeco-ui.es.js","require":"./dist/ampeco-ui.cjs.js"},"./dist/assets/*":"./dist/assets/*","./dist/style.css":"./dist/style.css"},"gitHead":"4845919115e589dc11cca2ad19f74d85f6683a72","scripts":{"test":"vitest","build:lib":"tsc && vite build","test:coverage":"vitest run --coverage","build:storybook":"vitest run --coverage && storybook build","package:publish":"npm run build:lib && npm publish","start:storybook":"storybook dev"},"_npmUser":{"name":"lyubomir.todorov","email":"lyubomir.todorov@ampeco.global"},"repository":{"url":"git+https://github.com/ampeco/ampeco-backend-ui-package.git","type":"git"},"_npmVersion":"11.4.2","description":"A collection of React UI components built with Tailwind CSS, based on Nova","directories":{},"_nodeVersion":"24.3.0","dependencies":{"apexcharts":"^5.3.6","react-imask":"^7.1.2","@heroicons/react":"^2.2.0"},"publishConfig":{"registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.1","jsdom":"^26.0.0","eslint":"^9.20.1","vitest":"^3.0.6","storybook":"^8.5.8","classnames":"^2.3.2","typescript":"~5.7.2","@babel/core":"^7.20.2","@types/node":"^22.13.4","tailwindcss":"^4.1.17","@types/react":"19.0.10","babel-loader":"^9.2.1","react-markdown":"^10.0.0","@storybook/test":"^8.5.8","vite-plugin-dts":"^4.5.0","vite-raw-plugin":"^1.0.2","@storybook/react":"^8.5.8","@types/react-dom":"19.0.4","@tailwindcss/vite":"^4.1.17","@storybook/mdx2-csf":"^1.1.0","@vitest/coverage-v8":"^3.0.6","eslint-plugin-react":"^7.31.11","@vitejs/plugin-react":"^4.3.1","@storybook/addon-docs":"^8.5.8","@storybook/react-vite":"^8.5.8","@storybook/addon-links":"^8.5.8","@testing-library/react":"^16.2.0","eslint-plugin-storybook":"^0.11.3","vite-plugin-static-copy":"^2.3.1","@chromatic-com/storybook":"^3.2.4","@storybook/addon-actions":"^8.5.8","@storybook/addon-mdx-gfm":"^8.5.8","@testing-library/jest-dom":"^6.4.2","@typescript-eslint/parser":"^8.24.1","eslint-plugin-react-hooks":"^5.1.0","@storybook/addon-essentials":"^8.5.8","@testing-library/user-event":"^14.5.2","@storybook/addon-interactions":"^8.5.8","@typescript-eslint/eslint-plugin":"^8.24.1"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","react-router-dom":"^7.2.0"},"optionalDependencies":{"lightningcss-linux-x64-gnu":"^1.29.1","@rollup/rollup-linux-x64-gnu":"4.9.5","@tailwindcss/oxide-linux-x64-gnu":"^4.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ampeco-ui_0.5.0_1773234767229_0.9070044552272949","host":"s3://npm-registry-packages-npm-production"}},"0.5.1":{"name":"@ampeco/ampeco-ui","version":"0.5.1","keywords":["react","ui","components","tailwind","tailwindcss","design-system","ui-library","ampeco"],"author":{"name":"Ampeco"},"license":"MIT","_id":"@ampeco/ampeco-ui@0.5.1","maintainers":[{"name":"m.spasov","email":"mspasov@gmail.com"},{"name":"lyubomir.todorov","email":"lyubomir.todorov@ampeco.global"},{"name":"alex-ampeco","email":"alexander.alexiev@ampeco.global"}],"homepage":"https://ampeco.github.io/ampeco-backend-ui-package/","bugs":{"url":"https://github.com/ampeco/ampeco-backend-ui-package/issues"},"dist":{"shasum":"39216cb6e3027f63722bb822b5f3fff00a06c662","tarball":"https://registry.npmjs.org/@ampeco/ampeco-ui/-/ampeco-ui-0.5.1.tgz","fileCount":125,"integrity":"sha512-N6SCWpUqrr+xq8Hny/cfpdFCBMIm6LaQ7iU3QAGJAVmSzyqhZTDbgjeV4Bd7h204pjwcGy94nzKQQ3Hc52w+ow==","signatures":[{"sig":"MEQCIH3zjo1OS9EkbU9e9y7Dh9Vwy68XLRGN+ppZuXljtyo3AiAkh3Rp0KAkyKCBL1+8/QRDUnGLbm4kjVPY8gOzVVv8vQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ampeco%2fampeco-ui@0.5.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":452540},"main":"./dist/ampeco-ui.cjs.js","type":"module","types":"./dist/types/index.d.ts","module":"./dist/ampeco-ui.es.js","engines":{"node":"18.x || 20.x || 22.x"},"exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/ampeco-ui.es.js","require":"./dist/ampeco-ui.cjs.js"},"./dist/assets/*":"./dist/assets/*","./dist/style.css":"./dist/style.css"},"gitHead":"732c5aefa8b923eca5866b57bd3e1d34bd565d0e","scripts":{"test":"vitest","build:lib":"tsc && vite build","test:coverage":"vitest run --coverage","build:storybook":"vitest run --coverage && storybook build","package:publish":"npm run build:lib && npm publish","start:storybook":"storybook dev"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4a558221-5b28-45da-8c44-a6462aeb0ce5"}},"repository":{"url":"git+https://github.com/ampeco/ampeco-backend-ui-package.git","type":"git"},"_npmVersion":"11.11.0","description":"A collection of React UI components built with Tailwind CSS, based on Nova","directories":{},"_nodeVersion":"20.20.0","dependencies":{"apexcharts":"^5.3.6","react-imask":"^7.1.2","@heroicons/react":"^2.2.0"},"publishConfig":{"registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.1","jsdom":"^26.0.0","eslint":"^9.20.1","vitest":"^3.0.6","storybook":"^8.5.8","classnames":"^2.3.2","typescript":"~5.7.2","@babel/core":"^7.20.2","@types/node":"^22.13.4","tailwindcss":"^4.1.17","@types/react":"19.0.10","babel-loader":"^9.2.1","react-markdown":"^10.0.0","@storybook/test":"^8.5.8","vite-plugin-dts":"^4.5.0","vite-raw-plugin":"^1.0.2","@storybook/react":"^8.5.8","@types/react-dom":"19.0.4","@tailwindcss/vite":"^4.1.17","@storybook/mdx2-csf":"^1.1.0","@vitest/coverage-v8":"^3.0.6","eslint-plugin-react":"^7.31.11","@vitejs/plugin-react":"^4.3.1","@storybook/addon-docs":"^8.5.8","@storybook/react-vite":"^8.5.8","@storybook/addon-links":"^8.5.8","@testing-library/react":"^16.2.0","eslint-plugin-storybook":"^0.11.3","vite-plugin-static-copy":"^2.3.1","@chromatic-com/storybook":"^3.2.4","@storybook/addon-actions":"^8.5.8","@storybook/addon-mdx-gfm":"^8.5.8","@testing-library/jest-dom":"^6.4.2","@typescript-eslint/parser":"^8.24.1","eslint-plugin-react-hooks":"^5.1.0","@storybook/addon-essentials":"^8.5.8","@testing-library/user-event":"^14.5.2","@storybook/addon-interactions":"^8.5.8","@typescript-eslint/eslint-plugin":"^8.24.1"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","react-router-dom":"^7.2.0"},"optionalDependencies":{"lightningcss-linux-x64-gnu":"^1.29.1","@rollup/rollup-linux-x64-gnu":"4.9.5","@tailwindcss/oxide-linux-x64-gnu":"^4.0.1"},"_npmOperationalInternal":{"tmp":"tmp/ampeco-ui_0.5.1_1773239692193_0.3066478655955671","host":"s3://npm-registry-packages-npm-production"}},"0.5.2":{"name":"@ampeco/ampeco-ui","version":"0.5.2","description":"A collection of React UI components built with Tailwind CSS, based on Nova","license":"MIT","author":{"name":"Ampeco"},"keywords":["react","ui","components","tailwind","tailwindcss","design-system","ui-library","ampeco"],"homepage":"https://ampeco.github.io/ampeco-backend-ui-package/","bugs":{"url":"https://github.com/ampeco/ampeco-backend-ui-package/issues"},"repository":{"type":"git","url":"git+https://github.com/ampeco/ampeco-backend-ui-package.git"},"publishConfig":{"registry":"https://registry.npmjs.org"},"main":"./dist/ampeco-ui.cjs.js","module":"./dist/ampeco-ui.es.js","types":"./dist/types/index.d.ts","type":"module","scripts":{"build:lib":"tsc && vite build","build:storybook":"vitest run --coverage && storybook build","start:storybook":"storybook dev","package:publish":"npm run build:lib && npm publish","test":"vitest","test:coverage":"vitest run --coverage"},"exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/ampeco-ui.es.js","require":"./dist/ampeco-ui.cjs.js"},"./dist/style.css":"./dist/style.css","./dist/assets/*":"./dist/assets/*"},"engines":{"node":"18.x || 20.x || 22.x"},"dependencies":{"@heroicons/react":"^2.2.0","apexcharts":"^5.3.6","react-imask":"^7.1.2"},"devDependencies":{"classnames":"^2.3.2","tailwindcss":"^4.1.17","@babel/core":"^7.20.2","@chromatic-com/storybook":"^3.2.4","@storybook/addon-actions":"^8.5.8","@storybook/addon-docs":"^8.5.8","@storybook/addon-essentials":"^8.5.8","@storybook/addon-interactions":"^8.5.8","@storybook/addon-links":"^8.5.8","@storybook/addon-mdx-gfm":"^8.5.8","@storybook/mdx2-csf":"^1.1.0","@storybook/react":"^8.5.8","@storybook/react-vite":"^8.5.8","@storybook/test":"^8.5.8","@tailwindcss/vite":"^4.1.17","@testing-library/jest-dom":"^6.4.2","@testing-library/react":"^16.2.0","@testing-library/user-event":"^14.5.2","@types/node":"^22.13.4","@types/react":"19.0.10","@types/react-dom":"19.0.4","@typescript-eslint/eslint-plugin":"^8.24.1","@typescript-eslint/parser":"^8.24.1","@vitejs/plugin-react":"^4.3.1","@vitest/coverage-v8":"^3.0.6","babel-loader":"^9.2.1","eslint":"^9.20.1","eslint-plugin-react":"^7.31.11","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-storybook":"^0.11.3","jsdom":"^26.0.0","react-markdown":"^10.0.0","storybook":"^8.5.8","typescript":"~5.7.2","vite":"^6.1.1","vite-plugin-dts":"^4.5.0","vite-plugin-static-copy":"^2.3.1","vite-raw-plugin":"^1.0.2","vitest":"^3.0.6"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","react-router-dom":"^7.2.0"},"optionalDependencies":{"@rollup/rollup-linux-x64-gnu":"4.9.5","@tailwindcss/oxide-linux-x64-gnu":"^4.0.1","lightningcss-linux-x64-gnu":"^1.29.1"},"gitHead":"20878d3855a888db091e6358ecfb7cb3f75ccd9c","_id":"@ampeco/ampeco-ui@0.5.2","_nodeVersion":"20.20.0","_npmVersion":"11.11.0","dist":{"integrity":"sha512-2mPGvthreQsJ7UHi0Wc9f7SDil/PxFOyNKrmXkj23ZUgpQY1OfVk/PWBFkr1oD6hS+U03ft/uHYydIUEVRRzOA==","shasum":"17c62852aeedbcd5b2bf264475f31d4866744a74","tarball":"https://registry.npmjs.org/@ampeco/ampeco-ui/-/ampeco-ui-0.5.2.tgz","fileCount":125,"unpackedSize":451646,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ampeco%2fampeco-ui@0.5.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIExVApftdQt97A/+WLZLzOvSC8wPPOzuIH/rE9UFbUB6AiEAvR1vmkGYJ6kLYap30XTlHFAre0xYQ+0lanEFKPc4XBE="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4a558221-5b28-45da-8c44-a6462aeb0ce5"}},"directories":{},"maintainers":[{"name":"m.spasov","email":"mspasov@gmail.com"},{"name":"lyubomir.todorov","email":"lyubomir.todorov@ampeco.global"},{"name":"alex-ampeco","email":"alexander.alexiev@ampeco.global"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ampeco-ui_0.5.2_1773243322464_0.759614904822429"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-11T13:12:47.110Z","modified":"2026-03-11T15:35:22.941Z","0.5.0":"2026-03-11T13:12:47.435Z","0.5.1":"2026-03-11T14:34:52.354Z","0.5.2":"2026-03-11T15:35:22.610Z"},"bugs":{"url":"https://github.com/ampeco/ampeco-backend-ui-package/issues"},"author":{"name":"Ampeco"},"license":"MIT","homepage":"https://ampeco.github.io/ampeco-backend-ui-package/","keywords":["react","ui","components","tailwind","tailwindcss","design-system","ui-library","ampeco"],"repository":{"type":"git","url":"git+https://github.com/ampeco/ampeco-backend-ui-package.git"},"description":"A collection of React UI components built with Tailwind CSS, based on Nova","maintainers":[{"name":"m.spasov","email":"mspasov@gmail.com"},{"name":"lyubomir.todorov","email":"lyubomir.todorov@ampeco.global"},{"name":"alex-ampeco","email":"alexander.alexiev@ampeco.global"}],"readme":"# AmpecoUI \n\n[![GitHub license](https://img.shields.io/github/license/ampeco/ampeco-backend-ui-package)](https://github.com/ampeco/ampeco-backend-ui-package/blob/main/LICENSE)\n[![npm version](https://img.shields.io/npm/v/@ampeco/ampeco-ui)](https://www.npmjs.com/package/@ampeco/ampeco-ui)\n[![Storybook](https://img.shields.io/badge/Storybook-View%20Docs-FF4785?logo=storybook)](https://ampeco.github.io/ampeco-backend-ui-package/)\n[![GitHub issues](https://img.shields.io/github/issues/ampeco/ampeco-backend-ui-package)](https://github.com/ampeco/ampeco-backend-ui-package/issues)\n\nAmpecoUI is a collection of React UI components built with Tailwind CSS, based on Nova.\n\n## Requirements\n\n- React ^19.0.0\n- React DOM ^19.0.0\n- React Router DOM ^7.2.0 (peer dependency)\n- Node.js 18.x, 20.x, or 22.x\n\nSee [CHANGELOG.md](./CHANGELOG.md) for version history.\n\n## Getting started\n\n### Installation\n\n1. **Install the package:**\n\n```shell\nnpm install @ampeco/ampeco-ui\n```\n\n2. **Include the required styles.** Import the CSS file in your application entry point:\n\n```typescript\nimport \"@ampeco/ampeco-ui/dist/style.css\";\n```\n\nOr in your main CSS file:\n\n```css\n@import \"@ampeco/ampeco-ui/dist/style.css\";\n```\n\n3. **Configure Tailwind CSS** (if not already configured). The design system uses Tailwind CSS v4. Make sure your project has Tailwind CSS configured to support dark mode. The components use Tailwind's `dark:` variant for dark mode support.\n\n### Running package locally in other projects for easier testing\n\n1. Open terminal in root of this project and run following command\n\n```shell\nnpm link\n```\n\n2. Build the package using `npm run build:lib` command (You need to build the package after every change to make them visible)\n\n3. Open terminal in root of your desired project and run\n\n```shell\nnpm link @ampeco/ampeco-ui\n```\n\n4. When you are done with testing run following command first in your project, then in this one\n\n```shell\nnpm unlink --no-save @ampeco/ampeco-ui\n```\n\nNOTE: If you are having issues with running the package, first uninstall `@ampeco/ampeco-ui` from your dependencies, then follow the steps.\n\n## Development\n\n### Running Storybook\n\nTo view and develop components in Storybook:\n\n```shell\nnpm run start:storybook\n```\n\n### Running Tests\n\n```shell\nnpm test\n```\n\n### Building the Library\n\n```shell\nnpm run build:lib\n```\n\n## Documentation\n\nThe component library documentation is available via Storybook, automatically deployed to GitHub Pages:\n\n**[View Storybook Documentation](https://ampeco.github.io/ampeco-backend-ui-package/)**\n\n## Publishing\n\nFor information on how to publish this package to npm, see [PUBLISHING.md](./PUBLISHING.md).\n\nFor information on deploying Storybook to GitHub Pages, see [GITHUB_PAGES_SETUP.md](./GITHUB_PAGES_SETUP.md).\n","readmeFilename":"README.md"}