{"_id":"@antonyjones87/templates","name":"@antonyjones87/templates","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@antonyjones87/templates","version":"0.1.0","description":"Pre-built layouts for React projects","main":"./dist/bundle.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/bundle.js"}},"scripts":{"build":"webpack --config webpack.config.js"},"keywords":["react","ui","components","templates"],"author":{"name":"Antony Jones"},"license":"MIT","peerDependencies":{"@antonyjones87/core-components":"^0.1.0","react":"^17.0.2 || ^18.0.0","react-dom":"^17.0.2 || ^18.0.0","styled-components":"^5.3.3 || ^6.0.0"},"_id":"@antonyjones87/templates@0.1.0","gitHead":"318db2536980370c87802300a391e6b38b0d120e","_nodeVersion":"22.19.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-Sr5kOl40HMI3TP43kClqdwjVP7aAtns5X+C2jGVstVl5cFrzomPlKzn1igA+mWGxZw1wKPLUnon2jZKr2xYfNg==","shasum":"584e8bae7d994ae50a18efa489a997791c6db09f","tarball":"https://registry.npmjs.org/@antonyjones87/templates/-/templates-0.1.0.tgz","fileCount":10,"unpackedSize":18379,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHv0pz0STNMN+nO80XTxhW6NF3dT1O/jKosKqScSGgNQAiEAmd6Q4lYDTgPHR+FGWH30jrSF6KIwV6XvOKzV5NqAEmo="}]},"_npmUser":{"name":"antonyjones87","email":"brotherjonesy@gmail.com"},"directories":{},"maintainers":[{"name":"antonyjones87","email":"brotherjonesy@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/templates_0.1.0_1780850523611_0.1927442394324399"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-07T16:42:03.449Z","0.1.0":"2026-06-07T16:42:03.779Z","modified":"2026-06-07T16:42:03.966Z"},"maintainers":[{"name":"antonyjones87","email":"brotherjonesy@gmail.com"}],"description":"Pre-built layouts for React projects","keywords":["react","ui","components","templates"],"author":{"name":"Antony Jones"},"license":"MIT","readme":"![Logo](../../assets/logo-white-purple-background.svg)\r\n\r\n# packages / templates\r\n\r\nThe `templates` package provides pre-built templates and layouts for common use cases, speeding up development and ensuring consistency across projects.\r\n\r\n[Explore other packages in the building-blocks monorepo](https://github.com/AntonyJones87/building-blocks)\r\n\r\n## Getting started\r\n\r\nTo get started with using the components from this package in your project, follow these steps:\r\n\r\n1. Install the `core-components` package from npm:\r\n\r\n    ```bash\r\n    npm install @antonyjones87/core-components\r\n    ```\r\n\r\n    It's important to note that `core-components` is a peer dependency of the `templates` package. This means that you'll need to install `core-components` separately in your project for the template components to work correctly.\r\n    \r\n2. Install the `templates` package from npm:\r\n\r\n    ```bash\r\n    npm install @antonyjones87/templates\r\n    ```\r\n\r\n3. Import and use the components in your React application, ensuring they are wrapped within the `ThemeProvider` component from the `core-components` package:\r\n\r\n    ```jsx\r\n    import { Text, ThemeProvider } from '@antonyjones87/core-components';\r\n    import { PageStack } from '@antonyjones87/templates';\r\n    \r\n    function App() {\r\n      return (\r\n        <ThemeProvider theme=\"light\">\r\n          <PageStack\r\n            pageTitle=\"Hello, World!\"\r\n            pageContent={<Text>How are you today?</Text>}\r\n          />\r\n        </ThemeProvider>\r\n      );\r\n    }\r\n    ```\r\n","readmeFilename":"README.md","_rev":"1-2d5fddf22b856367f4419a75ed4080ec"}