{"_id":"@anishde12020/kbar-exp","_rev":"2-b4634fae87e213ec3f9528b47a5c6199","name":"@anishde12020/kbar-exp","dist-tags":{"latest":"0.1.0-beta.35"},"versions":{"0.1.0-beta.33":{"name":"@anishde12020/kbar-exp","version":"0.1.0-beta.33","main":"lib/index.js","scripts":{"build":"rm -rf ./lib & tsc","build:example":"webpack --config ./example/webpack.prod.cjs","dev":"webpack-dev-server --config ./example/webpack.config.cjs --hot","test":"jest src","lint":"eslint src/**/* example/src/**/* --ext .js,.ts,.tsx","typecheck":"tsc --noEmit"},"babel":{"presets":["@babel/preset-typescript"]},"devDependencies":{"@babel/preset-typescript":"^7.16.7","@reach/accordion":"^0.16.1","@testing-library/react":"^12.1.4","@testing-library/user-event":"^13.5.0","@types/jest":"^27.0.2","@types/react":"^17.0.19","@types/react-dom":"^17.0.9","@types/react-router-dom":"^5.1.8","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","css-loader":"^6.2.0","esbuild":"^0.13.10","esbuild-jest":"^0.5.0","esbuild-loader":"^2.15.1","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-config-react-app":"^6.0.0","eslint-plugin-flowtype":"^5.10.0","eslint-plugin-import":"^2.24.2","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.26.1","eslint-plugin-react-hooks":"^4.2.0","font-loader":"^0.1.2","jest":"^27.3.1","prettier":"^2.4.1","prism-react-renderer":"^1.2.1","react":"^16.0.0 || ^17.0.0","react-dom":"^16.0.0 || ^17.0.0","react-hot-toast":"^2.1.1","react-router-dom":"^5.3.0","sass":"^1.39.2","sass-loader":"^12.1.0","style-loader":"^3.2.1","typescript":"^4.4.2","webpack":"^5.51.1","webpack-cli":"^4.8.0","webpack-dev-server":"^4.1.0"},"dependencies":{"@reach/portal":"^0.16.0","command-score":"^0.1.2","fast-equals":"^2.0.3","react-virtual":"^2.8.2","tiny-invariant":"^1.2.0"},"peerDependencies":{"react":"^16.0.0 || ^17.0.0","react-dom":"^16.0.0 || ^17.0.0"},"keywords":["command bar","search"],"author":{"name":"Tim Chang","email":"timchang.tcc@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/timc1/kbar.git"},"types":"./lib/index.d.ts","gitHead":"1db5584fe6e0f928e3738322463c6f7f187e18d0","description":"kbar is a simple plug-n-play React component to add a fast, portable, and extensible <kbd>command</kbd> + <kbd>k</kbd> interface to your site.","bugs":{"url":"https://github.com/timc1/kbar/issues"},"homepage":"https://github.com/timc1/kbar#readme","_id":"@anishde12020/kbar-exp@0.1.0-beta.33","_nodeVersion":"16.14.2","_npmVersion":"8.7.0","dist":{"integrity":"sha512-eQOJoXS0rWl4BpPtdK9766rC+ARBzr9PYfXEH6CuQnUKtdOpj9maSf35BI6VI3AEgtATm+ci/eWBGY7ZvvorOg==","shasum":"88ec4c6f14a82f53acc3e0c3c8305b15b6b1636d","tarball":"https://registry.npmjs.org/@anishde12020/kbar-exp/-/kbar-exp-0.1.0-beta.33.tgz","fileCount":113,"unpackedSize":583442,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICoNgf3Dp3gHnLx0SOAbzmQA6kZvHOXx/PnrdYhI3aK4AiEAkEXJkLCzzJ/5s+QaCRMmxAa3TsZOZS/eBIMNg3hlg2A="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYTJsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/hw/+JjUjaI7rJ7zs5bOwraWbx4cgpCeqpSCw4k9854O9/2SCtYGH\r\nqDemHFOcgy6hliHrxUvXnn6TO5BGgrn0TEIDobdXoQRhhDk3Vk2UF8kto2VX\r\npbBBBcPciqR+dmhphN3kvyc7FgLk0e35NilyRolR5ENXtqon8D8G8JchMhtR\r\n/iFUAuEsX1sR4vJJRHTvocwflaOvpwD8g+eeO0JR0YVIXX6jWPqYyOMxWQaB\r\nLCYg0TRun/wHpAKq1c/M798i9QP1h4YRcbkO8cqCEstYW6C6ZgUjAt86krQu\r\neylKZXqJh5tRDNkH056Pwe8KXPy9O+ODgITaV+QIPoPLWlEst8aF2FlyXNyT\r\n+90UK5oW+5sSJnLGpAabrZn+rNa9BuCQo/4w170RO6Y2+PtWV7EUkde59MMN\r\nACl01voo60xvZRGGZnLqCh9JfU86etSzJUb90G+1dizVH0P165gy1dVGVk8O\r\nm7Wmfgsyl8cF7Z8JuD51GYmTjBGxpg3GiyT6iUpQGUcfucl/M6i96znMswhj\r\nguy4e6+v/5gaL94wGVbzffmA0WlUeYOZegWnfwPmu3mxWrj/fQ8fkZsakOGA\r\njez6YL/8oWOLt1AG8mKN3+I/KntjJrP+rNCJuI0rh+l6QllOW8RjowNSNThV\r\n9IrspIc0VARwwZK4ySBPgbu91E26s9iQPVc=\r\n=tnS2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"anishde12020","email":"contact@anishde.dev"},"directories":{},"maintainers":[{"name":"anishde12020","email":"contact@anishde.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/kbar-exp_0.1.0-beta.33_1650537068326_0.49337962355307075"},"_hasShrinkwrap":false},"0.1.0-beta.34":{"name":"@anishde12020/kbar-exp","version":"0.1.0-beta.34","main":"lib/index.js","scripts":{"build":"rm -rf ./lib & tsc","build:example":"webpack --config ./example/webpack.prod.cjs","dev":"webpack-dev-server --config ./example/webpack.config.cjs --hot","test":"jest src","lint":"eslint src/**/* example/src/**/* --ext .js,.ts,.tsx","typecheck":"tsc --noEmit"},"babel":{"presets":["@babel/preset-typescript"]},"devDependencies":{"@babel/preset-typescript":"^7.16.7","@reach/accordion":"^0.16.1","@testing-library/react":"^12.1.4","@testing-library/user-event":"^13.5.0","@types/jest":"^27.0.2","@types/react":"^17.0.19","@types/react-dom":"^17.0.9","@types/react-router-dom":"^5.1.8","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","css-loader":"^6.2.0","esbuild":"^0.13.10","esbuild-jest":"^0.5.0","esbuild-loader":"^2.15.1","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-config-react-app":"^6.0.0","eslint-plugin-flowtype":"^5.10.0","eslint-plugin-import":"^2.24.2","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.26.1","eslint-plugin-react-hooks":"^4.2.0","font-loader":"^0.1.2","jest":"^27.3.1","prettier":"^2.4.1","prism-react-renderer":"^1.2.1","react":"^16.0.0 || ^17.0.0","react-dom":"^16.0.0 || ^17.0.0","react-hot-toast":"^2.1.1","react-router-dom":"^5.3.0","sass":"^1.39.2","sass-loader":"^12.1.0","style-loader":"^3.2.1","typescript":"^4.4.2","webpack":"^5.51.1","webpack-cli":"^4.8.0","webpack-dev-server":"^4.1.0"},"dependencies":{"@reach/portal":"^0.16.0","command-score":"^0.1.2","fast-equals":"^2.0.3","react-virtual":"^2.8.2","tiny-invariant":"^1.2.0"},"peerDependencies":{"react":"^16.0.0 || ^17.0.0","react-dom":"^16.0.0 || ^17.0.0"},"keywords":["command bar","search"],"author":{"name":"Tim Chang","email":"timchang.tcc@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/timc1/kbar.git"},"types":"./lib/index.d.ts","gitHead":"1db5584fe6e0f928e3738322463c6f7f187e18d0","description":"kbar is a simple plug-n-play React component to add a fast, portable, and extensible <kbd>command</kbd> + <kbd>k</kbd> interface to your site.","bugs":{"url":"https://github.com/timc1/kbar/issues"},"homepage":"https://github.com/timc1/kbar#readme","_id":"@anishde12020/kbar-exp@0.1.0-beta.34","_nodeVersion":"16.14.2","_npmVersion":"8.7.0","dist":{"integrity":"sha512-d3YgDcDzNizqYJPoi8yYSvYmdvPSRFGaomKVirnc2nfz+AIUZL0BYgPgPZW7tGlQ65G2sWrsfG982VZ99d1nYA==","shasum":"ca1c4bf211f194cb7e484b14297fc39760164ee6","tarball":"https://registry.npmjs.org/@anishde12020/kbar-exp/-/kbar-exp-0.1.0-beta.34.tgz","fileCount":113,"unpackedSize":583652,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMSXVBQu39X0NAb5B2Pn19zmtyXJdh62Qyh/VeG2ZFwQIgHIIHdnlVpEf/MFTauCcIF/ykBs5JXJNeF1RKHe2B1PE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYTOqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiHA//fQSEMAf8vzsIGsetsMlWSXCRMpGsVXINwjo+oOq72M6xOyuo\r\n3C9ZE4gl9Kt6l0bho55aHwXIQwnut2wo3fhIbNpPrqdOtJYZN2xASVIi7dAl\r\nIEMSWoywJc6mO+npHiTLo+9CE1wXT2pfSe2wwPDcpPiFDIPJLVT+LRZQ/yTQ\r\nixTFkRX/kwsvMvS+NlqkYZ0nar4aOV4EqKy7Pva/So13xLQdzHf5kXtbJI77\r\nu7fAHLnU7Bqv1rMIj96BONJI0jA9MkiDajRXInthiH+vKJrhwdGxYZ2DTzLn\r\nTsYM5a25CDjaiowoMBcR7glEBj05SoHQA5sAxj4atIJcKOPrAeXRVfAX45xG\r\ngpmwH7gOoIdRguF350KJ76/2cllD2E0J7IIEoLEfuF8zxXqQIdjDZKyXCL4R\r\nDJTGnO3PEi0XlnkPrYMlB2JRruw1g69BHbUX3cr8SzPsqXurt0sCDO+rX/qi\r\nWCzKlIWFtTdrjU4ozG0ikZZCwSkD2SjEcQSOmkrZF7GRc22F31Tn7+XG6d01\r\n+BCZ1c6GNWcaOv5U7KGlqblh2XtV5xAfbhpDD4YGAq1BPKkXsa8zR7rss3nU\r\nm2wFdAMTPvC7uyQjw2rYhxT3T5MmfOKei3vFJN3RZ+40UCt0tBTZtOcdqQ00\r\nMPso/1DMgSruzhu6gB8Mmbb4a7lr+RnRxQs=\r\n=WHXz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"anishde12020","email":"contact@anishde.dev"},"directories":{},"maintainers":[{"name":"anishde12020","email":"contact@anishde.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/kbar-exp_0.1.0-beta.34_1650537386109_0.8516952919328857"},"_hasShrinkwrap":false},"0.1.0-beta.35":{"name":"@anishde12020/kbar-exp","version":"0.1.0-beta.35","main":"lib/index.js","scripts":{"build":"rm -rf ./lib & tsc","build:example":"webpack --config ./example/webpack.prod.cjs","dev":"webpack-dev-server --config ./example/webpack.config.cjs --hot","test":"jest src","lint":"eslint src/**/* example/src/**/* --ext .js,.ts,.tsx","typecheck":"tsc --noEmit"},"babel":{"presets":["@babel/preset-typescript"]},"devDependencies":{"@babel/preset-typescript":"^7.16.7","@reach/accordion":"^0.16.1","@testing-library/react":"^12.1.4","@testing-library/user-event":"^13.5.0","@types/jest":"^27.0.2","@types/react":"^17.0.19","@types/react-dom":"^17.0.9","@types/react-router-dom":"^5.1.8","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","css-loader":"^6.2.0","esbuild":"^0.13.10","esbuild-jest":"^0.5.0","esbuild-loader":"^2.15.1","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-config-react-app":"^6.0.0","eslint-plugin-flowtype":"^5.10.0","eslint-plugin-import":"^2.24.2","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.26.1","eslint-plugin-react-hooks":"^4.2.0","font-loader":"^0.1.2","jest":"^27.3.1","prettier":"^2.4.1","prism-react-renderer":"^1.2.1","react":"^16.0.0 || ^17.0.0","react-dom":"^16.0.0 || ^17.0.0","react-hot-toast":"^2.1.1","react-router-dom":"^5.3.0","sass":"^1.39.2","sass-loader":"^12.1.0","style-loader":"^3.2.1","typescript":"^4.4.2","webpack":"^5.51.1","webpack-cli":"^4.8.0","webpack-dev-server":"^4.1.0"},"dependencies":{"@reach/portal":"^0.16.0","command-score":"^0.1.2","fast-equals":"^2.0.3","react-virtual":"^2.8.2","tiny-invariant":"^1.2.0"},"peerDependencies":{"react":"^16.0.0 || ^17.0.0","react-dom":"^16.0.0 || ^17.0.0"},"keywords":["command bar","search"],"author":{"name":"Tim Chang","email":"timchang.tcc@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/timc1/kbar.git"},"types":"./lib/index.d.ts","gitHead":"1db5584fe6e0f928e3738322463c6f7f187e18d0","description":"kbar is a simple plug-n-play React component to add a fast, portable, and extensible <kbd>command</kbd> + <kbd>k</kbd> interface to your site.","bugs":{"url":"https://github.com/timc1/kbar/issues"},"homepage":"https://github.com/timc1/kbar#readme","_id":"@anishde12020/kbar-exp@0.1.0-beta.35","_nodeVersion":"16.14.2","_npmVersion":"8.7.0","dist":{"integrity":"sha512-qPQqpfAkrC63t2DaohlUP5dUTpSX5Wd54cFCwyBst52y837EkWt7YruIHesUBdsN3v9uK9XMnKGWdHEHERMlgw==","shasum":"9be408137c50b405d512edfb56e34871b769545e","tarball":"https://registry.npmjs.org/@anishde12020/kbar-exp/-/kbar-exp-0.1.0-beta.35.tgz","fileCount":113,"unpackedSize":583518,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSEaYxjXns6cb0DO1RKRpgDTF7BEDlfmkUuF4ScwTnaQIgAYgYjK9wTfqFOBUH8ljwgL7+qDSfUoe0Z8P5NIT26Vw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYTbXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5gA//b+3YE5OBlaOjNI0q3GiMAOEME2oB3U+UD9wdHJA0K7THTsG/\r\nLvUFbHGpQu906s3/qc3TCG36cAiBAdICHzyhrNFr1UHLdlymvxpC7ICB2T97\r\n49Jn6QQv1aeh3NQzVgxMorSVKuc5ymZVLwK0go++/RuxQ8lfGjuqGzRZEj3x\r\n2vyTYZrxd2uYFUTx70FzaDCC09IW1DRt/2DGja1PY+AoQtGfz1CYl0St/TmK\r\ns7fTo0MuU5XMjAR4yqv9NRBj84AE26mewMa3uQG5MJcYDpg+cF7gHpabMBsV\r\nBErjjWV5gNPxLj8Er60w1HTbEb2JWie8nRADYpE4bR/NvOw7rBzs9ymb42PY\r\nUKlHzgw2iWWugSzYU19putlrtELiBynk08ppHUSknylKmziRnTNpLPcKXhgx\r\nigrxn73Evde1jpy9z8OTvVeuYI+O/sIp/Tseog+jOSvRACjggIqii+qVa4Dz\r\nz9N5KXKluIVb5E9JcG54xwgCQOdFRAs7NuO7q01a6gLRF8L+Lwq411eX4NqC\r\nY68tnFy2MfyRR95TQGQJA66VGETDDUBCIB8th7FxqtOH0MKPGTIZPm+At6FB\r\nhu2MZdxQgmyAMyw7hdy9K4WaU76CHTCHd5qJXGN2S0Py8qpT2/GcEgZ6Yyqf\r\nT4G8G+0UWmcYU9wYeMok2FvHweFRF5BEvzM=\r\n=kw/t\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"anishde12020","email":"contact@anishde.dev"},"directories":{},"maintainers":[{"name":"anishde12020","email":"contact@anishde.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/kbar-exp_0.1.0-beta.35_1650538199019_0.37676702651705263"},"_hasShrinkwrap":false}},"time":{"created":"2022-04-21T10:31:08.247Z","0.1.0-beta.33":"2022-04-21T10:31:08.560Z","modified":"2022-04-21T10:49:59.657Z","0.1.0-beta.34":"2022-04-21T10:36:26.328Z","0.1.0-beta.35":"2022-04-21T10:49:59.239Z"},"maintainers":[{"name":"anishde12020","email":"contact@anishde.dev"}],"description":"kbar is a simple plug-n-play React component to add a fast, portable, and extensible <kbd>command</kbd> + <kbd>k</kbd> interface to your site.","homepage":"https://github.com/timc1/kbar#readme","keywords":["command bar","search"],"repository":{"type":"git","url":"git+https://github.com/timc1/kbar.git"},"author":{"name":"Tim Chang","email":"timchang.tcc@gmail.com"},"bugs":{"url":"https://github.com/timc1/kbar/issues"},"license":"MIT","readme":"# kbar\n\nkbar is a simple plug-n-play React component to add a fast, portable, and extensible <kbd>command</kbd> + <kbd>k</kbd> interface to your site.\n\n![demo](https://user-images.githubusercontent.com/12195101/143491194-1d3ad5d6-24ac-4e6e-8867-65f643ac2d24.gif)\n\n## Background\n\n<kbd>Command</kbd> + <kbd>k</kbd> interfaces are used to create a web experience where any type of action users would be able to do via clicking can be done through a command menu.\n\nWith macOS's Spotlight and Linear's <kbd>command</kbd> + <kbd>k</kbd> experience in mind, kbar aims to be a simple\nabstraction to add a fast and extensible <kbd>command</kbd> + <kbd>k</kbd> menu to your site.\n\n## Features\n\n- Built in animations and fully customizable components\n- Keyboard navigation support; e.g. <kbd>control</kbd> + <kbd>n</kbd> or <kbd>control</kbd> + <kbd>p</kbd> for the navigation wizards\n- Keyboard shortcuts support for registering keystrokes to specific actions; e.g. hit <kbd>t</kbd>\n  for Twitter, hit <kbd>?</kbd> to immediate bring up documentation search\n- Nested actions enable creation of rich navigation experiences; e.g. hit backspace to navigate to\n  the previous action\n- Performance as a first class priority; tens of thousands of actions? No problem.\n- History management; easily add undo and redo to each action\n- Built in screen reader support\n- A simple data structure which enables anyone to easily build their own custom components\n\n### Usage\n\nHave a fully functioning command menu for your site in minutes. First, install kbar.\n\n```\nnpm install kbar\n```\n\nThere is a single provider which you will wrap your app around; you do not have to wrap your\n_entire_ app; however, there are no performance implications by doing so.\n\n```tsx\n// app.tsx\nimport { KBarProvider } from \"kbar\";\n\nfunction MyApp() {\n  return <KBarProvider>// ...</KBarProvider>;\n}\n```\n\nLet's add a few default actions. Actions are the core of kbar – an action define what to execute\nwhen a user selects it.\n\n```tsx\n  const actions = [\n    {\n      id: \"blog\",\n      name: \"Blog\",\n      shortcut: [\"b\"],\n      keywords: \"writing words\",\n      perform: () => (window.location.pathname = \"blog\"),\n    },\n    {\n      id: \"contact\",\n      name: \"Contact\",\n      shortcut: [\"c\"],\n      keywords: \"email\",\n      perform: () => (window.location.pathname = \"contact\"),\n    },\n  ]\n\n  return (\n    <KBarProvider actions={actions}>\n      // ...\n    </KBarProvider>\n  );\n}\n```\n\nNext, we will pull in the provided UI components from kbar:\n\n```tsx\n// app.tsx\nimport {\n  KBarProvider,\n  KBarPortal,\n  KBarPositioner,\n  KBarAnimator,\n  KBarSearch,\n  useMatches,\n  NO_GROUP\n} from \"kbar\";\n\n// ...\n  return (\n    <KBarProvider actions={actions}>\n      <KBarPortal> // Renders the content outside the root node\n        <KBarPositioner> // Centers the content\n          <KBarAnimator> // Handles the show/hide and height animations\n            <KBarSearch /> // Search input\n          </KBarAnimator>\n        </KBarPositioner>\n      </KBarPortal>\n      <MyApp />\n    </KBarProvider>;\n  );\n}\n```\n\nAt this point hitting <kbd>cmd</kbd>+<kbd>k</kbd> (macOS) or <kbd>ctrl</kbd>+<kbd>k</kbd> (Linux/Windows) will animate in a search input and nothing more.\n\nkbar provides a few utilities to render a performant list of search results.\n\n- `useMatches` at its core returns a flattened list of results and group name based on the current\n  search query; i.e. `[\"Section name\", Action, Action, \"Another section name\", Action, Action]`\n- `KBarResults` renders a performant virtualized list of these results\n\nCombine the two utilities to create a powerful search interface:\n\n```tsx\nimport {\n  // ...\n  KBarResults,\n  useMatches,\n  NO_GROUP,\n} from \"kbar\";\n\n// ...\n// <KBarAnimator>\n//   <KBarSearch />\n<RenderResults />;\n// ...\n\nfunction RenderResults() {\n  const { results } = useMatches();\n\n  return (\n    <KBarResults\n      items={results}\n      onRender={({ item, active }) =>\n        typeof item === \"string\" ? (\n          <div>{item}</div>\n        ) : (\n          <div\n            style={{\n              background: active ? \"#eee\" : \"transparent\",\n            }}\n          >\n            {item.name}\n          </div>\n        )\n      }\n    />\n  );\n}\n```\n\nHit <kbd>cmd</kbd>+<kbd>k</kbd> (macOS) or <kbd>ctrl</kbd>+<kbd>k</kbd> (Linux/Windows) and you should see a primitive command menu. kbar allows you to have full control over all\naspects of your command menu – refer to the <a href=\"https://kbar.vercel.app/docs\">docs</a> to get\nan understanding of further capabilities. Looking forward to see what you build.\n\n## Used by\n\nListed are some of the various usages of kbar in the wild – check them out! Create a PR to add your\nsite below.\n\n- [Outline](https://www.getoutline.com/)\n- [zenorocha.com](https://zenorocha.com/)\n- [griko.id](https://griko.id/)\n- [lavya.me](https://www.lavya.me/)\n- [OlivierAlexander.com](https://olivier-alexander-com-git-master-olivierdijkstra.vercel.app/)\n- [dhritigabani.me](https://dhritigabani.me/)\n- [jpedromagalhaes](https://jpedromagalhaes.vercel.app/)\n- [animo](https://demo.animo.id/)\n- [tobyb.xyz](https://www.tobyb.xyz/)\n- [higoralves.dev](https://www.higoralves.dev/)\n- [coderdiaz.dev](https://coderdiaz.dev/)\n- [NextUI](https://nextui.org/)\n- [evm.codes](https://www.evm.codes/)\n- [filiphalas.com](https://filiphalas.com/)\n- [benslv.dev](https://benslv.dev/)\n- [vortex](https://hydralite.io/vortex)\n- [ladislavprix](https://ladislavprix.cz/)\n- [pixiebrix](https://www.pixiebrix.com/)\n- [nfaustino.com](https://nfaustino-com.vercel.app/)\n- [bradleyyeo.com](https://bradleyyeo-com.vercel.app/)\n- [andredevries.dev](https://www.andredevries.dev/)\n- [about-ebon](https://about-ebon.vercel.app/)\n- [frankrocha.dev](https://www.frankrocha.dev/)\n- [cameronbrill.me](https://www.cameronbrill.me/)\n- [codaxx.ml](https://codaxx.ml/)\n- [jeremytenjo.com](https://jeremytenjo.com/)\n- [villivald.com](https://villivald.com/)\n- [maxthestranger](https://code.maxthestranger.com/)\n- [koripallopaikat](https://koripallopaikat.com/)\n- [alexcarpenter.me](https://alexcarpenter.me/)\n- [hackbar](https://github.com/Uier/hackbar)\n- [web3kbar](https://web3kbar.vercel.app/)\n- [burakgur](https://burakgur-com.vercel.app/)\n- [ademilter.com](https://ademilter.com/)\n- [anasaraid.me](https://anasaraid.me/)\n- [daniloleal.co](https://daniloleal.co/)\n- [hyperround](https://github.com/heyAyushh/hyperound)\n\n## Contributing to kbar\n\nContributions are welcome!\n\n### New features\n\nPlease [open a new issue](https://github.com/timc1/kbar/issues) so we can discuss prior to moving\nforward.\n\n### Bug fixes\n\nPlease [open a new Pull Request](https://github.com/timc1/kbar/pulls) for the given bug fix.\n\n### Nits and spelling mistakes\n\nPlease [open a new issue](https://github.com/timc1/kbar/issues) for things like spelling mistakes\nand README tweaks – we will group the issues together and tackle them as a group. Please do not\ncreate a PR for it!\n","readmeFilename":"README.md"}