{"_id":"@agharbi.com/storybook","name":"@agharbi.com/storybook","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@agharbi.com/storybook","version":"0.1.0","scripts":{"build":"next build","build-storybook":"storybook build","dev":"next dev","format":"prettier --write .","lint":"next lint && npm run lint:json","lint:fix":"next lint --fix && npm run lint:json:fix","lint:json":"eslint . --ext .json","lint:json:fix":"eslint . --ext .json --fix","start":"next start","storybook":"storybook dev -p 6006","test":"jest","test:config":"jest --showConfig","test:watch":"jest --watch"},"dependencies":{"@fortawesome/pro-light-svg-icons":"^6.6.0","@hookform/resolvers":"^3.9.1","next":"14.2.15","next-images":"^1.8.5","primeicons":"^7.0.0","primereact":"^10.8.4","react":"^18","react-dom":"^18","react-hook-form":"^7.53.1","uuid":"^11.0.3","yup":"^1.4.0"},"devDependencies":{"@chromatic-com/storybook":"^1.9.0","@storybook/addon-essentials":"^8.3.6","@storybook/addon-interactions":"^8.3.6","@storybook/addon-links":"^8.3.6","@storybook/addon-onboarding":"^8.3.6","@storybook/blocks":"^8.3.6","@storybook/nextjs":"^8.3.6","@storybook/react":"^8.3.6","@storybook/test":"^8.3.6","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@types/jest":"^29.5.14","@types/node":"^20","@types/react":"^18","@types/react-dom":"^18","ajv":"^8.17.1","eslint":"^8","eslint-config-next":"14.2.15","eslint-config-prettier":"^9.1.0","eslint-plugin-jsonc":"^2.16.0","eslint-plugin-prettier":"^5.2.1","eslint-plugin-simple-import-sort":"^12.1.1","eslint-plugin-storybook":"^0.10.1","identity-obj-proxy":"^3.0.0","jest":"^29.7.0","jest-environment-jsdom":"^29.7.0","postcss":"^8","prettier":"^3.3.3","prettier-plugin-tailwindcss":"^0.6.8","storybook":"^8.3.6","tailwindcss":"^3.4.1","ts-jest":"^29.2.5","ts-node":"^10.9.2","typescript":"^5"},"_id":"@agharbi.com/storybook@0.1.0","gitHead":"c5b983d6168b47cb0820ef7bbd128b81aab0ff97","description":"This project is a **UI library** developed using **Next.js** with a focus on **reusability** and **scalability**. The library currently includes a mix of atomic design elements categorized into **atoms**, **molecules**, and **organisms**.","_nodeVersion":"20.15.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-cAVNtstL4nTnwFH9lsBd+OVJBN2r+RJQwGSLmDwleDQQw6FLS2mrGJnebT+1Yufe9tC7N+PBWwHwlN2yLdoP3A==","shasum":"878571e187cdbe31f42456ed3012ae71530349aa","tarball":"https://registry.npmjs.org/@agharbi.com/storybook/-/storybook-0.1.0.tgz","fileCount":207,"unpackedSize":1572397,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDbLuT8C7hzOxTmOzoJSpTwAoJSXuCioOH72Entxw77iAiAygPO8ge4Iobg9+sJfKV2ESoAOdKFKhDFXj3pF6a81Pw=="}]},"_npmUser":{"name":"agharbi90","email":"anasgharbi9090@gmail.com"},"directories":{},"maintainers":[{"name":"agharbi90","email":"anasgharbi9090@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook_0.1.0_1733301578470_0.9018114586601746"},"_hasShrinkwrap":false}},"time":{"created":"2024-12-04T08:39:38.366Z","0.1.0":"2024-12-04T08:39:38.839Z","modified":"2024-12-04T08:39:39.092Z"},"maintainers":[{"name":"agharbi90","email":"anasgharbi9090@gmail.com"}],"description":"This project is a **UI library** developed using **Next.js** with a focus on **reusability** and **scalability**. The library currently includes a mix of atomic design elements categorized into **atoms**, **molecules**, and **organisms**.","readme":"# Storybook Library\n\nThis project is a **UI library** developed using **Next.js** with a focus on **reusability** and **scalability**. The library currently includes a mix of atomic design elements categorized into **atoms**, **molecules**, and **organisms**.\n\n## Components Overview\n\n### Atoms\n- **InputText**: A basic text input field.\n- **InputPassword**: A password input field.\n- **Button**: A customizable button component.\n- **Typography**: Text elements for consistent styling.\n\n### Molecules\n- **InputTextController**: A controlled version of the InputText component.\n- **InputPasswordController**: A controlled version of the InputPassword component.\n\n### Organisms\n- **BoostForm**: A dynamic and configurable form component.\n\n## Technologies Used\n- **PrimeReact (Unstyled mode)**: For component functionality without predefined styles.\n- **Tailwind CSS**: For styling and design consistency.\n- **React Testing Library**: For unit and integration testing.\n## Demo\n![Storybook Button GIF](src/common/assets/images/storybook-button.gif)\nThis library is being developed with **Storybook**, which serves as an interactive platform to preview components and their use cases.\n\n\n\n","readmeFilename":"README.md"}