{"_id":"@blinq-reach/listbox","name":"@blinq-reach/listbox","dist-tags":{"latest":"0.18.0"},"versions":{"0.18.0":{"name":"@blinq-reach/listbox","version":"0.18.0","description":"Accessible React listbox input.","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/listbox"},"dependencies":{"tiny-invariant":"^1.2.0","@blinq-reach/auto-id":"0.18.0","@blinq-reach/descendants":"0.18.0","@blinq-reach/machine":"0.18.0","@blinq-reach/polymorphic":"0.18.0","@blinq-reach/popover":"0.18.0","@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-listbox.cjs.js","types":"./dist/reach-listbox.d.ts","publishConfig":{"access":"public"},"module":"./dist/reach-listbox.mjs","scripts":{"build":"tsup"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"homepage":"https://github.com/reach/reach-ui#readme","_id":"@blinq-reach/listbox@0.18.0","_integrity":"sha512-1rZLyRxdJ21wjNEmsrKMd3xQe1iV3/7tCZCuPlnFx9tPPthSEoIj8lsDASmNdq8213fZjQGK8KY9c5sotYKfkQ==","_resolved":"/tmp/52b3f4991619f1ecad75732c81034c8f/blinq-reach-listbox-0.18.0.tgz","_from":"file:blinq-reach-listbox-0.18.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-1rZLyRxdJ21wjNEmsrKMd3xQe1iV3/7tCZCuPlnFx9tPPthSEoIj8lsDASmNdq8213fZjQGK8KY9c5sotYKfkQ==","shasum":"55c6afd164dca08f4e7289224a5dc078dae403d5","tarball":"https://registry.npmjs.org/@blinq-reach/listbox/-/listbox-0.18.0.tgz","fileCount":5,"unpackedSize":6891,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGEDQp4LUq1ZBYigIcGdH6md45HW5+WAjUUz6ew0XudWAiAxrv19jBB4N+bMgAqtl3woh/U8Du5/xihvxTohffcO6g=="}]},"_npmUser":{"name":"willhackett","email":"will@willhackett.com"},"directories":{},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/listbox_0.18.0_1684374052850_0.0953059299865382"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-18T01:40:52.766Z","0.18.0":"2023-05-18T01:40:53.040Z","modified":"2023-05-18T01:40:53.227Z"},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"description":"Accessible React listbox input.","homepage":"https://github.com/reach/reach-ui#readme","repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/listbox"},"author":{"name":"React Training","email":"hello@reacttraining.com"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"license":"MIT","readme":"# @reach/listbox\n\n[![Stable release](https://img.shields.io/npm/v/@reach/listbox.svg)](https://npm.im/@reach/listbox) ![MIT license](https://badgen.now.sh/badge/license/MIT)\n\n[Docs](https://reach.tech/listbox) | [Source](https://github.com/reach/reach-ui/tree/main/packages/listbox) | [WAI-ARIA](https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox)\n\nAn accessible listbox for custom select inputs.\n\n```jsx\nimport * as React from \"react\";\nimport { Listbox, ListboxOption } from \"@blinq-reach/listbox\";\nimport \"@reach/listbox/styles.css\";\n\nfunction Example(props) {\n\tlet [value, setValue] = React.useState(\"default\");\n\treturn (\n\t\t<Listbox value={value} onChange={(value) => setValue(value)}>\n\t\t\t<ListboxOption value=\"default\">🌮 Choose a taco</ListboxOption>\n\t\t\t<hr />\n\t\t\t<ListboxOption value=\"asada\" valueText=\"Carne Asada\">\n\t\t\t\t🌮 Carne Asada\n\t\t\t</ListboxOption>\n\t\t\t<ListboxOption value=\"pollo\" valueText=\"Pollo\">\n\t\t\t\t🌮 Pollo\n\t\t\t</ListboxOption>\n\t\t\t<ListboxOption value=\"pastor\" valueText=\"Pastor\">\n\t\t\t\t🌮 Pastor\n\t\t\t</ListboxOption>\n\t\t\t<ListboxOption value=\"lengua\" valueText=\"Lengua\">\n\t\t\t\t🌮 Lengua\n\t\t\t</ListboxOption>\n\t\t</Listbox>\n\t);\n}\n```\n","readmeFilename":"README.md"}