{"_id":"@blinq-reach/auto-id","name":"@blinq-reach/auto-id","dist-tags":{"latest":"0.18.0"},"versions":{"0.18.0":{"name":"@blinq-reach/auto-id","version":"0.18.0","description":"Autogenerate IDs to facilitate WAI-ARIA and server rendering.","author":{"name":"React Training","email":"hello@reacttraining.com"},"license":"MIT","sideEffects":["*.css"],"repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/auto-id"},"dependencies":{"@blinq-reach/utils":"0.18.0"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","tsup":"^6.1.3","@reach-internal/dev":"0.0.0","@reach-internal/test":"0.0.0","@reach-internal/tsconfig":"0.0.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"main":"./dist/reach-auto-id.cjs.js","types":"./dist/reach-auto-id.d.ts","publishConfig":{"access":"public"},"module":"./dist/reach-auto-id.mjs","scripts":{"build":"tsup"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"homepage":"https://github.com/reach/reach-ui#readme","_id":"@blinq-reach/auto-id@0.18.0","_integrity":"sha512-zxHNqt+CDZeesf/xyu01upYW+L+DRy67jvT4c7XR9eXrvxakzHyTvQjxE44UAi0vi/XjttxdEy3hzbiPl8jL5g==","_resolved":"/tmp/e4a9fdd25c7cda980681a42915172693/blinq-reach-auto-id-0.18.0.tgz","_from":"file:blinq-reach-auto-id-0.18.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-zxHNqt+CDZeesf/xyu01upYW+L+DRy67jvT4c7XR9eXrvxakzHyTvQjxE44UAi0vi/XjttxdEy3hzbiPl8jL5g==","shasum":"01a3ade24a740bbef68dc8e800c8cc765a720066","tarball":"https://registry.npmjs.org/@blinq-reach/auto-id/-/auto-id-0.18.0.tgz","fileCount":4,"unpackedSize":3939,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKaYV66Yc1+ZcE8iak71W7ZVbnPE5UmnpMghnTHWGgmQIgToDibO1AbsTTKRfvKUbIfYFAleywddUhhITFsRS/QJE="}]},"_npmUser":{"name":"willhackett","email":"will@willhackett.com"},"directories":{},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/auto-id_0.18.0_1684374045444_0.1842454352799754"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-18T01:40:45.339Z","0.18.0":"2023-05-18T01:40:45.600Z","modified":"2023-05-18T01:40:45.819Z"},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"description":"Autogenerate IDs to facilitate WAI-ARIA and server rendering.","homepage":"https://github.com/reach/reach-ui#readme","repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/auto-id"},"author":{"name":"React Training","email":"hello@reacttraining.com"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"license":"MIT","readme":"# @reach/auto-id\n\n[![Stable release](https://img.shields.io/npm/v/@reach/auto-id.svg)](https://npm.im/@reach/auto-id) ![MIT license](https://badgen.now.sh/badge/license/MIT)\n\n[Docs](https://reach.tech/auto-id) | [Source](https://github.com/reach/reach-ui/tree/main/packages/auto-id)\n\nAutogenerate IDs to facilitate WAI-ARIA and server rendering.\n\nA string can be supplied as an argument to be `useId` in lieu of the auto-generated ID. This is handy for accepting user-provided prop IDs that need to be deterministic.\n\n```jsx\nimport { useId } from \"@blinq-reach/auto-id\";\n\nfunction FormField(props) {\n\tconst id = useId(props.id);\n\treturn (\n\t\t<React.Fragment>\n\t\t\t<label htmlFor={id}>{props.label}</label>\n\t\t\t<input type={props.type} name={props.name} id={id} />\n\t\t</React.Fragment>\n\t);\n}\n```\n","readmeFilename":"README.md"}