{"_id":"@acecom/ui-demo","_rev":"5-deccefd5b9dfccb1c9e9b8dcd566819b","name":"@acecom/ui-demo","dist-tags":{"latest":"0.6.5"},"versions":{"0.6.1":{"name":"@acecom/ui-demo","version":"0.6.1","keywords":["react","typescript","tailwind","storybook","acecom","ui"],"license":"MIT","_id":"@acecom/ui-demo@0.6.1","maintainers":[{"name":"acecom","email":"acecom.soporte@gmail.com"}],"dist":{"shasum":"874b37d551f720673a61fd260b409f5342a4526f","tarball":"https://registry.npmjs.org/@acecom/ui-demo/-/ui-demo-0.6.1.tgz","fileCount":36,"integrity":"sha512-BGgcvw60YA7iIMStLHU9fXLLIAQmaz/mnb5QXsb19mavPHqsOXlO9ZOWQwKAl3eqF7oabZZolGqrRWh82fGI1A==","signatures":[{"sig":"MEUCIA91T8aZRL0CaMfBnMKd0olY4rMhRUaM3G/e6HKBKJqVAiEAlcxAfoicGRj+3+JhV4+9/XGaB7+elGd6n+0hLBaJq8g=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":147501},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","volta":{"node":"20.11.0"},"module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"8925698758dfa1a23d4c4627df0ac05d43457c6a","scripts":{"sb":"storybook dev -p 6006","dev":"vite","lint":"eslint . --report-unused-disable-directives --max-warnings 0","format":"prettier --write .","prepare":"husky","preview":"vite preview","build:sb":"storybook build","build:lib":"pnpm rollup:bundle && pnpm build:types","tsc:types":"tsc -p tsconfig.lib.json --emitDeclarationOnly","typecheck":"bash -c tsc","move:types":"mv temp/types/* dist/","build:types":"pnpm tsc:types && pnpm clean:types && pnpm move:types && pnpm cleanup:temp","clean:types":"rm -rf temp/types/utils temp/types/constants","cleanup:temp":"rm -rf temp","rollup:bundle":"rollup -c"},"_npmUser":{"name":"acecom","email":"acecom.soporte@gmail.com"},"_npmVersion":"10.2.4","description":"**AcecomUI** is a modern, reusable, and accessible React component library built with TypeScript and Tailwind CSS. Designed for **Acecom**'s internal projects, it helps developers build consistent and efficient user interfaces faster.","directories":{},"lint-staged":{"**/*":"pnpm format","**/*.{ts,tsx}":["pnpm lint","pnpm typecheck"]},"_nodeVersion":"20.11.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^2.1.1","vite":"^5.4.10","husky":"^9.1.6","tslib":"^2.8.0","eslint":"^9.13.0","rollup":"^4.24.3","globals":"^15.11.0","postcss":"^8.4.47","prettier":"^3.3.3","storybook":"^8.3.6","typescript":"~5.6.2","lint-staged":"^15.2.10","tailwindcss":"^3.4.14","@types/react":"^18.3.12","autoprefixer":"^10.4.20","@storybook/test":"^8.3.6","postcss-nesting":"^12.1.5","@storybook/react":"^8.3.6","@types/react-dom":"^18.3.1","@storybook/blocks":"^8.3.6","rollup-plugin-dts":"^6.1.1","typescript-eslint":"^8.12.2","@rollup/plugin-terser":"^0.4.4","@storybook/addon-a11y":"^8.3.6","@storybook/react-vite":"^8.3.6","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^8.3.6","eslint-config-prettier":"^9.1.0","@rollup/plugin-commonjs":"^25.0.8","@storybook/addon-themes":"^8.3.6","eslint-plugin-storybook":"^0.10.1","@chromatic-com/storybook":"^1.9.0","@vitejs/plugin-react-swc":"^3.7.1","@rollup/plugin-typescript":"^11.1.6","eslint-plugin-react-hooks":"^5.0.0","@rollup/plugin-node-resolve":"^15.3.0","@storybook/addon-essentials":"^8.3.6","eslint-plugin-react-refresh":"^0.4.14","prettier-plugin-tailwindcss":"^0.5.14","@storybook/addon-interactions":"^8.3.6","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@phosphor-icons/react":"^2.1.7"},"_npmOperationalInternal":{"tmp":"tmp/ui-demo_0.6.1_1744049095885_0.1510593618415239","host":"s3://npm-registry-packages-npm-production"}},"0.6.2":{"name":"@acecom/ui-demo","version":"0.6.2","keywords":["react","typescript","tailwind","storybook","acecom","ui"],"license":"MIT","_id":"@acecom/ui-demo@0.6.2","maintainers":[{"name":"acecom","email":"acecom.soporte@gmail.com"}],"dist":{"shasum":"119349780c2c3c0ab901cece16ceb788f1639c0a","tarball":"https://registry.npmjs.org/@acecom/ui-demo/-/ui-demo-0.6.2.tgz","fileCount":45,"integrity":"sha512-GcK9khPn7FweVvElcKXO02FIR/fY8wAQPUK6Zqd5Lw+pCPOiq5HCRyJQ2p9r+zZ0ZwKi3ewb9Jtv47YnGNPeRQ==","signatures":[{"sig":"MEYCIQDEdpJbfljoFbB/XO0tl3Fm8ecVf6L96V+HeeWJADtFfAIhAO0AI3/THWsWyYwvBKaP+2j0Bz2KSdxQaOIDHrRm2hli","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":143742},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","volta":{"node":"20.11.0"},"module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"ed4e321167db0c6ebc0e17efb551f03fa93d2f71","scripts":{"sb":"storybook dev -p 6006","dev":"vite","lint":"eslint . --report-unused-disable-directives --max-warnings 0","format":"prettier --write .","prepare":"husky","preview":"vite preview","build:sb":"storybook build","build:lib":"pnpm rollup:bundle && pnpm build:types","tsc:types":"tsc -p tsconfig.lib.json --emitDeclarationOnly","typecheck":"bash -c tsc","clean:dist":"rm -rf dist","move:types":"mv temp/types/* dist/","build:types":"pnpm tsc:types && pnpm clean:types && pnpm move:types && pnpm cleanup:temp","clean:types":"rm -rf temp/types/utils temp/types/theme","cleanup:temp":"rm -rf temp","rollup:bundle":"rollup -c"},"_npmUser":{"name":"acecom","email":"acecom.soporte@gmail.com"},"_npmVersion":"10.2.4","description":"**AcecomUI** is a modern, reusable, and accessible React component library built with TypeScript and Tailwind CSS. Designed for **Acecom**'s internal projects, it helps developers build consistent and efficient user interfaces faster.","directories":{},"lint-staged":{"**/*":"pnpm format","**/*.{ts,tsx}":["pnpm lint","pnpm typecheck"]},"_nodeVersion":"20.11.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^2.1.1","vite":"^5.4.10","husky":"^9.1.6","tslib":"^2.8.0","eslint":"^9.13.0","rollup":"^4.24.3","globals":"^15.11.0","postcss":"^8.4.47","prettier":"^3.3.3","storybook":"^8.3.6","typescript":"~5.6.2","lint-staged":"^15.2.10","tailwindcss":"^3.4.14","@types/react":"^18.3.12","autoprefixer":"^10.4.20","@storybook/test":"^8.3.6","postcss-nesting":"^12.1.5","@storybook/react":"^8.3.6","@types/react-dom":"^18.3.1","@storybook/blocks":"^8.3.6","rollup-plugin-dts":"^6.1.1","typescript-eslint":"^8.12.2","@rollup/plugin-terser":"^0.4.4","@storybook/addon-a11y":"^8.3.6","@storybook/react-vite":"^8.3.6","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^8.3.6","eslint-config-prettier":"^9.1.0","@rollup/plugin-commonjs":"^25.0.8","@storybook/addon-themes":"^8.3.6","eslint-plugin-storybook":"^0.10.1","@chromatic-com/storybook":"^1.9.0","@vitejs/plugin-react-swc":"^3.7.1","@rollup/plugin-typescript":"^11.1.6","eslint-plugin-react-hooks":"^5.0.0","@rollup/plugin-node-resolve":"^15.3.0","@storybook/addon-essentials":"^8.3.6","eslint-plugin-react-refresh":"^0.4.14","prettier-plugin-tailwindcss":"^0.5.14","@storybook/addon-interactions":"^8.3.6","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@phosphor-icons/react":"^2.1.7"},"_npmOperationalInternal":{"tmp":"tmp/ui-demo_0.6.2_1744078167627_0.26444194659044085","host":"s3://npm-registry-packages-npm-production"}},"0.6.3":{"name":"@acecom/ui-demo","version":"0.6.3","keywords":["react","typescript","tailwind","storybook","acecom","ui"],"license":"MIT","_id":"@acecom/ui-demo@0.6.3","maintainers":[{"name":"acecom","email":"acecom.soporte@gmail.com"}],"dist":{"shasum":"f8b686f4a3ec75a50daeaef49ef4e140a0c82f3e","tarball":"https://registry.npmjs.org/@acecom/ui-demo/-/ui-demo-0.6.3.tgz","fileCount":45,"integrity":"sha512-a0Z2M7AAMeVtNBMte4AlbBxi5JHRNoTmLGkb/9VDYepboof1J61+bpPJNMimeRUMNlTBJEz7nWFsq3Zpup2VRA==","signatures":[{"sig":"MEQCIBCHd8maaQAnDJ4/x83MUzTltOa0dt3S8udv01CgEpNKAiBxl36sSsLmXp2h/MGiqFM/mdpzdSuTIBtXOHW+iikGzA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":144078},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","volta":{"node":"20.11.0"},"module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"ed4e321167db0c6ebc0e17efb551f03fa93d2f71","scripts":{"sb":"storybook dev -p 6006","dev":"vite","lint":"eslint . --report-unused-disable-directives --max-warnings 0","format":"prettier --write .","prepare":"husky","preview":"vite preview","build:sb":"storybook build","build:lib":"pnpm rollup:bundle && pnpm build:types","tsc:types":"tsc -p tsconfig.lib.json --emitDeclarationOnly","typecheck":"bash -c tsc","clean:dist":"rm -rf dist","move:types":"mv temp/types/* dist/","build:types":"pnpm tsc:types && pnpm clean:types && pnpm move:types && pnpm cleanup:temp","clean:types":"rm -rf temp/types/utils temp/types/theme","cleanup:temp":"rm -rf temp","rollup:bundle":"rollup -c"},"_npmUser":{"name":"acecom","email":"acecom.soporte@gmail.com"},"_npmVersion":"10.2.4","description":"**AcecomUI** is a modern, reusable, and accessible React component library built with TypeScript and Tailwind CSS. Designed for **Acecom**'s internal projects, it helps developers build consistent and efficient user interfaces faster.","directories":{},"lint-staged":{"**/*":"pnpm format","**/*.{ts,tsx}":["pnpm lint","pnpm typecheck"]},"_nodeVersion":"20.11.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^2.1.1","vite":"^5.4.10","husky":"^9.1.6","tslib":"^2.8.0","eslint":"^9.13.0","rollup":"^4.24.3","globals":"^15.11.0","postcss":"^8.4.47","prettier":"^3.3.3","storybook":"^8.3.6","typescript":"~5.6.2","lint-staged":"^15.2.10","tailwindcss":"^3.4.14","@types/react":"^18.3.12","autoprefixer":"^10.4.20","@storybook/test":"^8.3.6","postcss-nesting":"^12.1.5","@storybook/react":"^8.3.6","@types/react-dom":"^18.3.1","@storybook/blocks":"^8.3.6","rollup-plugin-dts":"^6.1.1","typescript-eslint":"^8.12.2","@rollup/plugin-terser":"^0.4.4","@storybook/addon-a11y":"^8.3.6","@storybook/react-vite":"^8.3.6","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^8.3.6","eslint-config-prettier":"^9.1.0","@rollup/plugin-commonjs":"^25.0.8","@storybook/addon-themes":"^8.3.6","eslint-plugin-storybook":"^0.10.1","@chromatic-com/storybook":"^1.9.0","@vitejs/plugin-react-swc":"^3.7.1","@rollup/plugin-typescript":"^11.1.6","eslint-plugin-react-hooks":"^5.0.0","@rollup/plugin-node-resolve":"^15.3.0","@storybook/addon-essentials":"^8.3.6","eslint-plugin-react-refresh":"^0.4.14","prettier-plugin-tailwindcss":"^0.5.14","@storybook/addon-interactions":"^8.3.6","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@phosphor-icons/react":"^2.1.7"},"_npmOperationalInternal":{"tmp":"tmp/ui-demo_0.6.3_1744078456861_0.5539689654643845","host":"s3://npm-registry-packages-npm-production"}},"0.6.4":{"name":"@acecom/ui-demo","version":"0.6.4","keywords":["react","typescript","tailwind","storybook","acecom","ui"],"license":"MIT","_id":"@acecom/ui-demo@0.6.4","maintainers":[{"name":"acecom","email":"acecom.soporte@gmail.com"}],"dist":{"shasum":"593fa94be5076ac0403fa201a9421342309ffa73","tarball":"https://registry.npmjs.org/@acecom/ui-demo/-/ui-demo-0.6.4.tgz","fileCount":45,"integrity":"sha512-l8qBaHvW5LsxdsheCkTP36yD17myJiUi8uOLRAWENmAITuzYmOi8Hc4KqDyOB3bX6dqceo0soup8gNI7WopjcA==","signatures":[{"sig":"MEUCIQCdw9s/N/jmzYcGOxYSM8IrFRQKEBJOy57xizJ3TjVi2AIgAluDTxgOHBeif44RQVejuPkwX9wpKosVxw3U4A/fWJU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":144234},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","volta":{"node":"20.11.0"},"module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"gitHead":"ed4e321167db0c6ebc0e17efb551f03fa93d2f71","scripts":{"sb":"storybook dev -p 6006","dev":"vite","lint":"eslint . --report-unused-disable-directives --max-warnings 0","format":"prettier --write .","prepare":"husky","preview":"vite preview","build:sb":"storybook build","build:lib":"pnpm rollup:bundle && pnpm build:types","tsc:types":"tsc -p tsconfig.lib.json --emitDeclarationOnly","typecheck":"bash -c tsc","clean:dist":"rm -rf dist","move:types":"mv temp/types/* dist/","build:types":"pnpm tsc:types && pnpm clean:types && pnpm move:types && pnpm cleanup:temp","clean:types":"rm -rf temp/types/utils temp/types/theme","cleanup:temp":"rm -rf temp","rollup:bundle":"rollup -c"},"_npmUser":{"name":"acecom","email":"acecom.soporte@gmail.com"},"_npmVersion":"10.2.4","description":"**AcecomUI** is a modern, reusable, and accessible React component library built with TypeScript and Tailwind CSS. Designed for **Acecom**'s internal projects, it helps developers build consistent and efficient user interfaces faster.","directories":{},"lint-staged":{"**/*":"pnpm format","**/*.{ts,tsx}":["pnpm lint","pnpm typecheck"]},"_nodeVersion":"20.11.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^2.1.1","vite":"^5.4.10","husky":"^9.1.6","tslib":"^2.8.0","eslint":"^9.13.0","rollup":"^4.24.3","globals":"^15.11.0","postcss":"^8.4.47","prettier":"^3.3.3","storybook":"^8.3.6","typescript":"~5.6.2","lint-staged":"^15.2.10","tailwindcss":"^3.4.14","@types/react":"^18.3.12","autoprefixer":"^10.4.20","@storybook/test":"^8.3.6","postcss-nesting":"^12.1.5","@storybook/react":"^8.3.6","@types/react-dom":"^18.3.1","@storybook/blocks":"^8.3.6","rollup-plugin-dts":"^6.1.1","typescript-eslint":"^8.12.2","@rollup/plugin-terser":"^0.4.4","@storybook/addon-a11y":"^8.3.6","@storybook/react-vite":"^8.3.6","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^8.3.6","eslint-config-prettier":"^9.1.0","@rollup/plugin-commonjs":"^25.0.8","@storybook/addon-themes":"^8.3.6","eslint-plugin-storybook":"^0.10.1","@chromatic-com/storybook":"^1.9.0","@vitejs/plugin-react-swc":"^3.7.1","@rollup/plugin-typescript":"^11.1.6","eslint-plugin-react-hooks":"^5.0.0","@rollup/plugin-node-resolve":"^15.3.0","@storybook/addon-essentials":"^8.3.6","eslint-plugin-react-refresh":"^0.4.14","prettier-plugin-tailwindcss":"^0.5.14","@storybook/addon-interactions":"^8.3.6","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@phosphor-icons/react":"^2.1.7"},"_npmOperationalInternal":{"tmp":"tmp/ui-demo_0.6.4_1744078874751_0.26460915347557634","host":"s3://npm-registry-packages-npm-production"}},"0.6.5":{"name":"@acecom/ui-demo","version":"0.6.5","type":"module","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","keywords":["react","typescript","tailwind","storybook","acecom","ui"],"license":"MIT","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css"},"scripts":{"dev":"vite","preview":"vite preview","format":"prettier --write .","lint":"eslint . --report-unused-disable-directives --max-warnings 0","typecheck":"bash -c tsc","tsc:types":"tsc -p tsconfig.lib.json --emitDeclarationOnly","rollup:bundle":"rollup -c","clean:types":"rm -rf temp/types/utils temp/types/theme","move:types":"mv temp/types/* dist/","cleanup:temp":"rm -rf temp","cleanup:dist":"rm -rf dist","build:types":"pnpm tsc:types && pnpm clean:types && pnpm move:types && pnpm cleanup:temp","build:lib":"pnpm rollup:bundle && pnpm build:types","sb":"storybook dev -p 6006","build:sb":"storybook build","prepare":"husky"},"peerDependencies":{"@phosphor-icons/react":"^2.1.7","react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@chromatic-com/storybook":"^1.9.0","@rollup/plugin-commonjs":"^25.0.8","@rollup/plugin-node-resolve":"^15.3.0","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.6","@storybook/addon-a11y":"^8.3.6","@storybook/addon-essentials":"^8.3.6","@storybook/addon-interactions":"^8.3.6","@storybook/addon-links":"^8.3.6","@storybook/addon-themes":"^8.3.6","@storybook/blocks":"^8.3.6","@storybook/react":"^8.3.6","@storybook/react-vite":"^8.3.6","@storybook/test":"^8.3.6","@types/react":"^18.3.12","@types/react-dom":"^18.3.1","@vitejs/plugin-react-swc":"^3.7.1","autoprefixer":"^10.4.20","clsx":"^2.1.1","eslint":"^9.13.0","eslint-config-prettier":"^9.1.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.14","eslint-plugin-storybook":"^0.10.1","globals":"^15.11.0","husky":"^9.1.6","lint-staged":"^15.2.10","postcss":"^8.4.47","postcss-nesting":"^12.1.5","prettier":"^3.3.3","prettier-plugin-tailwindcss":"^0.5.14","rollup":"^4.24.3","rollup-plugin-dts":"^6.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","storybook":"^8.3.6","tailwindcss":"^3.4.14","tslib":"^2.8.0","typescript":"~5.6.2","typescript-eslint":"^8.12.2","vite":"^5.4.10"},"volta":{"node":"20.11.0"},"lint-staged":{"**/*.{ts,tsx}":["pnpm lint","pnpm typecheck"],"**/*":"pnpm format"},"publishConfig":{"access":"public"},"_id":"@acecom/ui-demo@0.6.5","gitHead":"f4a7c15acd52584c6bc5f7a45192d9cbf63588ba","description":"**AcecomUI** is a modern, reusable, and accessible React component library built with TypeScript and Tailwind CSS. Designed for **Acecom**'s internal projects, it helps developers build consistent and efficient user interfaces faster.","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-j3F7aF65lF5GzoWrgsFQUfEfV6Wl2eKRfXC5LL+lzGyYaCfgTE7L+zfJP1NQEVkLfDJxg1zuaEfJAOKyw9jJgg==","shasum":"385933c4929fea768af25789c7720037bfa548c4","tarball":"https://registry.npmjs.org/@acecom/ui-demo/-/ui-demo-0.6.5.tgz","fileCount":45,"unpackedSize":144414,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIEubDDKETxwsTbP8wpG6G88MUeXpQIZ9DlNO4ME0yl1dAiBdtQyYXTbMTVfbxepPo7PN5V7GbY2Vhhyli9edk0EEzw=="}]},"_npmUser":{"name":"acecom","email":"acecom.soporte@gmail.com"},"directories":{},"maintainers":[{"name":"acecom","email":"acecom.soporte@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui-demo_0.6.5_1744256528614_0.657373550201809"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-07T18:04:55.774Z","modified":"2025-04-10T03:42:08.990Z","0.6.1":"2025-04-07T18:04:56.091Z","0.6.2":"2025-04-08T02:09:27.833Z","0.6.3":"2025-04-08T02:14:17.069Z","0.6.4":"2025-04-08T02:21:14.979Z","0.6.5":"2025-04-10T03:42:08.821Z"},"license":"MIT","keywords":["react","typescript","tailwind","storybook","acecom","ui"],"description":"**AcecomUI** is a modern, reusable, and accessible React component library built with TypeScript and Tailwind CSS. Designed for **Acecom**'s internal projects, it helps developers build consistent and efficient user interfaces faster.","maintainers":[{"name":"acecom","email":"acecom.soporte@gmail.com"}],"readme":"# AcecomUI\n\n**AcecomUI** is a modern, reusable, and accessible React component library built with TypeScript and Tailwind CSS. Designed for **Acecom**'s internal projects, it helps developers build consistent and efficient user interfaces faster.\n\nThis documentation uses `pnpm` as the default package manager, but you are free to use whichever you prefer.\n\n> [!TIP]  \n> We encourage the use of `pnpm` due to its speed and efficiency in handling dependencies.\n\n---\n\n## Installation\n\nTo get started, install the component library using your preferred package manager:\n\n```sh\npnpm add @acecom/ui\n```\n\n---\n\n## Requirements\n\nTo function properly, **AcecomUI** relies on a couple of external libraries:\n\n### Icons\n\n**AcecomUI** uses the [`Phosphor`](https://phosphoricons.com/) icon set. You’ll need to install the React package:\n\n```sh\npnpm add @phosphor-icons/react\n```\n\n### Typography\n\nThis library is designed to work with the [`Poppins`](https://fontsource.org/fonts/poppins) font.  \nWe recommend using [`@fontsource`](https://fontsource.org/docs/getting-started/install) to load the font locally:\n\n```sh\npnpm add @fontsource/poppins\n```\n\n> [!IMPORTANT]  \n> Although styles are precompiled and **Tailwind is not required** in your project, you must import the **Poppins** font styles as shown above.\n> Otherwise, components will fall back to system fonts and may not reflect the intended design.\n\n---\n\n## Usage\n\n### Usage with Vite\n\nTo use **AcecomUI** in a Vite-based project, follow these steps in your entry file (`main.tsx` or `App.tsx`).\n\n1. Import the **Poppins** font styles:\n\n   ```tsx\n   // other imports\n   import '@fontsource/poppins/100.css'\n   import '@fontsource/poppins/200.css'\n   import '@fontsource/poppins/300.css'\n   import '@fontsource/poppins/400.css'\n   import '@fontsource/poppins/500.css'\n   import '@fontsource/poppins/600.css'\n   import '@fontsource/poppins/700.css'\n   import '@fontsource/poppins/800.css'\n   import '@fontsource/poppins/900.css'\n   ```\n\n2. Import the component library styles:\n\n   ```tsx\n   import '@acecom/ui/styles.css'\n   ```\n\n> [!IMPORTANT]  \n> Make sure to import the component styles **after all other CSS** to prevent accidental overrides or layout issues.\n\n### Usage with Remix\n\nIn a Remix project, you need to load fonts and styles via the `links` export inside `root.tsx`. Here's how:\n\n1. Import the **Poppins** font files as URLs:\n\n   ```tsx\n   import Poppins100Css from '@fontsource/poppins/100.css?url'\n   import Poppins200Css from '@fontsource/poppins/200.css?url'\n   import Poppins300Css from '@fontsource/poppins/300.css?url'\n   import Poppins400Css from '@fontsource/poppins/400.css?url'\n   import Poppins500Css from '@fontsource/poppins/500.css?url'\n   import Poppins600Css from '@fontsource/poppins/600.css?url'\n   import Poppins700Css from '@fontsource/poppins/700.css?url'\n   import Poppins800Css from '@fontsource/poppins/800.css?url'\n   import Poppins900Css from '@fontsource/poppins/900.css?url'\n   ```\n\n2. Import the component styles:\n\n   ```tsx\n   import acecomCss from '@acecom/ui/styles.css'\n   ```\n\n3. Register the styles in the `links()` export:\n\n   ```tsx\n   export const links: LinksFunction = () => [\n   \t{ rel: 'stylesheet', href: Poppins100Css },\n   \t{ rel: 'stylesheet', href: Poppins200Css },\n   \t{ rel: 'stylesheet', href: Poppins300Css },\n   \t{ rel: 'stylesheet', href: Poppins400Css },\n   \t{ rel: 'stylesheet', href: Poppins500Css },\n   \t{ rel: 'stylesheet', href: Poppins600Css },\n   \t{ rel: 'stylesheet', href: Poppins700Css },\n   \t{ rel: 'stylesheet', href: Poppins800Css },\n   \t{ rel: 'stylesheet', href: Poppins900Css },\n   \t{ rel: 'stylesheet', href: acecomCss }\n   ]\n   ```\n\n> [!IMPORTANT]  \n> Ensure the font and component styles are properly registered in `links()` to maintain the intended appearance of the UI.\n> If components appear differently than in **Storybook**, verify that these imports are present.\n\n---\n\n## Development & Build\n\nIf you'd like to contribute to **AcecomUI** or build the library locally, here's a quick guide to the available scripts.\n\n### 🔧 Build Commands\n\n| Command              | Description                                                                |\n| -------------------- | -------------------------------------------------------------------------- |\n| `pnpm clean:lib`     | 🏗️ Full production build: bundles JS/CSS and generates types               |\n| `pnpm build:lib`     | 🏗️ Full production build: bundles JS/CSS and generates types               |\n| `pnpm rollup:bundle` | 📦 Bundles the components and styles using Rollup into `dist/`             |\n| `pnpm tsc:types`     | 🧠 Emits only TypeScript declaration files (`.d.ts`)                       |\n| `pnpm build:types`   | 🧹 Processes types: emits, cleans internals, and moves them to `dist/`     |\n| `pnpm clean:types`   | 🚮 Removes internal utility and constants type files from temporary output |\n| `pnpm move:types`    | 📂 Moves generated type files into the final output directory              |\n| `pnpm cleanup:dist`  | 🧼 Deletes the `dist/` directory                                           |\n| `pnpm cleanup:temp`  | 🧼 Deletes the temporary `temp/` directory used during type processing     |\n\n---\n\n### 🧪 Development & Utilities\n\n| Command          | Description                          |\n| ---------------- | ------------------------------------ |\n| `pnpm dev`       | 🚀 Starts the Vite dev server        |\n| `pnpm preview`   | 👀 Previews the Vite build           |\n| `pnpm lint`      | 🧹 Runs ESLint on the codebase       |\n| `pnpm typecheck` | ✅ Runs a full TypeScript type check |\n| `pnpm format`    | 🎨 Formats the code using Prettier   |\n\n---\n\n### 📘 Storybook\n\n| Command         | Description                              |\n| --------------- | ---------------------------------------- |\n| `pnpm sb`       | 🧪 Starts Storybook locally on port 6006 |\n| `pnpm build:sb` | 📦 Builds the static Storybook version   |\n\n---\n\n> [!IMPORTANT]  \n> After building the library with `pnpm build:lib`, the output will be available in the `dist/` folder.  \n> All internal utilities are excluded from the public typings, and styles are bundled into `dist/styles.css`.\n","readmeFilename":"README.md"}